Be sure to read our policy on citing sources before editing!
Difference between revisions of "MediaWiki:Common.css"
From Jiggywikki, a Banjo-Kazooie wiki
Jump to navigationJump to search
(ident .?) |
(cleanup of common.css) |
||
Line 43: | Line 43: | ||
} | } | ||
/* footer */ | |||
#footer { | #footer { | ||
background-color: #FFF7DF; | background-color: #FFF7DF; | ||
Line 84: | Line 65: | ||
font: x-small sans-serif; | font: x-small sans-serif; | ||
} | } | ||
/* warning box */ | /* warning box */ | ||
Line 139: | Line 72: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
border: 1px solid #7F5F00; | border: 1px solid #7F5F00; | ||
} | } | ||
Line 146: | Line 78: | ||
} | } | ||
. | /* Edit box */ | ||
.wikiEditor-ui-toolbar .section-main, | |||
.wikiEditor-ui-toolbar .tabs { | |||
border: | height: auto; | ||
} | |||
.wikiEditor-ui textarea#wpTextbox1 { | |||
height: 474px; | |||
line-height: 1.4em; | |||
} | |||
.wikiEditor-ui .wikiEditor-ui-view { | |||
border: 1px solid #003366; | |||
} | |||
.mw-summary-preview { | |||
margin-bottom: 0.5em; | |||
} | |||
#wpSummaryLabel .oo-ui-textInputWidget textarea, | |||
#wpSummaryLabel .oo-ui-textInputWidget input { | |||
padding-bottom: 0.5em; | |||
} | |||
#wpSummaryWidget .oo-ui-labelElement-label { | |||
margin-right: 3px; | |||
} | } | ||
.mw- | /* Keep create account benefits up top */ | ||
.mw-special-CreateAccount #userloginForm { | |||
margin-right: 90px; | |||
} | } | ||
/* Adjust inputbox button padding in Firefox */ | |||
@-moz-document url-prefix() { | |||
.bodySearchWrap .mw-ui-button, .createboxButton { | |||
padding-top: 4px; | |||
padding-bottom: 5px; | |||
} | |||
} | } | ||
/* jiggywikki colors */ | |||
fieldset { | fieldset { | ||
border: 1px solid #7F5F00; | border: 1px solid #7F5F00; | ||
} | |||
#mw-revision-info, #mw-revision-info-current, #mw-revision-nav { | |||
color: #54595d; | |||
} | } | ||
Line 176: | Line 135: | ||
} | } | ||
/* preference buttons */ | |||
.mw-prefs-buttons { | .mw-prefs-buttons { | ||
background:transparent; | background:transparent; | ||
Line 287: | Line 143: | ||
} | } | ||
. | /* rc display adjustment */ | ||
.client-js .mw-input-hidden { | |||
display:inline-block; | |||
} | } | ||
. | /* References */ | ||
ol.references { | |||
margin-top: 0; | |||
font-size: 90%; | |||
} | } | ||
ol.references div { | |||
display: inline; | |||
} | } | ||
ol.references span { | |||
line-height: 1; | |||
} | } | ||
. | ol.references li:target, sup.reference:target { | ||
background-color: transparent; | |||
font-weight: bold; | |||
} | } | ||
/* Captcha spacing */ | |||
#editform #wpCaptchaWord { | |||
margin-top: 2.5px; | |||
} | } | ||
.mw-ui-vform-field:nth-of-type(6) .mw-input { | |||
margin-top: 10px; | |||
} | } | ||
#userloginForm .mw-ui-vform-field:nth-of-type(6) { | |||
. | margin-bottom: 5px; | ||
} | } | ||
.mw-input img, #editform img, label img { | |||
. | image-rendering: auto !important; | ||
} | } | ||
.mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input { | |||
margin-top: 1px; | |||
. | |||
} | } | ||
.editOptions .g-recaptcha { | |||
margin-bottom: 10px; | |||
margin- | |||
} | } | ||
.mw-ui-vform { | |||
width: 302px; | |||
} | } | ||
Line 366: | Line 199: | ||
.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { | .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { | ||
margin-left:5px; | margin-left:5px; | ||
} | } | ||
Line 379: | Line 204: | ||
.mw-indicators, | .mw-indicators, | ||
#mw-indicator-shortcut { | #mw-indicator-shortcut { | ||
position: relative; | |||
} | } | ||
.mw-indicator { | .mw-indicator { | ||
margin: 0 2px; | |||
} | } | ||
.mw-indicator img { | .mw-indicator img { | ||
image-rendering: auto !important; | |||
} | } | ||
#mw-indicator-mw-helplink { | #mw-indicator-mw-helplink { | ||
display: none; | |||
} | } | ||
/* | /* notice templates */ | ||
body:not(.ns-6) .notice-template + .notice-template { | body:not(.ns-6) .notice-template + .notice-template { | ||
margin-top: -0.375em !important; | margin-top: -0.375em !important; | ||
Line 407: | Line 227: | ||
margin-bottom: 2.5px !important; | margin-bottom: 2.5px !important; | ||
} | } | ||
.notice-template p { | .notice-template p { | ||
margin: 0.6em 0; | margin: 0.6em 0; | ||
Line 485: | Line 303: | ||
} | } | ||
/* New user message box */ | |||
.usermessage { | |||
margin-top: 1em; | |||
} | |||
/* Gallery */ | |||
ul.gallery, li.gallerybox div.thumb { | |||
margin-bottom: 0; | |||
padding-bottom: 0; | |||
} | |||
#bodyContent ul.gallery { | |||
margin: 2px; | |||
padding: 2px; | |||
} | |||
li.gallerycaption { | |||
text-align: unset; | |||
} | |||
/* OOUI fixes */ | |||
.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { | |||
overflow: visible; | |||
} | |||
.oo-ui-textInputWidget .oo-ui-pendingElement-pending { | |||
display:none; | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-menuOptionWidget-checkIcon { | |||
display:none; | |||
} | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { | |||
border:1px solid #7F5F00; | |||
border-radius:0px; | |||
box-shadow: none; | |||
} | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input { | |||
border-radius:0px; | |||
box-shadow:none; | |||
transition:none; | |||
} | |||
.oo-ui-panelLayout-framed { | |||
border: 1px solid #7F5F00; | |||
border-radius: 0px; | |||
} | |||
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { | |||
box-shadow: none !important; | |||
border: 1px solid #ccc !important; | |||
} | |||
.oo-ui-dropdownWidget-handle { | |||
border: 1px solid gray; | |||
} | |||
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { | |||
border: 1px solid gray; | |||
border-radius: 0.25em !important; | |||
} | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { | |||
border-color:#7F5F00; | |||
box-shadow:none; | |||
} | |||
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldLayout { margin-right: 10px; display: block; vertical-align: middle !important; } | |||
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldsetLayout-group { display: block !important; } | |||
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon { display: none !important; } | |||
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper.oo-ui-panelLayout-padded .oo-ui-fieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header { padding-left: 0 !important; margin-bottom: 0 !important; } | |||
/* disable calendar widget */ | |||
.mw-widget-calendarWidget { | .mw-widget-calendarWidget { | ||
display: none !important; | display: none !important; | ||
Line 493: | Line 383: | ||
} | } | ||
.mw- | /* Miscellaneous */ | ||
padding- | |||
.mw_metadata { | |||
margin-top: 5px; | |||
} | |||
#bodyContent { | |||
position: relative; | |||
} | |||
.mw-newarticletext { | |||
margin-bottom: 10px; | |||
} | |||
.top-right { | |||
position: absolute; | |||
top: -31px; | |||
right: 1px; | |||
} | |||
.top-right-text { | |||
position: absolute; | |||
top: -17px; | |||
right: 1px; | |||
} | |||
img, .results .list-thumb:not(.list-thumb-none), | |||
.ext-related-articles-card-thumb:not(.ext-related-articles-card-thumb-placeholder) { | |||
image-rendering: crisp-edges; | |||
image-rendering: pixelated; | |||
} | |||
.mw-changeslist-legend { | |||
border: 1px solid #aaa; | |||
} | |||
div.tleft, div.tright { | |||
margin-top: 0.2em; | |||
margin-bottom: 0.8em; | |||
} | |||
blockquote { | |||
border-left: 3px solid #7F5F00; | |||
margin-left: 2em; | |||
padding-left: 1em; | |||
} | |||
#disambig { | |||
border-top: 3px double #cccccc; | |||
border-bottom: 3px double #cccccc; | |||
} | |||
p { | |||
margin: 0.6em 0 0.7em 0; | |||
} | |||
.portlet { | |||
width: 11.8em; | |||
} | } | ||
#pagehistory li { | |||
padding: 2px; | |||
} | |||
.mw-ui-button { | .mw-ui-button { | ||
Line 503: | Line 450: | ||
} | } | ||
# | |||
#localNotice { | |||
margin-bottom: 0.4em; | |||
} | } | ||
.mw-customtoggle, .mw-collapsible-toggle { | .mw-customtoggle, .mw-collapsible-toggle { | ||
cursor: default; | cursor: default; | ||
} | |||
.mw-collapsible-toggle { | |||
padding-right: 0.3em; | |||
} | |||
.editOptions { | |||
border: 1px solid #a58f4c; | |||
border-top:none; | |||
} | |||
.right { | |||
text-align: right; | |||
} | |||
h1, h2 { | |||
border-bottom: 1px solid #a58f4c; | |||
} | |||
.messagebox, .errorbox, .warningbox, .successbox { | |||
padding:12px; | |||
} | |||
#preftoc a:active { | |||
color: #00c; | |||
} | |||
div.noarticletext { | |||
border: 1px solid #a58f4c; | |||
} | |||
.special li { | |||
line-height: 19px; | |||
} | |||
a.mw-selflink:hover { | |||
color: inherit; | |||
} | |||
span#mw-editform-cancel { | |||
display:none; | |||
} | |||
#toc, .toc { | |||
margin-bottom: 3px; | |||
} | |||
.contentbox > .mw-collapsible-toggle { | |||
float: none !important; | |||
} | |||
.thumb .mediaContainer { | |||
margin: 4px auto 2px; | |||
} | |||
.thumb .multiVert .mediaContainer { | |||
margin: 3px auto -1px; | |||
} | |||
.mw-editinginterface { | |||
color:red; | |||
} | } |