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.
/* Font - do not move @import from the top of the page */
@import url('https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic');
.WikiaPage h2, h3, h4, h5, h6 {
font-family: 'Lora';
}
.WikiaArticle {
font-family: 'Lora';
}
.page-header__title {
font-family: 'Lora';
}
.wds-community-header__sitename {
font-family: 'Lora';
}
/* BG */
body.mediawiki {
background: url(https://static.wikia.nocookie.net/witch-watch/images/2/26/Background.png/revision/latest) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body.mediawiki {
background-attachment: fixed !important;
}
/* Plainlinks */
.plainlinks a.external::after { display: none; }
/* Infobox */
.portable-infobox {
border: 1px solid #98dce9;
padding: 2px;
width: 270px;
}
.portable-infobox .pi-title,
.portable-infobox .pi-header {
background: #f0b3b1;
font-size: 140%;
text-align:center;
padding: 1.5 ex;
line-height: 10px;
color: #3a3a3a;
margin-bottom: 3px;
}
.portable-infobox .pi-title {
line-height: 20px;
}
.portable-infobox .pi-image {
width: 270px;
padding: 2px 0px;
}
.portable-infobox .pi-data-label {
background: #ffdcdc;
color: #3a3a3a;
font-weight:normal;
text-shadow: 0px 0px 15px #f0b3b1;
padding: 5px;
margin-bottom: 3px;
text-align: left;
vertical-align: middle;
flex-basis: 135px;
}
.portable-infobox .pi-data {
padding: 0px;
}
.portable-infobox .pi-group,
.portable-infobox .pi-group .pi-data:last-child {
border: none;
font-size: 75%;
}
.portable-infobox .pi-navigation {
text-align: center;
font-weight: bold;
background: #f0b3b1;
padding: 1px;
font-size: 11px;
font-family: 'Lora';
}
.portable-infobox .pi-navigation a {
color: #3a3a3a;
text-align: center;
}
.pi-europa.portable-infobox {
width: 270px;
}
.pi-europa.pi-background {
background: #ffffff50;
}
.pi-europa .pi-header, .pi-europa .pi-image-collection-tabs {
line-height: 10px;
}
.pi-europa .pi-image-collection-tabs {
background-color: transparent;
text-align: center;
font-family: 'Lora';
border-bottom: 1px solid #98dce9;
}
.pi-europa .pi-image-collection-tabs .current {
background-color: transparent;
font-size: 12px;
font-family: 'Lora';
color: #3a3a3a;
}
.pi-europa .pi-tab-link {
color: #ac7ebf;
font-weight: bold;
font-size: 12px;
font-family: 'Lora';
}
.pi-europa .pi-data-value {
padding: 5px;
}
.pi-europa .pi-horizontal-group .pi-data-value {
padding: 5px;
text-align: center;
}
.pi-europa .pi-horizontal-group .pi-data-label {
padding: 5px;
text-align: center;
background-color: #ffdcdc!important;
}
.pi-europa .pi-horizontal-group-item:nth-child(even) {
background-color: transparent;
}
.pi-europa .pi-horizontal-group {
margin-bottom: 3px;
}
.pi-image-thumbnail {
height: auto;
max-width: 270px;
max-height: 500px;
}
/* Glow */
.WikiaSiteWrapper .WikiaPageContentWrapper {
border: 1px solid #98dce9;
border-top: 0;
box-shadow: 0px 0px 100px #fff;
-moz-box-shadow: 0px 0px 100px #fff;
-webkit-box-shadow: 0px 0px 100px #fff;
}
/* Staff name labels */
a[href="/wiki/User:OrderedThrone5"] { color: #51bdd8 !important;}
a[href="/wiki/User:OmSakalkar"] { color: #51bdd8 !important;}
a[href="/wiki/User:Damage3245"] { color: #51bdd8 !important;}
a[href="/wiki/User:Arzene"] { color: #51bdd8 !important;}
/* Discord Widget styling */
.discord-widget .widget-header {
background-color: #2896be;
}
.discord-widget .widget-footer {
background-color: #2896be;
color: #fff;
}
.discord-widget .widget-theme-light .widget-body, .discord-widget .widget-theme-light .widget-footer {
background-color: #2896be;
color: #fff;
}
.discord-widget .widget-theme-light .widget-footer-info {
color: #fff;
}
.discord-widget .widget-member-avatar img {
border: 2px solid #f0b3b1;
background-color: #f0b3b1;
}
.discord-widget .widget-member .widget-member-name {
background-color: #f0b3b1;
color: #3a3a3a;
}
.discord-widget .widget-theme-light .widget-btn-connect {
color: #3a3a3a;
background-color: #f0b3b1;
border: 0;
}
.discord-widget .widget-theme-light .widget-body {
background: #ffffff url("https://static.wikia.nocookie.net/witch-watch/images/6/68/Discord_Widget.png/revision/latest") top / cover;
box-shadow: none;
}
.discord-widget .widget-theme-light .widget-role-name {
color: #3a3a3a;
background: #ffdcdc;
padding: 5px;
border-radius: 5px;
}
/* User profile icon */
#userProfileApp .user-identity-avatar__image {
border: 7px solid #2896be;
padding:0;
}