User:Trevor807/common.css: Difference between revisions
From the Audiovisual Identity Database, the motion graphics museum
Content deleted Content added
No edit summary |
|||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ |
|||
@import url('/w/extensions/FontAwesome/res/fontawesome/css/all.min.css'); |
|||
@import url('https://static.miraheze.org/avidwiki/7/7e/CLGSans-Regular.ttf'); |
|||
@import url('https://static.miraheze.org/avidwiki/6/6f/CLGSans-Bold.ttf'); |
|||
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded'); |
|||
/* Define typefaces.*/ |
|||
@font-face { |
|||
font-family: 'AVID Sans'; |
|||
src: url('https://static.miraheze.org/avidwiki/7/7e/CLGSans-Regular.ttf'); |
|||
} |
|||
.classname { |
|||
font-family: 'AVID Sans'; |
|||
} |
|||
@font-face { |
|||
font-family: 'AVID Sans Bold'; |
|||
src: url('https://static.miraheze.org/avidwiki/6/6f/CLGSans-Bold.ttf'); |
|||
} |
|||
@font-face { |
|||
font-family: 'AVID Sans'; |
|||
src: url('https://static.miraheze.org/avidwiki/7/7e/CLGSans-Regular.ttf'); |
|||
} |
|||
@font-face { |
|||
font-family: 'AVID Sans Book'; |
|||
src: url('https://static.miraheze.org/avidwiki/9/90/AVIDSansBook.ttf'); |
|||
} |
|||
classname { |
|||
font-family: 'AVID Sans Bold'; |
|||
} |
|||
/* 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: 1px solid #a2a9b1; |
|||
border-left: 10px solid #36c; /* Default "notice" blue */ |
|||
background: #fbfbfb; |
|||
} |
|||
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: 10px solid #36c; /* Blue */ |
|||
} |
|||
table.ambox-speedy { |
|||
border-left: 10px solid #b32424; /* Red */ |
|||
background: #fee7e6; /* Pink */ |
|||
} |
|||
table.ambox-delete { |
|||
border-left: 10px solid #b32424; /* Red */ |
|||
} |
|||
table.ambox-content { |
|||
border-left: 10px solid #f28500; /* Orange */ |
|||
} |
|||
table.ambox-style { |
|||
border-left: 10px solid #fc3; /* Yellow */ |
|||
} |
|||
table.ambox-move { |
|||
border-left: 10px solid #9932cc; /* Purple */ |
|||
} |
|||
table.ambox-protection { |
|||
border-left: 10px 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; |
|||
background: #DFE8FF; /* Default "notice" blue */ |
|||
} |
|||
table.cmbox-notice { |
|||
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: 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; |
|||
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: collapse; |
|||
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 Sans; font-weight:450; font-size: 14px; |
|||
} |
|||
div#mw-navigation div#mw-head div#p-user-tools{ |
|||
font-family:AVID Sans; |
|||
} |
|||
div#mw-navigation div#mw-head div#p-search{ |
|||
font-family:AVID Sans; |
|||
} |
|||
div#mw-navigation div#mw-head div#right-navigation{ |
|||
font-family:AVID Sans; |
|||
} |
|||
div#mw-navigation div#mw-head div#left-navigation{ |
|||
font-family:AVID Sans; |
|||
} |
|||
#mw-navbar { |
|||
background-image: url(https://static.miraheze.org/avidwiki/2/28/Avidbanner.png); |
|||
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; } |
|||
/* Spacing fix for bullet lists */ |
|||
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { |
|||
padding-bottom: 0.6em; |
|||
margin-top: -0.25em; |
|||
} |
|||
/* |
|||
* 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: "\f15b"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1.1em; |
|||
} |
|||
#n-Forums a::before { |
|||
content: "\f4ad"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Gallery a::before { |
|||
content: "\f302"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Recent-Changes a::before { |
|||
content: "\f201"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Tutorial-Guide a::before { |
|||
content: "\f059"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Community-Portal a::before { |
|||
content: "\f183"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1.2em; |
|||
margin-left: 0.3em; |
|||
} |
|||
#n-Create-a-Page a::before { |
|||
content: "\f0fe"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Create-a-Draft a::before { |
|||
content: "\f0fe"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 0.75em; |
|||
} |
|||
#n-Random-Page a::before { |
|||
content: "\f523"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Television-Logos a::before { |
|||
content: "\f26c"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 0.75em; |
|||
} |
|||
#n-Film-Logos a::before { |
|||
content: "\f008"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Station-IDs a::before { |
|||
content: "\f7c0"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Home-Entertainment-Logos a::before { |
|||
content: "\f51f"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Cinema-Trailers a::before { |
|||
content: "\f03d"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 0.8em; |
|||
} |
|||
#n-Music-Entertainment-Logos a::before { |
|||
content: "\f001"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Animation-Logos a::before { |
|||
content: "\f1fc"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Commercial-Logos a::before { |
|||
content: "\f641"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Education-Logos a::before { |
|||
content: "\f19d"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 0.75em; |
|||
} |
|||
#n-Online-Logos a::before { |
|||
content: "\f144"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Video-Game-Logos a::before { |
|||
content: "\f11b"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 0.75em; |
|||
} |
|||
#n-Technology-Logos a::before { |
|||
content: "\f085"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 0.75em; |
|||
} |
|||
#n-Logo-Variations a::before { |
|||
content: "\f005"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 0.76em; |
|||
} |
|||
#n-Warning-Screens a::before { |
|||
content: "\f071"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1.1em; |
|||
} |
|||
#n-Coming-Attraction-Screens a::before { |
|||
content: "\f073"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1.1em; |
|||
} |
|||
#n-VCR-Control-Bumpers a::before { |
|||
content: "\f1de"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1.1em; |
|||
} |
|||
#n-Logos-by-Country a::before { |
|||
content: "\f57d"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Logos-by-Company a::before { |
|||
content: "\f0b1"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Upload-File a::before { |
|||
content: "\f093"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Home-Media-Bumpers a::before { |
|||
content: "\f51f"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Film-Rating-Bumpers a::before { |
|||
content: "\f5bf"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Startups-and-Bootscreens a::before { |
|||
content: "\f109"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-Television-Bumpers a::before { |
|||
content: "\f26c"; |
|||
font-family: 'Font Awesome 5 Free'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-AVID-Discord a::before { |
|||
content: "\f392"; |
|||
font-family: 'Font Awesome 5 Brands'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
#n-The-AVID-Channel a::before { |
|||
content: "\f167"; |
|||
font-family: 'Font Awesome 5 Brands'; |
|||
font-weight: 900; |
|||
margin-right: 1em; |
|||
} |
|||
/* 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 Sans; |
|||
} |
|||
/* Fonts for Search and User Menu */ |
|||
/* Fonts for Search and User Menu */ |
|||
#p-user-tools{ |
|||
font-family: AVID Sans; |
|||
} |
|||
.form-inline .form-control { |
|||
display: inline-block; |
|||
width: auto; |
|||
vertical-align: middle; |
|||
font-family: AVID Sans; |
|||
} |
|||
#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://discordapp.com/api/guilds/1018076680314703892/embed.png?style=banner3"); |
|||
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://discordapp.com/api/guilds/1018076680314703892/embed.png?style=banner2"); |
|||
width:100%; |
|||
height:100px; |
|||
} |
|||
} |
|||
/*heading fonts*/ |
|||
h1, h2, h3, h4 { |
|||
font-family:AVID Sans |
|||
} |
|||
/*nav fonts*/ |
|||
#mw-navigation a { |
|||
font-family: AVID Sans |
|||
} |
|||
#p-namespaces { |
|||
font-family:AVID Sans |
|||
} |
|||
.dropdown-toggle { |
|||
font-family:AVID Sans |
|||
} |
|||
/*Body fonts (shouldn't override AVID Sans in headings)*/ |
|||
.mw-body-content { |
|||
font-family: AVID Sans Book |
|||
} |
|||
#ca-ve-edit.mw-list-item, .mw-editsection-visualeditor, .mw-editsection-divider { |
|||
visibility: hidden !important; |
|||
display: none !important; |
|||
} |
|||
.mw-body-content, body, #mw-wrapper, p, .mw-userconfigpublic, .editOptions, ul, #searchInput, .wikipediauserbox { |
|||
font-family: 'AVID Sans' !important; |
|||
} |
|||
h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 { |
|||
font-family: 'AVID Sans'; |
|||
font-weight: 500; |
|||
} |
|||
/*Footer fonts*/ |
|||
.mw-footer { |
|||
font-family:AVID Sans; |
|||
} |