Difference between revisions of "MediaWiki:Common.css"

From Ring of Brodgar
(+Additional table class for even and odd row colouring (using smw colors).)
m (+General Class-support tester - (for easy checking if a particular MW/SMW part support class input))
Line 219: Line 219:
 
}
 
}
  
/* test, default color (#f9f9f9) to #eee */
+
/* Adjusted CODE coloring (default: #f9f9f9) */
 
code {
 
code {
 
   background-color: #eee;
 
   background-color: #eee;
 +
}
 +
 +
/* General Class support tester */
 +
.class_tester {
 +
  background-color: #0f0;
 
}
 
}

Revision as of 09:10, 13 July 2019

/***** 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;
}

/* CSS placed here will be applied to all skins */
/* Normal font styling for table row headers with scope="row" tag */
.smwtable.plainrowheaders th[scope=row] {
    font-weight: normal;
    text-align: left;
}
 
/* lists in data cells are always left-aligned */
.smwtable td ul,
.smwtable td ol,
.smwtable td dl {
    text-align: left;
}

/* smwtable class for skinning normal tables
* keep on sync with commonPrint.css
*/
table.smwtable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
.smwtable th, .smwtable td {
border: 1px #aaa solid;
padding: 0.2em;
}
.smwtable th {
background: #f2f2f2;
text-align: center;
}
.smwtable caption {
font-weight: bold;
}
/* even and odd in smw-tables */
.smwtable .row-odd {
background-color: #fff;
}
.smwtable .row-even {
background-color: #eee;
}

/* additional table class for even and odd row colouring (using smw colors) */
table.bandedRows tr:nth-child(odd) {
background-color: #fff;
}
table.bandedRows tr:nth-child(even) {
background-color: #eee;
}

/* hide initially collapsed collapsable tables */
table.collapsed tr.collapsable {
display: none;
}

/* Adjusted CODE coloring (default: #f9f9f9) */
code {
  background-color: #eee;
}

/* General Class support tester */
.class_tester {
  background-color: #0f0;
}