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
m (Reverted edits by Compooper (talk) to last revision by Logoarto)
 
(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.40/extensions/FontAwesome/res/fontawesome/css/all.min.css');
@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: 'Montserrat';
     font-family: 'AVID Web';
     src: url('https://static.wikiforge.net/avidwiki/3/3c/Montserrat.ttf');
     src: url('https://user-content.static.wf/avidwiki/9/96/Avid_web_hinted_2.ttf');
}  
}
.classname {
.classname {
     font-family: 'Montserrat';
     font-family: 'AVID Web';
}
}
@font-face {
@font-face {
     font-family: 'Montserrat';
     font-family: 'AVID Web';
     font-weight: bold;
     font-weight: bold;
     src: url('https://static.wikiforge.net/avidwiki/2/25/Montserrat-Bold.ttf');
     src: url('https://user-content.static.wf/avidwiki/3/31/Avid_web_bold.ttf');
}
}
classname {
.classname {
     font-family: 'Montserrat';
     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:Montserrat; font-weight:450; font-size: 14px;
   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:Montserrat;
   font-family:AVID Web;
}
}
div#mw-navigation  div#mw-head div#p-search{
div#mw-navigation  div#mw-head div#p-search{
   font-family:Montserrat;
   font-family:AVID Web;
}
}
div#mw-navigation div#mw-head div#right-navigation{
div#mw-navigation div#mw-head div#right-navigation{
font-family:Montserrat;
font-family:AVID Web;
}
}
div#mw-navigation div#mw-head div#left-navigation{
div#mw-navigation div#mw-head div#left-navigation{
font-family:Montserrat;
font-family:AVID Web;
}
}
#mw-navbar {
#mw-navbar {
     background-image: url(https://static.wikiforge.net/avidwiki/6/6b/AVID_darker_banner_3_-_LQ.webp);
     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; }
/* Spacing fix for bullet lists */
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
padding-bottom: 0.6em;
margin-top: -0.25em;
}
/*
/*


Line 562: Line 560:
#n-Main-Page a::before {
#n-Main-Page a::before {
content: "\f015";
content: "\f015";
font-family: 'Font Awesome 5 Free';
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 5 Free';
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 5 Free';
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 5 Free';
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 5 Free';
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 5 Free';
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 5 Free';
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 5 Free';
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 5 Free';
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 5 Free';
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 5 Free';
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 5 Free';
     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 5 Free';
     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 5 Free';
     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 5 Free';
     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 5 Free';
     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 5 Free';
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 5 Free';
     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 5 Free';
     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 5 Free';
     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 5 Free';
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 5 Free';
     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 5 Free';
     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 5 Free';
     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 5 Free';
     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 5 Free';
     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 5 Free';
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 5 Free';
     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 5 Free';
     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 5 Free';
     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 5 Brands';
     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 5 Brands';
     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 5 Brands';
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://static.wikiforge.net/avidwiki/8/8b/Internet_Archive_Logo.png);
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 5 Free';
     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 5 Free';
     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:Montserrat;
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: Montserrat;
   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: Montserrat;
     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://i.imgur.com/86lmQaU.png);
     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://discordapp.com/api/guilds/1018076680314703892/embed.png?style=banner2");
         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:Montserrat
     font-family:AVID Web
}
}
/*nav fonts*/
/*nav fonts*/
#mw-navigation a {
#mw-navigation a {
     font-family: Montserrat
     font-family: AVID Web
}
}
#p-namespaces {
#p-namespaces {
   font-family:Montserrat
   font-family:AVID Web
}
}
.dropdown-toggle {
.dropdown-toggle {
     font-family:Montserrat
     font-family:AVID Web
}
}
.dropdown-menu .dropdown-menu-right show {
.dropdown-menu .dropdown-menu-right show {
     font-family:Montserrat
     font-family:AVID Web
}
}
/*Body fonts (shouldn't override Montserrat in headings)*/
/*Body fonts (shouldn't override AVID Web in headings)*/
.mw-body-content {
.mw-body-content {
     font-family: 'Montserrat' !important;
     font-family: 'AVID Web' !important;
}
}


#mw-wrapper, #searchInput, .dropdown-item, .wikipediauserbox {
#mw-wrapper, #searchInput, .dropdown-item, .wikipediauserbox {
font-family: 'Montserrat' !important
font-family: 'AVID Web' !important
}
}
.mbox-text {
.mbox-text {
     font-family:'Montserrat' !important
     font-family:'AVID Web' !important
}
}
h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 {
h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 {
font-family: 'Montserrat';
font-family: 'AVID Web';
font-weight: 500;
font-weight: 500;
}
}
/*Footer fonts*/
/*Footer fonts*/
.mw-footer {
.mw-footer {
font-family:Montserrat;
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 issue*/
/*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;
}
}
Anonymous user

Navigation menu