MediaWiki:Common.css

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

/* "blockhood" standard class for tables */

table.blockhood { margin: 1em 1em 1em 0; background: #F9F9F9; border: 1px #AFCFE2 solid; padding: 0.2em; border-radius: .7em; -moz-border-radius: .7em; -webkit-border-radius: .7em; } .blockhood th, .blockhood td { padding: 0.2em; } .blockhood th { background: #E4F0F7; color: black; text-align: center; } .blockhood caption { font-weight: bold; } table.blockhood { margin-top: 0.4em !important; } /* th = table header; tr = table row; td = table cell */

/* Auto line separators for tables */ table.lined td { border-bottom:1px #AFCFE2 solid; } table.lined tr:last-of-type td { border-bottom:0; } table tr.bottomline td { border-bottom:1px #AFCFE2 solid; } table tr.topline td { border-top:1px #AFCFE2 solid; }

/* Main page width auto-formatting */ .rights { float:right; clear:none; width:40%; } .lefts { float:left; width:60%; clear:none; } @media (max-width: 950px) { .rights { float:none; width:100%; } .lefts { float:none; width:100%;} }

/*Corrections to width scaling*/ padding-left: 0.5em; } .mw-body { margin-left: 10em; } left: 0.5em; } margin-top: 38px; margin-bottom: 0px; padding-top: 0.5em; padding-bottom: 0.5em; margin-left: 11em; position: absolute; left: 0px; top: 0px; } margin-top: 38px; margin-bottom: 0px; padding-top: 0.5em; padding-bottom: 0.5em; margin-right: 1em; position: absolute; right: 0px; top: 0px; } padding-left: 1em; padding-right: 1em; }
 * 1) mw-panel {
 * 1) p-logo {
 * 1) left-navigation {
 * 1) right-navigation {
 * 1) pageWrapper {

/*Adjustments to collapsed mode*/ @media screen and (max-width: 768px) { div#left-navigation { margin-top: 38px; margin-left: 1em; } div#right-navigation { margin-top: 38px; margin-left: 1em; } div#p-search { float: right; position: absolute; right: 0px; top: -30px; } div#simpleSearch { position: absolute; right: 0px; margin-right: 0em; margin-left: 0em; } div#p-namespaces, div#p-views, div#p-variants { top: 0em; } div#p-cactions { top: 0em; } }

/*Adjusting position of the search bar*/ margin-right: 0em; }   margin-top: 0em; } div#simpleSearch { margin-top: 0em; height: 25px; } div#simpleSearch #searchInput { padding-top: 6px; padding-left: 6px; }
 * 1) p-search {
 * 1) p-search form, #p-search input {

/*Styling for the tabber extension*/

/* This will style the div that contains the whole tabber object. Generally this can be left alone. */ body .tabberlive { }

/* This will style each tab's content area. */ body .tabberlive .tabbertab { border: none; }

/* This is the box that surrounds all the tabs. */ body ul.tabbernav { text-align: center; border: none; }

/* This is a box that surrounds each of the tabs. */ body ul.tabbernav li { }

/* This is the style for the tabs, parts of this can be overridden for the current tab with the next selector */ body ul.tabbernav li a, body ul.tabbernav li a:link, body ul.tabbernav li a:visited, body ul.tabbernav li a:hover { background:none; color: #0d5f59 ; border: solid 1px lightgrey; }

/* This is the style for the currently selected tab */ body ul.tabbernav li.tabberactive a, body ul.tabbernav li.tabberactive a:link, body ul.tabbernav li.tabberactive a:visited, body ul.tabbernav li.tabberactive a:hover { border: solid 1px }

/* CSS placed here will be applied to all skins */ /* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

/* Template documentation styles */ /* If modifying these styles, be sure to update the mobile skin! */ .doc { margin: 0em auto 1em; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

.doc-header { padding-bottom: 3px; border-bottom: 1px solid #BDCAC3; margin-bottom: 1ex; }

.doc-footer { margin: 0; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */ /* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */ .desktopleft {   text-align: left; }

.desktopcenter { text-align: center; }

.desktopright { text-align: right; }