Difference between revisions of "MediaWiki:Common.css"
m |
|||
Line 320: | Line 320: | ||
div#content a.external[href ^="https://"] { | div#content a.external[href ^="https://"] { | ||
background: url(skins/monobook/external.png) center right no-repeat; | background: url(skins/monobook/external.png) center right no-repeat; | ||
+ | } | ||
+ | |||
+ | /* double scroll table */ | ||
+ | .oversizetb table { | ||
+ | position: absolute; | ||
+ | width: 96vw; | ||
+ | background-color: white; | ||
+ | overflow: hidden; | ||
+ | border-collapse: collapse; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*thead*/ | ||
+ | .oversizetb thead { | ||
+ | position: relative; | ||
+ | display: block; /*seperates the header from the body allowing it to be positioned*/ | ||
+ | width: 96vw; | ||
+ | |||
+ | overflow: visible; | ||
+ | background-color:white; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | .oversizetb thead th { | ||
+ | min-width: 91px; | ||
+ | height: 100px; | ||
+ | border-bottom: 1px solid #aaa; | ||
+ | transform: rotate(-45deg); | ||
+ | } | ||
+ | |||
+ | .oversizetb thead th:nth-child(1) {/*first cell in the header*/ | ||
+ | position: relative; | ||
+ | display:block; | ||
+ | background-color: white; | ||
+ | min-width:140px; | ||
+ | border: 1px solid #aaa; | ||
+ | transform: rotate(0deg); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*tbody*/ | ||
+ | .oversizetb tbody { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | width: 96vw; | ||
+ | height: 70vh; | ||
+ | overflow: scroll; | ||
+ | } | ||
+ | |||
+ | .oversizetb tbody td { | ||
+ | background-color: white; | ||
+ | min-width: 90px; | ||
+ | border: 1px solid #aaa; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .oversizetb tbody tr td:nth-child(1) { /*the first cell in each tr*/ | ||
+ | position: relative; | ||
+ | display:block; | ||
+ | vertical-align: middle; | ||
+ | text-align: right; | ||
+ | height: 2.5em; | ||
+ | min-width: 140px; | ||
+ | background-color: #f2f2f2; | ||
+ | border: 1px solid #aaa; | ||
} | } |
Revision as of 00:11, 31 March 2017
/* CSS placed here will be applied to all skins */ table.rmtable { line-height:1; font-size:95%; } /* Temporary header tab fix for pages with Google Maps */ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: 1em; !important} #headertabs.jquery-large { font-family: inherit; font-size: 1em; !important} /* IE doesn't like inherit here */ #headertabs.jquery-large .ui-widget-content a { color:#0645AD; } #headertabs.jquery-large .ui-widget-content a:visited { color:#0b0080; } #headertabs.jquery-large .ui-widget-content a.new { color:#CC2200; } #headertabs.jquery-large .ui-widget-content a.new:visited { color:#A55858; } #headertabs.jquery-large .ui-widget-content a.extiw { color:#3366BB; } #headertabs.jquery-large .ui-widget-content a.redirect { color:#308050; } #headertabs.jquery-large .ui-widget-content a.redirect:visited { color:#3070A0; } /* CSS for stnv tables */ table.stnv { background-color: #EFEFEF; border: 1px #aaaaaa solid; max-width:40em; font-size:85%; line-height:1.5; border-collapse: collapse; display: block; overflow-x: auto; } table.stnv tr { border-bottom: solid; border-bottom-width: 1px; border-bottom-color:#aaaaaa; } .stnv th { text-align:center; font-size:125%; font-weight: bold; background: #CCCCCC; } .stnv .lcol { text-align:right; padding:0 5px 0 5px; width:30%; } .stnv .ccol { text-align:center; padding:4px 0 4px 0; width:34%; } .stnv .rcol { padding:0 5px 0 5px; width:30%; } .stnv .arrow { font-size:200%; color:#003399; vertical-align:middle; width:3% } /* Drop menu */ .drop-menu li { display:block; margin:0 0 0 0 } .drop-menu li:hover { background-color: #9AC6F9; } .drop-menu li a { display:block; width:85%; text-decoration: none; padding: 2px 0 2px 0.5em; } .drop-menu ul { margin: 0; padding: 0; } .drop-menu { min-width:15em; border: 2px solid #999; background: #fff; padding: 0; margin-top: 4px; } /* Copied from Mediawiki.org */ /* Wikitable (Prettytable) class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaaaaa solid; border-collapse: collapse; empty-cells:show; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em 0.4em; } table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3, table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 { background: #5FE01D; text-align: center; } table.wikitable td.hl1, table.wikitable th.hl1, table.prettytable td.hl1, table.wikitable th.hl1 { background: #c5d8fc; text-align: center; } table.wikitable td.hl2, table.wikitable th.hl2, table.prettytable td.hl2, table.wikitable th.hl2 { background: #a7c1f2; text-align: center; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } /* indenttable class for tables that are indented */ table.indenttable { margin: 0 1em 0 2em; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; empty-cells:show; } .indenttable th, .indenttable td { border: 1px #aaa solid; padding: 0.2em; } .indenttable th { background: #f2f2f2; text-align: center; } .indenttable caption { font-weight: bold; } /* mucolumns class to list items in multiple columns */ table.multicolumns { margin: 1em 1em 1em 0; empty-cells:show; } .mucolumns th, .mucolumns td { padding-right: 1em; vertical-align: top; } /* General purpose "pretty (data) tables" */ table.datatable { background-color: transparent; } table.datatable th, table.datatable td { padding: 4px; } table.datatable th { text-align: left; background-color: #999999; } table.datatable tr { background-color: #cccccc; } table.datatable tr:hover { background-color: #ffffcc; } /* Merge template style */ .messagebox { border: 1px solid #aaa; background-color: #f9f9f9; margin: 1em 2em 1em 2em; padding: 0.2em; text-align: center; } /* Hide Main Page title */ body.page-Main_Page h1.firstHeading { display:none; } /* SMW tables */ /** tables for inline queries **/ table.smwtable{ background-color: #D1FFA8;/* Note: here and below, we use six digits, since some users had problems with the three digit short forms */ border-collapse: collapse; } table.smwtable th{ background-color: #FFFFFF; text-align: left; } table.smwtable td{ background-color: #FFFFFF; padding: 4px; padding-right: 10px; text-align: left; vertical-align: top; } table.smwtable tr.smwfooter td{ font-size: 90%; line-height: 1; background-color: #FFFFFF; padding: 0px; padding-left: 5px; padding-right: 5px; text-align: right; vertical-align: top; } /*hide keys for sorting table entries*/ span.smwsortkey{ display: none; } /* buttons for sort-arrows */ a.sortheader:hover{ text-decoration: none; } /* Pad Google AdSense box in portlet in sidebar */ #p-googleadsense .pBody { padding-top: 5px; text-align: center; } /** Collapsible tables ********************************************************* * * Description: Allows tables to be collapsed, showing only the header. See * http://www.mediawiki.org/wiki/Manual:Collapsible_tables. * Maintainers: [[en:User:R. Koot]] */ 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; } /* See also jquery.makeCollapsible.js */ .mw-collapsible-toggle { width: auto; white-space: nowrap; background-color: #F0F0F0; border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; box-shadow: 1px 1px 2px #444; -moz-box-shadow: 1px 1px 2px #444; -webkit-box-shadow: 1px 1px 2px #444; border: 1px solid #888; margin: 5px; padding: 3px; float: none !important; } /* This is for the custom box for collapsed information */ .mw-collapsible-content { padding-bottom:7px; border-radius: 0.75em; -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; box-shadow: 1px 1px 6px #444; -moz-box-shadow: 1px 1px 6px #444; -webkit-box-shadow: 1px 1px 6px #444; border: 1px solid #888; margin-bottom: 4px; padding: 4px; } /* list-items go as wide as their parent element, don't float them inside list items */ li .mw-collapsible-toggle { float: none; } /* the added list item should have no list-style */ .mw-collapsible-toggle-li { list-style: none; } /* disable discussion tab */ #ca-talk { display: none !important; } /* listlines */ span.listlines.line { padding:0 14px 0 8px; display: table-cell; } span.listlines.dest { FONT-SIZE: 90%; display: table-cell; } p.listlines-4 { margin-left:30px; } span.listlines-4.line { margin:0 14px 0 -22px; } span.listlines-4.dest { FONT-SIZE: 90%; } /* no pad lock icon for external links */ div#content a.external[href ^="https://"] { background: url(skins/monobook/external.png) center right no-repeat; } /* double scroll table */ .oversizetb table { position: absolute; width: 96vw; background-color: white; overflow: hidden; border-collapse: collapse; margin:0; } /*thead*/ .oversizetb thead { position: relative; display: block; /*seperates the header from the body allowing it to be positioned*/ width: 96vw; overflow: visible; background-color:white; text-align:left; } .oversizetb thead th { min-width: 91px; height: 100px; border-bottom: 1px solid #aaa; transform: rotate(-45deg); } .oversizetb thead th:nth-child(1) {/*first cell in the header*/ position: relative; display:block; background-color: white; min-width:140px; border: 1px solid #aaa; transform: rotate(0deg); z-index: 1; } /*tbody*/ .oversizetb tbody { position: relative; display: block; width: 96vw; height: 70vh; overflow: scroll; } .oversizetb tbody td { background-color: white; min-width: 90px; border: 1px solid #aaa; text-align: center; } .oversizetb tbody tr td:nth-child(1) { /*the first cell in each tr*/ position: relative; display:block; vertical-align: middle; text-align: right; height: 2.5em; min-width: 140px; background-color: #f2f2f2; border: 1px solid #aaa; }