User:OwenBlacker/common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@import url(https://fonts.googleapis.com/css?family=Gentium+Basic:400,700,400italic,700italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Alegreya:400,400i,700,700i&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Uncial+Antiqua);
textarea, pre, code, input#wpSummary
{
font-family: Consolas, Cousine, Lucida Console, Courier New, Courier, monospace;
}
html .CodeMirror pre
{
font-family: Consolas, Cousine, Lucida Console, Courier New, Courier, monospace !important;
}
/* From enwiki:~:common.css */
body, input, span#wikEdSummaryComboInput select#wikEdSummarySelect
{
font-family: Source Sans Pro, Calibri, Arial, sans-serif;
}
:lang(fr), :lang(oc), :lang(frp), :lang(wa), :lang(pcd), :lang(xno), :lang(fro), :lang(frm), :lang(pro) {
font-family: Bodoni, Bodoni MT, Calibri, Arial, sans-serif;
font-style: normal;
font-size: 1.1em;
font-style: normal !important;
}
:lang(ga), :lang(gd), :lang(pgl), :lang(sga), :lang(mga), :lang(ghc), :lang(gv) {
font-family: Uncial Antiqua, sans-serif;
font-style: normal;
font-style: normal !important;
}
:lang(cy), :lang(wlm), :lang(owl), :lang(la) {
font-family: Alegreya, Gentium Basic, Linux Libertine, Cambria, Times New Roman, Times, serif;
}
table.infobox.geography td.mergedtoprow, th.navbox-title, h1, h2, h3, h4, h5, h6, .mw-headline, :lang(la)
{
font-family: Alegreya, Cambria, Times, serif !important;
}
/* Back to m:~:common.css */
:lang(la) {
font-style: normal;
}
*[lang]:lang(cy), *[lang]:lang(wlm), *[lang]:lang(owl), *[lang]:lang(la),
*[lang]:lang(fr), *[lang]:lang(oc), *[lang]:lang(frp), *[lang]:lang(wa), *[lang]:lang(pcd),
*[lang]:lang(xno), *[lang]:lang(fro), *[lang]:lang(frm),
*[lang]:lang(ga), *[lang]:lang(gd), *[lang]:lang(pgl), *[lang]:lang(sga), *[lang]:lang(mga),
*[lang]:lang(gv)
{ border-bottom: none; }
:lang(fr) i, :lang(oc) i, :lang(frp) i, :lang(wa) i,
:lang(pcd) i, :lang(xno) i, :lang(fro) i, :lang(frm) i, :lang(pro) i, :lang(ga) i, :lang(gd) i, :lang(pgl) i,
:lang(sga) i, :lang(mga) i, :lang(gv) i, :lang(la) i
h1 span[lang], h2 span[lang], h3 span[lang], h4 span[lang], h5 span[lang]
{ font-size: inherit; }
/* ################## Preview ################## */
div#wikiPreview
{
background-color: #fcc;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
color-stop(0.25, rgba(255, 255, 255, 0.15)),
color-stop(0.25, transparent),
color-stop(0.5, transparent),
color-stop(0.5, rgba(255, 255, 255, 0.15)),
color-stop(0.75, rgba(255, 255, 255, 0.15)),
color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(315deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%, transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(315deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%, transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%, transparent);
background-image: linear-gradient(315deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%, transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%, transparent);
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px;
}
div#wikiPreview pre.mw-code { opacity: 0.7; }
blockquote.templatequote
{
font-size: 95%;
margin-top: -0.5em;
}
blockquote.templatequote div.templatequotecite { margin: 0.5em inherit; }
@media (max-width: 1024px)
{
.ubxDiv, #mw-panel { display: none; }
div#content, div#footer { margin-left: 0; }
div#left-navigation { left: 0; margin-left: 0 }
#p-personal ul { padding-left: 0; }
#right-navigation { float: left; margin-left: 9em; margin-top: 0; }
}
/* This media query from enwiki:~:vector.css */
@media (min-width: 1200px)
{
body.action-view .mw-body-content
{
max-width: 60em;
}
body.action-view #mw-panel
{
margin-left: 5em;
}
body.action-view,
body.action-view .mw-body
{
margin-left: 7.5em;
}
body.action-view #left-navigation
{
margin-left: 15em;
}
textarea#wpTextbox1
{
font-size: 14px;
}
body.action-view table.infobox
{
margin-right: -10em;
}
body.action-view div.tright
{
margin-right: -8.75em;
}
}
@media print
{
a:link, a:visited, a:active { text-decoration: underline !important; }
table#toc { display: none; }
}
body,
body.page-User_OwenBlacker_common_css #wpSummary,
body.page-User_OwenBlacker_common_js #wpSummary
{
zoom: 1.25;
-moz-transform: scale(1.25);
}
body[class*="page-User"][class*="_css"], body[class*="page-User"][class*="_js"]
{
zoom: 1;
-moz-transform: scale(1);
font-size: 125%;
}
body .ace_editor
{
font-size: 15px;
}
#bodyContent { font-size: 0.75em; }
h1, h2, h3, h4, p, ul, ol, dl, li, table.infobox td.mergedtoprow { text-align: left; }
h1, h2, h3, h4 {
margin-left: 0;
padding-left: 0;
}
h4 span.mw-headline, h6 span.mw-headline { font-style: italic; }
input#wpSummary { font-size: 14px; }
table.toc#toc { min-width: 25%; }
textarea { font-size: 1em; }
textarea#wpTextbox1 { font-size: 14px !important; }
body.page-User_OwenBlacker_common_css textarea#wpTextbox1,
body.page-User_OwenBlacker_common_js textarea#wpTextbox1,
body.page-User_OwenBlacker_global_css textarea#wpTextbox1,
body.page-User_OwenBlacker_global_js textarea#wpTextbox1
{
font-size: 15px;
/* 12px is too small in Consolas */
}
.metadata, #disambig, .infobox, .notice, .selfref { text-align: left; }
.messagebox.standard-talk {
background-color: #fcfada; /* not #f8eaba; */
}
.mw-newarticletext, .mw-editform .editHelp, .editnotice-namespace, .editpage-head-copywarn, .mw-tos-summary p,
#minoredit_helplink a, #editpage-copywarn, #editpage-copywarn2, #editpage-copywarn3
{
display: none;
}
#minoredit_helplink:after { content: 'minor edit'; }
.editOptions
{
margin-top: 0.5em;
border-top: 1px solid silver;
}
.editOptions a { text-decoration: underline; }
.editOptions a:link:not(.new) { color: blue; }
/* From Template_talk:Reflist */
div.reflist, div.references-small, div.refbegin
{
-webkit-column-count: 2 !important;
-moz-column-count: 2 !important;
}
/* Force header rows from [[Template:Infobox]] to be coloured light grey */
table.infobox tr th[colspan=2]
{
background: #eee !important;
text-align: left !important;
}
span[lang], i[lang] { border-bottom: dashed 1px red; }
div[lang]:not([lang|=en]):not(#mw-content-text[lang]), td[lang]:not([lang|=en]), th[lang]:not([lang|=en])
{ border-left: dashed 1px red; padding-left: 0.25em; }
a.mw-redirect { border-bottom: dotted 1px green; } /* from [[:fr:Aide:Redirection]] */
span[lang] a.mw-redirect, a.mw-redirect[lang] { border-bottom: double 1px green; }
a.mw-disambig, span[lang] a.mw-disambig, a.mw-disambig[lang]
{
border-bottom: double 1px #df01d7;
background: #df01d7;
color: white;
padding: 0 2px;
}
table.gallery td
{
text-align: center;
vertical-align: top;
}
input#wpSummary { width: 100%; }
div#p-lang ul li a sub { vertical-align: baseline; }
.asof-tag { display: inline !important; } /* Show all links: [[WP:AO]] */
.citation-comment {display: inline !important;} /* show all Citation Style 1 error messages */
body #content a.external[href ~="books.google"]
{
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/ed/Book_Hexagonal_Icon.svg/20px-Book_Hexagonal_Icon.svg.png) center right no-repeat;
padding: 0 18px 0 0;
}
span.smallcaps, .navbar.mini li span, span.nocaps, span.NOCAPS, span.smallcaps span.nocaps,
span.SMALLCAPS span.NOCAPS, .navbar.mini li abbr[title]
{
font-variant: normal !important;
text-decoration: underline;
}
div.navbar.mini li { text-transform: lowercase; }
div.thumbcaption { font-size: 90%; }
/* Syntax highlighting of code comments */
pre.de1 span.co1 { color: #999 !important; }
div#simpleSearch, div#simpleSearch input#searchInput
{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
div#simpleSearch input#searchInput { padding-left: 0.6em; }
/* ############### Toolbar list-icon backgrounds ###################### */
div#p-tb li
{
position: relative;
left: -1.5em;
padding-left: 1.5em !important;
}
div#p-tb li#t-whatlinkshere
{
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Media_Viewer_Icon_-_Link_Hover.svg/10px-Media_Viewer_Icon_-_Link_Hover.svg.png);
background-repeat: no-repeat;
background-position: 4px center;
}
div#p-tb li#t-upload
{
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Cloud_upload_font_awesome.svg/15px-Cloud_upload_font_awesome.svg.png);
background-repeat: no-repeat;
background-position: left center;
}
div#p-tb li#t-wikibase
{
background-image: url(https://www.wikidata.org/static/favicon/wikidata.ico);
background-size: 1.25em auto;
background-repeat: no-repeat;
background-position: left center;
}
/* Ping and comment highlighting */
#bodyContent a[href$="User:OwenBlacker"]
{
background-color: #ff7;
padding: 3px;
font-weight: bold;
}
/* From Bootstrap */
textarea:focus,
input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
select:focus
{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
border-style: solid;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
span.languageicon, span.mw-editsection a
{
padding: 2px 4px;
font-weight: normal;
color: white !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
background-color: #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.template-documentation span.mw-editsection.plainlinks a
{
background-color: #5af !important;
padding: 2px 4px !important;
}
span.mw-editsection, span.cancelLink { visibility: hidden; }
span.mw-editsection a
{
background-color: #5af;
color: white;
font-size: 75%;
visibility: visible;
margin-left: -1em;
}
span.languageicon a { color: white !important; }
span.languageicon
{
font-size: 0.85em !important;
font-weight: normal !important;
}
span.reference-text span.languageicon { padding: 2px 3px; }
sup.reference a, sup.Inline-Template, sup.Inline-Template a { color: #ccc; }
sup.reference, sup small, small sup
{
font-weight: normal;
font-size: 70%;
white-space: nowrap;
}
#wikiPreview sup.reference a,
#wikiPreview sup.Inline-Template, #wikiPreview sup.Inline-Template a
{ color: #333; }
div.editButtons input[type=submit], div.editButtons span.cancelLink a,
fieldset#templatesandbox-editform input#wpTemplateSandboxPreview
{
padding: 4px 12px;
font-size: 13px;
line-height: 20px;
height: 30px !important;
color: #333;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
border: 1px solid #ccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
div.editButtons input[type=submit]:focus, div.editButtons span.cancelLink a:focus,
fieldset#templatesandbox-editform input#wpTemplateSandboxPreview:focus
{
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
div.editButtons input[type=submit]:active, div.editButtons span.cancelLink a:active,
fieldset#templatesandbox-editform input#wpTemplateSandboxPreview:active
{
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
div.editButtons input[type=submit]#wpSave
{
font-weight: normal;
color: white;
background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
div.editButtons input[type=submit]#wpPreview,
div.editButtons input[type=submit]#wpDiff,
fieldset#templatesandbox-editform input#wpTemplateSandboxPreview
{ }
div.editButtons span.cancelLink a
{
visibility: visible;
color: white !important;
padding: 0 12px 2px;
background-color: #da4f49;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
div.editButtons span.cancelLink .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button
{
padding-left: 1em;
padding-right: 1em;
}
div.editButtons span.cancelLink a .oo-ui-labelElement-label { font-weight: normal; }
div.editButtons span.cancelLink a:hover { text-decoration: none; }