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 |
||
| (291 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]] */ | |||
/* Make Main Page title invisible */ | /* Make Main Page title invisible */ | ||
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } | body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } | ||
| Line 124: | Line 38: | ||
border: none; | border: none; | ||
padding: 0.25em 0.9em; /* 0.9em left/right */ | padding: 0.25em 0.9em; /* 0.9em left/right */ | ||
} | } | ||
td.mbox-image { /* The left image cell */ | td.mbox-image { /* The left image cell */ | ||
| Line 145: | Line 58: | ||
table.ambox { | table.ambox { | ||
margin: 0 10%; /* 10% = Will not overlap with other elements */ | margin: 0 10%; /* 10% = Will not overlap with other elements */ | ||
border: | 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. */ | table.ambox + table.ambox { /* Single border between stacked boxes. */ | ||
| Line 164: | Line 79: | ||
table.ambox-notice { | table.ambox-notice { | ||
border-left: | border-left: 25px solid #0c62da; /* AVID Blue */ | ||
} | } | ||
table.ambox-speedy { | table.ambox-speedy { | ||
border-left: | border-left: 25px solid #b32424; /* White color */ | ||
background: # | background: #da0c3f; /* AVID Red */ | ||
} | } | ||
table.ambox-delete { | table.ambox-delete { | ||
border-left: | border-left: 25px solid #da0c3f; /* AVID Red */ | ||
} | } | ||
table.ambox-content { | table.ambox-content { | ||
border-left: | border-left: 25px solid #ffa800; /* AVID Yellow */ | ||
} | } | ||
table.ambox-style { | table.ambox-style { | ||
border-left: | border-left: 25px solid #fc3; /* Yellow */ | ||
} | } | ||
table.ambox-move { | table.ambox-move { | ||
border-left: | border-left: 25px solid #9932cc; /* Purple */ | ||
} | } | ||
table.ambox-protection { | table.ambox-protection { | ||
border-left: | border-left: 25px solid #a2a9b1; /* Gray-gold */ | ||
} | } | ||
| Line 273: | Line 188: | ||
table.ombox-notice { | table.ombox-notice { | ||
border: 1px solid #a2a9b1; /* Gray */ | border: 1px solid #a2a9b1; /* Gray */ | ||
width:100%; | |||
} | } | ||
table.ombox-speedy { | table.ombox-speedy { | ||
border: 2px solid #b32424; /* Red */ | border: 2px solid #b32424; /* Red */ | ||
background: #fee; /* Pink */ | background: #fee; /* Pink */ | ||
width:100%; | |||
} | } | ||
table.ombox-delete { | table.ombox-delete { | ||
border: 2px solid #b32424; /* Red */ | border: 2px solid #b32424; /* Red */ | ||
width:100%; | |||
} | } | ||
table.ombox-content { | table.ombox-content { | ||
border: 1px solid #f28500; /* Orange */ | border: 1px solid #f28500; /* Orange */ | ||
width:100%; | |||
} | } | ||
table.ombox-style { | table.ombox-style { | ||
| Line 289: | Line 208: | ||
table.ombox-move { | table.ombox-move { | ||
border: 1px solid #9932cc; /* Purple */ | border: 1px solid #9932cc; /* Purple */ | ||
width:100%; | |||
} | } | ||
table.ombox-protection { | table.ombox-protection { | ||
border: 2px solid #a2a9b1; /* Gray-gold */ | border: 2px solid #a2a9b1; /* Gray-gold */ | ||
width:100%; | |||
} | } | ||
| Line 313: | Line 234: | ||
border: 2px solid #b32424; /* Red */ | border: 2px solid #b32424; /* Red */ | ||
background: #fee; /* Pink */ | background: #fee; /* Pink */ | ||
width:100%; | |||
} | } | ||
table.tmbox-delete { | table.tmbox-delete { | ||
border: 2px solid #b32424; /* Red */ | border: 2px solid #b32424; /* Red */ | ||
width:100%; | |||
} | } | ||
table.tmbox-content { | table.tmbox-content { | ||
border: 2px solid #f28500; /* Orange */ | border: 2px solid #f28500; /* Orange */ | ||
width:100%; | |||
} | } | ||
table.tmbox-style { | table.tmbox-style { | ||
border: 2px solid #fc3; /* Yellow */ | border: 2px solid #fc3; /* Yellow */ | ||
width:100%; | |||
} | } | ||
table.tmbox-move { | table.tmbox-move { | ||
border: 2px solid #9932cc; /* Purple */ | border: 2px solid #9932cc; /* Purple */ | ||
width:100%; | |||
} | } | ||
table.tmbox-protection, | table.tmbox-protection, | ||
table.tmbox-notice { | table.tmbox-notice { | ||
border: 1px solid #a2a9b1; /* Gray-brown */ | border: 1px solid #a2a9b1; /* Gray-brown */ | ||
width:100%; | |||
} | } | ||
| Line 341: | Line 268: | ||
table.fmbox-system { | table.fmbox-system { | ||
background: #f8f9fa; | background: #f8f9fa; | ||
width:100%; | |||
} | } | ||
table.fmbox-warning { | table.fmbox-warning { | ||
border: 1px solid #bb7070; /* Dark pink */ | border: 1px solid #bb7070; /* Dark pink */ | ||
background: #ffdbdb; /* Pink */ | background: #ffdbdb; /* Pink */ | ||
width:100%; | |||
} | } | ||
table.fmbox-editnotice { | table.fmbox-editnotice { | ||
background: transparent; | background: transparent; | ||
width:100%; | |||
} | } | ||
| Line 361: | Line 291: | ||
margin: 4px 0 4px 1em; | margin: 4px 0 4px 1em; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
width: | width: 240px; | ||
font-size: 88%; | font-size: 88%; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
| Line 370: | Line 300: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
overflow: hidden; | overflow: hidden; | ||
width: | width: 240px; | ||
border-collapse: | border-collapse: separate !important; /* fix for guidance detail not having border */ | ||
font-size: 88%; | font-size: 88%; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
} | } | ||
| Line 393: | Line 312: | ||
} | } | ||
/* 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 | /* Standard Navigationsleisten, aka box hiding thingy | ||
from .de. Documentation at [[Wikipedia:NavFrame]]. */ | from .de. Documentation at [[Wikipedia:NavFrame]]. */ | ||
| Line 455: | Line 385: | ||
/* Interface Style (code by Hb1290) */ | /* Interface Style (code by Hb1290) */ | ||
div#mw-panel div.portal h3{ | div#mw-panel div.portal h3{ | ||
font-family: | 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- | div#mw-navigation div#mw-head div#p-search{ | ||
font-family: | font-family:AVID Web; | ||
} | } | ||
div#mw-navigation div#mw-head div#right-navigation{ | div#mw-navigation div#mw-head div#right-navigation{ | ||
font-family: | font-family:AVID Web; | ||
} | } | ||
div#mw-navigation div#mw-head div#left-navigation{ | div#mw-navigation div#mw-head div#left-navigation{ | ||
font-family: | 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) */ | /* keep hidden categories hidden (unless preferences set otherwise) */ | ||
.mw-hidden-cats-ns-shown {display: none} | .mw-hidden-cats-ns-shown {display: none} | ||
| Line 476: | Line 421: | ||
} | } | ||
/*---- DPL Forum ----*/ | /*---- DPL Forum ----*/ | ||
/* Forum formatting -Algorithm & -Splaka & -Roza */ | |||
/* Forumheader style */ | /* Forumheader style */ | ||
. | .forumheader { | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
background-color: #cedff2; | background-color: #cedff2; | ||
| Line 483: | Line 429: | ||
padding: 0 0.5em; | padding: 0 0.5em; | ||
} | } | ||
.forumlist.forumborder tr:nth-child(n+2) { | |||
border: | 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; | |||
padding: 8px; | |||
} | } | ||
| Line 517: | Line 484: | ||
margin-left: 2em; | margin-left: 2em; | ||
} | } | ||
/* Kills "Forum talk:" links --Algorithm */ | /* Kills "Forum talk:" links --Algorithm */ | ||
body.ns-110 #ca-talk { display: none; } | body.ns-110 #ca-talk { display: none; } | ||
body.ns-110 #ca-nstab-forum { margin-right: 16px; } | 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 { | |||
width:100%; | |||
} | |||
/*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 { | |||
margin-top: -1px; | |||
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; | |||
padding: 1px 6px; | |||
background-color: #fff0; | |||
border: 1px solid #fff0; | |||
color: #0c62da; | |||
font-weight: bold; | |||
} | |||