User:DorkLore/common.css

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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/** 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);
}