Difference between revisions of "MediaWiki:Common.css"

From EncyclopAtys

Jump to: navigation, search
Line 1: Line 1:
βˆ’
/* CSS placed here will be applied to all skins */
+
/***** CSS placed here will be applied to all skins on the entire site. *****/
βˆ’
/*<nowiki>*/
 
βˆ’
/* TOC display level limiter, will only display the TOC up to level N */
 
βˆ’
.toc1 li.toclevel-2,
 
βˆ’
.toc1 li.toclevel-3, .toc2 li.toclevel-3,
 
βˆ’
.toc1 li.toclevel-4, .toc2 li.toclevel-4, .toc3 li.toclevel-4,
 
βˆ’
.toc1 li.toclevel-5, .toc2 li.toclevel-5, .toc3 li.toclevel-5, .toc4 li.toclevel-5,
 
βˆ’
.toc1 li.toclevel-6, .toc2 li.toclevel-6, .toc3 li.toclevel-6, .toc4 li.toclevel-6, .toc5 li.toclevel-6
 
βˆ’
{ display: none; }
 
  
βˆ’
/* hidden elements */
+
/* Mark redirects in Special:Allpages and Special:Watchlist */
βˆ’
.hide
+
.allpagesredirect {
βˆ’
{ display: none; }
+
  font-style: italic;
 +
}
 +
.allpagesredirect:after {
 +
  color: #808080; content: " (redirect)"
 +
}
 +
.watchlistredir {
 +
  font-style: italic;
 +
}
  
βˆ’
/* list elements without bullets */
+
/* Giving headers and TOC a little extra space */
βˆ’
.hidelist ul
+
h2 {
βˆ’
{ list-style: none none; padding: 0; margin: 0; }
+
  margin-top: 20px;
βˆ’
.hidelist p
+
}
βˆ’
{ font-style: italic; margin: 0em 0em 0.2em; }
+
.toc {
βˆ’
.hidelist p + ul
+
  margin-top: 20px;
βˆ’
{ margin-bottom: 0.5em; }
+
}
  
 +
/* Infobox template style */
 +
.infobox {
 +
  border: 1px solid #aaaaaa;
 +
  background-color: #f9f9f9;
 +
  color: black;
 +
  margin-bottom: 0.5em;
 +
  margin-left: 1em;
 +
  padding: 0.2em;
 +
  float: right;
 +
  clear: right;
 +
}
 +
.infobox td,
 +
.infobox th {
 +
  vertical-align: top;
 +
}
 +
.infobox caption {
 +
  font-size: larger;
 +
  margin-left: inherit;
 +
}
 +
.infobox.bordered {
 +
  border-collapse: collapse;
 +
}
 +
.infobox.bordered td,
 +
.infobox.bordered th {
 +
  border: 1px solid #aaaaaa;
 +
}
 +
.infobox.bordered .borderless td,
 +
.infobox.bordered .borderless th {
 +
  border: 0;
 +
}
  
βˆ’
/* Infobox templates */
+
/* Forum formatting (by -Algorithm & -Splaka) */
βˆ’
div.infobox
+
.forumheader {
βˆ’
{ float: right; font-size: 0.9em; border: 1px solid silver; background: #FFF;
+
  border: 1px solid #aaa;
βˆ’
  margin: 0em 0em 0.5em 0.5em; padding: 2px 2px 0px 2px; }
+
  margin-top: 1em;
βˆ’
div.infobox p
+
  padding: 12px;
βˆ’
{ clear: both; text-align: center; margin: 0.5em; }
+
}
βˆ’
div.infobox p.heading
+
.forumlist td.forum_edited a {
βˆ’
{ padding: 5px; margin: 0; font-weight: bold; background: silver; font-size: 1.1em; }
+
  color: black;
βˆ’
div.infobox p.subheading
+
  text-decoration: none;
βˆ’
{ padding: 5px; margin: 0; font-weight: bold; background: silver; }
+
}
βˆ’
div.infobox div
+
.forumlist td.forum_title a {
βˆ’
{ padding: 0; margin: 0; }
+
  padding-left: 20px;
βˆ’
div.infobox dl
+
}
βˆ’
{ padding: 0; margin: 0; clear: both; }
+
.forumlist td.forum_title a.forum_new {
βˆ’
div.infobox dt
+
  font-weight: bold;
βˆ’
{ float: left; clear: both; margin: 0 10px 0 0; padding: 5px; background: silver; width: 45%; *padding: 4px 5px; }
+
  background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
βˆ’
div.infobox dd
+
  padding-left: 20px;
βˆ’
{ line-height: inherit; margin: 0 0 2px; padding: 5px 0; height: 19px; }
+
}
 +
.forumlist td.forum_title a.forum_new:visited {
 +
  font-weight: normal;
 +
  background: none;
 +
  padding-left: 20px;
 +
}
 +
.forumlist th.forum_title {
 +
  padding-left: 20px;
 +
}
  
βˆ’
table.infobox
+
/* Recent changes byte indicators */
βˆ’
{ float: right; font-size: 0.9em; border: 1px solid silver; background: #FFF;
+
.mw-plusminus-pos {
βˆ’
  margin: 0em 0em 0.5em 0.5em; }
+
  color: #006500;
βˆ’
table.infobox th
+
}
βˆ’
{ font-weight: bold; background: silver; text-align: left; }
+
.mw-plusminus-neg {
βˆ’
table.infobox tr
+
  color: #8B0000;
βˆ’
{ vertical-align: top; }
+
}
βˆ’
table.infobox th.heading
 
βˆ’
{ text-align: center; font-size: 1.1em; }
 
βˆ’
table.infobox th.subheading, table.infobox td.image
 
βˆ’
{ text-align: center; }
 
  
βˆ’
/* Infobox template customizations */
+
/* Image frame fix */
βˆ’
.infobox.guild_hall th
+
div.tright, div.tleft {
βˆ’
{ background: #CAD; }
+
  border: 1px solid silver;
βˆ’
.infobox.feedback th
+
}
βˆ’
{ background: #E5DFEB; }
 
  
 +
div.thumbinner {
 +
  background: inherit;
 +
  border: none;
 +
  color: inherit;
 +
}
 +
#article div.thumb {
 +
  color:inherit;
 +
}
  
 +
/* === Babel === */
  
βˆ’
/* Watchlist, adjusting appearance */
+
div.babelbox {
βˆ’
fieldset#mw-watchlist-options
+
  float: right;
βˆ’
{ border: none; padding: 0; margin: 0; }
+
  margin-left: 1em;
βˆ’
fieldset#mw-watchlist-options legend
+
  margin-bottom: 0.5em;
βˆ’
{ display: none; }
+
  width: 246px;
βˆ’
fieldset#mw-watchlist-options form hr
+
  border: 1px solid #99B3FF;
βˆ’
{ display: none; }
+
  padding: 2px 0 2px 0;
 +
}
 +
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
 +
  margin: 2px 4px 2px 4px; /* t, l, b, r */
 +
  width:238px;
 +
  border-collapse: collapse;
 +
}
 +
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
 +
  text-align:center;
 +
  font-size:14pt;
 +
  width:45px;
 +
  height:45px;
 +
}
 +
td.lang-descriptionN, td.lang-description0, td.lang-description1,
 +
td.lang-description2, td.lang-description3 {
 +
  font-size:8pt;
 +
  padding:4pt;
 +
  line-height:1.25em;
 +
}
  
βˆ’
/* Warning box */
+
.lang-block0 {
βˆ’
div#warningBox, div.noticeboardbox
+
  border:1px solid #FFB3B3;
βˆ’
{ position: fixed; top: 2.8em; right: 2.8em; border: 1px solid silver; background: #FFF; }
+
}
βˆ’
div#warningBox div, div.noticeboardbox div
+
td.lang-code0 {
βˆ’
{ margin: 2px; padding: 5px; font-size: 1.2em; text-align: center; background: #EF8F8F; }
+
  background-color: #FFB3B3;
 +
  color: black;
 +
}
 +
td.lang-description0 {
 +
  background-color: #FFE0E8;
 +
  color: black;
 +
}
  
βˆ’
/* Misc changes */
+
.lang-block1,  .lang-block2, .lang-block3  {
βˆ’
table#mw-dismissable-notice
+
  border:1px solid #99B3FF;
βˆ’
{ background: transparent; }
+
}
βˆ’
#content .hiddenlinks a, #content .hiddenlinks a:link, #content .hiddenlinks a:visited
+
td.lang-code1, td.lang-code2, td.lang-code3 {
βˆ’
{ color: inherit; }
+
  background-color: #99B3FF;
 +
  color: black;
 +
}
 +
td.lang-description1, td.lang-description2, td.lang-description3 {
 +
  background-color: #E0E8FF;
 +
  color: black;
 +
}
  
βˆ’
/* Wiki community birthdays project */
+
.lang-blockN {
βˆ’
ul.birthday
+
  border:1px solid #6EF7A7;
βˆ’
{ list-style: none none; padding: 0; margin: 0 0 0 2.5em; }
+
}
βˆ’
ul.birthday li span
+
td.lang-codeN {
βˆ’
{ position: absolute; margin-left: -2.5em; }
+
  background-color: #6EF7A7;
βˆ’
 
+
  color: black;
βˆ’
/* Feedback namespace */
+
}
βˆ’
body.ns-202, body.ns-203 { background: #ECF6EC url(http://wiki.guildwars.com/images/1/15/User_Aiiane_background_green_faded.jpg) repeat-x; }
+
td.lang-descriptionN {
βˆ’
body.ns-202 #content, body.ns-202 #p-cactions li.selected
+
  background-color: #C5FCDC;
βˆ’
{ border-width: 2px; border-color: #517453; background: #FFFFFF url(http://wiki.guildwars.com/images/5/5e/Feedback_banner_logo.png) no-repeat top right; }
+
  color: black;
βˆ’
body.ns-203 #content, body.ns-203 #p-cactions li.selected
+
}
βˆ’
{ border-width: 2px; border-color: #517453; background: #FFFFFF url(http://wiki.guildwars.com/images/5/5e/Feedback_banner_logo.png) no-repeat top right; }
 
βˆ’
body.ns-202 #p-cactions li.selected a, body.ns-203 #p-cactions li.selected a
 
βˆ’
{ background: #FFFFFF; border-bottom: 2px solid #FFFFFF; }
 
βˆ’
 
 
βˆ’
table.feedback-table
 
βˆ’
{ width: 100%; border: 1px solid #866D9E; }
 
βˆ’
table.feedback-table th
 
βˆ’
{ background: #E5DFEB; padding: 2px 5px; text-align: left; }
 
βˆ’
table.feedback-table td
 
βˆ’
{ background: #F2ECF8; padding: 2px 5px; }
 
βˆ’
table.feedback-table tr:nth-child(even) td
 
βˆ’
{ background: #F9F2FF; }
 
βˆ’
/*</nowiki>*/
 

Revision as of 12:24, 14 November 2009

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */
h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Infobox template style */
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
   border: 1px solid #aaa;
   margin-top: 1em;
   padding: 12px;
}
.forumlist td.forum_edited a {
   color: black;
   text-decoration: none;
}
.forumlist td.forum_title a {
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
   font-weight: bold;
   background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
   font-weight: normal;
   background: none;
   padding-left: 20px;
}
.forumlist th.forum_title {
   padding-left: 20px;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
   color: #006500;
}
.mw-plusminus-neg {
   color: #8B0000;
}

/* Image frame fix */
div.tright, div.tleft {
   border: 1px solid silver;
}

div.thumbinner {
   background: inherit;
   border: none;
   color: inherit;
}
#article div.thumb {
   color:inherit;
}

/* === Babel === */

div.babelbox {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.5em;
   width: 246px;
   border: 1px solid #99B3FF;
   padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
   margin: 2px 4px 2px 4px; /* t, l, b, r */
   width:238px;
   border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
   text-align:center;
   font-size:14pt;
   width:45px;
   height:45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
  font-size:8pt;
  padding:4pt;
  line-height:1.25em;
}

.lang-block0 {
   border:1px solid #FFB3B3;
}
td.lang-code0 {
  background-color: #FFB3B3;
  color: black;
}
td.lang-description0 {
  background-color: #FFE0E8;
  color: black;
}

.lang-block1,  .lang-block2, .lang-block3  {
   border:1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
  background-color: #99B3FF;
  color: black;
}
td.lang-description1,  td.lang-description2, td.lang-description3 {
  background-color: #E0E8FF;
  color: black;
}

.lang-blockN {
   border:1px solid #6EF7A7;
}
td.lang-codeN {
  background-color: #6EF7A7;
  color: black;
}
td.lang-descriptionN {
  background-color: #C5FCDC;
  color: black;
}