MediaWiki:Wikia.css

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