Linguifex

MediaWiki:Common.css

Revision as of 17:15, 12 November 2012 by EmperorZelos (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/** CSS-classes for Portal:Main Page **/
/* Banner */

#bannerintro { background-image: url(http://conlang.wikkii.com/w/images/conlang/uploads/c/ca/Babel_3.png); }

/* Columns */
.frontPageLeft{
  float:left;
  width:66%;
}
.frontPageRight{
  float:left;
  width:34%;
}
/* Block */
.frontPageBlock{
  background: url(//upload.wikimedia.org/wikipedia/commons/9/97/Bluebg.png) no-repeat 3px 3px;
  border:1px solid #c2dfff;
  padding:3px;
  margin-bottom:.4em;
  position:relative;
}
.frontPageBlockIcon{
  position:absolute;
  left: 5px;
  top: 5px;
}
.frontPageBlockIcon img{
  border: 0 none #000;
}
.frontPageBlockTitle{
  position:absolute;
  left: 50px;
  top: 7px;
  font-size:1.2em;
}
.frontPageBlockContent{
  margin: 1em;
  padding-top: 30px;
  overflow: auto;
}
 
.frontPageRight .frontPageBlock{
  background: url(//upload.wikimedia.org/wikipedia/commons/2/27/Bluebg_right_3px_offset.png) no-repeat top right;
  margin-left:1em;
}
.frontPageRight .frontPageBlockIcon{
  left:auto;
  right:10px;
}
.frontPageRight .frontPageBlockTitle{
  left:auto;
  right:50px;
  top:3px;
  font-size:1.05em;
}
.frontPageRight .frontPageBlockContent{
  margin: 1em;
  padding-top: 20px;
}
 
.frontPageFancyBlock{
  border-bottom: 3px dotted #C2DFFF;
  padding: 1em 0;
  font-size: 95%;
  color: #CCCCCC;
  margin-left: 1em;
}
.frontPageFancyBlockLast{
  border-bottom:none;
}
/** End of Portal:Main Page **/

/* Wikitables */
 
table.wikitable {
 margin: .5em;
 background: #f9f9f9;
 border: 1px #aaa solid;
 border-collapse: collapse;
}
 
table.wikitable th, table.wikitable td {
 border: 1px #aaa solid;
 padding: .2em;
}
 
table.wikitable th {
 background: #f2f2f2;
 text-align: center;
}
 
table.wikitable caption {
 margin-left: inherit;
 margin-right: inherit;
}
/** End of Wikitables **/


/* Standard Colour Tables */

.bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f7faff; }
.graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #fffafa; }
.browntable .bg1, .browninfobox .bg1, .lightbrownbg { background: #fffaf7; }
.greentable .bg1, .greeninfobox .bg1, .lightgreenbg { background: #f2fffb; }
.redtable .bg1, .redinfobox .bg1, .lightredbg { background: #fff7f7; }

.softtable, .softtable td, .softtable .bg1,
.softinfobox, .softinfobox td, .softinfobox .bg1, .softbg, .lightsoftbg
{ background: #fffafa; }

.blueborder { border: 1px solid #8091ab; }
.grayborder { border: 1px solid #abaaaa; }
.brownborder { border: 1px solid #b38d7d; }
.greenborder { border: 1px solid #89aba1; }
.redborder { border: 1px solid #b37d7d; }
.softborder { border: 1px solid #cccaca; }

.bluetable .bg2, .blueinfobox .bg2, .bluetable .bg2 td, .blueinfobox .bg2 td { background: #e6eefa; }
.bluetable .bg3, .blueinfobox .bg3, .bluetable .bg3 td, .blueinfobox .bg3 td { background: #d3dff2; }
.bluetable .bg4, .blueinfobox .bg4, .bluetable .bg4 td, .blueinfobox .bg4 td, .bluebg { background: #c2d4ed; }

.graytable .bg2, .grayinfobox .bg2, .graytable .bg2 td, .grayinfobox .bg2 td { background: #eeeaea; }
.graytable .bg3, .grayinfobox .bg3, .graytable .bg3 td, .grayinfobox .bg3 td { background: #dddada; }
.graytable .bg4, .grayinfobox .bg4, .graytable .bg4 td, .grayinfobox .bg4 td, .graybg { background: #cccaca; }

.browntable .bg2, .browninfobox .bg2, .browntable .bg2 td, .browninfobox .bg2 td { background: #f7e9e4; }
.browntable .bg3, .browninfobox .bg3, .browntable .bg3 td, .browninfobox .bg3 td { background: #f0dad1; }
.browntable .bg4, .browninfobox .bg4, .browntable .bg4 td, .browninfobox .bg4 td, .brownbg { background: #ebcdc0; }

.greentable .bg2, .greeninfobox .bg2, .greentable .bg2 td, .greeninfobox .bg2 td { background: #e1f7f1; }
.greentable .bg3, .greeninfobox .bg3, .greentable .bg3 td, .greeninfobox .bg3 td { background: #d5f2ea; }
.greentable .bg4, .greeninfobox .bg4, .greentable .bg4 td, .greeninfobox .bg4 td, .greenbg { background: #c1e0d7; }

.redtable .bg2, .redinfobox .bg2, .redtable .bg2 td, .redinfobox .bg2 td { background: #f7e4e4; }
.redtable .bg3, .redinfobox .bg3, .redtable .bg3 td, .redinfobox .bg4 td { background: #f0d1d1; }
.redtable .bg4, .redinfobox .bg4, .redtable .bg4 td, .redinfobox .bg3 td, .redbg { background: #ffcccc; }

.softtable .bg2, .softinfobox .bg2,
.softtable .bg3, .softinfobox .bg3,
.softtable .bg4, .softinfobox .bg4,
.softtable .bg2 td, .softinfobox .bg2 td,
.softtable .bg3 td, .softinfobox .bg3 td,
.softtable .bg4 td, .softinfobox .bg4 td
{ background: #eeeaea; }

.bluetable, .graytable, .browntable, .greentable, .redtable,
.blueinfobox, .grayinfobox, .browninfobox, .greeninfobox, .redinfobox { border-collapse: collapse; }

.blueinfobox, .grayinfobox, .browninfobox, .greeninfobox, .redinfobox, .softinfobox { 
    float: right;
    margin: 0 0 0.5em 0.5em;
}

.blueinfobox { background: #f7faff; }
.grayinfobox { background: #fffafa; }
.browninfobox { background: #fffaf7; }
.greeninfobox { background: #f2fffb; }
.redinfobox { background: #fff7f7; }

.bluetable, .blueinfobox { border: 1px solid #8091ab; }
.graytable, .grayinfobox { border: 1px solid #abaaaa; }
.browntable, .browninfobox { border: 1px solid #b38d7d; }
.greentable, .greeninfobox { border: 1px solid #89aba1; }
.redtable, .redinfobox { border: 1px solid #b37d7d; }
.softtable, .softinfobox { border: 1px solid #cccaca; }

.bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #8091ab; }
.graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #abaaaa; }
.browntable td, .browntable th, .browninfobox td, .browninfobox th { border: 1px solid #b38d7d; }
.greentable td, .greentable th, .greeninfobox td, .greeninfobox th { border: 1px solid #89aba1; }
.redtable td, .redtable th, .redinfobox td, .redinfobox th { border: 1px solid #b37d7d; }

.bluetable td, .bluetable th, .graytable td, .graytable th, 
.browntable td, .browntable th, .greentable td, .greentable th, 
.redtable td, .redtable th, .softtable td, .softtable th,
.blueinfobox td, .blueinfobox th, .grayinfobox td, .grayinfobox th,
.browninfobox td, .browninfobox th, .greeninfobox td, .greeninfobox th,
.redinfobox td, .redinfobox th, .softinfobox td, .softinfobox th
{ padding: 4px; }

.bluetable th { background: #c2d4ed; }
.graytable th { background: #cccaca; }
.browntable th { background: #ebcdc0; }
.greentable th { background: #c1e0d7; }
.redtable th { background: #ffcccc; }
.softtable th, .softinfobox th { background: #eeeaea; }

.bluetable th:first-child, .graytable th:first-child, .browntable th:first-child, .greentable th:first-child, .redtable th:first-child, .softtable th:first-child,
.blueinfobox th, .grayinfobox th, .browninfobox th, .greeninfobox th, .redinfobox th, .softinfobox th { text-align: center; padding-right: 0.2em; }


.bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header,
.graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header,
.browntable .divider, .browninfobox .divider, .browntable .header, .browninfobox .header,
.greentable .divider, .greeninfobox .divider, .greentable .header, .greeninfobox .header, 
.redtable .divider, .redinfobox .divider, .redtable .header, .redinfobox .header,
.softtable .divider, .softinfobox .divider, .softtable .header, .softinfobox .header { text-align: center !important; }

.bluetable .header, .bluetable .divider, .blueinfobox .header { background: #c2d4ed; }
.graytable .header, .graytable .divider, .grayinfobox .header { background: #cccaca; }
.browntable .header, .browntable .divider, .browninfobox .header { background: #ebcdc0; }
.greentable .header, .greentable .divider, .greeninfobox .header { background: #c1e0d7; }
.redtable .header, .redtable .divider, .redinfobox .header { background: #ffcccc; }
.softtable .header, .softtable .divider, .softinfobox .header { background: #eeeaea; }

.blueinfobox .divider { background: #e6eefa; }
.grayinfobox .divider { background: #eeeaea; }
.browninfobox .divider { background: #f7e9e4; }
.greeninfobox .divider { background: #e1f7f1; }
.redinfobox .divider { background: #f7e4e4; }
.softinfobox .divider { background: #eeeaea; }

/** End of Standard Colour Tables**/


/* NavFrames */
div.Boxmerge,
div.NavFrame, details.NavFrame {
        margin: 0px 0px -1px 0px;
        padding: 2px;
        border: 1px solid #aaaaaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
	overflow: auto;
	width: auto;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavPic {
        background-color: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead, details.NavFrame summary.NavHead {
        min-height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
        border-collapse: collapse; 
        padding-left: 10px;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DFDFDF), color-stop(0.6, #E3E3E3));
        background-image:-moz-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
        background-image:-o-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
}
div.NavFrame div.NavHead:hover, details.NavFrame summary.NavHead:hover {
        background-color:#F6F6F6;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F3F3F3), color-stop(0.6, #EAEAEA));
        background-image:-moz-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
        background-image:-o-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
}
div.NavFrame div.NavHead:active, details.NavFrame summary.NavHead:active {
        background-color:#E3E3E3;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#DFDFDF), color-stop(0.6, #D3D3D3));
        background-image:-moz-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
        background-image:-o-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
}
div.pseudo div.NavHead:hover {background-color:#EFEFEF;}
div.pseudo div.NavHeadpseudo:active {background-color:#EFEFEF;}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent, details.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p, details.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
span.NavToggle {
        cursor: pointer;
        float: right;
        font-weight:normal;
        font-size:smaller;
}


table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {               /* 'show'/'hide' buttons created dynamically by the             */
        float: right;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.             */
        text-align: right;
        width: auto;
}

/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}
 
table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
Retrieved from "https://linguifex.com/w/index.php?title=MediaWiki:Common.css&oldid=1731"