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.
/* 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("https://vignette1.wikia.nocookie.net/famous-in-love-books/images/a/a3/BANNER.jpeg");
}
.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("https://vignette1.wikia.nocookie.net/famous-in-love-books/images/a/a3/BANNER.jpeg");
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;
}