MediaWiki:Common.css

@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css|MediaWiki:Gradients.css|MediaWiki:Staff.css|u:dev:MediaWiki:AL.css|u:dev:MediaWiki:Global_Lua_Modules/NavboxBuilder.css|u:dev:MediaWiki:PrettyUserTags.css|u:dev:MediaWiki:ContribsButtons.css|u:thegoldenpatrik1:MediaWiki:Spacing.css|u:thegoldenpatrik1:MediaWiki:Global.css"); @import "/load.php?mode=articles&only=styles&articles=MediaWiki:Local.css?ctype=text/css|u:dev:MediaWiki:FandomizedWikiFeatures.css|u:dev:MediaWiki:PIImprovements.css|u:dev:MediaWiki:SpoilerBlur/code.css|u:dev:MediaWiki:FandomizedBloglists/code.css|u:dev:MediaWiki:FandomizedToggles/code.css|u:dev:MediaWiki:ModernCommentsSection.css|u:dev:MediaWiki:TZclock.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:NewCat%26LangBars.css|u:dev:MediaWiki:ModernLeaderboard.css|u:dev:MediaWiki:FandomizedButtons.css"; @import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap'); @import url('https://mega.nz/file/WFtGHQjD#LngsIFlL5_LJe0mTIgH87dH9uIFXUdWZ1SLyPY_jKCI%22'); @import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap%27'); @import url('https://fonts.googleapis.com/css2?family=Cherry+Cream+Soda&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); @import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nova+Cut&display=swap'); @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');

/**********************************************/ /************** Table of Contents *************/ /**********************************************/

/* SECTION A — WIKI FEATURES * A.1 — Profiles Customization * A.2 — Profile Tag Stylings * A.3 — Pages * A.4 — Miscellaneous Stylings * A.5 - Google Fonts * A.6 - Gradient Buttons * A.7 - Gradient Backgrounds */ /************************************/ /*******A.1 Profile Customization*******/ /************************************/ a[href$="/Bignatebaseball"], a[href$=":Bignatebaseball"], a[href$="/wiki/Special:UserProfileActivity/Bignatebaseball?tab=posts"] { background-image: -webkit-linear-gradient(left, #ff9500 0%, #002aff 25%,   #a200ff 50%, #15ff00 75%, #ff00d4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #002aff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

/********************* BiggerNate91 *********************************/ a[href$="/BiggerNate91"], a[href$=":BiggerNate91"], a[href$="/wiki/Special:UserProfileActivity/BiggerNate91?tab=posts"] { color: #2a00ff !important; font-weight: bold; }

/********************* Neptune7Ninja2Comics *********************************/ a[href$=":Neptune7Ninja2Comics"], a[href$="/Neptune7Ninja2Comics"], a[href$="/wiki/Special:UserProfileActivity/Neptune7Ninja2Comics?tab=posts"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #014e52), color-stop(0.25, #00b1ba), color-stop(0.5, #29f4ff), color-stop(0.75, #047278), color-stop(1, #014e52)); background-image: -webkit-linear-gradient(left, #014e52 0%, #00b1ba 25%,    #29f4ff 50%, #047278 75%, #00b1ba 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Ice 4s infinite; color: #014e52; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

/********************* Swasimcool *********************************/ a[href$=":Swasimcool"], a[href$="/Swasimcool"], a[href$="/wiki/Special:UserProfileActivity/Swasimcool?tab=posts"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffff00), color-stop(0.25, #ffff00), color-stop(0.5, #ffffff), color-stop(0.75, #0088ff), color-stop(1, #0088ff)); background-image: -webkit-linear-gradient(left, #ffff00 0%, #ffff00 25%, #ffffff 50%, #0088ff 75%, #0088ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-drchasma 4s infinite; color: #0088ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight:bold !important; }

[class^='EntityHeader_name__'][href='/wiki/User:Swasimcool']::after, .edit-info-user[href='/wiki/User:Swasimcool']::after { content: ''; background-image: url(https://cdn.discordapp.com/attachments/741818665867149373/796045368839766056/char2.gif); }

[class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); }

/********************* Spyroclub *********************************/ a[href$=":Spyroclub"], a[href$="/Spyroclub"], a[href$="/wiki/Special:UserProfileActivity/Spyroclub?tab=posts"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ed0e0e), color-stop(0.25, #000000,), color-stop(0.5, #faf7f7), color-stop(0.75, #000000), color-stop(1, #ed0e0e)); background-image: -webkit-linear-gradient(left, #ed0e0e 0%, #000000 25%, #faf7f7 50%, #000000 75%, #ed0e0e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-connect4 4s infinite; color: #faf7f7; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

/********************* GiantNate91 *********************************/ a[href$=":GiantNate91"], a[href$="/GiantNate91"], a[href$="/wiki/Special:UserProfileActivity/GiantNate91?tab=posts"] { color: #d60d0d	!important; font-weight: bold !important; } /********************* ChemicalChaos_GC *********************************/ a[href$=":ChemicalChaos_GC"], a[href$="/ChemicalChaos_GC"], a[href$="/wiki/Special:UserProfileActivity/ChemicalChaos_GC?tab=posts"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #230161), color-stop(0.25), color-stop(0.5, #400994), color-stop(0.75, #6a5e7a), color-stop(1, #9384ab)); background-image: -webkit-linear-gradient(left, #230161 0%, #400994 25%, #6a5e7a 50%, #9384ab 75%, #400994 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-milkshake 4s infinite; color: #400994; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

[class^='EntityHeader_name__'][href='/wiki/User:ChemicalChaos%20GC']::after, .edit-info-user[href='/wiki/User:ChemicalChaos GC']::after { content: ''; background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/6/68/Enchanted_Netherite_Pickaxe.gif/revision/latest/scale-to-width-down/120?cb=20200208182722); }

[class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); }

/********************* Henry_Hudson_GC *********************************/ a[href$=":Henry_Hudson_GC"], a[href$="/Henry_Hudson_GC"], a[href$="/User:Henry_Hudson_GC"], a[href$="/wiki/Special:UserProfileActivity/Henry_Hudson_GC?tab=posts"] { color: #012e59 !important; font-weight: bold !important; }

[class^='EntityHeader_name__'][href='/wiki/User:Henry%20Hudson%20GC']::after, .edit-info-user[href='/wiki/User:Henry_Hudson_GC']::after { content: ''; background-image: url(https://static.wikia.nocookie.net/60eb928e-c246-482c-b539-e5ac28a4e7c1); }

[class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); }

/********************* ComicComet *********************************/ a[href$=":ComicComet"], a[href$="/ComicComet"], a[href$="/wiki/Special:UserProfileActivity/ComicComet?tab=posts"] { color: #FF0600 !important; font-weight: bold !important; }

/********************* DarkLight300 *********************************/ a[href$=":DarkLight300"], a[href$="/DarkLight300"], a[href$="/wiki/Special:UserProfileActivity/DarkLight300?tab=posts"] { color: #CF1020 ; font-weight: bold; }

/********************* ToPhu31 *********************************/ a[href$=":ToPhu31"], a[href$="/ToPhu31"], a[href$="/wiki/Special:UserProfileActivity/ToPhu31?tab=posts"] { color: #000001	!important; font-weight: bold !important; }

/********************* ItsP-dog *********************************/ a[href$=":ItsP-dog"], a[href$="/ItsP-dog"], a[href$="/wiki/Special:UserProfileActivity/ItsP-dog?tab=posts"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #02122e), color-stop(0.5, #06255c), color-stop(0.75, #055499), color-stop(1, #00ff7b)); background-image: -webkit-linear-gradient(left, #000000 0%, #f1ff2b 25%, #00ff55 50%, #00ff55 75%, #00b3ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Techno 4s infinite; color: #00ddff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

/********************* ComicsCreators *********************************/ a[href$=":ComicsCreators"], a[href$="/ComicsCreators"], a[href$="/wiki/Special:UserProfileActivity/ComicsCreators?tab=posts"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #006F95), color-stop(0.5, #000000), color-stop(0.75, #012C57), color-stop(1, #ED6A26)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #006F95 25%, #000000 50%, #012C57 75%, #ED6A26 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Bncw 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

[class^='EntityHeader_name__'][href='/wiki/User:ComicsCreators']::after, .edit-info-user[href='/wiki/User:ComicsCreators']::after { content: ''; background-image: url(https://media.discordapp.net/attachments/745744212439597076/796047628461670410/ROLTA_Logo.png?width=674&height=674); }

[class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); }

/********************* ZachOWott *********************************/ a[href$=":ZachOWott"], a[href$="/ZachOWott"], a[href$="/wiki/Special:UserProfileActivity/ZachOWott?tab=posts"] { font-weight: bold; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #145748), color-stop(0.25, #1c7a65), color-stop(0.5, #37a67b), color-stop(0.75, #1c7a65), color-stop(1, #145748)); background-image: -webkit-linear-gradient(left, #145748 0%, #1c7a65 25%, #37a67b 50%, #1c7a65 75%, #145748 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-zachowott 4s infinite; color: #1c7a65; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

/********************* ComicRater *********************************/ a[href$=":ComicRater"], a[href$="/ComicRater"], a[href$="/wiki/Special:UserProfileActivity/ComicRater?tab=posts"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8B0000), color-stop(0.5, #FF0000), color-stop(0.75, #8B0000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #8B0000 25%, #FF0000 50%, #8B0000 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Dark 4s infinite; color: #8B0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

/********************* Valence_UwU *********************************/ a[href$=":Valence_UwU"], a[href$="/Valence_UwU"], a[href$="/wiki/Special:UserProfileActivity/Valence_UwU?tab=posts"] { color: #e625d9	!important; font-weight: bold !important; }

[class^='EntityHeader_name__'][href='/wiki/User:Valence%20UwU']::after, .edit-info-user[href='/wiki/User:Valence_UwU']::after { content: ''; background-image: url(https://static.wikia.nocookie.net/a72ed5d1-1da3-4329-990f-8a273b09228c); }

[class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); }

/********************* Moon_Man_is_gone *********************************/ a[href$=":Moon_Man_is_gone"], a[href$="/Moon_Man_is_gone"], a[href$="/wiki/User:Moon%20Man%20is%20gone"], a[href$="/wiki/Special:UserProfileActivity/Moon_Man_is_gone?tab=posts"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.5, #FF0000), color-stop(1, #00FFFF)); background-image: -webkit-linear-gradient(left, #000000 0%, #FF0000 50%, #00FFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-moon 4s infinite; color: #000000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

/********************* ObiWanKenobiJesus *********************************/ a[href$=":ObiWanKenobiJesus"], a[href$="/ObiWanKenobiJesus"], a[href$="/wiki/Special:UserProfileActivity/ObiWanKenobiJesus?tab=posts"] { color: #39A806 !important; font-weight: bold !important; }

[class^='EntityHeader_name__'][href='/wiki/User:ObiWanKenobiJesus']::after, .edit-info-user[href='/wiki/User:ObiWanKenobiJesus']::after { content: ''; background-image: url(https://media.discordapp.net/attachments/783703597941784637/796856321902116924/obi_lego.jpg); }

[class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); }

/********************* EddieAndReady88 *********************************/ a[href$=":EddieAndReady88"], a[href$="/EddieAndReady88"], a[href$="/wiki/Special:UserProfileActivity/EddieAndReady88?tab=posts"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #FFEFF6), color-stop(0.5, #FFFFFF), color-stop(0.75, #d3fdf8), color-stop(1, #0000FF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFEFF6 25%, #FFFFFF 50%, #d3fdf8 75%, #0000FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-French 4s infinite; color: #FFFFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap }

/********************* Lssj8521 *********************************/ a[href$=":Lssj8521"], a[href$="/Lssj8521"], a[href$="/wiki/Special:UserProfileActivity/Lssj8521?tab=posts"] { color: #FA0C0C!important; font-weight: bold !important; }

/********************* PET *********************************/ a[href$=":Opheuchus"], a[href$="/Opheuchus"], a[href$="/wiki/Special:UserProfileActivity/Opheuchus?tab=posts"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

/********************* Ak-Elfs *********************************/ a[href$=":Ak-Elfs"], a[href$="/Ak-Elfs"], a[href$="/wiki/Special:UserProfileActivity/Ak-Elfs?tab=posts"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #90ee90), color-stop(0.5, #FFC0CB), color-stop(0.75, #FFFF00), color-stop(1, #00FFFF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFA500 25%, #FFC0B  50%, #FFFF00  75%, #00FFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-starburst 7s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold !important; font-family: rubik !important; }

[class^='EntityHeader_name__'][href='/wiki/User:Ak-Elfs']::after, .edit-info-user[href='/wiki/User:Ak-Elfs']::after { content: ''; background-image: url(https://media.tenor.com/images/a628d7d0edd6a8c76796988b6e73c568/tenor.gif); }

[class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); }

/********************* GarfieldMN *********************************/ a[href$=":GarfieldMN"], a[href$="/GarfieldMN"], a[href$="/wiki/Special:UserProfileActivity/GarfieldMN?tab=posts"]{ color: #ff8400!important; font-weight: bold !important; }

/****************Kirkburn********************/ a[href$=":Kirkburn"], a[href$="/Kirkburn"], a[href$="/wiki/Special:UserProfileActivity/Kirkburn?tab=posts"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fandom 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Space Grotesk'; background-image: linear-gradient(to bottom right, #edf2f2, #69d6d6, #edf2f2, #69d6d6); }

/****************JustLeafy********************/ a[href$=":JustLeafy"], a[href$="/JustLeafy"], a[href$="/wiki/Special:UserProfileActivity/JustLeafy?tab=posts"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fandom 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Space Grotesk'; background-image: linear-gradient(to bottom right, #edf2f2, #69d6d6, #edf2f2, #69d6d6); }

/********************* Wooden_Board *********************************/ a[href$=":Wooden_Board"], a[href$="/Wooden_Board"], a[href$="/wiki/Special:UserProfileActivity/Wooden_Board?tab=posts"] { color: #ff00ff !important; }

/********************* Hobbes_the_dragon *********************************/ a[href$=":Hobbes_the_dragon"], a[href$="/Hobbes_the_dragon"], a[href$="/wiki/Special:UserProfileActivity/Hobbes_the_dragon?tab=posts"] { color: #ff8400!important; font-weight: bold !important; }

/********************* TheYounglings *********************************/ a[href$="/TheYounglings"], a[href$=":TheYounglings"], a[href$="/wiki/Special:UserProfileActivity/TheYounglings?tab=posts"] { color: #800080 !important; font-weight: bold; }

/********************* SpyroSays *********************************/ a[href$=":SpyroSays"], a[href$="/SpyroSays"], a[href$="/wiki/Special:UserProfileActivity/SpyroSays?tab=posts"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00d6d8), color-stop(0.1, #00d6d8), color-stop(0.2, #141414), color-stop(0.3, #141414), color-stop(0.4, #fefefe), color-stop(0.5, #fefefe), color-stop(0.6, #fefefe), color-stop(0.7, #b01421), color-stop(0.8, #b01421), color-stop(1, #fefefe)); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-starburst 11s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: 800 !important; font-family: rubik !important; } [class^='EntityHeader_name__'][href='/wiki/User:SpyroSays']::after, .edit-info-user[href='/wiki/User:SpyroSays']::after { content: ''; background-image: url(https://www.pngkit.com/png/full/20-205143_fandom-heart-icon-fandom-logo.png); }

[class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); }

/********************* Thetoadoftheturf *********************************/ a[href$="/Thetoadoftheturf"], a[href$=":Thetoadoftheturf"], a[href$="/wiki/Special:UserProfileActivity/Thetoadoftheturf?tab=posts"] { color: #ff00b4 !important; font-weight: bold; text-shadow:0 0 12px #56ff00, 0 0 12px #56ff00; }

/********************* DarthPigious *********************************/ [class^='EntityHeader_name__'][href='/wiki/User:DarthPigious']::after, .edit-info-user[href='/wiki/User:DarthPigious']::after { content: ''; background-image: url(https://images-ext-2.discordapp.net/external/dY1dtahMoVhTq4VAwyj5Yngerlf1K38LjfGpWGV37Y0/%3Fcb%3D20190420225711/https/static.wikia.nocookie.net/officialclubpenguinonline/images/a/af/Blue_Lightsaber_icon.png/revision/latest?width=197&height=200); }

[class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); }

/*********************************/ /*******A.4 Profile Tag Stlying*******/ /*********************************/ /* Bureaucrat */ .tag.usergroup-bureaucrat { background-color: gold !important; color: black !important; } /* Admin */ .tag.usergroup-sysop { background-color: blue !important; color: black !important; } /* Founder */ .tag.usergroup-founder{ background-color: red !important; } /* The #1 Dog */ .tag.usergroup-Clock{ background-color: Lime !important; } /* Content Moderator */ .tag.usergroup-content-moderator{ background-color: #1c03fc !important; } /* Discussions Moderator */ .tag.usergroup-threadmoderator{ background-color: #03fc6f !important; } /* Chat Moderator */ .tag.usergroup-chatmoderator{ background-color: #fc8c03 !important; } /* Rollback */ .tag.usergroup-rollback{ background-color: #9e34eb !important; } /* Blocked */ .tag.usergroup-blocked{ background-color: black !important; }

/*********************************/ /*******A.5 Pages*******/ /*********************************/

/* Comment Ninjas */ a[href$="/The_Comment_Ninja%27s_5_(The_Final_Battle)_(Adventure_series)"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8c0303), color-stop(0.5, #eb0e0e), color-stop(0.75, #0e50eb), color-stop(1, #00bfe6)); background-image: -webkit-linear-gradient(left, #000000 0%, #8c0303 25%, #0e50eb 50%, #00bfe6 75%, #0352ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Commentn 4s infinite; color: #0e50eb; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Commentn { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Profile: ItsP-dog*/ a { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #02122e), color-stop(0.5, #06255c), color-stop(0.75, #055499), color-stop(1, #00ff7b)); background-image: -webkit-linear-gradient(left, #000000 0%, #f1ff2b 25%, #00ff55 50%, #00ff55 75%, #00b3ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Techno 4s infinite; color: #00ddff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Techno { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Rainbow Font Pages (Official Pages) */ a[href$="/List_of_all_gradient_texts"], a[href$="/Big_Nate_COMMENTS_Wiki"], a[href$="/Forum"], a[href$="/Admins_and_Mods"] a[href$="/Special:Leaderboard"], a[href$="/Special:ListUsers"], a[href$="https://big-nate-comments.fandom.com/wiki/MediaWiki:Fandomdesktop.css"], a[href$="/Blog:Recent_posts"], a[href$="/List_of_all_gradient_texts/info"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*** Other Official Pages (Not Rainbow Font) ***/ /* Pages with "Text-Midnight" */ a[href$="/MediaWiki:Welcome-message-wall-user"] { font-weight: bold; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #2b0340), color-stop(0.5, #430563), color-stop(0.75, #61098f), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #61098f 25%,    #430563 50%, #2b0340 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Midnight 4s infinite; color: #002aff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-midnight { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Pages with "Text-Banned" */ a[href$="/Banned_Categories_(Official)"], a[href$="/Template:BannedCategory"], a[href$="/Category:BannedCategory"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8a1313), color-stop(0.25, #ff0000), color-stop(0.5, #4f0000), color-stop(0.75, #ff0000), color-stop(1, #8a1313)); background-image: -webkit-linear-gradient(left, #8a1313 0%, #ff0000 25%, #4f0000 50%, #ff0000 75%, #8a1313 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-banned 4s infinite; color: #4f0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-banned { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Terminated Users */ a[href$=":Crossdoggo"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AKellyTheGachaGirl"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AGoldenglory4life"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AItsYaBoiP-dog"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AMintCrepe"], a[href="https://big-nate-comments.fandom.com/wiki/User%3APigLoverGoComics"], a[href="https://big-nate-comments.fandom.com/wiki/User%3ALssj8520"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AAndythemage"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AThe_Psycho_Ranter"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AThe_Psychotic_Ranter"], a[href="https://big-nate-comments.fandom.com/wiki/User:OdietheDogIsSleeping54321"], a[href="https://big-nate-comments.fandom.com/wiki/User:TheAmazingCrafter"], a[href="https://big-nate-comments.fandom.com/wiki/User:TrapperClicker"], a[href="https://big-nate-comments.fandom.com/wiki/User:Ideas_r_us!"], a[href="https://big-nate-comments.fandom.com/wiki/User:Anonymous_5f2090170675a1.72081044"], a[href="https://big-nate-comments.fandom.com/wiki/User:FudgyGuy-fduser"], a[href="https://big-nate-comments.fandom.com/wiki/User:CrossDoggo2.0"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8a1313), color-stop(0.25, #ff0000), color-stop(0.5, #4f0000), color-stop(0.75, #ff0000), color-stop(1, #8a1313)); background-image: -webkit-linear-gradient(left, #8a1313 0%, #ff0000 25%, #4f0000 50%, #ff0000 75%, #8a1313 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-banned 4s infinite; color: #4f0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-banned { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Discord Links */ a[href$="/3rBgRBP"], a[href$="/GeMBFsYD"]{ background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #406da2), color-stop(0.5, #ffffff), color-stop(0.75, #406da2), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #406da2 25%, #ffffff 50%, #406da2 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-discord 4s infinite; color: #ffffff; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; }

@keyframes Text-discord { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* P-dog's Server Link */ a[href$="/h29bSwB"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Fandom TOS */ a[href$="www.fandom.com/terms-of-use"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fandom 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Fandom { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Trick or Treat*/ a[href$="/Trick_Or_Treat"], a[href="/Trick_Or_Treat_2020_Edition"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #a15e06), color-stop(0.2, #ffaf45), color-stop(0.4, #ffffff/* white */), color-stop(0.6, #000000), color-stop(0.8, #ffaf45), color-stop(1, #a15e06)); background-image: -webkit-linear-gradient(left, #a15e06 0%, #ffaf45 20%, #ffffff 40%, #000000 60%, #ffaf45 80%, #a15e06 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-halloween 4s infinite; color: #ffaf45; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-halloween {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*BNCS Subreddit*/ a[href$="https://www.reddit.com/r/BNCS/"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff4800), color-stop(0.5, #ffffff), color-stop(1, #ff4800)); background-image: -webkit-linear-gradient(left, #ff4800 0%, #ffffff 50%, #ff4800 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-reddit 3s infinite; color: #ff4800; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; }

@keyframes Text-reddit {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Imported Google Fonts Page*/ a[href="/List_of_Imported_Google_Fonts"] {font-family:Albertus;color:black;font-size:20px; }

/*Thanksgiving Pages*/ a[href$="/Favorite_Thanksgiving_Activities"], a[href$="/MS_Paint_Competition!"], a[href$="/Thanksgiving_Profile_Pictures"], a[href$=":Thankgiving_foods_that_you_eat"], a[href$=":What_Are_You_Thankful_For%3F"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffa500), color-stop(0.25, #f8d568), color-stop(0.5, #FFFF00), color-stop(0.75, #c39b77), color-stop(1, #6b4000)); background-image: -webkit-linear-gradient(left, #ffa500 0%, #f8d568 25%, #FFFF00 50%, #c39b77 75%, #6b4000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Thanksgiving 4s infinite; color: #f8d568; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; }

@keyframes Text-Thanksgiving { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Advent Calendar 2020 */ a[href$="/Advent_Calendar_2020"], a[href$="/User_blog:ZachOWott/Advent_Answers_and_Polls"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #db290d),    color-stop(0.25, #ebd8d8), color-stop(0.5, #ebd8d8), color-stop(0.75, #ebd8d8), color-stop(1, #c21717)); background-image: -webkit-linear-gradient(left, #db290d 0%, #ebd8d8 25%, #ebd8d8 50%, #ebd8d8 75%, #c21717 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-advent 4s infinite; color: #ebd8d8; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-style: italic; }

@keyframes Text-advent {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Winter Wonderland 2020 Tournament */ a[href$="/Winter_Wonderland_2020_Tournament"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #0073D9), color-stop(0.5, #1B0EB0), color-stop(0.75, #0073D9), color-stop(1, #BBD6E4)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #0073D9 25%, #1B0EB0 50%, #0073D9 75%, #BBD6E4 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Winterwonderland 4s infinite; color: #0073D9; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-style: italic; } @keyframes Text-Winterwonderland { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/************************************/ /*********A.6 Miscellaneous Styling*********/ /************************************/

/***** Space-Between Container *****/ /* (container items have space between them) */ div.s-bContainer { display: flex; justify-content: space-between; }

/* Example Usage: Content

/***** Center Container *****/ div.cContainer { display: flex; justify-content: center; }

/*******************************/ /*** Welcome-message-wall-user line Variants ***/ /******************************/

/* Welcome-message-wall-user line (thin) */ hr.welcome-message-wall-user-line1 { border: 2px outset #005eff; border-radius: 2px; }

/* Welcome-message-wall-user line (thick) */ hr.welcome-message-wall-user-line2 { border: 10px outset #005eff; border-radius: 5px outset #005eff; }

/* Halloween! */ .halloween.mainpage { border: 4px double #5e3500; border-radius: 10px 8px 10px; border-bottom: 8px solid black; background-image: linear-gradient(to bottom right, #e88400, #b06c13,#cf8b32, #e3a656, #ffc57a); color: white; font-weight: bold; padding: 4px; margin: 2px; }

.halloween.mprightcolumntop { border: 6px double #5e3500; border-radius: 10px 8px 10px; background-image: linear-gradient(to bottom right, #e88400, #b06c13,#cf8b32, #e3a656, #ffc57a); color: white; font-weight: bold; padding: 4px; margin: 2px; }

/* Candy Corn Line */ .candycorn { border: 3px dashed orange; background-color: #dced42; }

/*Turkey Line 1*/ hr.turkey1 { border-color: #786948; border-style: dotted; border-width: 5px; background-color: #b02000; }

/*Turkey Line 2*/ hr.turkey2 { border-color: #b02000; border-style: dotted; border-width: 5px; background-color: #786948; }

/* Candy Cane Heading */ h1.candycane { color: #035913; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; text-align: center; background-image: linear-gradient(to right, #de0d0d, #de0d0d, #ffffff, #ffffff, #ffffff, #de0d0d, #ffffff, #ffffff, #ffffff, #de0d0d, #ffffff, #ffffff, #ffffff, #de0d0d, #de0d0d); background-repeat: repeat; border-radius: 10px; padding: 3px; width: auto; }

.clickable-div a { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; } .clickable-div a > img { width: 100%; height: 100%; } .clickable-div a > img:hover { background: rgba(0, 0, 0, 0.2); } .card-box.clickable-div { overflow: hidden; }/**/ /* Without shading */ .clickable-div-ns a { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; } .clickable-div-ns a > img { width: 100%; height: 100%; }/**/ .nav-button a { position: absolute; height: 100%; width: 110%; top: 0px; left: 0px; } .nav-button a > img { width: 100%; height: 110%; } .nav-button { background-color: #328fa8; color: black; transition: background-color 1s, color 1s; -webkit-transition: background-color 1s, color 1s; -o-transition: background-color 1s, color 1s; -moz-transition: background-color 1s, color 1s; } .nav-button:hover { background-color: white; color: #328fa8; } .nav-button:active { background-color: #328fa8; color: #328fa8; }/**/ a.tag { color: inherit; }

/* Navigation buttons */ .brawlButton { position: relative; overflow: hidden; background-color: #2490F5; font-family: "Lilita One"; color: #FFFFFF; letter-spacing: 1px; text-align: center; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7); border: 4px solid rgba(0, 0, 32, 0.5); border-radius: 3px; box-shadow: inset 0 -6px 0 rgba(0, 0, 32, 0.2), inset 0 6px 0 rgba(255, 255, 255, 0.2), 0 4px 0 rgba(0, 0, 0, 0.15); margin: 6px; }

.brawlButton:active { transform: translateY(4px); }

/************************************/ /*********A.8 Gradient Buttons*********/ /************************************/ .rules-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://vignette.wikia.nocookie.net/robloxarsenal/images/9/96/Rainbowowo.png/revision/latest/scale-to-width-down/640?cb=20200723102027') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; }   .rules-button > a { color: white; text-decoration: none !important; text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000; }   .rules-button:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: rgba(0, 0, 0, 0) #222426; }

@keyframes rainbow { 0% { background-position: left center; } 100% { background-position: 2048px, 0; } } .elf-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://images-na.ssl-images-amazon.com/images/I/81fdoo5%2BHVL._AC_SL1500_.jpg') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; } .elf-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://images-na.ssl-images-amazon.com/images/I/81fdoo5%2BHVL._AC_SL1500_.jpg') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; }   .elf-button > a { color: white; text-decoration: none !important; text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000; }   .elf-button:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: rgba(0, 0, 0, 0) #222426; }

@keyframes rainbow { 0% { background-position: left center; } 100% { background-position: 2048px, 0; } } .jimmy-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://www.color-hex.com/palettes/13049.png') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; } .jimmy-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://www.color-hex.com/palettes/13049.png') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; }   .jimmy-button > a { color: white; text-decoration: none !important; text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000; }   .jimmy-button:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: rgba(0, 0, 0, 0) #222426; }

@keyframes jimmy { 0% { background-position: left center; } 100% { background-position: 2048px, 0; } } .god-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://www.color-hex.com/palettes/13050.png') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; } .god-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://www.color-hex.com/palettes/13050.png') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; }   .god-button > a { color: white; text-decoration: none !important; text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000; }   .god-button:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: rgba(0, 0, 0, 0) #222426; }

@keyframes god { 0% { background-position: left center; } 100% { background-position: 2048px, 0; } }

/************************************/ /*********A.8 Gradient Background*********/ /************************************/ .epic-background { background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite; padding:1em; color:white }

@keyframes gradient { 0% {       background-position: 0% 50%; }   50% {        background-position: 100% 50%; }   100% {        background-position: 0% 50%; } } /***** Game Slider *****/ .ui-widget-header { background: transparent; border: none; } .scroll-bar { border-radius: 0px; } .scroll-bar-wrap { width: auto; margin: 0 25px 4px 25px; padding: 4px; background: transparent; border: none; } .ui-slider { border: 1px solid #333; box-shadow: 0 0 4px #333; background: transparent; } .scroll-bar-wrap .ui-slider-handle { margin-top: 1.5px; background: black; border: none; } .scroll-bar-wrap .ui-slider-handle:hover { cursor: pointer; } .game-slider { overflow: hidden; white-space: nowrap; width: auto; padding-bottom: 10px; } .game-slider * { margin: 0; padding: 0; } .game-slider figure { display: inline-block; } .game-content-main { background: rgba(0,0,0,0.5) } .game-content { width: 100%; height: 290px; padding: 5px } .game-content > div.floatleft { margin-right: 5px; margin-bottom: 0 } .game-content > h3 { font-size: 20px; margin-top: .2em; margin-bottom: .45em; padding-left: 7px } .loader { position: absolute; top: 50%; left: 50%; border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #3498db; width: 20px; height: 20px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite } @-webkit-keyframes spin { 0% {       -webkit-transform: rotate(0deg) }   100% {        -webkit-transform: rotate(360deg) } } @keyframes spin { 0% {       transform: rotate(0deg) }   100% {        transform: rotate(360deg) } } .game-slider a { position: relative } .game-slider a.content-active::before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(0,0,0,0.5); position: absolute; top: 112px; left: 61px } .portal_metro#portal_slider,.portal_metro#portal_slider .portal_body { border: none !important; border-radius: 0 !important } .portal_metro .toc { display: none } .portal_container { display: inline-block; margin-bottom: 15px; position: relative; width: 100% } .portal_metro:before { background-color: rgb(0,0,0); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2 } .portal_metro { border: none } .portal_metro .portal_body { overflow: hidden; padding: 0 10px } .portal_metro .portal_metro { border: none } .portal_metro.ui-tabs .ui-tabs-panel { padding: 0 } .portal_metro#portal_slider,.portal_metro#portal_slider .portal_body { padding: 0 } .portal_metro [class^=portal_sliderlink] .mw-headline,.portal_metro [class^=portal_sliderlink] .portal_slidertext,.portal_metro .portal_header_text,.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a,.portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-family: "Segoe UI",Helvetica,Verdana; font-weight: normal; text-align: left; text-shadow: 0 0 2px rgba(64,0,0,0.5),-1px -1px rgba(64,0,0,0.5),1px 1px rgba(64,0,0,0.5); width: 100% } .portal_metro [class^=portal_sliderlink] .mw-headline,.portal_metro [class^=portal_sliderlink] .portal_slidertext,.portal_metro .portal_header_text,.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { text-transform: uppercase } .portal_metro .portal_header_text { font-size: 2em; padding-top: 15px } .portal_metro [class^=portal_sliderlink] { font-size: 1.6em } .portal_metro .portal_header { margin-bottom: 6px; padding: 0; position: relative } .portal_metro .portal_header_text { border-bottom: none; padding-left: 15px } .portal_metro .portal_headerlinks { font-size: 0.8em; padding-bottom: 2px; position: absolute; right: 1em; top: 1em; z-index: 1 } .portal_metro .portal_header,.portal_metro .portal_header a:link,.portal_metro .portal_header a:visited,.portal_metro .portal_header a:hover,.portal_metro .portal_header a:active { color: rgb(192,0,0) } .portal_metro [class^=portal_sliderlink] .portal_slidertext { bottom: 10px; left: 10px; position: absolute; pointer-events: none } .portal_metro#portal_slider .portal_navlink { display: none } .portal_metro#portal_slider { overflow: hidden; position: relative; height: 255px; margin-right: 10px } .portal_metro#portal_slider .portal_navlink { bottom: 8px; display: block; left: 8px; position: absolute; z-index: 2 } .portal_metro#portal_slider .portal_navlink img { opacity: 0.3 } .portal_metro#portal_slider .portal_navlink img:hover { opacity: 0.8 } .portal_metro#portal_slider .portal_header { height: 50px; position: absolute; right: 10px; width: 100px } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { padding: 0 } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel { left: 175px; position: absolute; top: 0; overflow-y: scroll; right: 0 } .ui-tabs-panel::-webkit-scrollbar { width: 12px } .ui-tabs-panel::-webkit-scrollbar:disabled { display: none } .ui-tabs-panel::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.5) } .ui-tabs-panel::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.25) } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { float: left; padding: 0; width: 175px } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { border-bottom-width: 1px !important; border-right-width: 0 !important; clear: left; cursor: pointer; margin: 0; top: 0; width: 100% } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0 } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; display: block; font-size: 18px !important; padding: 0.35em 0 0.35em 0.5em; width: 100% } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { content: ""; height: 100%; overflow-y: hidden; width: 100% } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before,.portal_vtab.ui-tabs-vertical .ui-tabs-nav:after,.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0,0,0,0.6); background-image: none; border: none } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { width: 100% } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { border-right-width: 1px; padding-bottom: 0 } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { margin: 0; padding-left: 5px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: 0.1em 0 0.1em 0.4em; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { color: rgb(255,255,255); display: block; font-size: 16px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { border-bottom: none; color: rgb(192,0,0); font-size: 1.4em; margin-top: 0; padding: 1em 0 0 1em; text-transform: uppercase } .portal_metro.portal_main .portal_sliderlink-2 { height: 255px; left: 0; top: 0 } .portal_metro.portal_main .portal_sliderlink-3 { height: 100px; right: 0; top: 0 } .portal_metro.portal_main .portal_sliderlink-4 { height: 100px; right: 0; top: 100px } .portal_metro.portal_main .portal_sliderlink-5 { height: 55px; right: 0; top: 200px } .portal_metro.portal_main .portal_sliderlink-2 .portal_slidertext { display: block; left: 10px; bottom: 10px; margin-bottom: 0 } .portal_metro.portal_main [class^=portal_sliderlink] { cursor: pointer; overflow: hidden; position: absolute; width: 200px; z-index: 0 } .portal_metro.portal_main,.portal_vtab.ui-tabs-vertical,.portal_vtab.ui-tabs-vertical .ui-tabs-nav,.portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 255px } .portal_metro.portal_main .portal_sliderlink-2 { width: 100% } .portal_metro.portal_main [class^=portal_sliderlink]:before { background-color: rgb(0,0,0); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .portal_metro.portal_main [class^=portal_sliderlink_bg] { background-repeat: no-repeat; content: ""; display: block; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; width: 100%; z-index: -1 } .portal_metro.portal_main [class^=portal_sliderlink]:hover { opacity: 1 } .portal_metro [class^=portal_sliderlink] .mw-headline,.portal_metro [class^=portal_sliderlink] .portal_slidertext,.portal_metro .portal_header_text,.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { font-size: 20px !important; line-height: 1; margin: 0; color: #fff }