Test-css Wiki

Welcome to Test-css Wiki
Important Pages:
Wiki RulesStaffTesting RulesFree DesignsDisscusions
Staff: Kaii (Lead Admin/Bureaucrat), Lara (Admin), Esortsyt (Rollback), Peter (Apprentice)
Bots: BotKitty

READ MORE

Test-css Wiki
Advertisement

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/****PLEASE DO NOT 'STEAL' ANY OF OUR CODE, THANK YOU****/

/*UserAnimations*/
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:UserAnimations.css&only=styles";

/*Spoiler Blurs*/
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles";

/*Usernamecolors.css*/
@import url("/MediaWiki:Usernamecolors.css?ctype=text/css&action=raw");.css

/*Custom Fonts*/
@import url("/MediaWiki:Customfonts.css?ctype=text/css&action=raw");.css

/*Balanced Slider*/
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedSlider.css&only=styles";

/*Font imports*/
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Akaya+Kanadaka&family=Allerta+Stencil&family=Allura&family=Amita&family=Annie+Use+Your+Telescope&family=Architects+Daughter&family=Audiowide&family=Bad+Script&family=Bellota&family=Black+Ops+One&family=Bungee+Inline&family=Cabin+Sketch&family=Caveat&family=Caveat+Brush&family=Charmonman&family=Chewy&family=Cinzel&family=Coda&family=Coda+Caption:wght@800&family=Comfortaa&family=Coming+Soon&family=Concert+One&family=Cookie&family=Courgette&family=Courier+Prime&family=Covered+By+Your+Grace&family=Damion&family=Dancing+Script&family=DotGothic16&family=Forte&family=Freckle+Face&family=Fredericka+the+Great&family=Gloria+Hallelujah&family=Gochi+Hand&family=Great+Vibes&family=Hachi+Maru+Pop&family=Handlee&family=Homemade+Apple&family=Indie+Flower&family=Josefin+Slab&family=Just+Another+Hand&family=Karantina&family=Kaushan+Script&family=Knewave&family=Langar&family=Lato&family=Lobster&family=Lobster+Two&family=Luckiest+Guy&family=Marck+Script&family=Merriweather&family=Mitr&family=Monoton&family=Montserrat&family=Nanum+Gothic+Coding&family=Nanum+Pen+Script&family=New+Rocker&family=Nothing+You+Could+Do&family=Orbitron&family=Original+Surfer&family=Overpass+Mono&family=Pacifico&family=Patrick+Hand&family=Permanent+Marker&family=Play&family=Playfair+Display&family=Potta+One&family=Press+Start+2P&family=Quantico&family=Quicksand&family=Reenie+Beanie&family=Reggae+One&family=Righteous&family=Roboto&family=Roboto+Mono&family=Rock+Salt&family=Rubik&family=Sacramento&family=Satisfy&family=Scheherazade&family=Schoolbell&family=Seaweed+Script&family=Shadows+Into+Light&family=Sigmar+One&family=Source+Code+Pro&family=Space+Mono&family=Special+Elite&family=Stick&family=Tangerine&family=Train+One&family=Unica+One&family=UnifrakturCook:wght@700&family=Unlock&family=VT323&family=Walter+Turncoat&family=Cherry+Swash&family=Yellowtail&family=Zen+Dots&display=swap');
@import url(//db.onlinewebfonts.com/c/bd9805cba4fdbd10e6f9d097dab9225f?family=Chalkduster);
@import url(//db.onlinewebfonts.com/c/05289e866fe7e1e99d27a7a31f8d3b66?family=Trattatello);
@import url(//fonts.cdnfonts.com/css/tr-tempus-sans-itc);

/* Aref Ruqaa Ink, 700 */
@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa+Ink:wght@700&display=swap');

/*@import url('https://fonts.cdnfonts.com/css/tr-tempus-sans-itc');*/

/* Glitch Text Import */
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:GlitchText.css&only=styles";

/*CherryCreamSoda Font*/
@font-face {
  font-family: 'Cherry Cream Soda';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cherrycreamsoda/v13/UMBIrOxBrW6w2FFyi9paG0fdVdRciQd9A98.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/**For profile customization**/
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:RestoreOldMastheadDesign.css&only=styles";

/*Paragraph Font*/
p {
	font-family: arial;
}

/*Source Editor Font*/
.CodeMirror-code,
.noime {
	font-family: arial;
}

/* make code tags more prominent (and match pre tags) */
code,
.code { 
    background-color: rgba(183,183,183,0.23);
    border: 1px solid rgba(156, 156, 156, 0.4);
    color: inherit;
    padding: 1px 4px;
    font-family: monospace;
} /* coding credit to Developer Fandom (dev.fandom.com) */

/*Spoiler Blur for all KiwiReg's messages*/
/*.comment-spoiler .entity-content {
    filter: blur(10px);
}
.comment-spoiler .entity-content:hover {
    filter: none;
}*/ /**Comment Spoilers**/

.message-spoiler .entity-content {
    filter: none;
}

.message-spoiler .entity-content:hover {
    /*opacity: 0.5;*/
    filter: grayscale(1);
    background: linear-gradient(135deg, transparent, lightblue, aquamarine, darkturquoise, rgba(54, 255, 198, 0.8), teal, gainsboro, transparent);
    padding: 5px;
    color: black;
    border-radius: 5px;
    border: 1px ridge teal;
} /**Message Spoilers**/

/*.entity-content {
	filter: blur(10px);
}
.entity-content:hover {
	filter: none;
}*/ /**All messages and comments spoilers**/

/*Nav Glow*/
/*.fandom-community-header {
    filter: drop-shadow(0px 0px 6px #000) drop-shadow(0px 0px 6px #000)  drop-shadow(0px 0px 6px #fff);
    z-index: 100;
}*/


/**Remove the background gradient layering**/
.fandom-community-header__background::before {
    background: none;
}


/**Wiki Header Text Hover Color**/
.fandom-community-header a:hover {
    color: #9a4b00 !important;
}/*Coded by KiwiReg*/


/**TOC limit**/
.toclimit-1 .toc .toclevel-2 {
    display: none;
}

.toclimit-2 .toc .toclevel-3 {
    display: none;
}

.toclimit-3 .toc .toclevel-4 {
    display: none;
}

.toclimit-4 .toc .toclevel-5 {
    display: none;
}

.toclimit-5 .toc .toclevel-6 {
    display: none;
}


/**Custom Scrollbar**/
/*Created by Anonminati, modified by Cleverduck09*/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 1px goldenrod;
    background-color: gold;
    background-size: cover;
	border-radius: 20px;
}
::-webkit-scrollbar {
	background-color: pink;
	width: 7px;
}
::-webkit-scrollbar-thumb {
	background-color: orangered;
	background: orange;
    border-radius: 20px;
    background-size: cover;
}
/*a:link {
  color: black;
  background-color: #ff7e14;
  text-decoration: none;
  text-shadow: none;
}*/

/*Code Credit to Cleverduck09*/
.resizable-container a:hover { /*What the link looks like when you're hovering on it*/
  color: orangered;
  text-decoration: underline;
  text-shadow: 1px 1px orange;
}
.resizable-container a:active { /*What the link looks like when you click it*/
  color: orangered;
  background-color: /*#ff7e14*/transparent;
  border-radius: 20px;
  text-decoration: underline;
  text-shadow: 1px 1px orange;
}

@keyframes RainbowUserName{
	from {
    -webkit-filter:hue-rotate(15deg);
            filter:hue-rotate(15deg);
    }
  to {
    -webkit-filter:hue-rotate(360deg);
            filter:hue-rotate(360deg);
    }
}/* Rainbow Animation */

@keyframes rainbowanimate{
	0%  {color:red;}
	28%  {color:orange;}
	42%  {color:yellow;}
	56%  {color:green;}
	70%  {color:blue;}
	84%  {color:indigo;}
	100% {color:violet;}
}

@keyframes jello {
	0% {
		transform: scale3d(1, 1, 1);
	}

	30% {
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		transform: scale3d(1.05, 0.95, 1);
	}

	100% {
		transform: scale3d(1, 1, 1);
	}
} /* Jello animation, made by an animation generator */
/* Thank you sooo soo much Hanachi (spacehey.com/rikahana)
for the link and tutorial, your user layout is also cool
as well. Have a good day, nice one :D                  */
@keyframes wobble {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateX(-30px) rotate(-6deg);
	}

	30% {
		transform: translateX(15px) rotate(6deg);
	}

	45% {
		transform: translateX(-15px) rotate(-3.6deg);
	}

	60% {
		transform: translateX(9px) rotate(2.4deg);
	}

	75% {
		transform: translateX(-6px) rotate(-1.2deg);
	}
}/*wobble animation by kaii*/


@keyframes aglowa{
	0%  {color:#FF3131;}
	28%  {color:#FF6700;}
	42%  {color:#E7EE4F;}
	56%  {color:#39FF14;}
	70%  {color:#0FF0FC;}
	84%  {color:#BC13FE;}
	100% {color:#FF44CC;}
}/*for aglowa only*/

/** Wiki Links **/
.WikiaArticle a:hover,
.wikia-rail-inner a:hover {
    text-shadow: 0 0 2px rgba(255,96,0,.7), 
                 0 0 2px rgba(255,96,0,.7);
    color: 	#521111;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: text-shadow .4s linear 0s;
    -moz-transition: text-shadow .4s linear 0s;
    -ms-transition: text-shadow .4s linear 0s;
    -o-transition: text-shadow .4s linear 0s;
    transition: text-shadow .4s linear 0s;
}/*Coding credits goes to Magic of Drawing Wiki*/


/*Oasis version*/
.wds-community-header__wordmark img:hover {
     -webkit-transform: rotate(360deg) scale(1.090) skew(180deg) translate(0px);
     -moz-transform: rotate(360deg) scale(1.090) skew(180deg) translate(0px);
     -ms-transform: rotate(360deg) scale(1.090) skew(180deg) translate(0px);
     -o-transform: rotate(360deg) scale(1.090) skew(180deg) translate(0px);
     transform: rotate(360deg) scale(1.090) skew(180deg) translate(0px);
}/*Coding credit goes to Rox's Atelier Wiki, this is the code when you hover on the wiki icon.*/

/*Fandom Desktop version*/
.fandom-community-header__image img:hover {
     -webkit-transform: rotate(360deg) scale(1.090) skew(180deg) translate(0px);
     -moz-transform: rotate(360deg) scale(1.090) skew(180deg) translate(0px);
     -ms-transform: rotate(360deg) scale(1.090) skew(180deg) translate(0px);
     -o-transform: rotate(360deg) scale(1.090) skew(180deg) translate(0px);
     transform: rotate(360deg) scale(1.090) skew(180deg) translate(0px);
}/*Coding credit goes to Rox's Atelier Wiki, this is the code when you hover on the wiki icon. Editing by KiwiReg, made it work on FD as well*/


.fandom-community-header__image img:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}


/**Fandom Navbar Hover Scale**/
a.global-navigation__logo:hover {
transform: scale(1.25);
}


/**Customizing Tabber**/
.tabbertab {
    border-top: 2px solid orange !important;
    border-bottom: 2px solid orange !important;
    border-left: 2px solid orange !important;
    border-right: 2px solid orange !important;
}

/*Add spaces to tabview tabs*/
.tabberlive > ul.tabbernav > li {
    margin-right: 2px;
}
    /*Not applying on the last tabview tabs*/
    .tabberlive > ul.tabbernav > li:last-child {
        margin-right: 0;
    }

.tabbernav {
    background: transparent;
    border-bottom: 0 !important;
    padding: 3px 0 !important;
}

ul.tabbernav li a {
    -moz-border-radius-topleft: 20px !important;
    -moz-border-radius-topright: 20px !important;
    background: lightyellow !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border: 2px solid black !important;
    color: black !important;
    font-size: 16px !important;
    font-weight: normal !important;
    margin-left: 0 !important;
    padding: 3px 0.5em !important;
    position: relative;
}

ul.tabbernav li.tabberactive a {
    background-color: gold !important;
    border: 2px solid black !important;
    color: black !important;
    cursor: default;
    font-size: 16px !important;
    font-weight: bold !important;
}

ul.tabbernav li.tabberactive {
    line-height: 0 !important;
}

    ul.tabbernav li.tabberactive:first-child a {
        margin-left: 0 !important;
    }

.tabbertab .ajax-poll {
    border: none !important;
}

.tabberlive .tabbertab h2,
.tabberlive .tabbertab h3 {
    display: block !important;
}
/**End of Customizing Tabber**/


/** Module & Community Page Background Image **/
.WikiaRail .module,
.WikiaRail .DiscordIntegratorModule,
.WikiaRail .activity-module,
.WikiaRail .premium-recirculation-rail,
.community-page-help-module,
.community-page-card-module,
.ChatEntryPoint,.ChatModule,
.WikiaRail .WikiaArticle {
    background:url(https://static.wikia.nocookie.net/testcss/images/6/60/WikiModuleImage%283%29.jpeg/revision/latest?cb=20211002210638&format=original) no-repeat left bottom;
    background-size: 300px, 100px;
    border: 2px solid #750003;
    border-radius: 10px;
    vertical-align: text-bottom;
    padding: 10px;
}/* Credit to Miraculous Ladybug Wiki for this code. Modified by @KiwiReg. */


/**KiwiReg's Profile and Messages Customization**/
.page-Message_Wall_KiwiReg .EntityHeader_name__2oRXg::after {
    content: " visited Regina's profile" !important;
    font-size: 50%;
}/*Credit to Phoenixx in TPCW*/

body.page-Message_Wall_KiwiReg,
body.page-User_KiwiReg, 
body.page-Blog_KiwiReg,
body.page-Contributions_KiwiReg,
body.page-Activity_KiwiReg{
    background-image: url(https://static.wikia.nocookie.net/testcss/images/7/7f/Kotlc-book1-zoom-background.jpg/revision/latest?cb=20210526220037);
    background-position: top center !important;
    background-size:cover;
    background-attachment: fixed;
}/*Credit to Phoenixx in TPCW*/

/*.page-Message_Wall_KiwiReg #userProfileApp .user-identity-box,
.page-User_KiwiReg #userProfileApp .user-identity-box {
    position: relative;
    padding: 30px;
    background: linear-gradient(to right, rgba(000, 000, 000, 0.3), rgba(000, 000, 000, 0.1)), url(https://static.wikia.nocookie.net/testcss/images/e/ea/Calm-background-Image.jpg/revision/latest?cb=20210526204106);
    background-size: 100% auto;
    background-position: center;
    border-radius: 30px;
}*/

/*Kylie's message wall username customization*/
.page-Message_Wall_KylieSnapdragon4695420067 .EntityHeader_name__2oRXg::after {
    content: " loves wolves" !important;
    font-size: 50%;
}

/*Romkha's Bio Background*/
.page-Message_Wall_Romkha #userProfileApp .user-identity-box,
.page-User_Romkha #userProfileApp .user-identity-box {
	position: relative;
	padding: 30px;
	background: linear-gradient(to right, rgba(000, 000, 000, 0.3), rgba(000, 000, 000, 0.1)), url(https://static.wikia.nocookie.net/testcss/images/d/d4/Unicorn-Forest-Sparkles-Birds-Magical-Fantasy-5903716.jpg/revision/latest?cb=20210617114556);
	background-size: 100% auto;
	background-position: center;
	border-radius: 30px;
}
/*Romkha's Message Wall Background*/
.UserProfileMasthead .masthead-avatar .avatar {border-radius: 5em;}

body.page-Message_Wall_Romkha, body.page-User_Romkha {
	background-image: url(https://static.wikia.nocookie.net/testcss/images/8/8c/WWB2.jpg/revision/latest?cb=20210622155831);
	background-position: top center !important;
	background-repeat: no-repeat;
}

body.page-Message_Wall_River_That_Crashes_Onshore,
body.page-User_River_That_Crashes_Onshore, 
body.page-Blog_River_That_Crashes_Onshore,
body.page-Contributions_River_That_Crashes_Onshore,
body.page-Activity_River_That_Crashes_Onshore{
    background-image: url(https://static.wikia.nocookie.net/geronimostilton/images/4/46/River_bg.jpg/revision/latest?cb=20210717015224);
    background-position: top center !important;
    background-size:cover;
    background-attachment: fixed;
}

/****Username styles are now in MediaWiki:Usernamecolors.css!****/


/**@Keyframes**/
@keyframes RainbowUserName {
	from {
    -webkit-filter:hue-rotate(15deg);
            filter:hue-rotate(15deg);
    }
  to {
    -webkit-filter:hue-rotate(360deg);
            filter:hue-rotate(360deg);
    }
}/*Credit to Coding Help Wiki for the code*/

@keyframes RainbowAnimate {
	0%  {color:red;}
	28%  {color:orange;}
	42%  {color:yellow;}
	56%  {color:green;}
	70%  {color:blue;}
	84%  {color:indigo;}
	100% {color:violet;}
}/*RainbowUserName and RainbowAnimate CSS code credit goes to Majestic in Coding Help Wikia*/

@keyframes HUETEST {
	from {
    -webkit-filter:hue-rotate(0deg);
            filter:hue-rotate(0deg);
    }
  to {
    -webkit-filter:hue-rotate(240deg);
            filter:hue-rotate(240deg);
    }
}/*Credit to The Power Characters Wiki for this animation and code*/

@keyframes RegAnimate {
	0% {color: magenta}
    25% {color: yellow}
    50% {color: aqua}
    100% {color: hotpink}
}

@keyframes PurpleAnimation {
	0% {background:linear-gradient(to right, purple, plum, purple); -webkit-background-clip:text !important;}
	25% {background:linear-gradient(to right, plum, purple, plum); -webkit-background-clip:text !important;}
	50% {background:linear-gradient(to right, purple, plum, purple); -webkit-background-clip:text !important;}
	75% {background:linear-gradient(to right, plum, purple, plum); -webkit-background-clip:text !important;}
	100% {background:linear-gradient(to right, purple, plum, purple); -webkit-background-clip:text !important;}
}

@keyframes Spin {
	from {
		transform: rotate(0deg);
	}
	
	to {
		transform: rotate(360deg);
	}
}
}/*Code Credit to Cleverduck09*/

@keyframes greenRed {
  0% {
    color: mediumspringgreen;
    background-color: maroon;
  }
  50% {
    color: red;
    background-color: palegreen;
  }
  100% {
    color: mediumspringgreen;
    background-color: maroon;
  }
}

@keyframes Espeontext {
	0% {
		color:Blue;
	}
	50% {
		color:Purple;
	}
	100% {
		color:hotpink;
	}
}

@keyframes KylieAnimation {
	0% {color:magenta;}
	28% {color:orchid;}
	42% {color:magenta;}
	56% {color:orchid;}
	70% {color:magenta;}
	99% {color:orchid;}
	100% {color:magenta;}
}
/**End of Keyframes**/


/*Table Customization*/
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}/*Add table border and removes double border*/


/**Classes**/
.RainbowBokeh {
background:
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,
linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
background-color: #840b2a;
}/*Coding credit goes to: http://projects.verou.me/css3patterns/#*/
/*

Profile tags TOC
Made by Lara, implemented by Kaii
-
Fandom-related
Bureaucrats
Administrators
Content Moderators
Thread Moderators
*/

/* Fandom-related, or O5 Council */
.user-identity-header__tag.usergroup-wiki-manager,
.user-identity-header__tag.usergroup-staff,
.user-identity-header__tag.usergroup-soap,
.user-identity-header__tag.usergroup-wiki-representative {
	background-color: #9c0e0e !important;
	color: white !important;
	font-family:'Arial' !important;
}

/* Bureaucrats, or Level 4s */
.user-identity-header__tag.usergroup-bureaucrat {
	background-color: #ba660d !important;
	color: white !important;
	font-family:'Arial' !important;
}

/* Administrators, or Level 3s */
.user-identity-header__tag.usergroup-sysop, 
.user-identity-header__tag.tag-lead_administrator{
	background-color: #ffff2b !important;
	color: black !important;
	font-family:'Arial' !important;
}

/*Content Moderators, or Level 2s */
.user-identity-header__tag.usergroup-content-moderator {
	background-color: #59d9ac !important;
	color: white !important;
	font-family:'Arial' !important;
}

/*Thread Moderators, or Level 1s */
.user-identity-header__tag.usergroup-Rollback, 
.user-identity-header__tag.usergroup-Thread-moderator {
	background-color: #3ec953 !important;
	color: white !important;
	font-family:'Arial' !important;
}

/* Custom Tags for MLB fans */
.user-identity-header__tag.tag-obsessed_with_miraculous_ladybug {
	background-color: black !important;
	color: lime !important;
	border: 1px solid lime !important;
	font-family:'Lobster' !important;
} /* Colors & font inspired by MLB show and MLB Wiki */

/*
P.S. this one and the following ProfileTag styling, I actually didn’t look at their code, I figured it out myself.
~Regina/KittyNoirReg */

/* Custom Tags for Founder (KiwiReg & KittyNoirReg) */
.user-identity-header__tag.tag-founder {
	background-color: darkviolet !important;
	color: snow !important;
	font-family: 'Source Code Pro', Arial, sans-serif !important;
} /* Coded by KittyNoirReg */

/* Tag styling for Apprenticeship */
.user-identity-header__tag.tag-apprentice {
    background-color: pink !important;
    color: rebeccapurple !important;
} /* Coded by KittyNoirReg */

/* Tag styling for Bots */
.user-identity-header__tag.usergroup-bot, 
.user-identity-header__tag.tag-bot {
	background-color: teal !important;
	color: mintcream !important;
} /* Coded by KittyNoirReg */

/* Status tags styling */
.user-identity-header__tag.tag-Active {
	background-color: springgreen;
} /* active */

.user-identity-header__tag.tag-semi-active {
	background-color: goldenrod;
} /* semi-active */

.user-identity-header__tag.tag-inactive {
	background-color: gainsboro;
	color: lightgray;
} /* inactive */

.user-identity-header__tag.tag-temporarily-inactive {
	background-color: lightgray;
} /* temporarily-inactive */

.user-identity-header__tag.tag-blocked {
	background-color: red;
} /* blocked */

/**** The above tag stylizations are coded by @KittyNoirReg ****/

/* End of custom tags, credit to the Miraculous Ladybug Wiki */

/* My profile logo next to my name, you can make your own logo and implement it below mine if you want to. ~lara */
/* Custom username badges */
[class^='EntityHeader_name__']::after,
[class^='mw-userlink']::after,
.edit-info-user::after,
.lastEdited > a:after {
	display: inline-block;
	margin-left: 6px;
	width: 16px;
	height: 16px;
	background-size: cover;
	vertical-align: sub;
}

/* Adjust base styles for Recent Wiki Activity rail module */
.edit-info-user::after {
	margin-left: 0;
	width: 12px;
	height: 12px;
	transform: translate(0px, -1px);
}
/**Credits to the Miraculous Ladybug wiki**/

:is([class^='EntityHeader_name__'][href='/wiki/User:IansVectors'], [class^='mw-userlink'], .edit-info-user, .lastEdited > a)[href='/wiki/User:IansVectors']::after {
	content: '';
	background-image: url(https://static.wikia.nocookie.net/testcss/images/a/a2/2_Icons-10.png/revision/latest/scale-to-width-down/600?cb=20230501154712);
}
:is([class^='EntityHeader_name__'][href='/wiki/User:Leopardfang'], [class^='mw-userlink'], .edit-info-user, .lastEdited > a)[href='/wiki/User:Leopardfang']::after {
	content: '';
	background-image: url(https://static.wikia.nocookie.net/testcss/images/c/cf/Asexual.png/revision/latest/scale-to-width-down/365?cb=20230205181506);
}
.page-Message_Wall_Leopardfang #userProfileApp .user-identity-box,
.page-User_Leopardfang #userProfileApp .user-identity-box {
	position: relative;
	padding: 30px;
	background: linear-gradient(to right, rgba(000, 000, 000, 0.3), rgba(000, 000, 000, 0.1)), url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQe8eud32vSMklEkx5ytzruE63Q9w2SBn2AKKSeugP1m_fWHAE9U5a0NoCq1gjQ7bY0ak8&usqp=CAU);
	background-size: 100% auto;
	background-position: center;
	border-radius: 30px;
}

/*end*/

/**End of Classes**/

/* Carrd-inspired codes I got/altered ^^ ~Lara */

#hi {
/* copy this */
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
-webkit-filter: drop-shadow(0px 0px 3px #424242);
} /* Thank you so much pochi.crd.co */

.larasborder {
	box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
-webkit-filter: drop-shadow(0px 0px 3px #424242);
}

@keyframes misery {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
} /* Generated */

#userProfileApp ul.user-identity-stats> li strong {
	float: none !important;
}


/* Coded by KittyNoirReg - Fix profile picture, make it round again. */
body.skin-fandomdesktop #userProfileApp .user-identity-avatar__image {
    border-radius: 50% !important;
Advertisement