MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
(tracked it down, should work now)
No edit summary
(30 intermediate revisions by 5 users not shown)
Line 13: Line 13:
<pre><nowiki>*/
<pre><nowiki>*/


/* make the list of references look smaller */
 
ol.references {
references-small { font-size: 90%;}
  font-size: 90%;
 
/* Make the list of references smaller */
ol.references,
div.reflist,
div.refbegin {
    font-size: 90%;            /* Default font-size */
    margin-bottom: 0.5em;
}
div.refbegin-100 {
    font-size: 100%;          /* Option for normal fontsize in {{refbegin}} */
}
div.reflist ol.references {
    font-size: 100%;          /* Reset font-size when nested in div.reflist */
    list-style-type: inherit;  /* Enable custom list style types */
}
/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
    background-color: #DEF;
}
/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
    font-weight: normal;
    font-style: normal;
}
/* Allow hidden ref errors to be shown by user CSS */
span.brokenref {
    display: none;
}
/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
.citation {
    word-wrap: break-word;
}
 
 
/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
    /* @noflip */
    float: left;
    width: 50%;
    min-width: 300px;
}
div.columns-3 div.column {
    /* @noflip */
    float: left;
    width: 33.3%;
    min-width: 200px;
}
div.columns-4 div.column {
    /* @noflip */
    float: left;
    width: 25%;
    min-width: 150px;
}
div.columns-5 div.column {
    /* @noflip */
    float: left;
    width: 20%;
    min-width: 120px;
}
}


.references-small { font-size: 90%;}
 


/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
Line 137: Line 200:


.audiolink a{
.audiolink a{
     background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important;
     background: url("https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important;
     padding-left: 16px !important;
     padding-left: 16px !important;
     padding-right: 0 !important;
     padding-right: 0 !important;
Line 145: Line 208:


div.listenlist {
div.listenlist {
     background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
     background: url("https://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
     padding-left: 40px;
     padding-left: 40px;
}
}


div.videolist, div.multivideolist {
div.videolist, div.multivideolist {
     background: url("http://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png");
     background: url("https://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png");
     padding-left: 50px;
     padding-left: 50px;
}
}
Line 186: Line 249:
#bodyContent a[href*=".PDF?"].external,  
#bodyContent a[href*=".PDF?"].external,  
#bodyContent a[href*=".PDF#"].external {
#bodyContent a[href*=".PDF#"].external {
     background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
     background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
     padding-right: 16px;
     padding-right: 16px;
}
}
Line 193: Line 256:
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
span.PDFlink a {
     background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
     background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
     padding-right: 17px !important;
     padding-right: 17px !important;
}
}
Line 252: Line 315:
   following the anchor A, the anchor itself now has class "external autonumber" and the
   following the anchor A, the anchor itself now has class "external autonumber" and the
   expansion is inserted when printing (see the common printing style sheet at
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
   https://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
   element of CSS. We have to switch this off for links due to Template:Ref!
   ~~~~
   ~~~~
Line 381: Line 444:
/* Put a checker background at the image description page only visible if the image has transparent background */
/* Put a checker background at the image description page only visible if the image has transparent background */


#file img {background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}
#file img {background: url("https://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}


/* Support for Template:IPA, Template:Unicode and Template:Polytonic. The inherit declaration resets the font for all browsers except MSIE6.  The empty comment must remain. Please copy any changes to [[Template:IPA fonts]] and [[Template:Unicode fonts]]. */
/* Support for Template:IPA, Template:Unicode and Template:Polytonic. The inherit declaration resets the font for all browsers except MSIE6.  The empty comment must remain. Please copy any changes to [[Template:IPA fonts]] and [[Template:Unicode fonts]]. */
Line 638: Line 701:
     margin-left: 14px;
     margin-left: 14px;
     padding: 6px;
     padding: 6px;
    overflow: hidden;
}
/* Indented quotes without borders */
.indentedquotes {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 10px;
}
}


Line 677: Line 748:
}
}


/* Used for {{main||}} template to out-dent and italicize, from Wikipedia */
.rellink, .dablink {
    font-style: italic;
    margin-bottom: 0.5em;
    padding-left: 1.6em;
}
/* Highlight text with yellow background without making a border. Can be used within Quote boxes as well */
.wiHighlight {
  background: #fff8cc;
  border-bottom: 1px solid #ffe222;
  padding-left: .3em;
  padding-right: .3em;
  font-weight: normal;
}
/* Text direction for Right to left for languages like Arabic etc */
.rtol { direction: rtl; }


/*</nowiki></pre>*/
/*</nowiki></pre>*/
/* Divs for changing the main page from tables to css */
.divTable{
display: table;
width: 100%;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell, .divTableHead {
border: 0px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}

Navigation menu