User:Ferretwings/common.css


 * root {/* most (if not all) of these colors come from the Stonehearth website https://discourse.stonehearth.net/ */

/* the numbers added to color variable names signify brightness (the higher the number, the lighter the color) */ --primary: #222;/*"--primary" hsl(0, 0%, 13%)#f57900*/ --themed-text-color: #333;/*"--header_primary" hsl(0, 0%, 20%)*/ --gray-65: #a6a6a6;/*"--secondary-high" hsl(0, 0%, 65%)*/ --plusminus-null: #e9e9e9;/*"--primary-low" hsl(0, 0%, 91%)*/ --plusminus-neg: #8b0000; --plusminus-pos: #006400; --teal: #377c77;/*banner "top-navbar" background- rgb(55, 124, 119),hsl(176, 39%, 35%)*/ --teal-rbg: 55, 124, 119; --teal-15: #173533;/*hsl(176, 39%, 15%)*/ --teal-20: #1f4744;/*hsl(176, 39%, 20%)*/ --teal-25: #275955; /*hsl(176, 39%, 25%)*/ --teal-25-rgb: 39, 89, 85; --teal-50: #4eb1ab;/*hsl(176, 39%, 50%)*/ --teal-ig-24: #314A47;/*in-game outer background color*/ --teal-ig-14: #202427;/*in-game border color*/ --tan-ig-40: #80564A;/*in-game border color*/ --maroon-ig-18: #5C0100;/*in-game button color*/ --tan-ig-55: #B19766;/*in-game background1*/ --tan-ig-51: #A78D5C;/*in-game background2*/ --tan-ig-39: #7D5E4C;/*in-game decoration*//*tan-ig-56:B7A167,slate-ig-42:656F71*/ --tan-ig-27: #574133;/*in-game selectionbox background color*/ --teal-shadow:/*same color as redlink-color using rgba, used to make font a bit bolder but not "bold"*/ -.3px -.3px .01px rgba(var(--teal-25-rgb), 0.3), .3px -.3px .01px rgba(var(--teal-25-rgb), 0.3), -.3px .3px .01px rgba(var(--teal-25-rgb), 0.3), .3px .3px .01px rgba(var(--teal-25-rgb), 0.3); --orange-dark: #e45735;/*active button background, non-active button :hover color "--quaternary"*/ --orange-dark-rgb: 228, 87, 53; --orange-light: #f7cdc2;/*non-active button :hover background "--quaternary-low"*/ --tan: #9b7d50;/*rgb(155, 125, 80), hsl(36, 32%, 46%); website tan (.heatmap-low) #9b764f, hsl(31, 32%, 46%) -hue changed to better fit for the wiki skin*/ --tan-font: #c8b393;/*hsl(36, 32%, 68%)*/ --tan-dark: #a88857;/*hsl(36, 32%, 50%)*/ --tan-dark-rgb: 168,136,87;/*#a88857*/ --tan-light: #d2c1a7;/*hsl(36, 32%, 74%)*/ --tan-light-rgb: 210, 193, 167;/*#d2c1a7*/ /*the following colors are used to create the link coloring*/ --gold: #ffd700; --gold-rgb: 255, 215, 0; --gold-dark: #342a15;/* from logo */ --gold-dark-rgb: 52, 42, 21; --orangeRed-dk: #7b1b00;/* from logo */ --orangeRed-dk-rgb: 123,27,0; --orangeRed-lt: #c03800;/* from logo */ --orangeRed-lt-rgb: 192,56,0; --olive: #1f2417;/* from logo */ --olive-rgb: 31,36,23; --link-shadow: -3px -.5px 7px rgba(var(--gold-dark-rgb),.01), 3px -.5px 7px rgba(var(--gold-dark-rgb),.01), -.5px -.5px 4px rgba(var(--orangeRed-dk-rgb),.03), .5px -.5px 4px rgba(var(--orangeRed-dk-rgb),.03), -1px -1px .27px rgba(var(--orangeRed-dk-rgb),.3), 1px -1px .27px rgba(var(--orangeRed-dk-rgb),.3), -1px 1px .27px rgba(var(--orangeRed-lt-rgb),.3), 1px 1px .27px rgba(var(--orangeRed-lt-rgb),.3), -.5px .5px 4px rgba(var(--orangeRed-lt-rgb),.03), .5px .5px 4px rgba(var(--orangeRed-lt-rgb),.03), -3px .5px 7px rgba(var(--olive-rgb),.01), 3px .5px 7px rgba(var(--olive-rgb),.01); --redlink-color: #b81919;/*#c51b1b;/* "--danger-hover" #c63c1b (rgb(198, 60, 27),hsl(12, 76%, 44%)) - hue changed to 0*/ --redlink-rgb: 184, 25, 25;/*#b81919, hsl(0, 76%, 41%)*/ --redlink-shadow:/*same color as redlink-color using rgba, used to make font a bit bolder but not "bold"*/ -.3px -.3px .01px rgba(var(--redlink-rgb), 0.3), .3px -.3px .01px rgba(var(--redlink-rgb), 0.3), -.3px .3px .01px rgba(var(--redlink-rgb), 0.3), .3px .3px .01px rgba(var(--redlink-rgb), 0.3); --warning-shadow: -.1px -.1px 1.5px rgba(var(--gold-rgb), 0.9), .1px -.1px 1.5px rgba(var(--gold-rgb), 0.9), -.1px .1px 1.5px rgba(var(--gold-rgb), 0.9), .1px .1px 1.5px rgba(var(--gold-rgb), 0.9), -1.2px -1.2px .01px rgba(var(--orange-dark-rgb), 0.9), 1.2px -1.2px .01px rgba(var(--orange-dark-rgb), 0.9), -1.2px 1.2px .01px rgba(var(--orange-dark-rgb), 0.9), 1.2px 1.2px .01px rgba(var(--orange-dark-rgb), 0.9); }

a.new, #p-personal a.new, #pagehistory a.new, .previewnote { color: var(--redlink-color); }

a.new, #p-personal a.new, #pagehistory a.new { text-shadow: var(--redlink-shadow); } div.vectorTabs li.selected span a { color: var(--tan-font) !important;/*important should only be used sparingly, or better yet, not at all*/ } .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement:not(#mw-editform-cancel) > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { text-shadow: none; }

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--orange-dark); border-color: var(--orange-dark); color: #fff; }

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--orange-dark); border-color: var(--orange-dark); color: var(--themed-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active).oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active).oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active).oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: var(--orange-light); border-color: var(--orange-light); color: var(--orange-dark); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget > .oo-ui-buttonElement-button { text-shadow: none; } .mw-diff-movedpara-left, .mw-diff-movedpara-right, .mw-diff-movedpara-left:visited, .mw-diff-movedpara-right:visited, .mw-diff-movedpara-left:active, .mw-diff-movedpara-right:active { text-shadow: none; } div.menu ul li a { text-shadow: none; }
 * 1) mw-panel h3 a,

color: var(--primary); font-weight: bolder; text-shadow: 0px 0px .5px rgba(var(--teal-rbg), .7), 0px 0px .8px rgba(var(--teal-rbg), .75); }
 * 1) mw-panel li a {

.stonehearth { background: linear-gradient(to bottom, var(--teal-50) 0%, var(--teal) 25%, var(--teal-20) 80%, var(--teal-15) 95%); }

.mw-ui-button { text-shadow: none; }

font-weight: bolder; }
 * 1) contentSub, .mw-checkbox-toggle-controls, .globalNotice .mw-parser-output a {

background-image: url(/extensions/CollapsibleVector/modules/images/arrow-collapsed-ltr.png?93349); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3C%21-- Created with Inkscape %28http://www.inkscape.org/%29 --%3E %3Csvg xmlns:dc=%22http://purl.org/dc/elements/1.1/%22 xmlns:cc=%22http://creativecommons.org/ns%23%22 xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22 xmlns:svg=%22http://www.w3.org/2000/svg%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:sodipodi=%22http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd%22 xmlns:inkscape=%22http://www.inkscape.org/namespaces/inkscape%22 width=%2216%22 height=%2216%22 id=%22svg2%22 version=%221.1%22 inkscape:version=%220.48.5 r10040%22 sodipodi:docname=%22arrow-collapsed-ltr.svg%22%3E %3Cdefs id=%22defs4%22 /%3E %3Csodipodi:namedview id=%22base%22 pagecolor=%22%23ffffff%22 bordercolor=%22%23666666%22 borderopacity=%221.0%22 inkscape:pageopacity=%220.0%22 inkscape:pageshadow=%222%22 inkscape:zoom=%2232.38%22 inkscape:cx=%226.8257888%22 inkscape:cy=%228.9115288%22 inkscape:document-units=%22px%22 inkscape:current-layer=%22layer1%22 showgrid=%22false%22 inkscape:window-width=%221366%22 inkscape:window-height=%22705%22 inkscape:window-x=%22-8%22 inkscape:window-y=%22-8%22 inkscape:window-maximized=%221%22 /%3E %3Cmetadata id=%22metadata7%22%3E %3Crdf:RDF%3E %3Ccc:Work rdf:about=%22%22%3E %3Cdc:format%3Eimage/svg%2Bxml%3C/dc:format%3E %3Cdc:type rdf:resource=%22http://purl.org/dc/dcmitype/StillImage%22 /%3E %3Cdc:title%3E%3C/dc:title%3E %3C/cc:Work%3E %3C/rdf:RDF%3E %3C/metadata%3E %3Cg inkscape:label=%22Layer 1%22 inkscape:groupmode=%22layer%22 id=%22layer1%22%3E %3Cpath d=%22m 6.001%2C2.998 5.001%2C5 -5.001%2C5 z%22 id=%22path2997%22 inkscape:connector-curvature=%220%22 style=%22fill:%23666%22 /%3E %3C/g%3E %3C/svg%3E");/* old fill was 797979*/ }
 * 1) mw-panel.collapsible-nav .portal.collapsed h3 {

background-image: url(/extensions/CollapsibleVector/modules/images/arrow-expanded.png?e9345); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3C%21-- Created with Inkscape %28http://www.inkscape.org/%29 --%3E %3Csvg xmlns:dc=%22http://purl.org/dc/elements/1.1/%22 xmlns:cc=%22http://creativecommons.org/ns%23%22 xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22 xmlns:svg=%22http://www.w3.org/2000/svg%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:sodipodi=%22http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd%22 xmlns:inkscape=%22http://www.inkscape.org/namespaces/inkscape%22 width=%2216%22 height=%2216%22 id=%22svg2%22 version=%221.1%22 inkscape:version=%220.48.5 r10040%22 sodipodi:docname=%22arrow-expanded.svg%22%3E %3Cdefs id=%22defs4%22 /%3E %3Csodipodi:namedview id=%22base%22 pagecolor=%22%23ffffff%22 bordercolor=%22%23666666%22 borderopacity=%221.0%22 inkscape:pageopacity=%220.0%22 inkscape:pageshadow=%222%22 inkscape:zoom=%2232.38%22 inkscape:cx=%2211.605029%22 inkscape:cy=%2211.06141%22 inkscape:document-units=%22px%22 inkscape:current-layer=%22layer1%22 showgrid=%22false%22 inkscape:window-width=%221366%22 inkscape:window-height=%22705%22 inkscape:window-x=%22-8%22 inkscape:window-y=%22-8%22 inkscape:window-maximized=%221%22 /%3E %3Cmetadata id=%22metadata7%22%3E %3Crdf:RDF%3E %3Ccc:Work rdf:about=%22%22%3E %3Cdc:format%3Eimage/svg%2Bxml%3C/dc:format%3E %3Cdc:type rdf:resource=%22http://purl.org/dc/dcmitype/StillImage%22 /%3E %3Cdc:title%3E%3C/dc:title%3E %3C/cc:Work%3E %3C/rdf:RDF%3E %3C/metadata%3E %3Cg inkscape:label=%22Layer 1%22 inkscape:groupmode=%22layer%22 id=%22layer1%22%3E %3Cpath inkscape:connector-curvature=%220%22 d=%22m 13.002%2C6.001 -5%2C5.001 -5%2C-5.001 z%22 id=%22path2997%22 style=%22fill:%23666%22/%3E %3C/g%3E %3C/svg%3E"); }
 * 1) mw-panel.collapsible-nav .portal h3 {

.tocnumber { text-shadow: none; } .toctext { color: var(--teal-25); text-shadow: var(--teal-shadow); } .wikitable a { color: var(--teal); text-shadow: none; }

/*.wikitable a.new { color: #ba0000; } .mw-plusminus-null { color: var(--plusminus-null); } .mw-plusminus-neg { color: var(--plusminus-neg); } .mw-plusminus-pos { color: var(--plusminus-pos); } .mw-special-Recentchanges #bodyContent a { text-shadow: none; }

/*.mw-changeslist a.new { color: #ba0000; }*/

.mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed { background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.png?9fdfe); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath d=%22M4 1.533v9.671l4.752-4.871z%22 fill=%22%2361656b%22/%3E %3C/svg%3E");/* old fill was 72777d */ } .mw-icon-arrow-expanded, .mw-collapsible-arrow.mw-collapsible-toggle-expanded { background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.png?39834); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath d=%22M1.165 3.624h9.671L5.965 8.376z%22 fill=%22%2361656b%22/%3E %3C/svg%3E"); }


 * not(.mw-highlight) > pre,

code { background-color: rgba(var(--tan-light-rgb),.7);/*rgba(255, 255, 255,.4)*/ border: none; }

background-color: rgba(var(--tan-light-rgb),.65); }	border:none; }
 * 1) pagehistory {
 * 1) pagehistory li {

border-bottom: 1px solid var(--gray-65); } .mw-changeslist a, .mw-changeslist a:visited, .mw-contributions-list a, div#content .mw-contributions-list a:visited, ul#pagehistory li a, ul#pagehistory li a:visited, ul#pagehistory li a.mw-changeslist-date, .mw-logline-create a, div#content .mw-logline-create a, .mw-specialpages-list a, div#content .mw-specialpages-list a:visited, .mw-spcontent .special a, div#content .mw-spcontent .special a { color: var(--teal-25); text-shadow: var(--teal-shadow); } .mw-changeslist a:active, .mw-changeslist a:hover, .mw-changeslist a:visited:hover, .mw-contributions-list a:active, .mw-contributions-list a:hover, div#content .mw-contributions-list a:visited:hover, ul#pagehistory li a:active, ul#pagehistory li a:hover, ul#pagehistory li a:visited:hover, ul#pagehistory li a.mw-changeslist-date:hover, .mw-logline-create a:active, .mw-logline-create a:hover, div#content .mw-logline-create a:active, div#content .mw-logline-create a:hover, .mw-specialpages-list a:active, .mw-specialpages-list a:hover, div#content .mw-specialpages-list a:active, div#content .mw-specialpages-list a:hover, .mw-spcontent .special a:active, .mw-spcontent .special a:hover, div#content .mw-spcontent .special a:active, div#content .mw-spcontent .special a:hover { color: var(--gold); text-shadow: var(--link-shadow); }
 * 1) pagehistory li:not(:last-child) {

/*#pagehistory li a.new, #pagehistory li.selected a.new { color: #ba0000; textshadow: none; }

color: var(--primary); background-color: rgba(var(--tan-dark-rgb),.5); } .mw-contributions-list, .mw-logline-create { background-color: rgba(var(--tan-light-rgb),.4); }
 * 1) pagehistory li.selected {

a, a:active, a:hover, a:visited, a:visited:hover, div#content a:visited, div#content a:visited:hover, div#content a.extiw, div#content a.external, div#content a.extiw:visited, div#content a.external:visited, div#content a.extiw:hover, div#content a.external:hover, div#content a.extiw:visited:hover, div#content a.external:visited:hover, ul#pagehistory li .comment a /*#pagehistory li.selected a*/ { color: var(--gold); text-shadow: var(--link-shadow); /*-3px -.5px 7px rgba(var(--gold-dark-rgb),.01), 3px -.5px 7px rgba(var(--gold-dark-rgb),.01), -.5px -.5px 4px rgba(var(--orangeRed-dk-rgb),.03), .5px -.5px 4px rgba(var(--orangeRed-dk-rgb),.03), -1px -1px .27px rgba(var(--orangeRed-dk-rgb),.3), 1px -1px .27px rgba(var(--orangeRed-dk-rgb),.3), -1px 1px .27px rgba(var(--orangeRed-lt-rgb),.3), 1px 1px .27px rgba(var(--orangeRed-lt-rgb),.3), -.5px .5px 4px rgba(var(--orangeRed-lt-rgb),.03), .5px .5px 4px rgba(var(--orangeRed-lt-rgb),.03), -3px .5px 7px rgba(var(--olive-rgb),.01), 3px .5px 7px rgba(var(--olive-rgb),.01); /*-.5px -.5px rgba(52,42,21,.4), .5px -.5px rgba(52,42,21,.4), -.4px -.4px rgba(123,27,0,.4), .4px -.4px rgba(123,27,0,.4), -.4px .4px rgba(192,56,0,.4), .4px .4px rgba(192,56,0,.4), -.5px .5px rgba(31,36,23,.4), .5px .5px rgba(31,36,23,.4);*/ /*-.75px -.75px rgba(52,42,21,.4), .75px -.75px rgba(52,42,21,.4), -.5px -.5px rgba(123,27,0,.4), .5px -.5px rgba(123,27,0,.4), -.5px .5px rgba(192,56,0,.4), .5px .5px rgba(192,56,0,.4), -.75px .75px rgba(31,36,23,.4), .75px .75px rgba(31,36,23,.4)*/ } div.thumbinner { border: 1px solid rgba(var(--tan-light-rgb),.7); background-color: rgba(var(--tan-light-rgb),.7); }

div#footer ul li a,	text-shadow: none; }   color: var(--teal-20); } .warning { color: var(--orange-dark); text-shadow: var(--warning-shadow); } .documentaion { clear: both; border: 1px solid black; margin: 1em; } .documentation .header { background: #ddd; color: #111; padding: 1em; margin: 0; } .documentation .footer { clear: both; background: #ddd; color: #111; padding: 0.5em; margin: 0; font-size: 85%; text-align: right; }
 * 1) catlinks a,
 * 2) catlinks a:visited {
 * 1) catlinks ul a, #catlinks ul a:visited {