MediaWiki:Common.css
From Card Hunter Wiki
(Difference between revisions)
(183 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | div.printfooter { | + | div.printfooter { display: none; } |
− | + | ||
+ | /* New softer colors for readable commonElement links throughout the wiki */ | ||
+ | a.new:link { color: rgb(166, 50, 50);} | ||
+ | a.new:visited { color: rgb(166, 50, 50); } | ||
+ | a:link { color: rgb(90, 147, 204);} | ||
+ | a:visited { color: rgb(50, 131, 204); } | ||
+ | |||
+ | /* New softer colors for readable content links in a page */ | ||
+ | div#content ul li a.new { color: rgb(166, 50, 50); } | ||
+ | div#content ul li a { color: rgb(90, 147, 204); } | ||
+ | div#content ul li a:visited { color: rgb(50, 131, 204); } | ||
+ | |||
+ | /* color for vectorTabs 'View/Edit/History' */ | ||
+ | div.vectorTabs li a { color: rgb(90, 147, 204); } | ||
+ | |||
+ | /* color for links in Navigation and Toolbox */ | ||
+ | div#mw-panel div.portal div.body ul li a { color: rgb(90, 147, 204); } | ||
+ | div#mw-panel div.portal div.body ul li a:visited { color: rgb(50, 131, 204); } | ||
+ | |||
+ | /* The garish bright white font everywhere is replaced by this */ | ||
+ | html, body, h1, h2, h3, h4, h5, h6, div#content, #p-personal, div#simpleSearch, div#simpleSearch input, #p-search input#searchInput, table.wikitable { color: rgb(224, 224, 224); } | ||
+ | |||
+ | table.diff, td.diff-otitle, td.diff-ntitle { background-color:#062540; } | ||
+ | |||
+ | /* row header background color for semantic search result tables */ | ||
+ | table.wikitable > * > tr > th { background-color:#062540; } | ||
+ | table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { | ||
+ | border:1px solid rgb(24, 24, 24); | ||
} | } | ||
− | /* | + | /* Pre settings */ |
− | + | pre { | |
+ | background:transparent; | ||
+ | color: rgb(224, 224, 224); | ||
+ | white-space:pre-wrap; | ||
+ | word-wrap:break-word; | ||
+ | } | ||
− | + | .mw-body a.external {color: rgb(90, 147, 204);} | |
− | + | .mw-body a.external:visited {color: rgb(50, 131, 204);} | |
− | /* | + | /* Content boxes formatting for Main Page */ |
− | + | .chcontentbox { | |
− | + | margin-top:10px; | |
− | + | padding:7px 15px 12px 15px; | |
+ | border-radius: 0.5em; | ||
+ | height:100%; | ||
} | } | ||
+ | #ch-outer-container {margin-top: -2em} | ||
+ | .chcontentbox > h3 { border-bottom:1px solid #444; border-color: #303030} | ||
+ | .chcontentbox-table { width:100%; } | ||
+ | .chcontentbox-table td { width:50%; } | ||
+ | .bg-darkblue {background:#16181D;} | ||
+ | .bg-darkgreen {background:#161A16;} | ||
+ | .bg-darkgray {background:#181818;} | ||
+ | .bg-darkred {background:#1A1616;} | ||
+ | .bg-darkred, .bg-darkgreen, .bg-darkblue, .bg-darkgray {border-style: none} | ||
− | a { | + | /* ch table style (green) */ |
− | + | .chtable_g { | |
+ | padding: 5px; | ||
+ | background-color: #181818; | ||
+ | border-color: #383838; | ||
+ | font-size: 89%; | ||
+ | margin: 0.5em 0em 1em 0.5em; | ||
+ | } | ||
+ | table.chtable_g th, table.chtable_g tr:not(:first-child) th.outer { | ||
+ | background-color: #003425; /*green*/ | ||
+ | padding: 0 0.5em; | ||
+ | } | ||
+ | table.chtable_g caption { | ||
+ | font-size: 120%; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | table.striped.chtable_g > tbody > tr:nth-child(2n+1) {background-color: #202020} | ||
+ | table.striped> tbody > tr:nth-child(2n+1) {background-color: #282828} | ||
+ | table.chtable_g td.title {background-color: #303030} | ||
+ | table.chtable_g tr:not(:first-child) th { background-color: #003425} /*green*/ | ||
+ | |||
+ | /* ch table style (blue) */ | ||
+ | .chtable_b { | ||
+ | padding: 5px; | ||
+ | background-color: #181818; | ||
+ | border-color: #383838; | ||
+ | font-size: 89%; | ||
+ | margin: 0.5em 0em 1em 0.5em; | ||
+ | } | ||
+ | table.chtable_b th, table.chtable_b tr:not(:first-child) th.outer { | ||
+ | background-color: #002934; /*blue*/ | ||
+ | padding: 0 0.5em; | ||
+ | } | ||
+ | table.chtable_b caption { | ||
+ | font-size: 120%; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | table.striped.chtable_b > tbody > tr:nth-child(2n+1) {background-color: #202020} | ||
+ | /*table.striped> tbody > tr:nth-child(2n+1) {background-color: #282828}*/ | ||
+ | table.chtable_b td.title {background-color: #303030} | ||
+ | table.chtable_b tr:not(:first-child) th { background-color: #002934} /*blue*/ | ||
+ | |||
+ | /* ch table style (red) */ | ||
+ | .chtable_r { | ||
+ | padding: 5px; | ||
+ | background-color: #181818; | ||
+ | border-color: #383838; | ||
+ | font-size: 89%; | ||
+ | margin: 0.5em 0em 1em 0.5em; | ||
+ | } | ||
+ | table.chtable_r th, table.chtable_r tr:not(:first-child) th.outer { | ||
+ | background-color: #660000; /*red*/ | ||
+ | padding: 0 0.5em; | ||
+ | } | ||
+ | table.chtable_r caption { | ||
+ | font-size: 120%; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | table.striped.chtable_r > tbody > tr:nth-child(2n+1) {background-color: #202020} | ||
+ | /*table.striped> tbody > tr:nth-child(2n+1) {background-color: #282828}*/ | ||
+ | table.chtable_r td.title {background-color: #303030} | ||
+ | table.chtable_r tr:not(:first-child) th { background-color: #660000} /*red*/ | ||
+ | |||
+ | /* ch table style (mauve) */ | ||
+ | .chtable_mauve { | ||
+ | padding: 5px; | ||
+ | background-color: #181818; | ||
+ | border-color: #383838; | ||
+ | font-size: 89%; | ||
+ | margin: 0.5em 0em 1em 0.5em; | ||
+ | } | ||
+ | table.chtable_mauve th, table.chtable_mauve tr:not(:first-child) th.outer { | ||
+ | background-color: #663399; /*mauve*/ | ||
+ | padding: 0 0.5em; | ||
+ | } | ||
+ | table.chtable_mauve caption { | ||
+ | font-size: 120%; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | table.striped.chtable_mauve > tbody > tr:nth-child(2n+1) {background-color: #202020} | ||
+ | /*table.striped> tbody > tr:nth-child(2n+1) {background-color: #282828}*/ | ||
+ | table.chtable_mauve td.title {background-color: #303030} | ||
+ | table.chtable_mauve tr:not(:first-child) th { background-color: #663399} /*mauve*/ | ||
+ | |||
+ | /* Semantic wiki gallery formatting from image query */ | ||
+ | li.gallerybox div.thumb { background-color:rgb(32, 32, 32); } | ||
+ | img.thumbborder { border:1px solid rgb(32, 32, 32); } | ||
+ | |||
+ | /* Semantic Special:browse result table formatting */ | ||
+ | table.smwb-factbox, tr.smwb-center, tr.smwb-title, tr.smwb-propvalue th, tr.smwb-propvalue td { background-color:rgb(32, 32, 32); } | ||
+ | table.smwb-factbox { border-left:8px solid rgb(32, 32, 32); } | ||
+ | table.smwb-ifactbox { border-right:8px solid rgb(32, 32, 32); } | ||
+ | tr.smwb-title td {border-bottom:2px solid rgb(32, 32, 32); } | ||
+ | tr.smwb-propvalue th, tr.smwb-propvalue td {border-color:rgb(32, 32, 32); } | ||
+ | |||
+ | /* Semantic factboxes in pages (enabled via __SHOWFACTBOX__) */ | ||
+ | div.smwfact, div.smwfact table, div.smwfact td, div.smwfact tr { background-color:rgb(32, 32, 32); } | ||
+ | #bodyContent span.swmfactboxheadbrowse a {color:rgb(224, 224, 224);} | ||
+ | |||
+ | /* Semantic search 'ask other options' table formatting */ | ||
+ | /* Reminder to self: css settings cannot override inline php generated output, edit SMW_QuerySpecialPage.php to change those colors */ | ||
+ | |||
+ | /* removes bullets from list output in PVP deck lists */ | ||
+ | ul#chdeck { list-style-type:none; list-style-image:none; } | ||
+ | |||
+ | /*tooltip loader*/ | ||
+ | .tooltip-loader { | ||
+ | background-color: rgb(0,21,27); | ||
+ | color: white; | ||
+ | max-width: 25em; | ||
+ | padding:7px 15px; | ||
+ | border-radius: 0.5em; | ||
+ | border:1px solid rgb(0,80,104); | ||
} | } | ||
+ | |||
+ | /*checkbox layout for Item Search Form, do not edit !*/ | ||
+ | label.checkboxLabel { | ||
+ | width: 200px; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
+ | label.radioButtonItem { | ||
+ | width: 200px; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | /*suppress display of TOC auto-numbering*/ | ||
+ | .noautonum .tocnumber { display: none; } |
Latest revision as of 19:10, 7 August 2015
/* CSS placed here will be applied to all skins */ div.printfooter { display: none; } /* New softer colors for readable commonElement links throughout the wiki */ a.new:link { color: rgb(166, 50, 50);} a.new:visited { color: rgb(166, 50, 50); } a:link { color: rgb(90, 147, 204);} a:visited { color: rgb(50, 131, 204); } /* New softer colors for readable content links in a page */ div#content ul li a.new { color: rgb(166, 50, 50); } div#content ul li a { color: rgb(90, 147, 204); } div#content ul li a:visited { color: rgb(50, 131, 204); } /* color for vectorTabs 'View/Edit/History' */ div.vectorTabs li a { color: rgb(90, 147, 204); } /* color for links in Navigation and Toolbox */ div#mw-panel div.portal div.body ul li a { color: rgb(90, 147, 204); } div#mw-panel div.portal div.body ul li a:visited { color: rgb(50, 131, 204); } /* The garish bright white font everywhere is replaced by this */ html, body, h1, h2, h3, h4, h5, h6, div#content, #p-personal, div#simpleSearch, div#simpleSearch input, #p-search input#searchInput, table.wikitable { color: rgb(224, 224, 224); } table.diff, td.diff-otitle, td.diff-ntitle { background-color:#062540; } /* row header background color for semantic search result tables */ table.wikitable > * > tr > th { background-color:#062540; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border:1px solid rgb(24, 24, 24); } /* Pre settings */ pre { background:transparent; color: rgb(224, 224, 224); white-space:pre-wrap; word-wrap:break-word; } .mw-body a.external {color: rgb(90, 147, 204);} .mw-body a.external:visited {color: rgb(50, 131, 204);} /* Content boxes formatting for Main Page */ .chcontentbox { margin-top:10px; padding:7px 15px 12px 15px; border-radius: 0.5em; height:100%; } #ch-outer-container {margin-top: -2em} .chcontentbox > h3 { border-bottom:1px solid #444; border-color: #303030} .chcontentbox-table { width:100%; } .chcontentbox-table td { width:50%; } .bg-darkblue {background:#16181D;} .bg-darkgreen {background:#161A16;} .bg-darkgray {background:#181818;} .bg-darkred {background:#1A1616;} .bg-darkred, .bg-darkgreen, .bg-darkblue, .bg-darkgray {border-style: none} /* ch table style (green) */ .chtable_g { padding: 5px; background-color: #181818; border-color: #383838; font-size: 89%; margin: 0.5em 0em 1em 0.5em; } table.chtable_g th, table.chtable_g tr:not(:first-child) th.outer { background-color: #003425; /*green*/ padding: 0 0.5em; } table.chtable_g caption { font-size: 120%; font-weight: bold; } table.striped.chtable_g > tbody > tr:nth-child(2n+1) {background-color: #202020} table.striped> tbody > tr:nth-child(2n+1) {background-color: #282828} table.chtable_g td.title {background-color: #303030} table.chtable_g tr:not(:first-child) th { background-color: #003425} /*green*/ /* ch table style (blue) */ .chtable_b { padding: 5px; background-color: #181818; border-color: #383838; font-size: 89%; margin: 0.5em 0em 1em 0.5em; } table.chtable_b th, table.chtable_b tr:not(:first-child) th.outer { background-color: #002934; /*blue*/ padding: 0 0.5em; } table.chtable_b caption { font-size: 120%; font-weight: bold; } table.striped.chtable_b > tbody > tr:nth-child(2n+1) {background-color: #202020} /*table.striped> tbody > tr:nth-child(2n+1) {background-color: #282828}*/ table.chtable_b td.title {background-color: #303030} table.chtable_b tr:not(:first-child) th { background-color: #002934} /*blue*/ /* ch table style (red) */ .chtable_r { padding: 5px; background-color: #181818; border-color: #383838; font-size: 89%; margin: 0.5em 0em 1em 0.5em; } table.chtable_r th, table.chtable_r tr:not(:first-child) th.outer { background-color: #660000; /*red*/ padding: 0 0.5em; } table.chtable_r caption { font-size: 120%; font-weight: bold; } table.striped.chtable_r > tbody > tr:nth-child(2n+1) {background-color: #202020} /*table.striped> tbody > tr:nth-child(2n+1) {background-color: #282828}*/ table.chtable_r td.title {background-color: #303030} table.chtable_r tr:not(:first-child) th { background-color: #660000} /*red*/ /* ch table style (mauve) */ .chtable_mauve { padding: 5px; background-color: #181818; border-color: #383838; font-size: 89%; margin: 0.5em 0em 1em 0.5em; } table.chtable_mauve th, table.chtable_mauve tr:not(:first-child) th.outer { background-color: #663399; /*mauve*/ padding: 0 0.5em; } table.chtable_mauve caption { font-size: 120%; font-weight: bold; } table.striped.chtable_mauve > tbody > tr:nth-child(2n+1) {background-color: #202020} /*table.striped> tbody > tr:nth-child(2n+1) {background-color: #282828}*/ table.chtable_mauve td.title {background-color: #303030} table.chtable_mauve tr:not(:first-child) th { background-color: #663399} /*mauve*/ /* Semantic wiki gallery formatting from image query */ li.gallerybox div.thumb { background-color:rgb(32, 32, 32); } img.thumbborder { border:1px solid rgb(32, 32, 32); } /* Semantic Special:browse result table formatting */ table.smwb-factbox, tr.smwb-center, tr.smwb-title, tr.smwb-propvalue th, tr.smwb-propvalue td { background-color:rgb(32, 32, 32); } table.smwb-factbox { border-left:8px solid rgb(32, 32, 32); } table.smwb-ifactbox { border-right:8px solid rgb(32, 32, 32); } tr.smwb-title td {border-bottom:2px solid rgb(32, 32, 32); } tr.smwb-propvalue th, tr.smwb-propvalue td {border-color:rgb(32, 32, 32); } /* Semantic factboxes in pages (enabled via __SHOWFACTBOX__) */ div.smwfact, div.smwfact table, div.smwfact td, div.smwfact tr { background-color:rgb(32, 32, 32); } #bodyContent span.swmfactboxheadbrowse a {color:rgb(224, 224, 224);} /* Semantic search 'ask other options' table formatting */ /* Reminder to self: css settings cannot override inline php generated output, edit SMW_QuerySpecialPage.php to change those colors */ /* removes bullets from list output in PVP deck lists */ ul#chdeck { list-style-type:none; list-style-image:none; } /*tooltip loader*/ .tooltip-loader { background-color: rgb(0,21,27); color: white; max-width: 25em; padding:7px 15px; border-radius: 0.5em; border:1px solid rgb(0,80,104); } /*checkbox layout for Item Search Form, do not edit !*/ label.checkboxLabel { width: 200px; display: block; float: left; } label.radioButtonItem { width: 200px; display: block; float: left; } /*suppress display of TOC auto-numbering*/ .noautonum .tocnumber { display: none; }