|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
|
| |
|
| /* Cascades border-box value to all elements that accept it
| | body { |
| .mediawiki, .mediawiki *, .mediawiki *::before, .mediawiki *::after {
| | background: yellow; |
| -webkit-box-sizing: border-box;
| | font-size: 20pt; |
| -moz-box-sizing: border-box;
| | color: red; |
| box-sizing: border-box;
| | } |
| }
| |
| */
| |
| /* WikiEditor toolbar components cannot handle cascade
| |
| .wikiEditor-ui-toolbar * {
| |
| -webkit-box-sizing: content-box;
| |
| -moz-box-sizing: content-box;
| |
| box-sizing: content-box;
| |
| }
| |
| */
| |
| /* neither can latest notification and talk bubble backgrounds
| |
| #pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-message .mw-echo-notifications-badge {
| |
| -webkit-box-sizing: content-box;
| |
| -moz-box-sizing: content-box;
| |
| box-sizing: content-box;
| |
| }
| |
| */
| |
| /*********
| |
| ** TEMP Reproduce notorious 3.00em margin-left that WAS once part of Dynamic Layouts
| |
| *********/
| |
| /* setting ported to common.css on 01/25/2015 */
| |
| /* re-labeled ids moved to site.css on 05/03/2015 */
| |
| body.ns-0 #pageContainer,
| |
| body.ns-114 #pageContainer { | |
| position: relative;
| |
| display: block;
| |
| margin-right: 0;
| |
| margin-left: 0;
| |
| }
| |
| body.ns-0 #regionContainer,
| |
| body.ns-114 #regionContainer {
| |
| position: relative;
| |
| display: block;
| |
| margin-right: 3.00em;
| |
| margin-left: 3.00em;
| |
| }
| |
| body.ns-0 #columnContainer,
| |
| body.ns-114 #columnContainer{
| |
| position: static;
| |
| display: block;
| |
| margin-right: auto;
| |
| margin-left: auto;
| |
| }
| |
| /* Layout area after h1 firstHeading but before div #mw-content-text */
| |
| /* body.skin-vector div.mw-body-content {
| |
| position: relative;
| |
| font-size: calc((12 / 16) * 1.00em;
| |
| line-height: 1.8667;
| |
| z-index: 0;
| |
| }
| |
| */
| |
| /*********
| |
| ** Most-used standard templates
| |
| *********/
| |
| /* All header templates */
| |
| /* colours common to Template:Header and MediaWiki:Proofreadpage header template */
| |
| table.headertemplate, table.footertemplate, .subheadertemplate {
| |
| border: 1px solid #ACA;
| |
| background-color: #E6F2E6;
| |
| }
| |
| /* Real header templates */
| |
| table.headertemplate, table.translationheadertemplate, table.portalheadertemplate, .subheadertemplate, .processheadertemplate, .authortemplate {
| |
| width: 100%;
| |
| margin-bottom: 4px;
| |
| }
| |
| /* Forward and backward link */
| |
| .gen_header_backlink, .gen_header_forelink {
| |
| width: 20%;
| |
| font-size: 0.9em;
| |
| line-height: normal;
| |
| }
| |
| .gen_header_backlink {
| |
| text-align: left;
| |
| }
| |
| .gen_header_forelink {
| |
| text-align: right;
| |
| }
| |
| /* Title field */
| |
| .gen_header_center_cell {
| |
| width: 60%;
| |
| text-align: center;
| |
| }
| |
| | |
| #header_section_text .mw-selflink {
| |
| font-weight: inherit; /* disable bolding of self-links in the section field of <pages header=1/> */
| |
| }
| |
| | |
| /* Notes field */
| |
| table.translation_notes, .process_notes, .author_notes {
| |
| width: 100%;
| |
| font-size: 0.9em;
| |
| line-height: 1.4;
| |
| margin-bottom: 4px; /* a bit of space before body-text; 1em might be better... */
| |
| }
| |
| table.header_notes {
| |
| border-bottom: 1px solid #A0A0A0;
| |
| background-color: #FAFAFF;
| |
| }
| |
| /* Specific header templates */
| |
| /* For Header template, see above with ProofreadPage code */
| |
| | |
| /* Template:Author */
| |
| .authortemplate {
| |
| border: 1px solid #BEA2A2;
| |
| background-color: #E4D8D8;
| |
| }
| |
| .author_notes {
| |
| border-bottom: 1px solid #A88;
| |
| background-color: #FFFBFC;
| |
| }
| |
| .author_seealso { /* Remove this if we change to Plain_sister usage */
| |
| float: right;
| |
| padding: 2px;
| |
| margin: 0 0 0.5em 1em;
| |
| border: 1px solid #CCC;
| |
| }
| |
| /* Process_header template */
| |
| .processheadertemplate {
| |
| border: 1px solid #966;
| |
| background-color: #DCA;
| |
| }
| |
| .process_notes {
| |
| border-bottom: 1px solid #A88;
| |
| background-color: #FFFBFC;
| |
| }
| |
| /* Portal_header template */
| |
| table.portalheadertemplate {
| |
| border: 1px solid #36A;
| |
| background-color: #DDE;
| |
| }
| |
| table.portal_notes {
| |
| border-bottom: 1px solid #88A;
| |
| background-color: #FCFBFF;
| |
| }
| |
| /* Translation_header template */
| |
| table.translationheadertemplate {
| |
| border: 1px solid #FDD017;
| |
| background-color: #FFB;
| |
| }
| |
| table.translation_notes {
| |
| border-bottom: 1px solid #FDD017;
| |
| background-color: #FFF8DC;
| |
| }
| |
| /***********
| |
| * Score extension
| |
| ***********/
| |
| .mw-ext-score {
| |
| display: table;
| |
| margin: auto;
| |
| }
| |
| /* Prevent scores spilling over [[phab:T67252]] */
| |
| .mw-ext-score img {
| |
| max-width: 100%;
| |
| height: auto; | |
| }
| |
| /*********
| |
| ** File namespace
| |
| *********/
| |
| /* parameter fields for Information & Book templates */
| |
| .fileinfo-paramfield {
| |
| display: table-cell;
| |
| background: #CCF;
| |
| font-weight: bold;
| |
| padding-right: 0.40em;
| |
| text-align: right;
| |
| vertical-align: top;
| |
| width: 15%;
| |
| }
| |
| /*********
| |
| ** Page namespace
| |
| *********/
| |
| /* transcluded pages */
| |
| .lefttext p {
| |
| text-indent: 2em;
| |
| }
| |
| .lefttext .poem p {
| |
| text-indent: 0;
| |
| }
| |
| .lefttext .tiInherit p {
| |
| text-indent: inherit;
| |
| }
| |
| .lefttext {
| |
| width: 33em;
| |
| text-align: justify;
| |
| margin-left: 5em;
| |
| }
| |
| .leftoutdent {
| |
| padding-left: 2em;
| |
| text-indent: -2em;
| |
| max-width: 33em;
| |
| margin-left: 5em;
| |
| }
| |
| /* similar to tiInherit, above; wrap something with a div of this class and set line-height; poem-tags, too */
| |
| .lhInherit p {
| |
| line-height: inherit;
| |
| }
| |
| /* Justify Text in Page namespace */
| |
| body.ns-104 div.pagetext, body.mw-mobile-mode div.pagetext {
| |
| text-align: justify !important;
| |
| }
| |
| /* ProofreadPage */
| |
| .quality4 { background-color: #90ff90 !important; }
| |
| .quality3 { background-color: #ffe867 !important; }
| |
| .quality2 { background-color: #b0b0ff !important; }
| |
| .quality1 { background-color: #ffa0a0 !important; }
| |
| .quality0 { background-color: #ddd !important; }
| |
| .qualitye { background-color: #ffffff !important; }
| |
| .ns-104 .mw-editsection {
| |
| visibility: hidden;
| |
| } | |
| /* not in remarks */
| |
| div#remarks a.quality4 { background: #ffffff; }
| |
| div#remarks a.quality3 { background: #ffffff; }
| |
| div#remarks a.quality2 { background: #ffffff; }
| |
| div#remarks a.quality1 { background: #ffffff; }
| |
| div#remarks a.quality0 { background: #ffffff; }
| |
| div#remarks a.qualitye { background: #ffffff; }
| |
| /* pr_typos faux underline defaults */
| |
| .coquille {
| |
| border-bottom: 1px dashed #666;
| |
| }
| |
| /* pr_typos message forced right in Quality bar */
| |
| body.ns-104 span#corr-info {
| |
| float: right !important;
| |
| }
| |
| /*
| |
| * Specific to manipulating image files (IMG) via class settings
| |
| */
| |
| img.floatright {
| |
| float: right !important;
| |
| }
| |
| img.floatleft {
| |
| float: left !important;
| |
| }
| |
| /* Change the external link icon to an Adobe icon for all PDF files
| |
| * in browsers that support these CSS selectors, like Mozilla and Opera
| |
| */
| |
| .mw-body a[href$=".pdf"].external, .mw-body a[href*=".pdf?"].external, .mw-body a[href*=".pdf#"].external, .mw-body a[href$=".PDF"].external, .mw-body a[href*=".PDF?"].external, .mw-body 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;
| |
| }
| |
| /* Change the external link icon to an Adobe icon anywhere the PDFlink class
| |
| * is used (notably Template:PDFlink). This works in IE, unlike the above.
| |
| */
| |
| .mw-body span.PDFlink a, div#mw_content span.PDFlink a {
| |
| background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
| |
| /* @noflip */
| |
| padding-right: 18px;
| |
| }
| |
| | |
| /*********
| |
| ** Ruby text
| |
| *********/
| |
| rt {
| |
| /* because the default font-size is 0.875em, bump up the smaller text size or it's really small at 50% */
| |
| font-size: 60%;
| |
| }
| |
| | |
| /*********
| |
| ** Dividers
| |
| *********/
| |
| hr {
| |
| /* don't allow to exceed page size even if set manually */
| |
| max-width:100%;
| |
| }
| |
| | |
| @media print {
| |
| p {
| |
| text-align: inherit; /* override the load.php 'justify', which breaks centre and right alignments */
| |
| }
| |
|
| |
| #mw-content-text {
| |
| text-align: justify; /* apply justify to the out div, and centred/right-aligned can override as usual */
| |
| }
| |
| }
| |
| | |
| /*************
| |
| ** OOUI hacks
| |
| *************/
| |
| /* T280543 */
| |
| .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
| |
| .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
| |
| margin-left: -2rem;
| |
| }
| |
| | |
| /* @end */
| |