MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/*--Fonts--*/

@import url('https://fonts.googleapis.com/css?family=Eczar'); @import url('https://fonts.googleapis.com/css?family=Paytone+One'); @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light'); @import url('https://fonts.googleapis.com/css?family=Pacifico'); @import url('https://fonts.googleapis.com/css?family=Racing+Sans+One'); @import url('https://fonts.googleapis.com/css?family=Sigmar+One'); @import url('https://fonts.googleapis.com/css?family=Nosifer'); @import url('https://fonts.googleapis.com/css?family=Orbitron'); @import url('https://fonts.googleapis.com/css?family=Permanent+Marker'); @import url('https://fonts.googleapis.com/css?family=Caesar+Dressing'); @import url('https://fonts.googleapis.com/css?family=Passion+One'); @import url('https://fonts.googleapis.com/css?family=Luckiest+Guy'); @import url('https://fonts.googleapis.com/css?family=Roboto'); @import url('https://fonts.googleapis.com/css?family=Barlow+Condensed'); @import url('https://fonts.googleapis.com/css2?family=Righteous'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@700'); @import url('https://fonts.googleapis.com/css2?family=Zen+Dots'); @import url('https://fonts.googleapis.com/css2?family=Kosugi'); @import url('https://fonts.googleapis.com/css2?family=Italiana');

/*--HTML--*/

html {scrollbar-color:#FFC600 #555;}

/*--Templates--*/

.template {background:#ccfff2; margin-left:auto; margin-right:auto; width:98%; border-radius:0!important; border:1px solid #9adac1;}

.tracklist-table {border:1px solid silver; font-family:Lucida Grande,Lucida Sans,Arial!important; font-size:9pt; border-radius:0!important;} .tracklist-table tr:nth-child(odd) td {background:white;} .tracklist-table tr:nth-child(even) td {background:#f5f5f5;}

.fakemacwindow {border-radius:0.4em!important; border-bottom:3px solid #bbb; border-left:2px solid #ccc; border-right:2px solid #ccc; box-shadow:0 0 5px black;} .fakemacwindowtoppanel {background-color:#e0e0e0; background-image:linear-gradient(top,#f0f0f0,#e0e0e0,silver); font-size:110%; border-bottom:2px solid #ccc; font-weight:bold;} .fakeitunestab {background-color:#e0e0e0; background-image:linear-gradient(top,#f9f9f9,silver); text-align:center; border-right:1px outset silver; font-weight:bold;}

.Ciem .disambiguationsymbol a,.Volkonir .disambiguationsymbol a,.Dromedary .disambiguationsymbol a,.Camelorum .disambiguationsymbol a,.Cagegirl .disambiguationsymbol a,.Sodality .disambiguationsymbol a,.Gerosha .disambiguationsymbol a,.Mackley .disambiguationsymbol a {color:white!important;}

.dzsongtable {background:#f2f2f2; padding:3px; box-shadow:0 0 5px black;}

/*--Infoboxes--*/

.infoboximagefield {width:100%;} .infoboximagefield img {display:block; max-width:250px!important; height:auto;}

.infobox {float:right; margin-left:25px; margin-right:5px; border-radius:0.3em; background:#f9f9f9; border:1px solid silver; box-shadow:0 0 3px black; width:22em; transition-property:box-shadow; transition-duration:1s; transition-timing-function:linear; transition-delay:0s;}

.infoboxdefault {background:#f9f9f9; border:1px solid silver; box-shadow:0 0 3px black;} .infoboxsectionheader {text-align:center; font-weight:bold;}

.infoboxsectionheader {background:#ddd; border-radius:0.3em;}

.infobox td {vertical-align:top; padding:2px;}

.Gerosha {background:radial-gradient(blanchedalmond,#f5e7c1,#e4d6b0);} .Gerosha .infoboxsectionheader {font-size:140%; background:linear-gradient(steelblue,skyblue); color:white; font-variant:small-caps; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black; margin:1px; box-shadow:0;} .Gerosha:hover {box-shadow:0 0 10px teal;}

.Cherinob .infoboxsectionheader {background:darkslategray!important; color:lime!important; font-family:Luckiest Guy,Impact; font-variant:small-caps; padding:5px; font-size:18pt; letter-spacing:3px; text-align:center!important; box-shadow:0px 1px 2px black; text-shadow:0 0 5px green; font-weight:normal;} .Cherinob:hover {box shadow:0 0 10px lime;}

.Ciem .infoboxsectionheader {background:#663300!important; color:#ffeb99!important; font-family:Bebas Centipede,Impact; font-weight:normal!important; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;} .Ciem:hover {box-shadow:0 0 10px darkorange;}

.Anarteq .infoboxsectionheader {background:linear-gradient(#29a3a3,steelblue)!important; color:#2f2475!important; font-family:'Extrano - Arano',Passion One; font-weight:normal!important; box-shadow:0px 1px 2px firebrick; text-shadow:0 0 5px orange;} .Anarteq:hover {box-shadow:0 0 10px darkorange;}

.GrayChampion .infoboxsectionheader {background:linear-gradient(black,black,#737373,navy)!important; color:#e0e0e0!important; font-family:Eczar,Impact; font-weight:normal!important; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px yellow;} .GrayChampion:hover {box-shadow:0 0 10px navy;}

.Swappernetters .infoboxsectionheader {background:radial-gradient(white,#f2f2f2)!important; color:crimson!important; font-family:Kimono Kong,Orbitron; font-variant:small-caps; box-shadow:0px 1px 2px black; border:2px solid rebeccapurple; text-shadow:1px 1px 1px indigo; font-weight:bold; }

.Swappernetters:hover {box-shadow:0 0 10px purple;}

.Sodality .infoboxsectionheader {background:linear-gradient(black,#191919,#777,black,black)!important; font-family:ACID LABEL___,Caesar Dressing; font-variant:small-caps; color:#00e6e6!important; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.Eccentria {background:radial-gradient(#ffa899,#e47a7a);} .Volkonir .infoboxsectionheader {background:radial-gradient(#b1a88e,#675621,#3d310b); font-weight:bold; text-align:center; font-family:ChromeYellow,Arial; color:goldenrod; text-shadow:-2px -2px 1px yellow,1px 1px 1px #5e0e0e,2px 2px 1px #5e0e0e; box-shadow:0px 1px 2px black;} .Bison .infoboxsectionheader {background:black!important; font-family:Impact!important; color:orange!important; font-variant:small-caps!important; font-weight:normal!important; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;} .Eccentria:hover {box-shadow:0 0 10px firebrick;}

.Dromedary {background:radial-gradient(#fff2e1,#ffd8a6)!important;} div.Dromedary .infoboxsectionheader {background:#ffc966; font-weight:bold; text-align:center; font-variant:small-caps; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.Camelorum .infoboxsectionheader {background:radial-gradient(darkorange,#cc7000); color:white; text-shadow:-2px -2px 2px navy,2px 2px 2px navy,3px 3px 2px black; font-weight:bold; text-align:center; font-variant:small-caps; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.TK .infoboxsectionheader {background:navy; font-family:Impact; font-variant:small-caps; text-shadow:1px 1px 1px black; background:mediumblue; color:white; letter-spacing:2px; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black; font-weight:normal;}

.Pekins .infoboxsectionheader {font-family:Impact; background:#777; color:white; font-variant:small-caps; font-weight:normal!important; letter-spacing:2px; font-style:normal; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.Grillitan .infoboxsectionheader {background:navy; color:hotpink; text-shadow:-1px -1px 1px pink,1px 1px 1px pink; font-family:Neon,Pacifico; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.Slushy .infoboxsectionheader {font-family:Paytone One; color:white; background:green; font-weight:bold; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.PW .infoboxsectionheader {font-family:Viper Nora,Racing Sans One; font-variant:small-caps; font-weight:bold; color:yellow; text-shadow:-1px -1px 1px orange,1px 1px 1px red; background:black; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.Dromedary:hover {box-shadow:0 0 10px navy!important;}

.QBGorilla {background:#c9d8ff!important;} .QBGorilla .infoboxsectionheader {background:black!important; color:silver!important; font-weight:normal; font-family:Impact; font-variant:small-caps; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.SV {background:#c5ccd3!important;} .SV .infoboxsectionheader {background:darkslategray; color:#f9f9f9; font-weight:bold; text-align:center; font-variant:small-caps; font-family:Lucida Sans Typewriter,Arial; font-style:italic; letter-spacing:2px; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.Replox {background:#00f6e6!important;} .Replox .infoboxsectionheader {background:#006666; text-align:center; font-variant:small-caps; color:#ff66ff; font-family:Impact!important; font-weight:normal!important; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.EveryApe {background:#dbe4f0!important;} .EveryApe .infoboxsectionheader {background:black; text-align:center; color:white; font-family:Berlin Sans FB,Arial!important; font-weight:bold!important; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.Dozerfleet .infoboxsectionheader {background:black!important; color:#ffc600; font-weight:normal; font-family:Impact,Arial!important; font-variant:small-caps; text-align:center; letter-spacing:2px;}

.Wilinskia .infoboxsectionheader {background:#42c2a2; font-variant:small-caps; font-weight:bold; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.Mackley .infoboxsectionheader {background:#663300; color:white; font-family:Berlin Sans FB,Arial Rounded MT Bold, Arial; text-align:center; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.Ferris .infoboxsectionheader {background:firebrick!important; color:gold!important; font-weight:bold; text-align:center; font-variant:small-caps; font-family:Barlow Condensed; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.LCC .infoboxsectionheader {background:#2525a7; color:#f9f9f9; font-weight:bold; text-align:center; font-variant:small-caps; font-family:Times New Roman;}

.SWOCC .infoboxsectionheader {background:midnightblue; color:white; font-weight:bold; text-align:center; text-shadow:0px 0px 2px blue; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.TriSola .infoboxsectionheader {background-color:#30e4ff!important; background-image:linear-gradient(transparent 50%, #fff 50%)!important; background-size:5px 5px!important; font-family:Calibri,Arial!important; color:#166d9a; font-weight:bold; text-align:center; box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

/*--Universe color assignments--*/

.bgDefault {background:#f9f9f9;}

.bgFerris {background:firebrick!important; color:gold!important; font-weight:bold; text-align:center; font-variant:small-caps; font-family:Times New Roman;}

.bgReplox {background:#00f6e6!important;} p.pshGerosha {color:mediumorchid; background:teal;}

.bgCherinob {background:lime!important;} span.Cherinob {color:lime;} p.pshCherinob {color:lime; background:darkslategray;}

.bgSV {background:#c5ccd3!important;} span.SV {color:#c5ccd3;} p.pshSV {color:white; background:darkslategray; font-family:Lucida Sans Typewriter!important;}

.bgGerosha {background:radial-gradient(blanchedalmond,#f5e7c1,#e4d6b0)!important;} span.Gerosha {color:blanchedalmond;} p.pshGerosha {color:white; background:linear-gradient(steelblue,skyblue);}

p.pshGerosha, p.pshSV, p.pshCherinob, p.pshCagegirl, p.pshQBGorilla, p.pshDromedaryCamelorum, p.pshDromedary, p.pshVolkonir, p.pshReplox, p.pshTK, p.pshGD {font-size:20pt; font-variant:small-caps; margin-top:0; padding-left:5px; padding-right:5px; margin-bottom:1px; font-weight:bold;}

.bgQBGorilla {background:#c9d8ff!important;} span.QBGorilla {color:#c9d8ff!important;} p.pshQBGorilla {color:silver; background:black; font-weight:normal; font-family:Impact;}

.bgDromedary {background:radial-gradient(#ffc966,#e67e00)!important;} span.Dromedary {color:#ffc966;} p.pshDromedary {background:darkorange;} p.pshDromedaryCamelorum {background:darkorange; color:white; text-shadow:-1px -1px 1px navy,1px 1px 1px navy,2px 2px 1px black;}

.bgCagegirl {background:radial-gradient(#eecccc,salmon)!important;} span.Cagegirl {color:#eecccc;} p.pshCagegirl {background:salmon; font-family:Stencil,Arial!important; text-shadow:-1px -1px 1px white,1px 1px 1px white; letter-spacing:1px;}

.bgVolkonir {background:radial-gradient(#ffa899,#e47a7a)!important;} span.Volkonir {color:goldenrod; text-shadow:-2px -2px 1px yellow,1px 1px 1px crimson,2px 2px 1px firebrick;} p.pshVolkonir {background:gold; color:crimson; font-family:ChromeYellow,Arial!important;}

.bgLCC {background:#2525a7!important; color:#f9f9f9!important; font-weight:bold; text-align:center; font-variant:small-caps; font-family:Times New Roman;}

.bgTriSola {background-color:#30e4ff!important; background-image:linear-gradient(transparent 50%, #fff 50%)!important; background-size:5px 5px!important;} span.TriSola {font-family:Calibri,Arial!important; font-size:24pt; color:#166d9a;}

.bgEveryApe {background:#dbe4f0!important;} .headerEveryApe {background:black; text-align:center; color:white; font-family:Berlin Sans FB,Arial!important; font-weight:bold!important;}

/*--Labels by universe and franchise--*/

.labelDozerfleet {background:black; font-family:Impact; font-variant:small-caps; color:gold;}

.labelLCC {background:navy; font-family:Times New Roman; font-variant:small-caps; color:silver; font-weight:bold;}

.labelFerris {background:firebrick; font-family:Times New Roman; font-variant:small-caps; color:gold; font-weight:bold;}

.labelSWOCC {background:navy; font-variant:small-caps; color:white; font-weight:bold;}

.labelSodality {background:linear-gradient(black,#191919,#777,black,black)!important; font-family:ACID LABEL___,Caesar Dressing; font-weight:bold; font-variant:small-caps; color:#00e6e6;}

.labelCiem {background:#663300; color:#ffeb99; font-family:Bebas Centipede,Impact;}

.labelAnarteq {background:linear-gradient(#29a3a3,steelblue)!important; color:#2f2475!important; font-family:'Extrano - Arano',Passion One; font-weight:normal!important; box-shadow:0px 1px 2px firebrick; text-shadow:0 0 5px orange;}

.labelCamelorum {font-weight:bold; font-variant:small-caps; font-family:Arial; background:radial-gradient(darkorange,#cc7000); color:white; text-shadow:-2px -2px 2px navy,2px 2px 2px navy,3px 3px 2px black;}

.labelSlushy {font-family:Paytone One; color:white; background:green; font-weight:bold;}

.labelTK {font-family:Impact; font-variant:small-caps; text-shadow:1px 1px 1px black; background:mediumblue; color:white;}

.labelBison {background:black; color:orange; font-family:Impact,Arial; font-variant:small-caps;}

.labelVolkonir {background:radial-gradient(#b1a88e,#675621,#3d310b); color:goldenrod; text-shadow:-1px -1px 0 yellow,1px -1px 0 yellow,-1px 1px 0 #5e0e0e,1px 1px 1px crimson,2px 2px 1px #5e0e0e; font-family:ChromeYellow,Arial; font-weight:bold;}

.labelCherinob {background:darkslategray; font-family:Living Hell,Nosifer,Arial; font-variant:small-caps; letter-spacing:1px; color:lime;}

.labelMackley {background:#663300; color:white; font-family:Berlin Sans FB,Arial Rounded MT Bold, Arial;}

.labelGerosha {font-weight:bold; color:white; font-variant:small-caps; font-family:Arial; background:linear-gradient(steelblue,skyblue); box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black;}

.labelPekins {font-family:Impact; background:#777; color:white; font-style:italic; font-variant:small-caps;}

.labelGrillitan {background:navy; color:hotpink; text-shadow:-1px -1px 1px pink,1px 1px 1px pink; font-family:Neon,Pacifico;}

.labelEveryApe {background:black; color:white; font-family:Berlin Sans FB; font-weight:bold;}

.labelCagegirl {font-family:Stencil,Arial; background:radial-gradient(salmon,#be7d94); box-shadow:0px 1px 2px black; text-shadow:1px 1px 1px black; color:white;}

.labelQBGorilla {background:black; color:silver; font-family:Impact,Arial; font-variant:small-caps; font-style:italic;}

.labelWilinski {background:#42c2a2; font-variant:small-caps; font-weight:bold;}

.labelProdigalia {background:seagreen; color:white; text-shadow:2px 2px 1px darkorange,-1px -1px 1px darkorange; font-weight:bold;}

.labelReplox {background:#006666; font-variant:small-caps; color:#ff66ff; font-family:Impact!important;}

.labelSV {background:darkslategray; color:white; font-family:Lucida Sans Typewriter; letter-spacing:2px; font-variant:small-caps; font-weight:bold; font-style:italic;}

.labelPW {font-family:Viper Nora,Racing Sans One; font-variant:small-caps; font-weight:bold; font-size:16pt; color:yellow; text-shadow:-1px -1px 1px orange,1px 1px 1px red; background:black;}

.labelSwappernetters {background:radial-gradient(white,#f2f2f2); color:crimson; font-family:Kimono Kong,Orbitron; font-variant:small-caps; text-shadow:1px 1px 1px indigo; font-weight:bold; border:2px solid crimson;}

.rootbeer {background-color:#675621!important;}

/*--Pseudo-Headers--*/ .psh2 {font-size:16pt; border-bottom:1px solid silver;} .psh3 {font-size:13pt; font-weight:bold; margin:1px;} .psh4 {font-size:11pt; font-weight:bold; margin:1px;}

/*--Thumbs--*/

div.thumbinner {width:150px!important;} .thumbimage {max-width:150px!important; display:block; height:auto;}

/*--This section is for essay paper embeds--*/

.essay-outerwrap {margin-left:auto; margin-right:auto; width:8.5in; height:11in; background:white; box-shadow:1px 1px 3px silver; border-radius:0!important; border:1px solid silver;} .essay-innerwrap {margin-left:1in; margin-right:1in; margin-top:0.5in; margin-bottom:0.5in; text-indent:0.5in; font-family:Calibri; font-size:11pt;} .essay-innerwrap p {line-height:150%;}

/*--This section is for DzMD--*/

.sims2table {background:#c1d8ec; color:navy; border-radius:0.4em; border:2px solid navy; box-shadow:0px 0px 3px black;} .sims3table {background:#ace0ff; border:7px solid #6078a4; border-radius:0.4em; box-shadow:0px 0px 3px black;} .sims2table td, .sims3table td {vertical-align:top; border-top:1px solid #b7d6fd; padding-left:5px; padding-right:5px; border-bottom:1px solid #81a4d5;} .ts3td {background:lightblue; background:rgba(255,255,255,0.65); vertical-align:top; box-shadow:0 0 5px white;}

div.simsul ul {list-style:none;} div.simsul ul li:before {content:"♦"; font-size:250%; color:#3b9e31; text-shadow:0px 0px 5px lime,-1px -1px 1px white,1px 1px 1px green; padding-right:5px;}