MediaWiki:Fandomdesktop.css

/* --- Dev Wiki imports --- */ @import url('//dev.fandom.com/load.php?mode=articles&articles=MediaWiki:Global_Lua_Modules/NavboxBuilder.css&only=styles');

/* --- Master stylesheet import --- */ @import url('//important.fandom.com/load.php?mode=articles&articles=MediaWiki:Common.css&only=styles');


 * root {

/* theme colors */ --crash-color: #F67B1E; /* Crash sub-title font */ --theme-font: "GeekSpeak Regular"; }

/* --- Global variables --- */ .theme-fandomdesktop-light { --theme-accent-label-color: #eee; --border-color: #F67B1E; --pi-background: #96cef3; --module-bg: var(--pi-background); --secondary-label-color: #7bc3ec; }

.theme-fandomdesktop-dark { --theme-accent-label-color: #eee; --border-color: #F67B1E; --pi-background: #032b5f; --module-bg: var(--pi-background); --secondary-label-color: #006199; }

/* --- Typeface imports --- */ @font-face { font-family: 'Crash-a-Like'; src: url('https://vignette.wikia.nocookie.net/crashban/images/9/95/Crash-a-Like.woff') format('woff'); font-weight: normal; }

@font-face { font-family: "GeekSpeak Regular"; src: url("//db.onlinewebfonts.com/t/eca2f6d7a08be97ebbfb8a1c2c2be5e6.eot"); src: url("//db.onlinewebfonts.com/t/eca2f6d7a08be97ebbfb8a1c2c2be5e6.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/eca2f6d7a08be97ebbfb8a1c2c2be5e6.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/eca2f6d7a08be97ebbfb8a1c2c2be5e6.woff") format("woff"), url("//db.onlinewebfonts.com/t/eca2f6d7a08be97ebbfb8a1c2c2be5e6.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/eca2f6d7a08be97ebbfb8a1c2c2be5e6.svg#CCGeekSpeakW00-Regular") format("svg"); }

/* --- Portal templates --- */

.portal { overflow: hidden; margin-bottom: 17px; }

.portal + p:not(.show) { display: none; }

.portal__header { background-image: radial-gradient(circle, #0566b7, #00448e); color: var(--theme-accent-label-color); line-height: 40px; text-align: center; font-size: 145%; letter-spacing: 1px; text-transform: uppercase; font-family: var(--theme-font); text-shadow: -1px -1px 0 rgba(0, 0, 0, 1.0), 1px -1px 0 rgba(0, 0, 0, 1.0), 1px 1px 0 rgba(0, 0, 0, 1.0), -1px 1px 0 rgba(0, 0, 0, 1.0), -0.1em 0.14em 0 rgba(0, 0, 0, 1.0); }

.portal__content { padding: 10px 30px; font-size: 12px; }

.portal__content h3 { font-weight: bold !important; }

.portal__content .floatright { margin: 15px 0 10px 20px !important; }

.portal__content__affiliates { /*overflow-y: scroll; overflow-x: hidden; height: 200px;*/ margin-top: 10px; }

.portal__content__affiliates > p { display: flex; flex-wrap: wrap; justify-content: center; }

.portal__content__affiliates p .text { width: 38%; padding: 1rem; }

.portal__content__affiliates img { width: 100%; height: auto; }

/* Portal/aux */

.portal__content span { display: block; text-align: center; }

.portal__content .preloader { background-repeat: no-repeat; background-position: 1px 1px; }

.portal__content__aux { display: inline-block; position: relative; width: 175px; height: 175px; text-align: center; }

.portal__content__aux p a { display: block; font-weight: bold; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; line-height: 25px; transition: color .15s ease-in; }

.portal__content__aux p a:hover { color: var(--crash-color) !important; cursor: pointer; text-decoration: none; }

.portal__content__aux__icon { width: 140px; height: 140px; background-position: center; background-repeat: no-repeat; transition: all .15s ease-in; margin: auto; position: relative; background-size: 100%; }

.portal__content__aux__icon:before { content: ''; display: block; position: absolute; top: 70px; left: 70px; width: 0; height: 0; border-radius: 100%; border: 3px solid var(--crash-color) !important; padding: 4px; box-sizing: border-box; opacity: 0; transition: all .15s ease-in; }

.portal__content__aux a:hover .portal__content__aux__icon:before { width: 100%; height: 100%; top: 0; left: 0; opacity: 1; }

.portal__content__aux__icon--Games { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/3/34/Games_portal.png/revision/latest?cb=20200628183223'); } .portal__content__aux a:hover .portal__content__aux__icon--Games, .portal__content .preloader--1 { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/1/1d/Games_portal_hover.png/revision/latest?cb=20200628183321'); } .portal__content__aux__icon--Characters { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/4/41/Characters_portal.png/revision/latest?cb=20180704191916'); } .portal__content__aux a:hover .portal__content__aux__icon--Characters, .portal__content .preloader--2 { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/d/dd/Characters_portal_hover.png/revision/latest?cb=20180704191915'); } .portal__content__aux__icon--Levels { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/4/4a/Locations_portal.png/revision/latest?cb=20180704191923'); } .portal__content__aux a:hover .portal__content__aux__icon--Levels, .portal__content .preloader--3 { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/d/d8/Locations_portal_hover.png/revision/latest?cb=20180704202154'); } .portal__content__aux__icon--Enemies { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/1/1a/Enemies_portal.png/revision/latest?cb=20180704191918'); } .portal__content__aux a:hover .portal__content__aux__icon--Enemies, .portal__content .preloader--4 { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/5/59/Enemies_portal_hover.png/revision/latest?cb=20180704191918'); } .portal__content__aux__icon--Creatures { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/7/7e/Creatures_portal.png/revision/latest?cb=20180704191917'); } .portal__content__aux a:hover .portal__content__aux__icon--Creatures, .portal__content .preloader--5 { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/2/23/Creatures_portal_hover.png/revision/latest?cb=20180704202152'); } .portal__content__aux__icon--Vehicles { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/a/a5/Vehicles_portal.png/revision/latest?cb=20180704191924'); } .portal__content__aux a:hover .portal__content__aux__icon--Vehicles, .portal__content .preloader--6 { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/0/0d/Vehicles_portal_hover.png/revision/latest?cb=20180704191924'); } .portal__content__aux__icon--Items { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/c/c6/Items_portal.png/revision/latest?cb=20180704191921'); } .portal__content__aux a:hover .portal__content__aux__icon--Items, .portal__content .preloader--7 { background-image: url('https://vignette.wikia.nocookie.net/crashban/images/b/b2/Items_portal_hover.png/revision/latest?cb=20180704191920'); }

.theme-fandomdesktop-light .portal__content__aux__icon--Games:not(:hover), .theme-fandomdesktop-light .portal__content__aux__icon--Characters:not(:hover), .theme-fandomdesktop-light .portal__content__aux__icon--Levels:not(:hover), .theme-fandomdesktop-light .portal__content__aux__icon--Enemies:not(:hover), .theme-fandomdesktop-light .portal__content__aux__icon--Creatures:not(:hover), .theme-fandomdesktop-light .portal__content__aux__icon--Vehicles:not(:hover), .theme-fandomdesktop-light .portal__content__aux__icon--Items:not(:hover) { filter: brightness(0.5) sepia(0.5) saturate(10000%) hue-rotate(195deg); }

/* Username highlights */ /* Bureaucrats */ a[href$="/BaronZylo"], a[href$="/Kiriria"], a[href$=":BaronZylo"], a[href$=":Kiriria"] { color: blue !important;/* background: -webkit-linear-gradient(210deg, #00004C, #00A300, #FFCC00, #990000, #3D007A); background: -moz-linear-gradient(210deg, #00004C, #00A300, #FFCC00, #990000, #3D007A); background: -o-linear-gradient(210deg, #00004C, #00A300, #FFCC00, #990000, #3D007A); background: linear-gradient(210deg, #00004C, #00A300, #FFCC00, #990000, #3D007A); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; -moz-background-clip: text !important; -moz-text-fill-color: transparent; -o-background-clip: text !important; -o-text-fill-color: transparent; -background-clip: text !important; -text-fill-color: transparent;*/ } /* Administrators */ a[href$="/C.Syde65"], /* must be listed separately as to not mess with the actual page named Cortex Castle */ a[href$="Special:Contributions/Cortex_Castle"], a[href$="Special:Block/Cortex_Castle"], a[href$="Special:Unblock/Cortex_Castle"], a[href$="Special:ListFiles/Cortex_Castle"], a[href$="Special:Log/Cortex_Castle"], a[href$="Special:DeletedContributions/Cortex_Castle"], a[href$="Special:UserRights/Cortex_Castle"], a[href$="/PuddingCh42"], a[href$="/Superstarxalien"], a[href$="/Thaswordster"], a[href$=":C.Syde65"], a[href$=":Cortex_Castle"], a[href$=":PuddingCh42"], a[href$=":Superstarxalien"], a[href$=":Thaswordster"] { color: green !important;/* background: -webkit-linear-gradient(30deg, #EF2B35, #299600, #083389); background: -moz-linear-gradient(30deg, #EF2B35, #299600, #083389); background: -o-linear-gradient(30deg, #EF2B35, #299600, #083389); background: linear-gradient(30deg, #EF2B35, #299600, #083389); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; -moz-background-clip: text !important; -moz-text-fill-color: transparent; -o-background-clip: text !important; -o-text-fill-color: transparent; -background-clip: text !important; -text-fill-color: transparent; */ }

.not-patrolled { background-color: inherit; }

/*Fix text decoration underline*/ /* See: Special:Preferences (yes it's stupid and ugly, I know) .mw-parser-output > p a { text-decoration: none !important; }

.mw-parser-output > p a:active, .mw-parser-output > p a:focus, .mw-parser-output > p a:hover { text-decoration: underline !important; }