MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
m
Reverted edits by Compooper (talk) to last revision by Logoarto
imported>Hb1290 No edit summary |
imported>Compooper |
||
| (328 intermediate revisions by 6 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url('/1.41/extensions/FontAwesome/res/fontawesome/css/all.min.css'); | |||
@import url('https://user-content.static.wf/avidwiki/9/96/Avid_web_hinted_2.ttf'); | |||
@import url('https://user-content.static.wf/avidwiki/3/31/Avid_web_bold.ttf'); | |||
/* Define typefaces.*/ | |||
@font-face { | |||
font-family: 'AVID Web'; | |||
src: url('https://user-content.static.wf/avidwiki/9/96/Avid_web_hinted_2.ttf'); | |||
} | |||
.classname { | |||
font-family: 'AVID Web'; | |||
} | |||
@font-face { | |||
font-family: 'AVID Web'; | |||
font-weight: bold; | |||
src: url('https://user-content.static.wf/avidwiki/3/31/Avid_web_bold.ttf'); | |||
} | |||
.classname { | |||
font-family: 'AVID Web'; | |||
font-weight: bold; | |||
} | |||
/* Code copied from [[wikipedia:MediaWiki:Common.css]] */ | /* Code copied from [[wikipedia:MediaWiki:Common.css]] */ | ||
. | /* Make Main Page title invisible */ | ||
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } | |||
/* Make Images Work in Dark Mode. Particularly for Main Page icons.*/ | |||
@media (prefers-color-scheme: dark) { | |||
.image { | |||
background-image: url(<path>); | |||
} | |||
} | |||
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ | |||
th.mbox-text, td.mbox-text { /* The message body cell(s) */ | |||
border: none; | |||
padding: 0.25em 0.9em; /* 0.9em left/right */ | |||
} | |||
td.mbox-image { /* The left image cell */ | |||
border: none; | |||
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ | |||
text-align: center; | |||
} | |||
td.mbox-imageright { /* The right image cell */ | |||
border: none; | |||
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ | |||
text-align: center; | |||
} | |||
td.mbox-empty-cell { /* An empty narrow cell */ | |||
border: none; | |||
padding: 0; | |||
width: 1px; | |||
} | |||
/* Article message box styles */ | |||
table.ambox { | |||
margin: 0 10%; /* 10% = Will not overlap with other elements */ | |||
border: 0px solid #a2a9b1; | |||
/* @noflip */ | |||
border-left: 25px solid #0c62da; /* Standard AVID blue */ | |||
background-color: #fcfcfc; | |||
border-collapse: separate; /* fix left border not rounding */ | |||
} | |||
table.ambox + table.ambox { /* Single border between stacked boxes. */ | |||
margin-top: -1px; | |||
} | |||
.ambox th.mbox-text, | |||
.ambox td.mbox-text { /* The message body cell(s) */ | |||
padding: 0.25em 0.5em; /* 0.5em left/right */ | |||
} | |||
.ambox td.mbox-image { /* The left image cell */ | |||
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ | |||
} | |||
.ambox td.mbox-imageright { /* The right image cell */ | |||
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | |||
} | |||
table.ambox-notice { | |||
border-left: 25px solid #0c62da; /* AVID Blue */ | |||
} | |||
table.ambox-speedy { | |||
border-left: 25px solid #b32424; /* White color */ | |||
background: #da0c3f; /* AVID Red */ | |||
} | |||
table.ambox-delete { | |||
border-left: 25px solid #da0c3f; /* AVID Red */ | |||
} | |||
table.ambox-content { | |||
border-left: 25px solid #ffa800; /* AVID Yellow */ | |||
} | |||
table.ambox-style { | |||
border-left: 25px solid #fc3; /* Yellow */ | |||
} | |||
table.ambox-move { | |||
border-left: 25px solid #9932cc; /* Purple */ | |||
} | |||
table.ambox-protection { | |||
border-left: 25px solid #a2a9b1; /* Gray-gold */ | |||
} | |||
/* Image message box styles */ | |||
table.imbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 3px solid #36c; /* Default "notice" blue */ | |||
background: #fbfbfb; | |||
} | |||
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ | |||
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ | |||
} | |||
.mbox-inside .imbox { /* For imboxes inside other templates. */ | |||
margin: 4px; | |||
} | |||
table.imbox-notice { | |||
border: 3px solid #36c; /* Blue */ | |||
} | |||
table.imbox-speedy { | |||
border: 3px solid #b32424; /* Red */ | |||
background: #fee; /* Pink */ | |||
} | |||
table.imbox-delete { | |||
border: 3px solid #b32424; /* Red */ | |||
} | |||
table.imbox-content { | |||
border: 3px solid #f28500; /* Orange */ | |||
} | |||
table.imbox-style { | |||
border: 3px solid #fc3; /* Yellow */ | |||
} | |||
table.imbox-move { | |||
border: 3px solid #9932cc; /* Purple */ | |||
} | |||
table.imbox-protection { | |||
border: 3px solid #a2a9b1; /* Gray-gold */ | |||
} | |||
table.imbox-license { | |||
border: 3px solid #88a; /* Dark gray */ | |||
background: #f7f8ff; /* Light gray */ | |||
} | |||
table.imbox-featured { | |||
border: 3px solid #cba135; /* Brown-gold */ | |||
} | |||
/* Category message box styles */ | |||
table.cmbox { | |||
margin: 3px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
border- | background: #DFE8FF; /* Default "notice" blue */ | ||
background- | } | ||
/* | table.cmbox-notice { | ||
margin: | background: #D8E8FF; /* Blue */ | ||
} | |||
/* | table.cmbox-speedy { | ||
margin-top: 4px; | |||
/* | margin-bottom: 4px; | ||
border: 4px solid #b32424; /* Red */ | |||
background: #FFDBDB; /* Pink */ | |||
} | |||
table.cmbox-delete { | |||
background: #FFDBDB; /* Red */ | |||
} | |||
table.cmbox-content { | |||
background: #FFE7CE; /* Orange */ | |||
} | |||
table.cmbox-style { | |||
background: #FFF9DB; /* Yellow */ | |||
} | |||
table.cmbox-move { | |||
background: #E4D8FF; /* Purple */ | |||
} | |||
table.cmbox-protection { | |||
background: #EFEFE1; /* Gray-gold */ | |||
} | |||
/* Other pages message box styles */ | |||
table.ombox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; /* Default "notice" gray */ | |||
background: #f8f9fa; | |||
} | |||
table.ombox-notice { | |||
border: 1px solid #a2a9b1; /* Gray */ | |||
width:100%; | |||
} | |||
table.ombox-speedy { | |||
border: 2px solid #b32424; /* Red */ | |||
background: #fee; /* Pink */ | |||
width:100%; | |||
} | |||
table.ombox-delete { | |||
border: 2px solid #b32424; /* Red */ | |||
width:100%; | |||
} | |||
table.ombox-content { | |||
border: 1px solid #f28500; /* Orange */ | |||
width:100%; | |||
} | |||
table.ombox-style { | |||
border: 1px solid #fc3; /* Yellow */ | |||
} | } | ||
. | table.ombox-move { | ||
border: 1px solid #9932cc; /* Purple */ | |||
width:100%; | |||
} | } | ||
. | table.ombox-protection { | ||
border: 2px solid #a2a9b1; /* Gray-gold */ | |||
width:100%; | |||
} | } | ||
. | |||
/* Talk page message box styles */ | |||
table.tmbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 1px solid #c0c090; /* Default "notice" gray-brown */ | |||
background: #f8eaba; | |||
} | |||
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */ | |||
margin: 2px 0; /* class ensures that this declaration overrides other */ | |||
width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */ | |||
} | |||
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ | |||
line-height: 1.5em; /* also "nested", so reset styles that are */ | |||
font-size: 100%; /* set in "mbox-small" above. */ | |||
} | |||
table.tmbox-speedy { | |||
border: 2px solid #b32424; /* Red */ | |||
background: #fee; /* Pink */ | |||
width:100%; | |||
} | |||
table.tmbox-delete { | |||
border: 2px solid #b32424; /* Red */ | |||
width:100%; | |||
} | |||
table.tmbox-content { | |||
border: 2px solid #f28500; /* Orange */ | |||
width:100%; | |||
} | |||
table.tmbox-style { | |||
border: 2px solid #fc3; /* Yellow */ | |||
width:100%; | |||
} | |||
table.tmbox-move { | |||
border: 2px solid #9932cc; /* Purple */ | |||
width:100%; | |||
} | |||
table.tmbox-protection, | |||
table.tmbox-notice { | |||
border: 1px solid #a2a9b1; /* Gray-brown */ | |||
width:100%; | |||
} | } | ||
. | |||
/* Footer and header message box styles */ | |||
table.fmbox { | |||
clear: both; | |||
margin: 0.2em 0; | |||
width: 100%; | |||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
background: #f8f9fa; /* Default "system" gray */ | |||
} | |||
table.fmbox-system { | |||
background: #f8f9fa; | |||
width:100%; | |||
} | |||
table.fmbox-warning { | |||
border: 1px solid #bb7070; /* Dark pink */ | |||
background: #ffdbdb; /* Pink */ | |||
width:100%; | |||
} | |||
table.fmbox-editnotice { | |||
background: transparent; | |||
width:100%; | |||
} | |||
/* These mbox-small classes must be placed after all other | |||
ambox/tmbox/ombox etc classes. "html body.mediawiki" is so | |||
they override "table.ambox + table.ambox" above. */ | |||
html body.mediawiki .mbox-small { /* For the "small=yes" option. */ | |||
/* @noflip */ | |||
clear: right; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
margin: 4px 0 4px 1em; | |||
box-sizing: border-box; | |||
width: 240px; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
html body.mediawiki .mbox-small-left { /* For the "small=left" option. */ | |||
/* @noflip */ | |||
margin: 4px 1em 4px 0; | |||
box-sizing: border-box; | |||
overflow: hidden; | |||
width: 240px; | |||
border-collapse: separate !important; /* fix for guidance detail not having border */ | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
/* Remove underlines from certain links */ | |||
.nounderlines a, | |||
.IPA a:link, .IPA a:visited { | |||
text-decoration: none !important; | |||
} | |||
/* Unbulleted lists */ | |||
.plainlist ol, | |||
.plainlist ul { | |||
line-height: inherit; | |||
list-style: none none; | |||
margin: 0; | |||
} | |||
.plainlist ol li, | |||
.plainlist ul li { | |||
margin-bottom: 0; | |||
} | |||
/* Standard Navigationsleisten, aka box hiding thingy | |||
from .de. Documentation at [[Wikipedia:NavFrame]]. */ | |||
div.NavFrame { | |||
margin: 0; | |||
padding: 4px; | |||
border: 1px solid #a2a9b1; | |||
text-align: center; | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
} | |||
div.NavFrame + div.NavFrame { | |||
border-top-style: none; | |||
border-top-style: hidden; | |||
} | |||
div.NavFrame div.NavHead { | |||
line-height: 1.6em; | |||
font-weight: bold; | |||
background-color: #ccf; | |||
position: relative; | |||
} | |||
div.NavFrame p, | |||
div.NavFrame div.NavContent, | |||
div.NavFrame div.NavContent p { | |||
font-size: 100%; | |||
} | |||
a.NavToggle { | |||
position: absolute; | |||
top: 0; | |||
/* @noflip */ | |||
right: 3px; | |||
font-weight: normal; | |||
font-size: 90%; | |||
} | |||
/* Hatnotes and disambiguation notices */ | |||
.hatnote { | |||
font-style: italic; | |||
} | |||
.hatnote i { | |||
font-style: normal; | |||
} | |||
div.hatnote { | |||
/* @noflip */ | |||
padding-left: 1.6em; | |||
margin-bottom: 0.5em; | |||
} | |||
div.hatnote + div.hatnote { | |||
margin-top: -0.5em; | |||
} | |||
/* Allow transcluded pages to display in lists rather than a table. */ | |||
.listify td { | |||
display: list-item; | |||
} | |||
.listify tr { | |||
display: block; | |||
} | |||
.listify table { | |||
display: block; | |||
} | |||
/* Interface Style (code by Hb1290) */ | |||
div#mw-panel div.portal h3{ | |||
font-family:AVID Web; font-weight:450; font-size: 14px; | |||
} | |||
div#mw-navigation div#mw-head div#p-user-tools{ | |||
font-family:AVID Web; | |||
} | |||
div#mw-navigation div#mw-head div#p-search{ | |||
font-family:AVID Web; | |||
} | |||
div#mw-navigation div#mw-head div#right-navigation{ | |||
font-family:AVID Web; | |||
} | |||
div#mw-navigation div#mw-head div#left-navigation{ | |||
font-family:AVID Web; | |||
} | |||
#mw-navbar { | |||
background-image: url(https://user-content.static.wf/avidwiki/6/6b/AVID_darker_banner_3_-_LQ.webp); | |||
background-size: cover; | |||
} | |||
/* Echo */ | |||
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read:before, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read:before, #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read { | |||
filter: invert(1); | |||
} | |||
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge { | |||
filter: invert(1); | |||
} | |||
/* keep hidden categories hidden (unless preferences set otherwise) */ | |||
.mw-hidden-cats-ns-shown {display: none} | |||
.mw-wiki-logo { | |||
width: 210px!important; | |||
height: 36px!important; | |||
position: absolute!important; | |||
background-size: contain!important; | |||
background-repeat: no-repeat!important; | |||
} | |||
/*---- DPL Forum ----*/ | |||
/* Forum formatting -Algorithm & -Splaka & -Roza */ | |||
/* Forumheader style */ | |||
.forumheader { | |||
border: 1px solid #aaa; | |||
background-color: #cedff2; | |||
margin: 0 0 1em; | |||
padding: 0 0.5em; | |||
} | |||
.forumlist.forumborder tr:nth-child(n+2) { | |||
border-left: 4px solid #aaa; | |||
} | |||
.forumlist.forumborder tr:nth-child(2n+2) { | |||
background-color: #f8f9fa; | |||
} | |||
.forumlist.forumborder tr:nth-child(2n+3) { | |||
background-color: #fff; | |||
} | |||
.forumlist td.forum_title a.forum_new { | |||
font-weight: bold; | |||
} | |||
.forumlist td.forum_title a:not(.forum_new):before { | |||
content: url(https://static.miraheze.org/avidwiki/0/02/Breezeicons-places-64-folder-grey.svg.png); | |||
position: relative; | |||
top: 2px; | |||
margin-right: 4px; | |||
} | |||
.forumlist td.forum_title a.forum_new:before { | |||
content: url(https://static.miraheze.org/avidwiki/4/4f/Breezeicons-places-64-folder-important.svg.png); | |||
position: relative; | |||
top: 2px; | |||
margin-right: 4px; | |||
} | |||
.forumlist.forumborder td.forum_title span.forum_author a:before { | |||
content: ""; | |||
margin-right: 0px; | |||
} | |||
.forumborder { | |||
border-collapse: collapse; | |||
} | |||
.forumborder td { | |||
border: 1px solid #aaa; | |||
padding: 8px 4px; | |||
} | |||
/*-- InputBox --*/ | |||
.inputbox-sidebar { | |||
width: 300px; | |||
border: 1px solid lightgrey; | |||
clear: right; | |||
float: right; | |||
margin: 3px; | |||
padding:10px; | |||
margin-left: 2em; | |||
} | |||
/* Kills "Forum talk:" links --Algorithm */ | |||
body.ns-110 #ca-talk { display: none; } | |||
body.ns-110 #ca-nstab-forum { margin-right: 16px; } | |||
/* | |||
* Styling for links generated by [[MediaWiki:Edittools]] | |||
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling | |||
* @updated 2012-02-29 | |||
*/ | |||
.mw-charinsert-buttons { | |||
margin-top: 10px; | |||
border: 1px solid #a2a9b1; | |||
padding: 1px; | |||
text-align: center; | |||
font-size: 110%; | |||
} | |||
.mw-charinsert-buttons a { | |||
color: black; | |||
background-color: #cde !important; | |||
font-weight: bold; | |||
font-size: .9em; | |||
text-decoration: none; | |||
border: thin #069 outset; | |||
padding: 0 .1em .1em; | |||
} | |||
.mw-charinsert-buttons a:hover, | |||
.mw-charinsert-buttons a:active { | |||
background-color: #bcd; | |||
border-style: inset; | |||
} | |||
.client-js .mw-edittools-section { | |||
display: inline; | |||
} | |||
.client-js .mw-edittools-section input[type="button"] { | |||
font-size: 0.9em; | |||
padding-left: 1px; | |||
padding-right: 1px; | |||
margin-left: 1px; | |||
} | |||
/*Sidebar Icons*/ | |||
#n-Main-Page a::before { | |||
content: "\f015"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.9em; | |||
} | |||
#n-Forums a::before { | |||
content: "\f4ad"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Gallery a::before { | |||
content: "\f302"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.8em; | |||
} | |||
#n-Recent-Changes a::before { | |||
content: "\f201"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Projects a::before { | |||
content: "\f0c0"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Tutorials a::before { | |||
content: "\f059"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Community-Portal a::before { | |||
content: "\f183"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1.1em; | |||
margin-left: 0.2em; | |||
} | |||
#n-Create-a-Page a::before { | |||
content: "\f0fe"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Create-a-Draft a::before { | |||
content: "\f0fe"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Random-Page a::before { | |||
content: "\f523"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Startups-and-Bootscreens a::before { | |||
content: "\f011"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.76em; | |||
} | |||
#n-Commercial-Tags a::before { | |||
content: "\f02c"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.79em; | |||
} | |||
#n-Production-Logos a::before { | |||
content: "\f03d"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.76em; | |||
} | |||
#n-Television-Idents a::before { | |||
content: "\f7c0"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.76em; | |||
} | |||
#n-Browse-by-Country a::before { | |||
content: "\f57d"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Browse-by-Company a::before { | |||
content: "\f0b1"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Browse-by-Year a::before { | |||
content: "\f133"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1.2em; | |||
} | |||
#n-Upload-File a::before { | |||
content: "\f093"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Rating-Bumpers a::before { | |||
content: "\f5bf"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Television-Bumpers a::before { | |||
content: "\f26c"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.6em; | |||
} | |||
#n-Closed-Captioning-Bumpers a::before { | |||
content: "\f20a"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.6em; | |||
} | |||
#n-Sponsor-Bumpers a::before { | |||
content: "\f2b5"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.6em; | |||
} | |||
#n-Endcards a::before { | |||
content: "\f051"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.6em; | |||
} | |||
#n-Franchise-Bumpers a::before { | |||
content: "\f0a3"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.8em; | |||
} | |||
#n-Home-Media-Bumpers a::before { | |||
content: "\f51f"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.8em; | |||
} | |||
#n-Modified-Screens a::before { | |||
content: "\f065"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Cinema-Trailers a::before { | |||
content: "\f008"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Splash-Screens a::before { | |||
content: "\f11b"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.5em; | |||
} | |||
#n-Test-Cards a::before { | |||
content: "\f7c0"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.7em; | |||
} | |||
#n-Leaders-and-Slates a::before { | |||
content: "\f05b"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.8em; | |||
} | |||
#n-Variations a::before { | |||
content: "\f7c0"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.7em; | |||
} | |||
#n-Error-Screens a::before { | |||
content: "\f2d3"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.76em; | |||
} | |||
#n-Warning-Screens a::before { | |||
content: "\f071"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.76em; | |||
} | |||
#n-Emergency-Screens a::before { | |||
content: "\f0e7"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.76em; | |||
} | |||
#n-AVID-Discord a::before { | |||
content: "\f392"; | |||
font-family: 'Font Awesome 6 Brands'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-The-AVID-Channel a::before { | |||
content: "\f167"; | |||
font-family: 'Font Awesome 6 Brands'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Twitter a::before { | |||
content: "\f099"; | |||
font-family: 'Font Awesome 6 Brands'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
/*#n-Bluesky a::before { | |||
content: "\fe671"; | |||
font-family: 'Font Awesome 6 Brands'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
*/ | |||
#n-Internet-Archive a::before { | |||
content: url(https://www.avid.wiki/w/thumb.php?f=Internet_Archive_logotype.png&width=15); | |||
margin-right: 1em; | |||
} | |||
#n-Bluesky a::before { | |||
content: url(https://www.avid.wiki/w/thumb.php?f=Bluesky_Logo.png&width=15); | |||
margin-right: 1em; | |||
} | |||
#n-Featured-Media-Nominations a::before { | |||
content: "\f559"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 1em; | |||
} | |||
#n-Donate-via-Ko-fi a::before { | |||
content: "\f7b6"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.76em; | |||
} | |||
#n-Requests-for-Comment a::before { | |||
content: "\f681"; | |||
font-family: 'Font Awesome 6 Free'; | |||
font-weight: 900; | |||
margin-right: 0.76em; | |||
} | |||
/* Style for horizontal lists (separator following item). | |||
@source mediawiki.org/wiki/Snippets/Horizontal_lists | |||
@revision 8 (2016-05-21) | |||
@author [[User:Edokter]] | |||
*/ | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* Display list items inline */ | |||
.hlist dd, | |||
.hlist dt, | |||
.hlist li { | |||
margin: 0; /* don't trust the note that says margin doesn't work with inline | |||
* removing margin: 0 makes dds have margins again */ | |||
display: inline; | |||
} | |||
/* Display nested lists inline */ | |||
.hlist.inline, | |||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.hlist dl dl, | |||
.hlist dl ol, | |||
.hlist dl ul, | |||
.hlist ol dl, | |||
.hlist ol ol, | |||
.hlist ol ul, | |||
.hlist ul dl, | |||
.hlist ul ol, | |||
.hlist ul ul { | |||
display: inline; | |||
} | |||
/* Hide empty list items */ | |||
.hlist .mw-empty-li { | |||
display: none; | |||
} | |||
/* Generate interpuncts */ | |||
.hlist dt:after { | |||
content: ": "; | |||
} | |||
/** | |||
* Note hlist style usage differs in Minerva and is defined in core as well! | |||
* Please check Minerva desktop (and Minerva.css) when changing | |||
* See https://phabricator.wikimedia.org/T213239 | |||
*/ | |||
.hlist dd:after, | |||
.hlist li:after { | |||
content: " · "; | |||
font-weight: bold; | |||
} | |||
.hlist dd:last-child:after, | |||
.hlist dt:last-child:after, | |||
.hlist li:last-child:after { | |||
content: none; | |||
} | } | ||
. | |||
. | /* Add parentheses around nested lists */ | ||
.hlist dd dd:first-child:before, | |||
.hlist dd dt:first-child:before, | |||
.hlist dd li:first-child:before, | |||
.hlist dt dd:first-child:before, | |||
.hlist dt dt:first-child:before, | |||
.hlist dt li:first-child:before, | |||
.hlist li dd:first-child:before, | |||
.hlist li dt:first-child:before, | |||
.hlist li li:first-child:before { | |||
content: " ("; | |||
font-weight: normal; | |||
} | } | ||
. | .hlist dd dd:last-child:after, | ||
.hlist dd dt:last-child:after, | |||
.hlist dd li:last-child:after, | |||
.hlist dt dd:last-child:after, | |||
.hlist dt dt:last-child:after, | |||
.hlist dt li:last-child:after, | |||
.hlist li dd:last-child:after, | |||
.hlist li dt:last-child:after, | |||
.hlist li li:last-child:after { | |||
content: ")"; | |||
font-weight: normal; | |||
} | } | ||
. | /* Put ordinals in front of ordered list items */ | ||
.hlist ol { | |||
counter-reset: listitem; | |||
} | } | ||
. | .hlist ol > li { | ||
counter-increment: listitem; | |||
} | } | ||
/* | .hlist ol > li:before { | ||
content: " " counter(listitem) "\a0"; | |||
} | |||
.hlist dd ol > li:first-child:before, | |||
.hlist dt ol > li:first-child:before, | |||
.hlist li ol > li:first-child:before { | |||
content: " (" counter(listitem) "\a0"; | |||
} | |||
/** | |||
* Stylesheet for Babel extension. | |||
* | |||
* You can override the CSS code on the MediaWiki:Common.css page | |||
* on your wiki to adjust colours etc. | |||
* | |||
* @file | |||
* @ingroup Extensions | |||
*/ | |||
/* Babel wrapper layout. */ | |||
/* @noflip */ | |||
.mw-babel-wrapper { | |||
background-color: #fff; | |||
border: 1px solid #99b3ff; | |||
border-spacing: 0; | |||
box-sizing: border-box; | |||
padding: 0; | |||
margin: 1px; | |||
width: 100%; | |||
} | |||
/* header and footer */ | |||
.mw-babel-header { | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.mw-babel-footer { | |||
font-size: 85%; | |||
font-weight: normal; | |||
text-align: center; | |||
} | |||
/* Babel box layout */ | |||
.mw-babel-box { | |||
margin: 1px; | |||
} | |||
.mw-babel-box table { | |||
border-spacing: 0; | |||
width: 100%; | |||
margin: 0 !important; /* stylelint-disable-line declaration-no-important */ | |||
} | |||
.mw-babel-box th { | |||
font-size: 14pt; | |||
height: 45px; | |||
min-width: 45px; | |||
text-align: center; | |||
width: 45px; | |||
} | |||
.mw-babel-box td { | |||
line-height: 1.25em; | |||
font-size: 8pt; | |||
padding: 4pt; | |||
width: 100%; | |||
} | |||
@media all and ( min-width: 480px ) { | |||
/* @noflip */ | |||
.mw-babel-wrapper { | |||
float: right; | |||
clear: right; | |||
width: 240px; | |||
} | |||
/* @noflip */ | |||
.mw-content-ltr .mw-babel-wrapper { | |||
float: right; | |||
clear: right; | |||
} | |||
/* @noflip */ | |||
.mw-content-rtl .mw-babel-wrapper { | |||
float: left; | |||
clear: left; | |||
} | |||
/* @noflip */ | |||
.mw-babel-box { | |||
float: right; | |||
clear: right; | |||
width: 240px; | |||
} | |||
/* @noflip */ | |||
.mw-content-ltr .mw-babel-box { | |||
float: right; | |||
clear: right; | |||
} | |||
/* @noflip */ | |||
.mw-content-rtl .mw-babel-box { | |||
float: left; | |||
clear: left; | |||
} | |||
} | |||
/* Babel box colours. */ | |||
.mw-babel-box-0 { | |||
border: 1px solid #fbb; | |||
} | |||
.mw-babel-box-1 { | |||
border: 1px solid #e0c0e0; | |||
} | |||
.mw-babel-box-2 { | |||
border: 1px solid #bcb9ef; | |||
} | |||
.mw-babel-box-3 { | |||
border: 1px solid #99b3ff; | |||
} | |||
.mw-babel-box-4 { | |||
border: 1px solid #77e0e8; | |||
} | |||
.mw-babel-box-5 { | |||
border: 1px solid #ffcf4d; | |||
} | |||
.mw-babel-box-N { | |||
border: 1px solid #6ef7a7; | |||
} | |||
.mw-babel-box-0 table th { | |||
background-color: #fbb; | |||
} | |||
.mw-babel-box-1 table th { | |||
background-color: #e0c0e0; | |||
} | |||
.mw-babel-box-2 table th { | |||
background-color: #bcb9ef; | |||
} | |||
.mw-babel-box-3 table th { | |||
background-color: #99b3ff; | |||
} | |||
.mw-babel-box-4 table th { | |||
background-color: #77e0e8; | |||
} | |||
.mw-babel-box-5 table th { | |||
background-color: #ffcf4d; | |||
} | |||
.mw-babel-box-N table th { | |||
background-color: #6ef7a7; | |||
} | |||
.mw-babel-box-0 table { | |||
background-color: #fee; | |||
} | |||
.mw-babel-box-1 table { | |||
background-color: #f3e0f3; | |||
} | |||
.mw-babel-box-2 table { | |||
background-color: #e9e5f9; | |||
} | |||
.mw-babel-box-3 table { | |||
background-color: #e0e8ff; | |||
} | |||
.mw-babel-box-4 table { | |||
background-color: #d0f8ff; | |||
} | |||
.mw-babel-box-5 table { | |||
background-color: #ffefa6; | |||
} | |||
.mw-babel-box-N table { | |||
background-color: #c5fcdc; | |||
} | |||
/* | /*Mobile display tweaks for infobox*/ | ||
/* | @media screen and (max-width:720px) { | ||
. | .portable-infobox { | ||
. | float:none; | ||
width:100%; | |||
font-size:initial; | |||
/* @ | margin:0 | ||
} | |||
.pi-header { | |||
display:none | |||
} | |||
} | |||
/*Fonts for sidebar headers*/ | |||
#p-navigation-label, #p-Sections-label, #p-Categories-label, #p-Policy_and_Administration-label, #p-Administration-label, #p-cactions-label, #p-userpagetools-label, #p-pagemisc-label, #p-views-label #p-tb-label, #p-tb-label, #p-More_AVID-label, #p-managewiki-sidebar-header-label { | |||
font-family:AVID Web; | |||
} | |||
/* Fonts for Search and User Menu */ | |||
/* Fonts for Search and User Menu */ | |||
#p-user-tools{ | |||
font-family: AVID Web; | |||
} | |||
.form-inline .form-control { | |||
display: inline-block; | |||
width: auto; | |||
vertical-align: middle; | |||
font-family: AVID Web; | |||
} | |||
#p-TOOLBOXEND | |||
{display:none} | |||
/*TabberNeue padding tweak*/ | |||
nav { | |||
padding-bottom: 0em | |||
} | |||
/*override TOC float right*/ | |||
#toc.toc { | |||
float: none; | |||
} | |||
/*Discord Banner*/ | |||
.discord-banner { | |||
background-image: url(https://user-content.static.wf/avidwiki/f/f2/Embed_2_00000.png); | |||
width: 350px; | |||
height: 150px; | |||
background-size: cover; | |||
background-repeat: no-repeat; | |||
float: none; | |||
filter: none; | |||
} | |||
/*Compact Discord banner for smaller displays*/ | |||
@media screen and (max-width:1200px) { | |||
.discord-banner { | |||
background-image:url("https://user-content.static.wf/avidwiki/2/2f/Discordembed.png"); | |||
width:100%; | |||
height:100px; | |||
} | |||
} | |||
/*heading fonts*/ | |||
h1, h2, h3, h4 { | |||
font-family:AVID Web | |||
} | |||
/*nav fonts*/ | |||
#mw-navigation a { | |||
font-family: AVID Web | |||
} | |||
#p-namespaces { | |||
font-family:AVID Web | |||
} | |||
.dropdown-toggle { | |||
font-family:AVID Web | |||
} | |||
.dropdown-menu .dropdown-menu-right show { | |||
font-family:AVID Web | |||
} | |||
/*Body fonts (shouldn't override AVID Web in headings)*/ | |||
.mw-body-content { | |||
font-family: 'AVID Web' !important; | |||
} | } | ||
. | #mw-wrapper, #searchInput, .dropdown-item, .wikipediauserbox { | ||
. | font-family: 'AVID Web' !important | ||
} | |||
.mbox-text { | |||
font-family:'AVID Web' !important | |||
} | |||
h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 { | |||
font-family: 'AVID Web'; | |||
font-weight: 500; | |||
} | |||
/*Footer fonts*/ | |||
.mw-footer { | |||
font-family:AVID Web; | |||
} | |||
/*Exempt banner from dark mode*/ | |||
.client-darkmode #mw-navbar { | |||
filter:invert( 1 ) hue-rotate( 180deg ); | |||
z-index: 10; /*fixes user tools becoming unusable in dark mode*/ | |||
} | |||
/*dark mode optimization for main page elements*/ | |||
.client-darkmode .mainpageframe { | |||
filter: invert( 1 ) hue-rotate( 180deg ) | |||
} | |||
.client-darkmode .discord-banner { | |||
filter: invert( 1 ) hue-rotate( 180deg ) | |||
} | } | ||
.client-darkmode .imgmap { | |||
filter: invert( 1 ) hue-rotate( 180deg ) | |||
} | } | ||
. | .client-darkmode .mw-gallery-nolines { | ||
. | filter: invert( 1 ) hue-rotate( 180deg ) | ||
} | |||
/*fix SVGs in dark mode*/ | |||
.client-darkmode .image img[src*="svg"] { | |||
background:transparent | |||
} | } | ||
/*Make template icons adapt to dark mode*/ | |||
. | .client-darkmode .mbox-image { | ||
filter: invert( 1 ) hue-rotate( 180deg ) | |||
} | } | ||
/*fix SocialProfile layout issue (https://phabricator.wikimedia.org/T328235)*/ | |||
.visualClear { clear: both; } | |||
/*fix infobox overflow issues*/ | |||
.pi-data-value { | |||
width: 45%; | |||
} | |||
.portable-infobox .pi-header { | |||
word-break: break-all; | |||
white-space: pre-wrap; | |||
text-align: center; | |||
padding: 0.6em; | |||
} | |||
@media screen and (min-width:720px) { | |||
.portable-infobox { | |||
width: 300px; | |||
} | |||
} | |||
.infobox .dropdown-item, .portable-infobox .pi-data-value { | |||
padding:0; | |||
white-space:initial | |||
} | |||
/*additional style tweaks for infobox*/ | |||
.pi-data-label { | |||
font-size: 90% !important | |||
} | |||
.pi-data-value { | |||
margin-left:15px !important; | |||
font-size: 90% !important | |||
} | |||
/*fix discussion indenting*/ | |||
dd { | |||
margin-left: 1.6em; | |||
} | |||
/*fix for whitespace issue on some skins*/ | |||
.firstHeading::before {display:none;} | |||
. | /*related articles width fix*/ | ||
. | .ra-read-more { | ||
border: | width:100%; | ||
padding: 0 | } | ||
/*fix for popup widget*/ | |||
.oo-ui-popupWidget-popup { | |||
background-color: #ffffff; | |||
border: 0px solid #a2a9b1; | |||
border-radius: 10px; | |||
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 25%); | |||
color: white; | |||
} | |||
.oo-ui-labelElement .oo-ui-labelElement-label, .oo-ui-labelElement.oo-ui-labelElement-label { | |||
box-sizing: border-box; | |||
font-weight: normal; | |||
} | |||
/*fix for font colors*/ | |||
.ve-ui-mwNoticesPopupTool-items, .ve-ui-mwHelpPopupTool-items { | |||
padding: 0.5em 1em; | |||
line-height: 1.6em; | |||
color: black; | |||
} | |||
/*column spacing fix for edit tools (desktop only)*/ | |||
@media screen and (min-width:480px) { | |||
.edit-tools .div-col { | |||
padding-left: 200px; | |||
padding-right: 200px; | |||
} | |||
} | |||
.mw-parser-output .hlist dd, .mw-parser-output .hlist dt, .mw-parser-output .hlist li { | |||
margin: 0; | |||
display: inline; | |||
color: black; | |||
} | |||
.mw-parser-output .navbox-subgroup .navbox-group, .mw-parser-output .navbox-subgroup .navbox-abovebelow { | |||
background-color: #161f2b !important; | |||
} | |||
/*userbox border fix*/ | |||
.wikipediauserbox{ | |||
width:240px !important | |||
} | |||
@media screen and (max-width: 1200px) { | |||
.discord-banner { | |||
background-image: url(https://user-content.static.wf/avidwiki/2/2f/Discordembed.png); | |||
width: 100%; | |||
height: 100px; | |||
} | |||
} | } | ||
/* Mini tabbers */ | |||
. | .tabs-tabbox > .tabs-container { | ||
border-top: | margin-top: -1px; | ||
border- | padding: 2px 6px; | ||
border-radius: 8px; | |||
position: relative; | |||
width: inherit; | |||
max-width: inherit; | |||
min-width: inherit; | |||
z-index: 1; | |||
border-top-color: #939393 !important; | |||
border-top: solid; | |||
border-radius: unset; | |||
border-top-width: thin; | |||
border-color: #ffffff00; | |||
} | } | ||
. | .tabs-label { | ||
cursor: pointer; | |||
border: | padding: 1px 6px; | ||
background-color: #fff0; | |||
border: 1px solid #fff0; | |||
color: #0c62da; | |||
font-weight: bold; | |||
} | } | ||