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 |
||
(25 intermediate revisions by 3 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. | @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.*/ | /* Define typefaces.*/ | ||
@font-face { | @font-face { | ||
font-family: ' | font-family: 'AVID Web'; | ||
src: url('https://static. | src: url('https://user-content.static.wf/avidwiki/9/96/Avid_web_hinted_2.ttf'); | ||
} | } | ||
.classname { | .classname { | ||
font-family: ' | font-family: 'AVID Web'; | ||
} | } | ||
@font-face { | @font-face { | ||
font-family: ' | font-family: 'AVID Web'; | ||
font-weight: bold; | font-weight: bold; | ||
src: url('https://static. | src: url('https://user-content.static.wf/avidwiki/3/31/Avid_web_bold.ttf'); | ||
} | } | ||
classname { | .classname { | ||
font-family: ' | font-family: 'AVID Web'; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
/* Code copied from [[wikipedia:MediaWiki:Common.css]] */ | /* Code copied from [[wikipedia:MediaWiki:Common.css]] */ | ||
/* Make Main Page title invisible */ | /* Make Main Page title invisible */ | ||
Line 382: | 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{ | div#mw-navigation div#mw-head div#p-user-tools{ | ||
font-family: | font-family:AVID Web; | ||
} | } | ||
div#mw-navigation div#mw-head div#p-search{ | 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 { | #mw-navbar { | ||
background-image: url(https://static. | background-image: url(https://user-content.static.wf/avidwiki/6/6b/AVID_darker_banner_3_-_LQ.webp); | ||
background-size: cover; | background-size: cover; | ||
} | } | ||
Line 485: | Line 488: | ||
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; } | ||
/* | /* | ||
Line 562: | Line 560: | ||
#n-Main-Page a::before { | #n-Main-Page a::before { | ||
content: "\f015"; | content: "\f015"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.9em; | margin-right: 0.9em; | ||
Line 568: | Line 566: | ||
#n-Forums a::before { | #n-Forums a::before { | ||
content: "\f4ad"; | content: "\f4ad"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 574: | Line 572: | ||
#n-Gallery a::before { | #n-Gallery a::before { | ||
content: "\f302"; | content: "\f302"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.8em; | margin-right: 0.8em; | ||
Line 581: | Line 579: | ||
#n-Recent-Changes a::before { | #n-Recent-Changes a::before { | ||
content: "\f201"; | content: "\f201"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 588: | Line 586: | ||
#n-Projects a::before { | #n-Projects a::before { | ||
content: "\f0c0"; | content: "\f0c0"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 595: | Line 593: | ||
#n-Tutorials a::before { | #n-Tutorials a::before { | ||
content: "\f059"; | content: "\f059"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 601: | Line 599: | ||
#n-Community-Portal a::before { | #n-Community-Portal a::before { | ||
content: "\f183"; | content: "\f183"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1.1em; | margin-right: 1.1em; | ||
Line 608: | Line 606: | ||
#n-Create-a-Page a::before { | #n-Create-a-Page a::before { | ||
content: "\f0fe"; | content: "\f0fe"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 614: | Line 612: | ||
#n-Create-a-Draft a::before { | #n-Create-a-Draft a::before { | ||
content: "\f0fe"; | content: "\f0fe"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 621: | Line 619: | ||
#n-Random-Page a::before { | #n-Random-Page a::before { | ||
content: "\f523"; | content: "\f523"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 627: | Line 625: | ||
#n-Startups-and-Bootscreens a::before { | #n-Startups-and-Bootscreens a::before { | ||
content: "\f011"; | content: "\f011"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.76em; | margin-right: 0.76em; | ||
Line 633: | Line 631: | ||
#n-Commercial-Tags a::before { | #n-Commercial-Tags a::before { | ||
content: "\f02c"; | content: "\f02c"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.79em; | margin-right: 0.79em; | ||
Line 639: | Line 637: | ||
#n-Production-Logos a::before { | #n-Production-Logos a::before { | ||
content: "\f03d"; | content: "\f03d"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.76em; | margin-right: 0.76em; | ||
Line 645: | Line 643: | ||
#n-Television-Idents a::before { | #n-Television-Idents a::before { | ||
content: "\f7c0"; | content: "\f7c0"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.76em; | margin-right: 0.76em; | ||
Line 651: | Line 649: | ||
#n-Browse-by-Country a::before { | #n-Browse-by-Country a::before { | ||
content: "\f57d"; | content: "\f57d"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 657: | Line 655: | ||
#n-Browse-by-Company a::before { | #n-Browse-by-Company a::before { | ||
content: "\f0b1"; | content: "\f0b1"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 663: | Line 661: | ||
#n-Browse-by-Year a::before { | #n-Browse-by-Year a::before { | ||
content: "\f133"; | content: "\f133"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1.2em; | margin-right: 1.2em; | ||
Line 669: | Line 667: | ||
#n-Upload-File a::before { | #n-Upload-File a::before { | ||
content: "\f093"; | content: "\f093"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 676: | Line 674: | ||
#n-Rating-Bumpers a::before { | #n-Rating-Bumpers a::before { | ||
content: "\f5bf"; | content: "\f5bf"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 682: | Line 680: | ||
#n-Television-Bumpers a::before { | #n-Television-Bumpers a::before { | ||
content: "\f26c"; | content: "\f26c"; | ||
font-family: 'Font Awesome | 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; | font-weight: 900; | ||
margin-right: 0.6em; | margin-right: 0.6em; | ||
Line 688: | Line 704: | ||
#n-Franchise-Bumpers a::before { | #n-Franchise-Bumpers a::before { | ||
content: "\f0a3"; | content: "\f0a3"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.8em; | margin-right: 0.8em; | ||
Line 694: | Line 710: | ||
#n-Home-Media-Bumpers a::before { | #n-Home-Media-Bumpers a::before { | ||
content: "\f51f"; | content: "\f51f"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.8em; | margin-right: 0.8em; | ||
Line 700: | Line 716: | ||
#n-Modified-Screens a::before { | #n-Modified-Screens a::before { | ||
content: "\f065"; | content: "\f065"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 706: | Line 722: | ||
#n-Cinema-Trailers a::before { | #n-Cinema-Trailers a::before { | ||
content: "\f008"; | content: "\f008"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 712: | Line 728: | ||
#n-Splash-Screens a::before { | #n-Splash-Screens a::before { | ||
content: "\f11b"; | content: "\f11b"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
Line 718: | Line 734: | ||
#n-Test-Cards a::before { | #n-Test-Cards a::before { | ||
content: "\f7c0"; | content: "\f7c0"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.7em; | margin-right: 0.7em; | ||
Line 724: | Line 740: | ||
#n-Leaders-and-Slates a::before { | #n-Leaders-and-Slates a::before { | ||
content: "\f05b"; | content: "\f05b"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.8em; | margin-right: 0.8em; | ||
Line 730: | Line 746: | ||
#n-Variations a::before { | #n-Variations a::before { | ||
content: "\f7c0"; | content: "\f7c0"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.7em; | margin-right: 0.7em; | ||
Line 736: | Line 752: | ||
#n-Error-Screens a::before { | #n-Error-Screens a::before { | ||
content: "\f2d3"; | content: "\f2d3"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 0.76em; | margin-right: 0.76em; | ||
Line 743: | Line 759: | ||
#n-Warning-Screens a::before { | #n-Warning-Screens a::before { | ||
content: "\f071"; | content: "\f071"; | ||
font-family: 'Font Awesome | 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; | font-weight: 900; | ||
margin-right: 0.76em; | margin-right: 0.76em; | ||
Line 749: | Line 771: | ||
#n-AVID-Discord a::before { | #n-AVID-Discord a::before { | ||
content: "\f392"; | content: "\f392"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Brands'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 755: | Line 777: | ||
#n-The-AVID-Channel a::before { | #n-The-AVID-Channel a::before { | ||
content: "\f167"; | content: "\f167"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Brands'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 761: | Line 783: | ||
#n-Twitter a::before { | #n-Twitter a::before { | ||
content: "\f099"; | content: "\f099"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Brands'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | 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 { | #n-Internet-Archive a::before { | ||
content: url(https:// | 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; | margin-right: 1em; | ||
} | } | ||
#n-Featured-Media-Nominations a::before { | #n-Featured-Media-Nominations a::before { | ||
content: "\f559"; | content: "\f559"; | ||
font-family: 'Font Awesome | font-family: 'Font Awesome 6 Free'; | ||
font-weight: 900; | font-weight: 900; | ||
margin-right: 1em; | margin-right: 1em; | ||
Line 777: | Line 810: | ||
#n-Donate-via-Ko-fi a::before { | #n-Donate-via-Ko-fi a::before { | ||
content: "\f7b6"; | content: "\f7b6"; | ||
font-family: 'Font Awesome | 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; | font-weight: 900; | ||
margin-right: 0.76em; | margin-right: 0.76em; | ||
Line 1,056: | Line 1,095: | ||
/*Fonts for sidebar headers*/ | /*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 { | #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: | font-family:AVID Web; | ||
} | } | ||
/* Fonts for Search and User Menu */ | /* Fonts for Search and User Menu */ | ||
/* Fonts for Search and User Menu */ | /* Fonts for Search and User Menu */ | ||
#p-user-tools{ | #p-user-tools{ | ||
font-family: | font-family: AVID Web; | ||
} | } | ||
.form-inline .form-control { | .form-inline .form-control { | ||
Line 1,067: | Line 1,106: | ||
width: auto; | width: auto; | ||
vertical-align: middle; | vertical-align: middle; | ||
font-family: | font-family: AVID Web; | ||
} | } | ||
#p-TOOLBOXEND | #p-TOOLBOXEND | ||
Line 1,081: | Line 1,120: | ||
/*Discord Banner*/ | /*Discord Banner*/ | ||
.discord-banner { | .discord-banner { | ||
background-image: url(https:// | background-image: url(https://user-content.static.wf/avidwiki/f/f2/Embed_2_00000.png); | ||
width: 350px; | width: 350px; | ||
height: 150px; | height: 150px; | ||
Line 1,092: | Line 1,131: | ||
@media screen and (max-width:1200px) { | @media screen and (max-width:1200px) { | ||
.discord-banner { | .discord-banner { | ||
background-image:url("https:// | background-image:url("https://user-content.static.wf/avidwiki/2/2f/Discordembed.png"); | ||
width:100%; | width:100%; | ||
height:100px; | height:100px; | ||
Line 1,099: | Line 1,138: | ||
/*heading fonts*/ | /*heading fonts*/ | ||
h1, h2, h3, h4 { | h1, h2, h3, h4 { | ||
font-family: | font-family:AVID Web | ||
} | } | ||
/*nav fonts*/ | /*nav fonts*/ | ||
#mw-navigation a { | #mw-navigation a { | ||
font-family: | font-family: AVID Web | ||
} | } | ||
#p-namespaces { | #p-namespaces { | ||
font-family: | font-family:AVID Web | ||
} | } | ||
.dropdown-toggle { | .dropdown-toggle { | ||
font-family: | font-family:AVID Web | ||
} | } | ||
.dropdown-menu .dropdown-menu-right show { | .dropdown-menu .dropdown-menu-right show { | ||
font-family: | font-family:AVID Web | ||
} | } | ||
/*Body fonts (shouldn't override | /*Body fonts (shouldn't override AVID Web in headings)*/ | ||
.mw-body-content { | .mw-body-content { | ||
font-family: ' | font-family: 'AVID Web' !important; | ||
} | } | ||
#mw-wrapper, #searchInput, .dropdown-item, .wikipediauserbox { | #mw-wrapper, #searchInput, .dropdown-item, .wikipediauserbox { | ||
font-family: ' | font-family: 'AVID Web' !important | ||
} | } | ||
.mbox-text { | .mbox-text { | ||
font-family:' | font-family:'AVID Web' !important | ||
} | } | ||
h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 { | h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 { | ||
font-family: ' | font-family: 'AVID Web'; | ||
font-weight: 500; | font-weight: 500; | ||
} | } | ||
/*Footer fonts*/ | /*Footer fonts*/ | ||
.mw-footer { | .mw-footer { | ||
font-family: | font-family:AVID Web; | ||
} | } | ||
/*Exempt banner from dark mode*/ | /*Exempt banner from dark mode*/ | ||
Line 1,163: | Line 1,202: | ||
/*fix SocialProfile layout issue (https://phabricator.wikimedia.org/T328235)*/ | /*fix SocialProfile layout issue (https://phabricator.wikimedia.org/T328235)*/ | ||
.visualClear { clear: both; } | .visualClear { clear: both; } | ||
/*fix infobox overflow | /*fix infobox overflow issues*/ | ||
.pi-data-value { | .pi-data-value { | ||
width: 45%; | 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) { | @media screen and (min-width:720px) { | ||
Line 1,231: | Line 1,276: | ||
.wikipediauserbox{ | .wikipediauserbox{ | ||
width:240px !important | 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; | |||
} | } |