MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 02:45, 9 August 2024

13,173 bytes added ,  9 August 2024
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)
 
(310 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 */
/* Code copied from [[wikipedia:MediaWiki:Common.css]] */
.infobox {
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
    padding: 0.2em;
}
.infobox td,
.infobox th {
    vertical-align: top;
    /* @noflip */
    text-align: left;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}


.infobox.sisterproject {
@import url('/1.41/extensions/FontAwesome/res/fontawesome/css/all.min.css');
    width: 20em;
@import url('https://user-content.static.wf/avidwiki/9/96/Avid_web_hinted_2.ttf');
    font-size: 90%;
@import url('https://user-content.static.wf/avidwiki/3/31/Avid_web_bold.ttf');
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}


/* END Infobox template style */
/* Define typefaces.*/


/* styles for bordered infobox with merged rows */
@font-face {
/* Code copied from [[wikipedia:MediaWiki:Common.css]] */
     font-family: 'AVID Web';
.infobox.bordered .mergedtoprow td,
     src: url('https://user-content.static.wf/avidwiki/9/96/Avid_web_hinted_2.ttf');
.infobox.bordered .mergedtoprow th {
     border: 0;
     border-top: 1px solid #a2a9b1;
    /* @noflip */
    border-right: 1px solid #a2a9b1;
}
}
 
.classname {
.infobox.bordered .mergedrow td,
     font-family: 'AVID Web';
.infobox.bordered .mergedrow th {
     border: 0;
    /* @noflip */
    border-right: 1px solid #a2a9b1;
}
}
 
@font-face {
/* Styles for geography infoboxes, eg countries,
     font-family: 'AVID Web';
  country subdivisions, cities, etc.            */
     font-weight: bold;
.infobox.geography {
     src: url('https://user-content.static.wf/avidwiki/3/31/Avid_web_bold.ttf');
     border-collapse: collapse;
     line-height: 1.2em;
     font-size: 90%;
}
}
 
.classname {
.infobox.geography  td,
     font-family: 'AVID Web';
.infobox.geography  th {
     font-weight: bold;
     border-top: 1px solid #a2a9b1;
     padding: 0.4em 0.6em 0.4em 0.6em;
}
}
.infobox.geography .mergedtoprow td,
/* Code copied from [[wikipedia:MediaWiki:Common.css]] */
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #a2a9b1;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #a2a9b1;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}
/* END styles for bordered infobox with merged rows */
/* 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 */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
}
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: 1px solid #a2a9b1;
     border: 0px solid #a2a9b1;
    border-left: 10px solid #36c;   /* Default "notice" blue */
/* @noflip */
    background: #fbfbfb;
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: 10px solid #36c;    /* Blue */
     border-left: 25px solid #0c62da;    /* AVID Blue */
}
}
table.ambox-speedy {
table.ambox-speedy {
     border-left: 10px solid #b32424;    /* Red */
     border-left: 25px solid #b32424;    /* White color */
     background: #fee7e6;                  /* Pink */
     background: #da0c3f;                  /* AVID Red */
}
}
table.ambox-delete {
table.ambox-delete {
     border-left: 10px solid #b32424;    /* Red */
     border-left: 25px solid #da0c3f;    /* AVID Red */
}
}
table.ambox-content {
table.ambox-content {
     border-left: 10px solid #f28500;    /* Orange */
     border-left: 25px solid #ffa800;    /* AVID Yellow */
}
}
table.ambox-style {
table.ambox-style {
     border-left: 10px solid #fc3;    /* Yellow */
     border-left: 25px solid #fc3;    /* Yellow */
}
}
table.ambox-move {
table.ambox-move {
     border-left: 10px solid #9932cc;    /* Purple */
     border-left: 25px solid #9932cc;    /* Purple */
}
}
table.ambox-protection {
table.ambox-protection {
     border-left: 10px solid #a2a9b1;      /* Gray-gold */
     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: 238px;
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: 238px;
width: 240px;
border-collapse: 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;
}
/* Style for compact ambox */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
display: none;
}
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
background-color: transparent;
margin: 0 0 0 1.6em !important;
padding: 0 !important;
width: auto;
display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
font-size: 100%;
width: auto;
margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
padding: 0 !important;
margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
display: list-item;
line-height: 1.5em;
list-style-type: square;
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg);
}
.skin-vector .compact-ambox table .mbox-text-span {
list-style-type: disc;
list-style-image: url(/w/skins/Vector/resources/skins.vector.styles/images/bullet-icon.svg);
}
/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
display: none;
}
/* Hide (formatting) elements from screen, but not from screenreaders */
.visualhide {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
}


Line 434: 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 496: 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:Century Gothic; font-weight:450; font-size: 14px;
   font-family:AVID Web; font-weight:450; font-size: 14px;
}
}
div#mw-navigation  div#mw-head div#p-personal{
div#mw-navigation  div#mw-head div#p-user-tools{
   font-family:Century Gothic;
  font-family:AVID Web;
}
div#mw-navigation  div#mw-head div#p-search{
   font-family:AVID Web;
}
}
div#mw-navigation div#mw-head div#right-navigation{
div#mw-navigation div#mw-head div#right-navigation{
font-family:Century Gothic;
font-family:AVID Web;
}
}
div#mw-navigation div#mw-head div#left-navigation{
div#mw-navigation div#mw-head div#left-navigation{
font-family:Century Gothic;
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}
/* Unbulleted lists */
.mw-wiki-logo {
.plainlist ol,
    width: 210px!important;
.plainlist ul {
    height: 36px!important;
line-height: inherit;
    position: absolute!important;
list-style: none none;
    background-size: contain!important;
    background-repeat: no-repeat!important;
}
/*---- DPL Forum ----*/
/* Forum formatting -Algorithm & -Splaka & -Roza */
/* Forumheader style */
.forumheader {
border: 1px solid #aaa;
background-color: #cedff2;
margin: 0 0 1em;
padding: 0 0.5em;
}
 
.forumlist.forumborder tr:nth-child(n+2) {
border-left: 4px solid #aaa;
}
 
.forumlist.forumborder tr:nth-child(2n+2) {
background-color: #f8f9fa;
}
 
.forumlist.forumborder tr:nth-child(2n+3) {
background-color: #fff;
}
 
.forumlist td.forum_title a.forum_new {
font-weight: bold;
}
 
.forumlist td.forum_title a:not(.forum_new):before {
content: url(https://static.miraheze.org/avidwiki/0/02/Breezeicons-places-64-folder-grey.svg.png);
position: relative;
top: 2px;
margin-right: 4px;
}
 
.forumlist td.forum_title a.forum_new:before {
content: url(https://static.miraheze.org/avidwiki/4/4f/Breezeicons-places-64-folder-important.svg.png);
position: relative;
top: 2px;
margin-right: 4px;
}
 
.forumlist.forumborder td.forum_title span.forum_author a:before {
content: "";
margin-right: 0px;
}
 
.forumborder {
border-collapse: collapse;
}
 
.forumborder td {
border: 1px solid #aaa;
padding: 8px 4px;
}
 
/*-- InputBox --*/
.inputbox-sidebar {
width: 300px;
border: 1px solid lightgrey;
clear: right;
float: right;
margin: 3px;
padding:10px;
margin-left: 2em;
}
 
/* Kills "Forum talk:" links --Algorithm */
body.ns-110 #ca-talk { display: none; }
body.ns-110 #ca-nstab-forum { margin-right: 16px; }
/*
 
* Styling for links generated by [[MediaWiki:Edittools]]
 
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
 
* @updated 2012-02-29
 
*/
 
.mw-charinsert-buttons {
 
margin-top: 10px;
 
border: 1px solid #a2a9b1;
 
padding: 1px;
 
text-align: center;
 
font-size: 110%;
 
}
 
.mw-charinsert-buttons a {
 
color: black;
 
background-color: #cde !important;
 
font-weight: bold;
 
font-size: .9em;
 
text-decoration: none;
 
border: thin #069 outset;
 
padding: 0 .1em .1em;
 
}
 
.mw-charinsert-buttons a:hover,
 
.mw-charinsert-buttons a:active {
 
background-color: #bcd;
 
border-style: inset;
 
}
 
.client-js .mw-edittools-section {
 
display: inline;
 
}
 
.client-js .mw-edittools-section input[type="button"] {
 
font-size: 0.9em;
 
padding-left: 1px;
 
padding-right: 1px;
 
margin-left: 1px;
 
}
/*Sidebar Icons*/
#n-Main-Page a::before {
content: "\f015";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 0.9em;
}
#n-Forums a::before {
content: "\f4ad";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 1em;
}
#n-Gallery a::before {
content: "\f302";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 0.8em;
}
 
#n-Recent-Changes a::before {
content: "\f201";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 1em;
}
 
#n-Projects a::before {
content: "\f0c0";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 1em;
}
 
#n-Tutorials a::before {
content: "\f059";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 1em;
}
#n-Community-Portal a::before {
content: "\f183";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 1.1em;
    margin-left: 0.2em;
}
#n-Create-a-Page a::before {
content: "\f0fe";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 1em;
}
#n-Create-a-Draft a::before {
content: "\f0fe";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 1em;
}
 
#n-Random-Page a::before {
content: "\f523";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 1em;
}
#n-Startups-and-Bootscreens‎ a::before {
    content: "\f011";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 0.76em;
}
#n-Commercial-Tags a::before {
    content: "\f02c";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.79em;
}
#n-Production-Logos a::before {
    content: "\f03d";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.76em;
}
#n-Television-Idents a::before {
    content: "\f7c0";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.76em;
}
#n-Browse-by-Country a::before {
    content: "\f57d";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 1em;
}
#n-Browse-by-Company a::before {
    content: "\f0b1";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 1em;
}
#n-Browse-by-Year a::before {
content: "\f133";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 1.2em;
}
#n-Upload-File a::before {
    content: "\f093";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 1em;
}
 
#n-Rating-Bumpers a::before {
    content: "\f5bf";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 1em;
}
#n-Television-Bumpers a::before {
    content: "\f26c";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.6em;
}
#n-Closed-Captioning-Bumpers a::before {
    content: "\f20a";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.6em;
}
#n-Sponsor-Bumpers a::before {
    content: "\f2b5";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.6em;
}
#n-Endcards a::before {
    content: "\f051";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.6em;
}
#n-Franchise-Bumpers a::before {
content: "\f0a3";
font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.8em;
}
#n-Home-Media-Bumpers a::before {
    content: "\f51f";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.8em;
}
#n-Modified-Screens a::before {
    content: "\f065";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 1em;
}
#n-Cinema-Trailers a::before {
    content: "\f008";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 1em;
}
#n-Splash-Screens a::before {
    content: "\f11b";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.5em;
}
#n-Test-Cards a::before {
    content: "\f7c0";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.7em;
}
#n-Leaders-and-Slates a::before {
content: "\f05b";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 0.8em;
}
#n-Variations a::before {
    content: "\f7c0";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.7em;
}
#n-Error-Screens a::before {
    content: "\f2d3";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.76em;
}
 
#n-Warning-Screens a::before {
    content: "\f071";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.76em;
}
#n-Emergency-Screens a::before {
    content: "\f0e7";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.76em;
}
#n-AVID-Discord a::before {
    content: "\f392";
    font-family: 'Font Awesome 6 Brands';
    font-weight: 900;
    margin-right: 1em;
}
#n-The-AVID-Channel a::before {
    content: "\f167";
    font-family: 'Font Awesome 6 Brands';
    font-weight: 900;
    margin-right: 1em;
}
#n-Twitter a::before {
content: "\f099";
font-family: 'Font Awesome 6 Brands';
font-weight: 900;
margin-right: 1em;
}
/*#n-Bluesky a::before {
content: "\fe671";
font-family: 'Font Awesome 6 Brands';
font-weight: 900;
margin-right: 1em;
}
*/
#n-Internet-Archive a::before {
content: url(https://www.avid.wiki/w/thumb.php?f=Internet_Archive_logotype.png&width=15);
margin-right: 1em;
}
#n-Bluesky a::before {
content: url(https://www.avid.wiki/w/thumb.php?f=Bluesky_Logo.png&width=15);
margin-right: 1em;
}
#n-Featured-Media-Nominations a::before {
    content: "\f559";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 1em;
}
#n-Donate-via-Ko-fi a::before {
    content: "\f7b6";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.76em;
}
#n-Requests-for-Comment a::before {
    content: "\f681";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 0.76em;
}
/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 8 (2016-05-21)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
margin: 0;
padding: 0;
}
}
.plainlist ol li,
 
.plainlist ul li {
/* Display list items inline */
margin-bottom: 0;
.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;
}
}
/***************************************
 
* Carousel photo slider on main page
/* Display nested lists inline */
***************************************/
.hlist.inline,
.banner-image {
.hlist.inline dl,
    position: relative;
.hlist.inline ol,
    overflow: hidden;
.hlist.inline ul,
    max-width: 400px;
.hlist dl dl,
    height: auto;
.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;
}
}
.banner-image img {
 
    max-width: 400px;
/* Hide empty list items */
    height: auto;
.hlist .mw-empty-li {
    width: auto\9;
display: none;
}
}
.banner-box-wide {
 
    width: 80%
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
}
.banner-box-left,
 
.banner-box-right {
/**
padding: 8px 7px;
* Note hlist style usage differs in Minerva and is defined in core as well!
background: rgb(16,16,16);
* Please check Minerva desktop (and Minerva.css) when changing
background: rgba(0,0,0,0.3);
* See https://phabricator.wikimedia.org/T213239
border-radius: 4px;
*/
width: 40%;
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
}
.banner-box-left {
 
    left: 3%;
.hlist dd:last-child:after,
    text-align: left;
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
}
.banner-box-right {
 
    right: 3%;
/* Add parentheses around nested lists */
    text-align: right;
.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;
}
}
.mainpage-shadowbox {
 
color: white;
.hlist dd dd:last-child:after,
background: rgb(16,16,16);
.hlist dd dt:last-child:after,
background: rgba(0,0,0,0.3);
.hlist dd li:last-child:after,
border-radius: 4px;
.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;
}
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
 
color: white;
/* Put ordinals in front of ordered list items */
border:none;
.hlist ol {
font-family: sans-serif;
counter-reset: listitem;
    line-height: 1.2em;
margin:0;
}
}
.mainpage-shadowbox h2 {
 
font-size: 190%;
.hlist ol > li {
counter-increment: listitem;
}
}
.mainpage-shadowbox h3 {
 
font-size: 150%;
.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;
padding: 0;
margin: 1px;
width: 100%;
}
}
#mainpage-maplinks a, .mainpage-shadowbox a {
/* header and footer */
color: white;
.mw-babel-header {
font-weight: bold;
font-weight: bold;
text-align: center;
}
}
.banner-box-2 {
.mw-babel-footer {
    position: absolute;
font-size: 85%;
    z-index: 2;
font-weight: normal;
    margin-top: 2em;
text-align: center;
    min-width: 20em;
}
}
.banner-box-2 .quote {
/* Babel box layout */
    font-size: 90%;
.mw-babel-box {
    line-height: 1.2em;
margin: 1px;
}
}
#mw-content-text > div > ul > li.gallerycarousel > div > div:nth-child(2) > div > a > img,
.mw-babel-box table {
#wikiPreview > div.mw-content-ltr > div > ul > li.gallerycarousel > div > div:nth-child(2) > div > a > img {
border-spacing: 0;
width: 400px;
width: 100%;
margin: 0 !important; /* stylelint-disable-line declaration-no-important */
}
}
#mw-content-text > ul > li.gallerycarousel > div > div:nth-child(2) > div > a > img {
.mw-babel-box th {
width:400px
font-size: 14pt;
height: 45px;
min-width: 45px;
text-align: center;
width: 45px;
}
}
/* Initializing the flex continer */
.mw-babel-box td {
#mw-content-text > div > ul > li.gallerycarousel > div,
line-height: 1.25em;
#wikiPreview > div.mw-content-ltr > div > ul > li.gallerycarousel > div {
font-size: 8pt;
display: flex;
padding: 4pt;
    flex-direction: column
width: 100%;
}
}
/* Position of image */
@media all and ( min-width: 480px ) {
#mw-content-text > div > ul > li.gallerycarousel > div > div:nth-child(2),
/* @noflip */
#wikiPreview > div.mw-content-ltr > div > ul > li.gallerycarousel > div > div:nth-child(2) {
.mw-babel-wrapper {
order: 1;
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;
}
}
/* Position of image caption */
.mw-babel-box-1 {
#mw-content-text > div > ul > li.gallerycarousel > div > div:nth-child(3),
border: 1px solid #e0c0e0;
#wikiPreview > div.mw-content-ltr > div > ul > li.gallerycarousel > div > div:nth-child(3) {
order: 2;
}
}
/* Position of arrows and thumbnail icon */
.mw-babel-box-2 {
#mw-content-text > div > ul > li.gallerycarousel > div > div.mw-gallery-slideshow-buttons.oo-ui-layout.oo-ui-panelLayout,
border: 1px solid #bcb9ef;
#wikiPreview > div.mw-content-ltr > div > ul > li.gallerycarousel > div > div.mw-gallery-slideshow-buttons.oo-ui-layout.oo-ui-panelLayout {
}
order: 3;
.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;
}
}
/* CSS Sliding Image Gallery for Mediawiki
*
* @author: Unknown
* current version crafted together by [[User:Christharp]] from several CSS sites.
*/


.wrapper {
/*Mobile display tweaks for infobox*/
   position: absolute;
@media screen and (max-width:720px) {
   top: 1%;
.portable-infobox {
   width: 4000px;
   float:none;
-webkit-animation: 60s credits linear infinite;
   width:100%;
-moz-animation: 60s credits linear infinite;
   font-size:initial;
-ms-animation:60s credits linear infinite;
  margin:0
-o-animation: 60s credits linear infinite;
}
animation: 60s credits linear infinite;
  .pi-header {
-webkit-animation-direction: normal;
    display:none
     -moz-animation-direction: normal;
  }
     -o-animation-direction: normal;
}
     -ms-animation-direction: normal;
/*Fonts for sidebar headers*/
     animation-direction:normal;
#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;
}
}


.wrapper img:hover {
#mw-wrapper, #searchInput, .dropdown-item, .wikipediauserbox {
     -webkit-transform: scale(1.4);
font-family: 'AVID Web' !important
    -moz-transform: scale(1.4);
}
    -o-transform: scale(1.4);
.mbox-text {
    -ms-transform: scale(1.4);
     font-family:'AVID Web' !important
    transform: scale(1.4);
}
    cursor: pointer;
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 )  
}
}
@keyframes credits {
 
  0% {
.client-darkmode .imgmap {
    margin-left: 0px;
filter: invert( 1 ) hue-rotate( 180deg )   
}
100% {
    margin-left: -4000px;
}
}
}


@-webkit-keyframes credits {
.client-darkmode .mw-gallery-nolines {
   0% {
filter: invert( 1 ) hue-rotate( 180deg ) 
  margin-left: 0px;
}
  }
/*fix SVGs in dark mode*/
100% {
.client-darkmode .image img[src*="svg"] {
    margin-left: -4000px;
    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;
}
}
@-moz-keyframes credits {
.mw-parser-output .navbox-subgroup .navbox-group, .mw-parser-output .navbox-subgroup .navbox-abovebelow {
  0% {
    background-color: #161f2b !important;
     margin-left: 0px;
}
}
/*userbox border fix*/
100% {
.wikipediauserbox{
     margin-left: -4000px;
    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;
}
}
@-o-keyframes credits {
 
  0% {
.tabs-label {
     margin-left: 0px;
    cursor: pointer;
}
    padding: 1px 6px;
100% {
     background-color: #fff0;
     margin-left: -4000px;
    border: 1px solid #fff0;
}
    color: #0c62da;
     font-weight: bold;
}
}
Anonymous user
Retrieved from "https://avidwiki.mywikis.net/wiki/Special:MobileDiff/820...1136"

Navigation menu