|
|
| Line 1: |
Line 1: |
| /* CSS placed here will affect users of the mobile site */
| |
| /* Awaiting addition of mobile extension before further customizing Mobile.css */
| |
|
| |
|
| /* Miscellaneous formatting features */
| |
|
| |
| .sc { font-variant: small-caps }
| |
|
| |
| .l { text-align: left; }
| |
| .c { text-align: center; }
| |
| .r { text-align: right; }
| |
|
| |
| /* Autorounded table */
| |
| .roundtable {
| |
| border-collapse: separate;
| |
| border-radius: 10px;
| |
| padding-bottom: 4px;
| |
| }
| |
|
| |
| .roundtable td {
| |
| background-color: white;
| |
| }
| |
|
| |
| .roundtable tr:first-child th:first-child {
| |
| border-top-left-radius: 5px;
| |
| }
| |
|
| |
| .roundtable tr:first-child th:last-child {
| |
| border-top-right-radius: 5px;
| |
| }
| |
|
| |
| /* Link color override */
| |
| .blacklinks a, .blacklinks a:link, .blacklinks a:visited, .blacklinks a:hover, .blacklinks a:active, .blacklinks a span {
| |
| color: black !important;
| |
| }
| |
|
| |
| .whitelinks a, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover, .whitelinks a:active, .whitelinks a span {
| |
| color: white !important;
| |
| }
| |
|
| |
| div.listcol
| |
| {
| |
| padding: 0.5em 1.0em 0.5em 0;
| |
| margin: 0.25em;
| |
| min-width: 21.5%;
| |
| border: 1px solid #aaf;
| |
| float: left;
| |
| clear: right;
| |
| line-height: 130%;
| |
| }
| |
|
| |
| div.listcolend
| |
| {
| |
| clear: both;
| |
| }
| |
|
| |
| /* Maximum width override for mobile */
| |
|
| |
| table
| |
| {
| |
| max-width: 100% !important;
| |
| }
| |
|
| |
| /* Fix table caption display issues in mobile skin */
| |
| .content table caption {
| |
| display: table-caption;
| |
| }
| |
|
| |
| /* Babelboxes and userboxes */
| |
|
| |
| div.babelbox, div.userbox
| |
| {
| |
| border: 1px solid #999;
| |
| background: #f8f8f8;
| |
| float: right;
| |
| width: 25%;
| |
| padding: 0.25em 0.5em;
| |
| margin-left: 1em;
| |
| margin-bottom: 0.5em;
| |
| }
| |
|
| |
| table.babelitem, table.userboxitem
| |
| {
| |
| margin: 0.25em 0;
| |
| width: 100%;
| |
| }
| |
|
| |
| body[class~=ns-3] div.babelbox, body[class~=ns-3] table.babelitem , body[class~=ns-3] div.userbox, body[class~=ns-3] table.userboxitem
| |
| {
| |
| display: none;
| |
| }
| |
|
| |
| table.babelitem th, table.userboxitem th
| |
| {
| |
| width: 45pt;
| |
| height: 45pt;
| |
| font-size: 14pt;
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| }
| |
|
| |
| table.babelitem td, table.userboxitem td
| |
| {
| |
| font-size: 8pt;
| |
| line-height: 1.25em;
| |
| padding: 4pt;
| |
| text-align: left;
| |
| }
| |
|
| |
| /* cutting down on the usage of Template:Roundy with div and table classes for use in larger pages. */
| |
| .roundy { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }
| |
|
| |
| .roundytl { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; }
| |
|
| |
| .roundytr { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; }
| |
|
| |
| .roundybl { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; }
| |
|
| |
| .roundybr { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }
| |
|
| |
| .roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-left-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; }
| |
|
| |
| .roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; }
| |
|
| |
| .roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-top-left-radius: 10px; -o-border-bottom-left-radius: 10px; }
| |
|
| |
| .roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-bottom-right-radius: 10px; -o-border-top-right-radius: 10px; }
| |
|
| |
| /* MAIN PAGE DESIGN CSS */
| |
| body.page-Main_Page #t-cite,
| |
| body.page-Main_Page #footer-info-lastmod,
| |
| body.page-Main_Page #siteSub,
| |
| body.page-Main_Page #contentSub,
| |
| body.page-Main_Page h1.firstHeading {
| |
| display: none !important;
| |
| }
| |
|
| |
| body.page-Main_Page #content { background-color: #ffffff;
| |
| }
| |
|
| |
| /* Make the list of references smaller */
| |
| ol.references,
| |
| div.reflist,
| |
| div.refbegin {
| |
| font-size: 90%;
| |
| }
| |
|
| |
| /* Restore category box to pre-MediaWiki 1.18.0 margins */
| |
| #catlinks li {
| |
| margin: 0 0;
| |
| padding: 0 0.4em;
| |
| }
| |
|
| |
| #catlinks li:first-child {
| |
| padding-left: 0;
| |
| }
| |
|
| |
| /* Image gallery */
| |
| li.gallerybox {
| |
| border: 1px solid #d7d7d9;
| |
| display: inline-block;
| |
| vertical-align: top;
| |
| background: #f0f0f2;
| |
| height: 205px;
| |
| border-radius: 10px;
| |
| -moz-border-radius: 10px;
| |
| -webkit-border-radius: 10px;
| |
| -khtml-border-radius: 10px;
| |
| -icab-border-radius: 10px;
| |
| -o-border-radius: 10px;
| |
| }
| |
|
| |
| li.gallerybox div.thumb {
| |
| background-color: #e3e3e5;
| |
| border: 1px solid #d7d7d9;
| |
| margin: 2px 2px 0px 2px;
| |
| text-align: center;
| |
| border-radius: 10px;
| |
| -moz-border-radius: 10px;
| |
| -webkit-border-radius: 10px;
| |
| -khtml-border-radius: 10px;
| |
| -icab-border-radius: 10px;
| |
| -o-border-radius: 10px;
| |
| }
| |
|
| |
| div.gallerytext {
| |
| font-size: 85%;
| |
| overflow: hidden;
| |
| padding: 0px 4px;
| |
| word-wrap: break-word;
| |
| height: 50px;
| |
| }
| |
|
| |
| .mw-plusminus-pos {
| |
| border-bottom: 1px dotted;
| |
| cursor: help;
| |
| }
| |
|
| |
| .mw-plusminus-neg {
| |
| border-bottom: 1px dotted;
| |
| cursor: help;
| |
| }
| |
|
| |
| .mw-plusminus-null {
| |
| border-bottom: 1px dotted;
| |
| cursor: help;
| |
| }
| |
|
| |
| @media screen and (max-width:719px) {
| |
| .content table.vertical-fullwidth {
| |
| width: 100% !important;
| |
| }
| |
| }
| |
|
| |
| .fullwidth {
| |
| width: 100% !important;
| |
| }
| |
|
| |
| @media screen and (min-width: 720px) {
| |
| .content table.fullwidth {
| |
| width: 100% !important;
| |
| }
| |
| }
| |
|
| |
| @media all and (max-width:719px) {
| |
| .infobox {
| |
| display: block !important;
| |
| float: none !important;
| |
| width: auto !important;
| |
| margin-left: 0 !important;
| |
| margin-right: 0 !important;
| |
| }
| |
| .infobox tbody {
| |
| width: 100% !important;
| |
| display: table !important;
| |
| }
| |
| }
| |
| @media all and (min-width:720px) {
| |
| .infobox {
| |
| max-width: 315px !important;
| |
| }
| |
| }
| |
