User:OwenBlacker/common.css

@import url(https://fonts.googleapis.com/css?family=Alegreya:400,400i,700,700i&subset=latin-ext);
@import url(https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,600;1,7..72,400;1,7..72,600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);


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

body, input, span#wikEdSummaryComboInput select#wikEdSummarySelect
{
   font-family: Bookerly, Literata, Georgia, serif;
}

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

:lang(la)
{
   font-family: Alegreya, Cambria, Times, serif !important;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3,
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6,
.vector-sticky-header-context-bar-primary, .mw-headline, th.navbox-title
{
    font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.sidebar-toc {
    font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 80%;
}

.sidebar-toc .sidebar-toc-contents, .sidebar-toc .sidebar-toc-list {
    line-height: normal;
}

/* Back to m:~:common.css */
:lang(la) {
    font-style: normal;
}

*[lang]:lang(cy), *[lang]:lang(wlm), *[lang]:lang(owl), *[lang]:lang(la),
{ border-bottom: none; }

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 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.85em; }

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