User:OwenBlacker/common.css

@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;
}


: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;
}

:lang(ga), :lang(gd), :lang(pgl), :lang(sga), :lang(mga), :lang(ghc), :lang(gv) {
   font-family: Uncial Antiqua, sans-serif;
   font-style: normal;
}

:lang(cy), :lang(wlm), :lang(owl), :lang(la) {
	font-family: Alegreya, Gentium Basic, Linux Libertine, Cambria, Times New Roman, Times, serif;
}

:lang(la) {
    font-style: normal;
}

*[lang]:lang(cy), *[lang]:lang(wlm), *[lang]:lang(owl), *[lang]:lang(la),
*[lang]:lang(de), *[lang]:lang(gmh), *[lang]:lang(goh), *[lang]:lang(sli),
*[lang]:lang(gsw), *[lang]:lang(nds), *[lang]:lang(gml),
*[lang]:lang(pdc), *[lang]:lang(got):not(:lang(got-Latn)),
*[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(de) i, :lang(gmh) i, :lang(goh) i, :lang(sli) i, :lang(gsw) i, :lang(nds) i, :lang(gml) i, :lang(osx) i,
:lang(ksh) i, :lang(lb) i, :lang(pfl) i, :lang(bar) i, :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; }
}

@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; }