MediaWiki:Wikia.css

/* Code for Shop Titans Wiki */ body.skin-oasis, body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before { background-size: cover; }

.flex { display: flex; width: 100%; }

.three-column > div { flex: 1 auto; width: 32% !important; }

.portable-infobox { position: relative; }

.portable-infobox [data-source='tier-badge'] { background: #892E26; position: absolute; width: max-content; left: 5px; top: 5px; border: 3px solid #BB6937; box-shadow: 1px 1px 2px rgba(0,0,0,0.5); color: #fff; border-radius: 50%; text-shadow: 2px 2px #22171E; padding: 7px 11px; }

.portable-infobox [data-source='tier-badge'] div { font-size: 16px; font-weight: bold; }

.st_design { background: linear-gradient(0deg,#502f40 0,#612f48); border-radius: 10px; border: 3px solid #a74c7d; box-shadow: 0 5px 0 0 #44233b, 0 0 0 3px #1f161f, 0 5px 0 3px #1f161f; }

.st_box { margin: 1ch; }

.st_box h3 { padding: 1rem 2.5rem; color: #fc0; background: #271a23; margin: 0; font-size: 18px; }

.st_box h3 a { color: #fc0; }

.st_box--content { padding: 10px 25px 0 25px; font-size: 16px; }

.st_box--date { color: #b8729b; display: block; }

.st_box--text { color: #fff3d6; }

.st_button a { padding: 10px 25px; color: #fff; text-shadow: 0 2px 0 #000; font-weight: 400; }

.st_button a:hover { text-decoration: none; }

.st_event_box { overflow: hidden; text-align: center; }

.st_event_box--image { background-image: url('https://vignette.wikia.nocookie.net/shop-titans/images/6/6c/Event_image.png'); background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 100%; }

.st_event_box--date { background: #271a23; color: #fff; }

.st_event_box--title { margin: 0; padding: 10px; font-size: 16px; color: #fff3d6; font-weight: bold; position: relative; background: transparent !important; }

.st_event_box--title::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 2px; background: -webkit-gradient(linear,left top, right top,color-stop(0, transparent),color-stop(25%, #714059),color-stop(75%, #714059),to(transparent)); background: linear-gradient(90deg,transparent 0,#714059 25%,#714059 75%,transparent); }

.st_event_box--text { padding: 10px; color: #b8729b; }

.st--category-menu { border-radius: 10px; overflow: hidden; border: 2px solid #28131F; border-bottom-width: 10px; }

.st--category-menu .st--categories { display: flex; background: #28131F; border-bottom: 1px solid #5B364D; }

.st--category-menu .st--categories .st--item { color: rgba(255, 255, 255, 0.68); text-shadow: var(--textStroke); }

.st--category-menu .st--categories .st--item.active, .st--category-menu .st--categories .st--i:hover { color: #fff; background: linear-gradient(0deg, #ffb703, #f7cf3e); box-shadow: inset 0 -4px 0 0 #ffd800, 0 0 5px 0 #f8cc37; }

.st--category-menu .st--sub-categories { border-top: 1px solid #7C4463; border-bottom: 1px solid #AA7193; padding: 5px 8px 0; display: flex; background: #632D4C; }

.st--category-menu .st--sub-categories .st--item { color: #AF6E94; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.st--category-menu .st--sub-categories .st--item.active, .st--category-menu .st--sub-categories .st--item:hover { border-color: #AA7193; border-bottom-color: #2A1721; background: #2A1721; color: #fff; margin-bottom: -1px; }

.st--category-menu .st--item { border: 1px solid transparent; flex: 1 auto; text-align: center; padding: 1ch; font-size: 20px; display: flex; align-items: center; justify-content: center; }

.st--category-menu .st--item img { opacity: 0.8; }

.st--category-menu .st--item span { display: none; }

.st--category-menu .st--item.active img, .st--category-menu .st--item:hover img { opacity: 1; }

.st--category-menu .st--item.active span, .st--category-menu .st--item:hover span { display: block; padding-left: 1ch; }

.st--item a { color: #fff; text-decoratioN: none; }

/* End of code for shop titans wiki */

/*Infobox Image Tabs - Center Alignment & Stretch*/ .portable-infobox ul.pi-image-collection-tabs { text-align: center; display: flex; } .portable-infobox ul.pi-image-collection-tabs li { flex: 1 1 auto; }

/* Sign-Style Usertags (from Minecraft Wiki)*/ .UserProfileMasthead .masthead-info .tag { background: url("https://vignette.wikia.nocookie.net/minecraft/images/7/7d/SignTexture.png"); background-size:cover; color: #000000 !important; font-family:'Arial'; font-weight: 800; border: 2px #6b4226 outset; box-shadow:0 2px 5px #000000; }