Wikia.css

/* Infobox Template Style */
.portable-infobox {
    border:1px solid darkgrey;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-family: "Arial";
    font-size: smaller;
}
 
.portable-infobox.pi-background {
    background-color: #ffecb9;
}
 
.portable-infobox .pi-font {
    font-family: "Arial";
}
 
.portable-infobox .pi-secondary-background {
    margin: 2px;
    padding: 2px;
}
 
.portable-infobox .pi-secondary-font {
    font-family: "Arial";
}
 
.pi-data:not(:last-of-type) {
    border-bottom-style: none;
}
 
.portable-infobox >:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
 
.portable-infobox >:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
 
.portable-infobox .pi-title,
.portable-infobox .pi-header,
.portable-infobox .pi-navigation {
    background-color: #DAA520;
}
 
.portable-infobox .pi-title {
    font-size: 16px;
    padding: 0.2em;
    text-align: center;
    margin: 2px;
    color: white;
    font-weight: bold;
}
 
.portable-infobox .pi-image {
    margin: 2px;
}
 
.portable-infobox .pi-image-thumbnail {
    height: auto;
    width: 100%;
}
 
.portable-infobox .pi-header {
    padding: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    color: white;
}
 
.portable-infobox .pi-item.pi-data {
    line-height: 26px;
    padding: 3px;
}
 
.portable-infobox .pi-navigation {
    padding: 2px;
    font-size: 11px;
    text-align: center;
    margin: 2px;
    color: white;
}
 
.portable-infobox .pi-navigation a {
    color: white;
}
 
.portable-infobox .pi-data-label {
    margin: 0;
    padding: 0;
}
 
.portable-infobox .pi-data-value {}

/* User Profile Styling */
/* Credit to Famous In Love Wiki */
.UserProfileMasthead .masthead-info .tag {
	background:transparent !important;
}
.UserProfileMasthead .masthead-info .details {
	color: #806f6f;
	font-size: 96% !important;
	font-weight: bold;
	text-transform: uppercase;
}
.UserProfileMasthead .masthead-info .details:before {
	content: "✶";
	display: block;
	font-size: 20px !important;
	font-family:'Times New Roman',serif;
	margin-bottom:-15px;
	margin-left:-30px;
	color:#DAA520;
	text-shadow:0 0 20px #DAA520;
}
.UserProfileMasthead .masthead-info .details:after {
	content: "✶";
	display: block;
	font-size: 40px !important;
	font-family:'Times New Roman',serif;
	margin-top:15px;
	margin-bottom:6px;
	margin-left:200px;
	color:#DAA520;
	text-shadow:0 0 20px #DAA520;
}
.masthead-info .details:before,
.masthead-info .details:after {
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 3s ease;
}
.masthead-info:hover .details:before{
	transform: rotate(-720deg);
	font-size:1px!important;
	margin-left:300px!important;
}
.masthead-info:hover .details:after {
	transform: rotate(720deg);
	font-size:1px!important;
	margin-left:300px!important;
}
.UserProfileMasthead .masthead-info hgroup {
	background-image: url("http://orig01.deviantart.net/0875/f/2016/320/b/1/beauty_and_the_beast_2017__banner_by_emmaswiftfan-daooogs.jpg");
}
.UserProfileMasthead h1,
.UserProfileMasthead h2 {
	color: white !important;
	text-shadow: 0 0 7px black !important;
}
.UserProfileMasthead .masthead-info .group {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: url("http://orig01.deviantart.net/0875/f/2016/320/b/1/beauty_and_the_beast_2017__banner_by_emmaswiftfan-daooogs.jpg");
	border-radius: 3px;
	display: inline-block;
	margin-left: 10px;
	padding: 2px 5px;
	position: relative;
	top: -4px;
}
.masthead-avatar img {
  -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;
}
.masthead-avatar:hover img {
  border-radius: 100%;
  box-shadow:0 0 20px black;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.masthead-avatar .sprite.edit-pencil { display: none }
#userAvatarEdit { margin-left: 30px }
.tabs-container {
	box-shadow: inset 0 -9px 10px rgba(0, 0, 0, .2);
	padding-left: 20px;
}
.WikiaUserPagesHeader .tabs li {
	background: rgba(255, 255, 255, .3);
}
.WikiaUserPagesHeader .tabs li:hover {
	background: rgba(255, 255, 255, .6);
}
.WikiaUserPagesHeader .tabs li {
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: transform;
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	position: relative;
	transform: translateZ(0);
	transition-duration: 0.3s;
	transition-property: transform;
	vertical-align: middle;
}
.WikiaUserPagesHeader .tabs li:before {
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 80%);
	content: '';
	height: 10px;
	left: 5%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transition-duration: 0.3s;
	transition-property: transform, opacity;
	width: 90%;
	z-index: -1;
}
.WikiaUserPagesHeader .tabs li:hover,
.WikiaUserPagesHeader .tabs li:focus,
.WikiaUserPagesHeader .tabs li:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.WikiaUserPagesHeader .tabs li:hover:before,
.WikiaUserPagesHeader .tabs li:focus:before,
.WikiaUserPagesHeader .tabs li:active:before {
	-webkit-transform: translateY(5px);
	opacity: 1;
	transform: translateY(5px);
}
 
.WikiaUserPagesHeader .tabs .selected a {
	border:none;
}