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.
/**Custom Slider copied from iz-one.fandom 2020-03-03**/
#SliderView {
background: transparent;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
text-align: center;
}
#SliderWrapper {
position: relative;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
-webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1);
-o-transition-timing-function: cubic-bezier(.67,.01,.23,1);
transition-timing-function: cubic-bezier(.67,.01,.23,1);
}
#SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
margin: 0px;
padding: 0px;
}
#NavBtns li {
margin: 0px;
}
.Sld {
height: auto;
list-style: none;
display: inline;
float: left;
}
.SlideIMG {
width: 100%;
}
.SlideIMG img {
display: block;
max-width: 100%;
height: auto;
min-width: 100%;
min-height: 100%;
position: relative;
}
#NavBtns {
position: absolute;
display: block;
}
.NavBtn {
position: relative;
display: block;
top: 0px;
width: auto;
height: auto;
list-style: none;
margin: 0px;
background: transparent;
}
.nmLeft {
height: 100%;
left: 0px;
background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent);
}
.nmLeft li {
list-style: none;
padding: 10px 100px 10px 10px;
}
.nmLeft li:hover {
cursor: pointer;
background: linear-gradient(to right, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent);
}
.nmRight {
height: 100%;
right: 0px;
background: linear-gradient(to left, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent);
text-align: left;
}
.nmRight li {
list-style: none;
padding: 10px 10px 10px 100px;
}
.nmRight li:hover {
cursor: pointer;
background: linear-gradient(to left, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent);
}
.nmTop {
width: 100%;
top: 0px;
background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent);
text-align: left;
}
.nmTop li {
display: inline-block;
list-style: none;
padding: 10px 10px 20px 10px;
}
.nmTop li:hover {
cursor: pointer;
background: linear-gradient(to bottom, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent);
}
.nmBottom {
width: 100%;
bottom: 0px;
background: linear-gradient(to top, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent);
text-align: left;
}
.nmBottom li {
display: inline-block;
list-style: none;
padding: 20px 10px 10px 10px;
}
.nmBottom li:hover {
cursor: pointer;
background: linear-gradient(to top, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent);
}
.nbActiveLeft {
background: linear-gradient(to right, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent);
}
.nbActiveRight {
background: linear-gradient(to left, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent);
}
.nbActiveTop {
background: linear-gradient(to bottom, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent);
}
.nbActiveBottom {
background: linear-gradient(to top, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent);
}
.avatar {
border-radius: 50%;
border-width: 1px;
border:3px solid #0074c2 !important;
position: relative;
}
.wds-community-header__wordmark img {
opacity: 1;
filter: alpha(opacity=100);
transition: all 1.5s ease;
}
.wds-community-header__wordmark img:hover {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.WikiaArticle {
overflow: visible;
}
ul.tabbernav {
font-weight:bold !important;
padding:5px 0px !important;
border: none !important; }
ul.tabbernav li a {
padding:5px 5px !important;
margin-left:0px !important;
border:0 !important;
background: transparent !important;}
ul.tabbernav li a:link {
color: #000000 !important;
border-bottom: 2px solid #827AC9 !important;
margin-right: 2px !important;}
ul.tabbernav li a:visited {
color: #000000 !important;
border-bottom: 2px solid #827AC9 !important;
margin-right: 2px !important;}
ul.tabbernav li a:hover {
color:#0074c2 !important;
border-bottom: 2px solid #000000 !important;
background-color: transparent !important;
margin-right: 2px !important;
transition-duration: 1s !important;
transition-timing-function: ease-out !important;}
ul.tabbernav li.tabberactive a {
color:#000000 !important;
font-weight:bold !important;
border-bottom: 2px solid #000000 !important;
background-color: transparent !important;
margin-right: 2px !important;}
ul.tabbernav li.tabberactive a:hover {
border-bottom: 2px solid #000000 !important;
border-bottom: 2px solid #000000 !important;
margin-right: 2px !important;}
.tabberlive .tabbertab {
border:0px solid transparent !important;
border-top:0 !important;}
ul.pi-image-collection-tabs li.current {
background: #000000;
color: white;
}
/***********************************************************************/
/** Hovers **/
.increase img {
opacity: 1;
filter: alpha(opacity=100);
transition: all 0.6s ease;
}
.increase img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
transform:scaleX(1.05) scaleY(1.05);
}
.hoverimage img {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
opacity: 1;
filter: alpha(opacity=100);
}
.hoverimage img:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
.grayscalehover {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.grayscalehover:hover {
-webkit-filter: invert(100%);
}
.hoverspin img {
opacity: 1;
filter: alpha(opacity=100);
transition: all 0.6s ease;
}
.hoverspin img:hover {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/* Discord Header Color */
.mediawiki .discord-widget .widget-header {
background-color: #000 !important;
}
.mediawiki .discord-widget .widget-member .widget-member-name {
background-color: #000;
color: #fff;
}
.mediawiki .discord-widget .widget-member-avatar img {
border: 2px solid #000;
/* There's sometimes a little space between the avatar and the border, so this property fills the gap */
background-color: #000;
}
.mediawiki .discord-widget .widget-body.body-loading::before {
background-color: #000;
}
.mediawiki .discord-widget .widget-body.body-loading::after {
background-color: #000;
}
/*INFOBOXES*/
.portable-infobox{
float: right !important;
margin: 0 0 .5em 1em !important;
width: 200px !important;
background: #fff !important;
border-collapse: collapse !important;
border: 1px solid #aaa !important;
font-size: smaller !important;
line-height: 1.5 !important;
}
.pi-europa .pi-title{
font-size:larger !important;
background-color:#696969 !important;
color: white !important;
}
h3.pi-data-label{
font-size: smaller !important;
flex-basis: 90px !important;
padding-right: 12px !important;
}
.pi-europa .pi-item-spacing {
padding: 10px 5px !important;
}
.pi-europa .pi-header{
background-color:#696969 !important;
color: white !important;
}
.pi-image-thumbnail{
width: 100%;
aspect-ratio: auto 200 / 300;
height: 100%;
}
[data-source="logo"]{
text-align: center;
width: 75%;
margin-left: 25px;
padding: 5px 0px;
}
[data-source="member"]{
width: 100%;
text-align: center;
}
[data-source="formermember"]{
width: 100%;
text-align: center;
}
.pi-europa .pi-data-value {
width: 100%;
}
/*BACK TO TOP BUTTON*/
#BackToTopBtn{
background: white !important;
color: black !important;
}