MediaWiki:Common.css

From Card Hunter Wiki
(Difference between revisions)
Jump to: navigation, search
 
(142 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
div.printfooter { display: none; }
 
div.printfooter { display: none; }
 
/* These should not be here and its here as a quick hack to resolve formatting, push to skin css when possible*/
 
#catlinks, ul#filetoc, table.mw_metadata td { background-color: rgb(24, 24, 24); border-color: rgb(8, 8, 8); }
 
 
/* Large white boxes everywhere are transparent now, push to skin css when possible */
 
code, #p-search input#searchInput, table, table.wikitable, table.wikitable > tbody > tr > th { background:transparent; }
 
  
 
/* New softer colors for readable commonElement links throughout the wiki */
 
/* New softer colors for readable commonElement links throughout the wiki */
Line 16: Line 10:
  
 
/* New softer colors for readable content links in a page */
 
/* 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 { color: rgb(90, 147, 204); }
 
div#content ul li a:visited { color: rgb(50, 131, 204); }
 
div#content ul li a:visited { color: rgb(50, 131, 204); }
Line 22: Line 17:
 
div.vectorTabs li a { color: rgb(90, 147, 204); }
 
div.vectorTabs li a { color: rgb(90, 147, 204); }
  
/* color for links in Navigation and Toolbox *
+
/* 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 { color: rgb(90, 147, 204); }
 
div#mw-panel div.portal div.body ul li a:visited { color: rgb(50, 131, 204); }
 
div#mw-panel div.portal div.body ul li a:visited { color: rgb(50, 131, 204); }
 
/* New color for 'Navigation' and 'Toolbox' text, push to skin css when possible */
 
div#mw-panel div.portal h5 { color: rgb(179, 128, 0); }
 
  
 
/* The garish bright white font everywhere is replaced by this */
 
/* 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); }
 
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 settings */
Line 43: Line 43:
 
.mw-body a.external:visited {color: rgb(50, 131, 204);}
 
.mw-body a.external:visited {color: rgb(50, 131, 204);}
  
.mpcontentbox {
+
/* Content boxes formatting for Main Page */
 +
.chcontentbox {
 
  margin-top:10px;
 
  margin-top:10px;
 
  padding:7px 15px 12px 15px;
 
  padding:7px 15px 12px 15px;
 
  border-radius: 0.5em;
 
  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;
 
}
 
}
  
.mpcontentbox > h3 { border-bottom:1px solid #444; }
+
/*suppress display of TOC auto-numbering*/
.mpcontentbox-table { width:100%; }
+
.noautonum .tocnumber { display: none; }
.mpcontentbox-table td { width:50%; }
+
.bg-darkblue {background:#F0F4FF; border: 1px solid #CFD4E6}
+
.bg-darkgreen {background:#F0FFF5; border: 1px solid #CFE6D6}
+
.bg-darkgray {background:#F0F0F0; border: 1px solid #D9D9D9}
+
.bg-darkred {background:#FFF7F0; border: 1px solid #E6DACF}
+

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