MediaWiki:Common.css

From Card Hunter Wiki
(Difference between revisions)
Jump to: navigation, search
 
(54 intermediate revisions by one user not shown)
Line 23: Line 23:
 
/* 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 */
 
/* row header background color for semantic search result tables */
 
table.wikitable > * > tr > th { background-color:#062540; }
 
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 48:
 
  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}
 
#ch-outer-container  {margin-top: -2em}
Line 54: Line 60:
 
.bg-darkred, .bg-darkgreen, .bg-darkblue, .bg-darkgray {border-style: none}
 
.bg-darkred, .bg-darkgreen, .bg-darkblue, .bg-darkgray {border-style: none}
  
  /* ch table style */
+
  /* ch table style (green) */
.chtable {
+
.chtable_g {
 
   padding: 5px;
 
   padding: 5px;
 
   background-color: #181818;
 
   background-color: #181818;
Line 62: Line 68:
 
   margin: 0.5em 0em 1em 0.5em;
 
   margin: 0.5em 0em 1em 0.5em;
 
  }
 
  }
  table.chtable th, table.chtable tr:not(:first-child) th.outer {
+
  table.chtable_g th, table.chtable_g tr:not(:first-child) th.outer {
   background-color: #003425; //#006749;
+
   background-color: #003425; /*green*/
 
   padding: 0 0.5em;
 
   padding: 0 0.5em;
 
  }
 
  }
  table.chtable caption {
+
  table.chtable_g caption {
 
   font-size: 120%;
 
   font-size: 120%;
 
   font-weight: bold;   
 
   font-weight: bold;   
 
  }
 
  }
  table.striped.chtable > tbody > tr:nth-child(2n+1) {background-color: #202020}
+
  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.striped> tbody > tr:nth-child(2n+1) {background-color: #282828}
  table.chtable td.title {background-color: #303030}
+
  table.chtable_g td.title {background-color: #303030}
  table.chtable tr:not(:first-child) th { background-color: #003425}
+
  table.chtable_g tr:not(:first-child) th { background-color: #003425} /*green*/
  
/* Semantic wiki gallery formatting from image query */
+
/* ch table style (blue) */
li.gallerybox div.thumb {
+
.chtable_b {
   background-color:rgb(32, 32, 32);
+
  padding: 5px;
 +
   background-color: #181818;
 +
  border-color: #383838;
 +
  font-size: 89%;
 +
  margin: 0.5em 0em 1em 0.5em;
 
  }
 
  }
  img.thumbborder {
+
  table.chtable_b th, table.chtable_b tr:not(:first-child) th.outer {
   border:1px solid rgb(32, 32, 32);
+
   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