User:Coolwh1pp/hydra.css

/* CSS placed here will affect users of the Hydra skin */ /****************** /* General styles * /******************/ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff'); } body { background: #edeeee; font-family: Montserrat; color: #373737; } div#mw-page-base { background: #141414; padding-top: 80px; height: 1.25em; } /*************** /* Logo styles * /***************/ position: absolute; width: 160px; height: 80px; margin: 0; margin-bottom: 0; padding: 0; } width: 160px; height: 80px; margin: 0; padding: 0; } /***************** /* Header styles * /*****************/ div#mw-head-base { display: none; } div#mw-head { border: none; background: transparent; margin-top: 80px; height: 1.25em; } /************************** /* Article navigation bar * /**************************/ position: static; margin: -2px 0 0 170px; padding: 0; } margin: -2px 0 0 0; padding: 0; } div.vectorTabs { border: none; background: transparent; height: 1.25em; margin: 2px 0 3px 0; padding: 0 0 0 0; } div.vectorTabs ul { border: none; background: transparent; } div.vectorTabs ul li { border: none; background: transparent; text-transform: uppercase; margin: 0; padding: 0; } div.vectorTabs ul li.selected { border: none; background: #fafafa; margin: 0; padding: 0; } div.vectorTabs ul li span, div.vectorTabs ul li.selected span { border: none; background: transparent; } div.vectorTabs li span a { border: none; background: transparent; color: #ffffff; height: 1.25em; line-height: 1.25em; margin: 0; padding: 0 10px; } div.vectorTabs span a:visited { color: #dddddd; } div.vectorTabs li.selected span a { border: none; background: transparent; color: #f58120 !important; } div.vectorTabs span a:hover, div.vectorTabs span a:visited:hover, div.vectorTabs li.selected span a:hover { text-decoration: underline; } div.vectorTabs li.new span a { color: #ffdddd; } div.vectorTabs li.new span a:visited { color: #ddbbbb; } div.vectorTabs li.new.selected span a { border: none; background: transparent; color: #f52121 !important; } div.vectorTabs span a:active { color: #ffcc00; } } div.vectorMenu { border: none; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggeCysW6qcbSwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAkklEQVRIx+3WMQ6AIAwF0I/hilzSntF8F00qUhGkxsEmTRigL7QMBJLwjgkvxI98D4lqnRzqi0aSEwIAEhWQPNslTi2TPaPu3UBIVB4GPwo6ADkyAjoBJeQJVAQspAcyAQAAyatMJGdex7ztM+vUkBpUBe4iObS0AC1IDt0GSJqDrz0Ge8gdg7du1HQm/B+JzyErBASrYy5vd8sAAAAASUVORK5CYII=") no-repeat left center / auto 90%; height: 1.25em; line-height: 1.25em; margin: 2px 0 3px 0; } div#p-cactions { width: 1.25em; padding: 0 16px 0 18px; } div#p-sharing { width: auto; padding: 0 18px 0 16px; } div.vectorMenu h4 { border: none; background: transparent; color: #aaaaaa; text-transform: uppercase; height: 1.25em; line-height: 1.25em; margin: 0 0 0 0 !important; padding: 0 0.3em 0 0.3em !important; } div.vectorMenu h3, div.vectorMenu h5 { border: none; background: transparent; width: 1.25em; height: auto; } div.vectorMenu:hover h3, div.vectorMenu:hover h5 { width: 1.25em; height: auto; } div.vectorMenu h3 a, div.vectorMenu h5 a { border: none; background: transparent; height: 0.89em; } div.vectorMenu div.menu { z-index: 3000; } div.vectorMenu div.menu ul { border: none; background: #141414; margin: 0; padding: 4px 10px; } div#p-cactions div.menu ul { right: -0.5em; } div#p-sharing div.menu ul { left: -1.5em; width: 254px; } div#p-sharing div#socialIconImages a { padding: 7px; } div.vectorMenu div.menu ul li { background: transparent !important; text-transform: uppercase; } div#p-cactions div.menu ul li a { color: #ffffff; margin: 5px 0; padding: 1px 0; } div#p-cactions div.menu ul li a:visited { color: #dddddd; } div#p-cactions div.menu ul li a:active { color: #ffcc00; } position: absolute; top: -60px; right: 20px; height: 38px; line-height: 38px; vertical-align: center; margin: 0 2px; padding: 0; background: none; } line-height: 30px; vertical-align: center; margin-top: 0; margin-bottom: 8px; } } border-radius: 4px; border: 1px solid #dddddd; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075) inset; background: #f9f9f9; color: #222222; padding: 2px 5px; } border: none !important; box-shadow: none !important; } margin: 0; padding: 0; } } border-radius: 4px; border: 1px solid #dddddd; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075) inset; background: #ffffff; color: #222222; padding: 2px 5px; } border-radius: 4px; border: 1px solid #f58120; outline: none; box-shadow: 0 0 4px 0 rgba(245, 129, 32, 0.6) inset; background: #ffffff; color: #222222; padding: 2px 5px; } div.suggestions, html > body div.suggestions { border-radius: 4px; border: 1px solid #dddddd; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075) inset; background: #ffffff; color: #222222; } .suggestions-results { border: none; background: #f9f9f9; color: #222222; } .suggestions-special { border: none; border-top: 1px solid #dddddd; background: #ffffff; color: #222222; } .suggestions-result, .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: #222222; } .suggestions-special .special-label { color: #777777; } .suggestions-result-current .special-label { color: #a9520b; } .suggestions-result-current { background: #f58120 !important; color: #f1e1e1; } .suggestions-result-current .special-query, .suggestions-result-current a.mw-searchSuggest-link, .suggestions-result-current a.mw-searchSuggest-link:hover, .suggestions-result-current a.mw-searchSuggest-link:active, .suggestions-result-current a.mw-searchSuggest-link:focus { color: #411f03; } /********************** /* Site notice styles * /**********************/ } } } border: none; background: transparent; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } /****************** /* Sidebar styles * /******************/ div#mw-panel { top: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 60px; padding-left: 0; padding-right: 0; padding-top: 0; padding-right: 0; width: 160px; overflow: visible; } div#mw-panel div.portal { margin: 0 0 0 0; padding: 0 0 0 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } div#mw-panel div.portal h3, border: none; background: transparent; color: #141414 !important; font-weight: bold !important; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 5px 5px; } div#mw-panel div.portal div.body { border: none; background: none; margin: 0; padding: 0; } div#mw-panel div.portal div.body ul { margin: 0; padding: 1px 0 9px 0; } div#mw-panel div.portal div.body ul li { margin: 0; padding: 2px 0 2px 10px; } div#mw-panel div.portal div.body ul li a { color: #f58120; } div#mw-panel div.portal div.body ul li a:visited { color: #c18555; } div#mw-panel div.portal div.body ul li a:active { color: #298eff; } div#mw-panel.collapsible-nav div#p-socialProfiles.portal, background-image: none; } div#mw-panel div#p-socialProfiles.portal .body { margin-left: 0 !important; } .socialSidebar { width: auto; max-width: 100%; } div.socialLink { margin: 1px 0 1px 0; } /*************** /* Link styles * /***************/ .t-netbar a.new, .t-netbar a.new:link, .t-netbar a.new:visited { color: #c39999 !important; } .t-netbar a:active, .t-footer a:active { color: #ffffff !important; } .t-netbar a.new:hover, .t-netbar a.new:active { color: #ffdddd !important; } a, a:link { color: #f58120; } div#content a:visited, a:visited { color: #c18555; } a.new { color: #f52121 !important; } div#content a.new:visited, a.new:visited { color: #db3b3b !important; } a.stub { color: #0ad60a; } div#content a.stub:visited, a.stub:visited { color: #3da33d; } div#content a.extiw, div#content a.external, div#footer a.external { color: #b7b509; } div#content a.extiw:visited, div#content a.external:visited { color: #8b8a35; } div#footer a.extiw, div#footer a.extiw:visited, div#footer a.external:visited { color: #b0e03b; text-shadow: 1px 1px 1px #555555; } a:active { color: #ffcc00; } /****************** /* Article styles * /******************/ margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; padding-top: 0; padding-left: 160px; padding-right: 0; padding-bottom: 0; } div#content { border: none; background: #fafafa; color: #373737; margin-top: 0; padding: 20px 20px 10px 20px; } div#content #firstHeading { border: none; border-bottom: 1px solid #d1d1d1; font-weight: bold; font-variant: small-caps; color: #f58120; margin: 0 0 5px 0; padding: 0 0 5px 0; } h1, h2, h3, h4, h5, h6 { border: none; font-family: Montserrat; font-weight: bold; color: #373737; margin: 20px 0 8px 0; padding: 0 0 5px 0; } h1, h2 { border-bottom: 1px solid #d1d1d1; } h3, h4 { border-bottom: 1px solid #e6e6e6; } /* Curse profile: Fixes conflict with overflow:auto; on h1 */ div#content div.headline h1 { overflow: visible; } span.editsection { color: #373737; font-weight: normal; } span.editsection a:link { } div#content span.editsection a:active { } div#content span.editsection a:visited { } div#content span.editsection:active:hover:visited { } span.editsection a:hover { } color: #777777; } .toc, border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } .toc td, #toc td { } } div#content #toctitle h2 { border: none; } .toctoggle, #toc .toctoggle { } .toctoggle a, #toc .toctoggle a { } .toctoggle a:hover, #toc .toctoggle a:hover { } hr { border-bottom: 1px solid #d1d1d1; } ul { list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAYAAABhPKSIAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggeCzk6oIsHewAAACtJREFUGNNjYBh0gJGBgYHha6PCfpgAd/0DR0aogAOSwgNM2LQzEW0mVtsBjvcLXbwN1UwAAAAASUVORK5CYII="); } img { } table.wikitable { border: none; background: transparent; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } table.wikitable th, table.wikitable tr th, table.wikitable > tr > th, table.wikitable > * > tr > th { border: 1px solid #d1d1d1; background: #edeeee; color: #373737; } table.wikitable td, table.wikitable tr td, table.wikitable > tr > td, table.wikitable > * > tr > td { border: 1px solid #d1d1d1; background: transparent; } table.jquery-tablesorter th.headerSort { } table.jquery-tablesorter th.headerSortDown { } table.jquery-tablesorter th.headerSortUp { } ul.gallery { } li.gallerybox { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } li.gallerybox div.thumb { border: none; background: #fafafa; color: #373737; } div.gallerytext { text-align: center; } .thumb { border: none; background: transparent; } .thumb.tleft { margin: 0 20px 10px 0; } .thumb.tright { margin: 0 0 10px 20px; } div.thumbinner { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 5px !important; } html .thumbimage { border: none; background: transparent; color: #373737; } .thumbcaption { } .gallerytext p, .thumbcaption { } .toggle { } .sn-small { } sub, sup a { } sup.reference { } pre, .mw-code, code { border: 1px dashed #d1d1d1; border-radius: 4px; background: #edeeee; color: #373737; white-space: pre-wrap; word-wrap: break-word; } pre code { border: 0; } pre + pre, div.mw-code + div.mw-code { margin-top: -1px; } border: none; background: #edeeee; color: #373737; margin: 10px 0 10px 0; padding: 3px 6px; } display: inline-block; border-left: 1px solid #373737; } border-left: none; } /******************** /* Interface styles * /********************/ input, select, textarea { border: 1px solid #dddddd; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075) inset; background: #f9f9f9; color: #222222; padding: 4px; } .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]) { border: 1px solid #dddddd; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075) inset; background: #f9f9f9; color: #222222; padding: 4px; } input, select { font-family: Montserrat; } input:focus, select:focus, textarea:focus, .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):hover, .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):focus { border: 1px solid #f58120; outline: none; box-shadow: 0 0 4px 0 rgba(245, 129, 32, 0.6) inset; background: #ffffff; color: #222222; padding: 4px; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { } button, input[type="submit"], input[type="button"], input[type="reset"], .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary { border: 1px solid #ee7613; box-shadow: 0px 1px rgba(255, 255, 255, 0.25) inset !important; background: #f37c23; font-family: Montserrat; text-transform: uppercase; color: #ffffff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); padding: 0 0.5em; } button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-primary:hover { background: #f4832f; color: #ffffff; } button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-primary:active { background: #db620c; box-shadow: 0px 0px 3px #f4832f inset; 0px 1px rgba(0, 0, 0, 0.25) inset; color: #ffffff; } .mw-ui-vform label { color: #373737; } a.cta-button, a:link.cta-button, a:visited.cta-button { color: #000000; } div#content div.premium-info h3, div#content div.premium-info h4 { border: none; color: inherit; margin: 0; overflow: hidden } /* Fix for whitespace appearing beneath footer */ overflow: hidden; } .usermessage { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } .mw-notification { border: none; background: #edeeee; color: #373737; margin: 0 0 0 0; padding: 6px; } div#content fieldset { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } div#content fieldset legend { font-weight: bold; margin: 0 0 8px 0; padding: 0; } .mw-plusminus-null { color: #777777; } .mw-plusminus-pos { color: #005600; } .mw-plusminus-neg { color: #ae0000; } .autocomment { color: #777777; } .mw-search-formheader { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } .mw-search-formheader div.search-types ul li.current a { color: #000000; } margin: 1px 0; padding: 1px !important; } border: none; background: #edeeee; color: #373737; margin: 1px 0; padding: 1px !important; } table.diff { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } td.diff-otitle, td.diff-ntitle { } td.diff-addedline { } td.diff-deletedline { } td.diff-context { } .diffchange { } fieldset#mw-searchoptions { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } fieldset#mw-searchoptions h4 { border: none; background: #edeeee; color: #373737; margin: 0 0 8px 0; padding: 0 0 5px 0; } fieldset#mw-searchoptions div.divider { border-bottom: 1px solid #d1d1d1; } div#preferences { border: none; background: transparent; margin: 0; padding: 0; } div#preferences fieldset { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } div#preferences fieldset legend { font-weight: bold; margin: 0 0 8px 0; padding: 0; } div#preferences fieldset fieldset { border: none; background: #edeeee; color: #373737; margin: 5px; padding: 10px; } div#preferences fieldset fieldset legend { font-weight: bold; margin: 0 0 8px 0; padding: 0; } color: #777777; } border: none; background: #edeeee; color: #373737; } border: none; background: transparent; } border: none; background: transparent; } border: none; background: transparent; color: #f58120; height: 25px; line-height: 25px; padding: 3px 0 0 0; margin: 0 4px; } color: #f58120; } border: none; background: transparent; font-weight: bold; color: #000000; } color: #ffcc00; text-decoration: none; } ul#filetoc { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } table.mw_metadata { border: none; background: transparent; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } table.mw_metadata th { border: 1px solid #d1d1d1; background: #edeeee; color: #373737; } table.mw_metadata td { border: 1px solid #d1d1d1; background: transparent; color: #373737; } .mw-datatable { border: none; background: transparent; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } .mw-datatable th { border: 1px solid #d1d1d1; background: #edeeee; color: #373737; } .mw-datatable td { border: 1px solid #d1d1d1; background: transparent; color: #373737; } .mw-datatable tr:hover td { background: #d1d1d1; } border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } .tableWrapper { overflow: visible; } table.smwtable { border: 1px solid #999999; background: transparent; color: #373737; margin: 0 0 10px 0; padding: 0; } table.smwtable th { border: 1px solid #d1d1d1; background: #edeeee; color: #373737; margin: 0; padding: 0 3px 3px 3px; } table.smwtable td { border: 1px solid #d1d1d1; background: transparent; color: #373737; margin: 0; padding: 0 3px 3px 3px; } .smwfact { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 8px 5px 8px; } .smwfact a { color: #f58120; } .smwfact a:visited { color: #c18555; } .smwfact a:hover { color: #f58120; } .smwfact a:visited:hover { color: #c18555; } .smwfact a:active, .smwfact a:visited:active { color: #ffcc00; } color: #777777; } .smwfacttable { border: none !important; background: transparent !important; } div.smwfact table { border: none; background: transparent; } div.smwfact tr { border: none; background: transparent; } div.smwfact td { border: none; background: transparent; } .smw-ask-options table, .smw-ask-options table tr, .smw-ask-options table tr td { border: none !important; background: transparent !important; } div#content fieldset.smw-ask-options legend { padding-left: 20px; } .ui-widget-content, .ui-menu { border: none; background: #edeeee; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } .ui-menu-item, .ui-menu-item a, .ui-widget-content a { } .ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-hover a, .ui-menu .ui-state-hover, .ui-menu .ui-state-hover a { } table.mw-abuselog-details { border: none; background: transparent; color: #373737; margin: 0 0 10px 0; padding: 3px 6px; } table.mw-abuselog-details tr th { border: 1px solid #d1d1d1; background: #edeeee; color: #373737; } table.mw-abuselog-details tr td { border: 1px solid #d1d1d1; background: transparent; color: #373737; } .mw-abusefilter-history-changed { } /***************** /* Footer styles * /*****************/ div#footer { background: transparent; color: #373737; margin: 0 0 0 0; padding: 10px 20px 10px 10px; overflow: hidden; } div#footer ul li { color: #373737; } /* 1.23 fixes */ padding-top: 15px; } /* Fix for legends in special pages */ div#content fieldset legend:first-child { padding-top: 20px !important; margin-bottom: 2px; }
 * 1) p-logo {
 * 1) p-logo a {
 * 1) left-navigation {
 * 1) right-navigation {
 * 1) p-views {
 * 1) p-search {
 * 1) p-search form {
 * 1) p-search input {
 * 1) p-search div#simpleSearch {
 * 1) p-search div#simpleSearch button,
 * 2) p-search div#simpleSearch input {
 * 1) p-search div#simpleSearch button#searchButton {
 * 1) p-search div#simpleSearch button#searchButton img {
 * 1) searchInput {
 * 1) searchInput:focus {
 * 1) mw-dismissable-notice {
 * 1) mw-dismissable-notice td > a {
 * 1) mw-dismissable-notice td > a:hover {
 * 1) localNotice {
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal h3 a:visited,
 * 3) mw-panel.collapsible-nav .portal.collapsed h3 a,
 * 4) mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
 * 1) mw-panel.collapsible-nav #p-sitePromos.portal {
 * 1) pageWrapper {
 * 1) contentSub {
 * 1) toc {
 * 1) toctitle {
 * 1) catlinks {
 * 1) catlinks li {
 * 1) catlinks li:first-child {
 * 1) mw-createaccount-join,
 * 1) mw-createaccount-join:hover,
 * 1) mw-createaccount-join:active,
 * 1) editform {
 * 1) pagehistory li {
 * 1) pagehistory li.selected {
 * 1) preferences td.htmlform-tip {
 * 1) preftoc {
 * 1) preftoc ul {
 * 1) preftoc li {
 * 1) preftoc li a {
 * 1) preftoc li a:visited {
 * 1) preftoc li.selected a {
 * 1) preftoc li a:active {
 * 1) other_options div {
 * 1) bodyContent span.rdflink a,
 * 2) bodyContent span.rdflink a:hover {
 * 1) ca-watch.icon a,
 * 2) ca-unwatch.icon a {