Difference between revisions of "MediaWiki:Common.css"

From Limestone
Jump to: navigation, search
m (Added NavFrame)
m
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
/* content template */
+
/* content template for a box with a max width */
 
div.content1 {
 
div.content1 {
     max-width:1000px;
+
     max-width:85em;
 
     margin-left:0px;
 
     margin-left:0px;
 +
    background:white;
 
}
 
}
  
/* Standard Navigationsleisten, aka box hiding thingy
+
div.content2 {
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
+
    max-width:120em;
div.NavFrame {
+
    margin-left:0px;
     margin: 0;
+
    border: 1px solid #a2a9b1;
     padding: 4px;
+
    background:#f5fffa;
     border: 1px solid #aaa;
+
}
     text-align: center;
+
 
     border-collapse: collapse;
+
/* the class for the collapsible element drop down bar */
     font-size: 95%;
+
div.collapsiblebar {
 +
    max-width:120em;
 +
    margin-left:0px;
 +
    border: 1px solid #a2a9b1;
 +
    background:#d0e5f5;
 +
}
 +
 
 +
/* the text body */
 +
table.body1 {
 +
    max-width:75em;
 +
     margin-left:0px;
 +
    background:white;
 +
}
 +
 
 +
table.side1 {
 +
    float:right;
 +
     width:25em;
 +
     border: 1px solid #a2a9b1;
 +
     border-spacing: 3px;
 +
    padding: 0.2em;
 +
     clear: right;
 +
     font-size: 88%;
 +
    line-height: 1.5em;
 +
    background:white;
 +
}
 +
/* headings */
 +
table.side1 th {
 +
    color:white;
 +
    border: 1px solid #a2a9b1;
 +
    background:Maroon;
 +
}
 +
/* content cells */
 +
table.side1 td {
 +
    border: 1px solid #a2a9b1;
 +
    background:white;
 +
    color:black;
 +
}
 +
 
 +
 
 +
/* From wikipedia css */
 +
/* Highlight linked elements (such as clicked references) in blue */
 +
body.action-info :target,
 +
.citation:target {
 +
    background-color: #DEF;  /* Fallback */
 +
    background-color: rgba(255, 127, 255, 0.133);
 
}
 
}
div.NavFrame + div.NavFrame {
+
 
     border-top-style: none;
+
/* Change the external link icon to an Adobe icon for all PDF files
     border-top-style: hidden;
+
  in browsers that support these CSS selectors, like Mozilla and Opera */
 +
div#content a[href$=".pdf"].external,
 +
div#content a[href*=".pdf?"].external,
 +
div#content a[href*=".pdf#"].external,
 +
div#content a[href$=".PDF"].external,
 +
div#content a[href*=".PDF?"].external,
 +
div#content a[href*=".PDF#"].external,
 +
div#mw_content a[href$=".pdf"].external,
 +
div#mw_content a[href*=".pdf?"].external,
 +
div#mw_content a[href*=".pdf#"].external,
 +
div#mw_content a[href$=".PDF"].external,
 +
div#mw_content a[href*=".PDF?"].external,
 +
div#mw_content a[href*=".PDF#"].external {
 +
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 +
     /* @noflip */
 +
    padding-right: 18px;
 
}
 
}
div.NavPic {
+
 
     background-color: #fff;
+
/* Infobox template style */
     margin: 0;
+
.infobox {
     padding: 2px;
+
     border: 1px solid #a2a9b1;
 +
    border-spacing: 3px;
 +
     background-color: #f8f9fa;
 +
     color: black;
 
     /* @noflip */
 
     /* @noflip */
     float: left;
+
    margin: 0.5em 0 0.5em 1em;
 +
    padding: 0.2em;
 +
    /* @noflip */
 +
     float: right;
 +
    /* @noflip */
 +
    clear: right;
 +
    font-size: 88%;
 +
    line-height: 1.5em;
 
}
 
}
div.NavFrame div.NavHead {
+
.infobox caption {
     height: 1.6em;
+
     font-size: 125%;
 
     font-weight: bold;
 
     font-weight: bold;
     background-color: #ccf;
+
     padding: 0.2em;
     position: relative;
+
}
 +
.infobox td,
 +
.infobox th {
 +
    vertical-align: top;
 +
     /* @noflip */
 +
    text-align: left;
 +
}
 +
.infobox.bordered {
 +
    border-collapse: collapse;
 
}
 
}
div.NavFrame p,
+
.infobox.bordered td,
div.NavFrame div.NavContent,
+
.infobox.bordered th {
div.NavFrame div.NavContent p {
+
     border: 1px solid #a2a9b1;
     font-size: 100%;
 
 
}
 
}
div.NavEnd {
+
.infobox.bordered .borderless td,
     margin: 0;
+
.infobox.bordered .borderless th {
    padding: 0;
+
     border: 0;
    line-height: 1px;
 
    clear: both;
 
 
}
 
}
a.NavToggle {
+
 
     position: absolute;
+
/* styles for bordered infobox with merged rows */
     top: 0;
+
.infobox.bordered .mergedtoprow td,
 +
.infobox.bordered .mergedtoprow th {
 +
     border: 0;
 +
     border-top: 1px solid #a2a9b1;
 +
    /* @noflip */
 +
    border-right: 1px solid #a2a9b1;
 +
}
 +
 
 +
.infobox.bordered .mergedrow td,
 +
.infobox.bordered .mergedrow th {
 +
    border: 0;
 
     /* @noflip */
 
     /* @noflip */
     right: 3px;
+
     border-right: 1px solid #a2a9b1;
    font-weight: normal;
 
    font-size: 90%;
 
 
}
 
}

Latest revision as of 13:43, 15 February 2017

/* CSS placed here will be applied to all skins */

/* content template for a box with a max width */
div.content1 {
    max-width:85em;
    margin-left:0px;
    background:white;
}

div.content2 {
    max-width:120em;
    margin-left:0px;
    border: 1px solid #a2a9b1;
    background:#f5fffa;
}

/* the class for the collapsible element drop down bar */
div.collapsiblebar {
    max-width:120em;
    margin-left:0px;
    border: 1px solid #a2a9b1;
    background:#d0e5f5;
}

/* the text body */
table.body1 {
    max-width:75em;
    margin-left:0px;
    background:white;
}

table.side1 {
    float:right;
    width:25em;
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    padding: 0.2em;
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
    background:white;
}
/* headings */
table.side1 th {
    color:white;
    border: 1px solid #a2a9b1;
    background:Maroon;
}
/* content cells */
table.side1 td {
    border: 1px solid #a2a9b1;
    background:white;
    color:black;
}


/* From wikipedia css */
/* Highlight linked elements (such as clicked references) in blue */
body.action-info :target,
.citation:target {
    background-color: #DEF;  /* Fallback */
    background-color: rgba(255, 127, 255, 0.133);
}

/* Change the external link icon to an Adobe icon for all PDF files
   in browsers that support these CSS selectors, like Mozilla and Opera */
div#content a[href$=".pdf"].external,
div#content a[href*=".pdf?"].external,
div#content a[href*=".pdf#"].external,
div#content a[href$=".PDF"].external,
div#content a[href*=".PDF?"].external,
div#content a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
    /* @noflip */
    padding-right: 18px;
}

/* Infobox template style */
.infobox {
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
    padding: 0.2em;
}
.infobox td,
.infobox th {
    vertical-align: top;
    /* @noflip */
    text-align: left;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #a2a9b1;
    /* @noflip */
    border-right: 1px solid #a2a9b1;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    /* @noflip */
    border-right: 1px solid #a2a9b1;
}