MediaWiki:Common.css

From Card Hunter Wiki
(Difference between revisions)
Jump to: navigation, search
 
(181 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; }
    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);
 
}
 
}
  
/* quick fix for darker red links problem */
+
/* Pre settings */
a.new { color: #F05048; }
+
pre {
 +
    background:transparent;
 +
    color: rgb(224, 224, 224);
 +
    white-space:pre-wrap;
 +
    word-wrap:break-word;
 +
}
  
/* Default tables are white; white is bad. */
+
.mw-body a.external {color: rgb(90, 147, 204);}
table { background-color: transparent; }
+
.mw-body a.external:visited {color: rgb(50, 131, 204);}
  
/* This should not be here and its here as a quick hack to resolve catlink formatting, push to skin css when possible*/
+
/* Content boxes formatting for Main Page */
#catlinks {
+
.chcontentbox {
    background-color: rgb(24, 24, 24);
+
margin-top:10px;
    border-color: rgb(8, 8, 8);
+
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; }

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; }
      
Personal tools
Namespaces

Variants
Actions
Navigation
Tools