User:DB/common.css
Appearance
< User:DB
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
![]() | The accompanying .js page for this skin is at User:DB/common.js. |
body {
margin: 0;
padding: 0;
color: #000;
font-family: serif;
}
#specialform {
display: inline;
}
#content {
top: 0;
margin: 0;
padding: 0;
}
#mw-data-after-content {
font-family: 'Verdana', 'Arial', sans-serif;
color: #000;
font-size: 8pt;
}
#powersearch {
background-color: #def;
border-style: solid;
border-width: 1px;
padding: 2px;
}
#quickbar {
width: 140px;
top: 18ex;
padding: 2px;
visibility: visible;
}
#article,
#article td,
#article th,
#article p {
font-family: 'Verdana', 'Arial', sans-serif;
font-size: 10pt;
color: #000;
}
#article p {
padding-top: 0;
padding-bottom: 0;
margin-top: 1ex;
margin-bottom: 0;
}
p,
pre,
.mw-code,
td,
th,
li,
dd,
dt {
line-height: 12pt;
}
textarea {
overflow: auto;
width: 100%;
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#footer {
margin-right: 2%;
margin-top: 1em;
padding: 4px;
font-family: 'Verdana', 'Arial', sans-serif;
font-size: 10pt;
text-align: center;
}
#footer form {
display: inline;
}
#cb-ca-edit {
font-weight: bold;
}
#pagestats {
font-family: 'Verdana', 'Arial', sans-serif;
color: #000;
font-size: 9pt;
}
#quickbar {
font-family: 'Verdana', 'Arial', sans-serif;
font-size: 8pt;
font-weight: bold;
line-height: 9.5pt;
text-decoration: none;
color: #000;
padding: 0;
margin-top: 0;
}
#quickbar a {
color: #468;
}
/* Hide, but keep accessible for screen-readers */
#mw-navigation h2 {
position: absolute;
top: -9999px;
}
#quickbar h3 {
font-family: 'Verdana', 'Arial', sans-serif;
font-size: 10pt;
font-weight: bold;
line-height: 12pt;
text-decoration: none;
color: #666;
padding: 0;
margin-bottom: 2px;
margin-top: 6px;
}
#quickbar form {
padding: 0;
margin-top: 0;
}
#quickbar .portlet ul,
#quickbar .portlet li {
list-style-type: none;
margin: 0;
padding: 0;
line-height: inherit;
}
/* If the portlet is empty e.g. edit portlet on special pages,
this list should be removed: T271978#6747698 */
.emptyPortlet {
display: none;
}
div.after-portlet {
display: inline;
padding-left: 0.5em;
}
h1 {
color: #666;
font-family: 'Verdana', 'Arial', sans-serif;
font-size: 180%;
line-height: 21pt;
}
h1#firstHeading {
padding-bottom: 0;
margin-bottom: 0;
}
.mw-indicators {
float: right;
}
.mw-indicator {
display: -moz-inline-block;
display: inline-block;
zoom: 1;
*display: inline; /* stylelint-disable-line declaration-block-no-duplicate-properties */
}
#article p.subtitle,
#article p.subpages,
#article p.tagline {
color: #666;
font-size: 11pt;
font-weight: bold;
padding-top: 0;
margin-top: 0;
padding-bottom: 1ex;
}
a {
color: #236;
}
a.external {
color: #364;
}
a:visited {
color: #8d0749;
}
a.printable {
text-decoration: underline;
}
a.stub,
#quickbar a.stub {
color: #723;
text-decoration: none;
}
a.new,
#quickbar a.new,
#quickbar span.new a,
#footer span.new a {
color: #c20;
}
a.mw-selflink {
color: inherit;
font-weight: bold;
text-decoration: inherit;
}
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0;
}
small {
font-size: 75%;
}
.mw-empty-elt {
display: none;
}
#searchInput {
width: 114px;
}
/* Directionality-specific styles */
#quickbar {
position: absolute;
left: 4px;
}
#article {
margin-left: 148px;
margin-right: 4px;
}
#footer {
margin-left: 152px;
}
#sitetitle,
#sitesub,
#toplinks,
#linkcollection {
margin-top: 0;
margin-bottom: 0;
}
#sitetitle,
#toplinks {
color: #fff;
text-transform: uppercase;
height: 32pt;
}
#sitetitle {
padding-left: 8px;
font-family: 'Times', serif;
font-weight: normal;
font-size: 32pt;
line-height: 32pt;
background-color: #68a;
}
#sitetitle a,
#toplinks a {
color: #fff;
text-decoration: none;
}
/* Bring #sitetitle to top. Otherwise #toplinks is overlaid over it, making the link unclickable. */
#sitetitle a {
position: relative;
z-index: 10;
}
#toplinks {
font-family: 'Verdana', 'Arial', sans-serif;
position: absolute;
top: 0;
right: 8px;
width: 100%;
font-size: 8pt;
}
#toplinks a {
font-size: 10pt;
}
#toplinks ul {
position: absolute;
right: 0;
margin: 0;
width: 100%;
text-align: right;
}
#toplinks #syslinks {
bottom: 0;
}
#toplinks #variantlinks {
bottom: 12pt;
}
/* languages */
#langlinks ul {
padding-left: 0;
display: inline;
}
#sitesub {
float: left;
margin-left: 8px;
font-family: 'Verdana', 'Arial', sans-serif;
font-size: 9pt;
font-weight: bold;
color: #000;
}
#linkcollection {
margin-top: 0.5em;
font-size: small;
margin-right: 8px;
text-align: right;
padding-left: 140px;
}
/* Override text justification (user preference), see bug 31990 */
#linkcollection * {
text-align: right;
}
/* Override `element` feature styles (mediawiki.skinning/element.less) */
a {
text-decoration: underline;
}
h1,
h2 {
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
border-bottom: none;
}
/* Some basic handling for echo badges */
#p-personal li#pt-notifications-alert,
#p-personal li#pt-notifications-notice {
display: inline-block;
margin: 0.75em 0.5em 0.75em 0;
}
/**
* oldshared.css
* This file contains CSS settings common to Wikistandard, Nostalgia and
* CologneBlue, the old pre-Monobook skins
*/
/* stylelint-disable selector-class-pattern */
/* For clarity, explicitly state some recommendations from
* https://www.w3.org/TR/CSS21/sample.html to make sure the editsection links scale right
*/
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.17em;
}
h4 {
font-size: 1.11em;
}
h5 {
font-size: 1.05em;
}
h6 {
font-size: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bolder;
}
/* Now the custom parts */
/* images */
/* @noflip */
div.floatright {
float: right;
clear: right;
margin: 0 0 1em 1em;
}
/* @noflip */
div.floatright p {
font-style: italic;
}
/* @noflip */
div.floatleft {
float: left;
clear: left;
margin: 0.3em 0.5em 0.5em 0;
}
/* table standards */
table.rimage {
float: right;
margin-left: 1em;
margin-bottom: 1em;
text-align: center;
font-size: smaller;
}
/* thumbnails */
div.thumb {
margin-bottom: 0.5em;
border-style: solid;
border-color: #fff;
width: auto;
}
div.thumbinner {
border: 1px solid #ccc;
padding: 3px;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
/* new block formatting context,
* to clear background from floating content */
overflow: hidden;
}
html .thumbimage {
border: 1px solid #ccc;
}
html .thumbcaption {
border: 0;
line-height: 1.4em;
padding: 3px;
font-size: 94%;
text-align: left;
}
div.magnify {
float: right;
margin-left: 3px;
}
div.magnify a {
display: block;
/* Hide the text… */
text-indent: 15px;
white-space: nowrap;
overflow: hidden;
/* …and replace it with the image */
width: 15px;
height: 11px;
/* Use same SVG support hack as mediawiki.legacy's shared.css */
background: url( images/magnify-clip-ltr.png ) center center no-repeat;
background-image: linear-gradient( transparent, transparent ), url( images/magnify-clip-ltr.svg );
/* Don't annoy people who copy-paste everything too much */
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* @noflip */
div.tright {
clear: right;
float: right;
border-width: 0.5em 0 0.8em 1.4em;
}
/* @noflip */
div.tleft {
float: left;
clear: left;
margin-right: 0.5em;
border-width: 0.5em 1.4em 0.8em 0;
}
img.thumbborder {
border: 1px solid #ddd;
}
/* Page history styling */
/* the auto-generated edit comments */
.autocomment,
.autocomment a,
.autocomment a:visited {
color: #4b4b4b;
}
img {
border: 0;
}
.toc {
border: 1px solid #bba;
background-color: #f7f8ff;
padding: 7px;
font-size: 95%;
text-align: center;
display: inline-block;
display: table;
}
/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
table.toc {
border-collapse: collapse;
}
/* Remove additional paddings inside table-cells that are not present in <div>s */
table.toc td {
padding: 0;
}
.toc h2 {
display: inline;
border: 0;
padding: 0;
font-size: 100%;
font-weight: bold;
}
.toc ul {
list-style-type: none;
list-style-image: none;
padding: 0;
text-align: left;
}
.toc ul ul {
margin: 0 0 0 2em;
}
.error {
color: #f00;
font-size: larger;
}
/* Preference page with js-generated toc */
.mw-prefs-buttons {
clear: left;
float: left;
margin-top: 1em;
}
div.htmlform-tip {
font-size: 94%;
margin-top: 0.4em;
color: #666;
}
/* emulate center */
.center {
width: 100%;
text-align: center;
}
*.center * {
margin-left: auto;
margin-right: auto;
}
/* small for tables and similar */
.small {
font-size: 94%;
}
table.small {
font-size: 100%;
}
/* use this instead of .toc for page content */
.toccolours {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
#siteNotice {
border: 1px solid #aaa;
padding-left: 0.5em;
padding-right: 0.5em;
}
.sharedUploadNotice {
font-style: italic;
}
span.unpatrolled {
font-weight: bold;
color: #f00;
}
div.gallerybox {
width: 150px;
}
span.comment {
font-style: italic;
}
.previewnote {
text-align: center;
color: #c00;
}
li span.deleted {
text-decoration: line-through;
color: #888;
font-style: italic;
}
/* Classes for Exif data display */
table.mw_metadata {
margin-left: 0.5em;
border: 0;
border-collapse: collapse;
}
table.mw_metadata caption {
font-weight: bold;
}
table.mw_metadata td,
table.mw_metadata th {
border: 1px solid #aaa;
padding-left: 4px;
padding-right: 4px;
}
table.mw_metadata th {
background-color: #f9f9f9;
font-weight: normal;
}
table.mw_metadata td {
background-color: #fcfcfc;
padding-top: 0.1em;
padding-bottom: 0.1em;
}
table.mw_metadata td.spacer {
background: inherit;
border-width: 0 1px;
}
.visualClear {
clear: both;
}
#jump-to-nav {
display: none;
}
div.multipageimagenavbox {
border: 1px solid #c0c0c0;
padding: 4px;
margin: 1em;
background: #f0f0f0;
}
div.multipageimagenavbox div.thumb {
border: 0;
margin-left: 2em;
margin-right: 2em;
}
div.multipageimagenavbox hr {
margin: 6px;
}
table.multipageimage td {
text-align: center;
}
.templatesUsed {
margin-top: 1em;
}
.MediaTransformError {
border: thin solid #777;
background-color: #ccc;
padding: 0.1em;
}
.MediaTransformError td {
text-align: center;
vertical-align: middle;
font-size: 90%;
}
form#specialpages {
display: inline;
}
body {
direction: ltr;
unicode-bidi: embed;
background-color: #ffffec;
}
body.ns-0 {
background-color: #fff;
}
/** RTL specific CSS starts here **/
/**
* Lists:
* The following lines don't have a visible effect on non-Gecko browsers
* They fix a problem with Gecko browsers rendering lists to the right of
* left-floated objects in an RTL layout.
*/
/* @noflip */
html > body.rtl .mw-body ul {
display: table;
}
/* @noflip */
html > body.rtl .mw-body #filetoc {
display: block;
}
/** RTL specific CSS ends here **/
#sitetitle,
#sitesub,
#titlelinks,
#footer-navigation {
display: none;
}
/**
* Copied from mediawiki.skinning/commonPrint.less in Mediawiki 1.36 core
* This was previously included from the deprecated `legacy` feature
*/
/**
* Hide all the elements irrelevant for printing
* Skins however can and should override.
*/
/* General hide-in-print class, please only use sparely */
.noprint,
/* Various content classes, in alphabetical order */
.mw-cite-backlink,
.mw-redirectedfrom,
.patrollink,
/* Various content ids, in alphabetical order */
#column-one,
#footer-places,
#mw-navigation,
/* Deprecated, changed in core */
#f-poweredbyico,
#f-copyrightico,
li#about,
li#disclaimer,
li#mobileview,
li#privacy {
display: none;
}
#footer {
background: #fff;
color: #000;
margin-top: 1em;
border-top: 1pt solid #aaa;
padding-top: 5px;
direction: ltr;
}
/* Hide section anchor link, no space for it in the UI */
.mw-headline-anchor {
display: none;
}