User:DorkLore/common.css: Difference between revisions

Latest revision as of 18:46, 25 April 2023

/** CUSTOM FONT **/
@font-face {
    font-family: "Krabby Patty";
    src: local("Krabby_patty"), url(https://static.wikia.nocookie.net/xraydeltaone/images/2/20/Krabby_patty.ttf);
}

/** HEADER CHANGE **/
.mw-parser-output h2 {
	font-family: 'Londrina Solid';
	color: #41617D;
	border-bottom: 2px solid #41617D;
}

/** INFOBOX CHANGE **/
.portable-infobox .pi-title:first-of-type,
.portable-infobox .pi-navigation {
	font-family: 'Londrina Solid';
    font-weight: bold;
    font-size: medium;
    color: #000;
}

/** PAGE TITLES **/
.page-header__title {
	font-family: 'Krabby Patty';
    font-size: 40px;
   	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	font-style: oblique;
	color: #41617D;
}

/** LINK FOR SERIES **/
#mw-content-text a[href$="/wiki/SpongeBob_SquarePants_(series)"] {
    font-variant: small-caps;
    font-size: 13px;
    font-family: 'Krabby Patty';
}

/** USER PROFILE **/
/* Mostly square profile picture */
#userProfileApp .user-identity-avatar img
{
	border-radius: 20%;
}

#userProfileApp .user-identity-avatar img {
  border: 5px solid #f7e948;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
#userProfileApp .user-identity-avatar:hover img {
  border: 5px solid #f7e948;
  border-radius: 100%;
  box-shadow:0 0 20px #ff808b;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}