MediaWiki:Common.css: Difference between revisions

Revision as of 01:06, 6 May 2020

/* CSS placed here will be applied to all skins */
body.page-User_Jamintheinfinite{        
    background: #414345 url() 0 0 no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:1920px 1080px;
    }
a.new:visited, #ca-talk > span > a { 	color: #d6b295 !important; }
a.new:link, #ca-talk > span > a { 	color: #926b6b !important; }
a.external, #ca-talk > span > a {color: #f2d7c1 !important; }
a:link, #ca-talk > span > a { color: #f2d7c1 !important; }

tabbernav {
    font-family: inherit !important;
    font-weight: normal !important;
    font-size: 16px !important;
    overflow: hidden !important;
    padding: 0.3em 0 !important;
}

.tabbernav a {
    padding: 0.3em 0.5em !important;
    margin: 0 !important;
    color: white !important;
    border: none !important;
    background: #282829 !important;
}

.tabbernav li {
    display: inline-block !important;
    margin-top: 11px !important;
}

.tabberactive a {
    color: white !important;
    background: #59595c !important;
}

.tabbernav :not(.tabberactive) a:hover {
    background: #282829 !important;
}

.tabbertab {
    border: none !important;
    padding: 0 !important;
}

.tabbernav {
    text-align:center;
}

/* CSS Sliding Image Gallery for Mediawiki
 * 
 * @author: Unknown
 * current version crafted together by [[User:Christharp]] from several CSS sites.
 */

.wrapper {
  position: absolute!important;
  top: 1%!important;
  width: 4000px!important;
-webkit-animation: 60s credits linear infinite!important;
-moz-animation: 60s credits linear infinite!important;
-ms-animation:60s credits linear infinite!important;
-o-animation: 60s credits linear infinite!important;
animation: 60s credits linear infinite!important;
}

.wrapper img:hover {
    -webkit-transform: scale(1.4)!important;
    -moz-transform: scale(1.4)!important;
    -o-transform: scale(1.4)!important;
    -ms-transform: scale(1.4)!important;
    transform: scale(1.4)!important;
    cursor: pointer!important;
}
@keyframes credits {
  0% {
    margin-left: 0!important;
 }
 100% {
    margin-left: -4000px!important;
 }
 
}

@-webkit-keyframes credits {
  0% {
   margin-left: 0!important;
  }
100% {
    margin-left: -4000px!important;
  }

}
@-moz-keyframes credits {
  0% {
    margin-left: 0!important;
 }
 100% {
    margin-left: -4000px!important;
 }
 
}
@-o-keyframes credits {
  0% {
    margin-left: 0!important;
 }
 100% {
    margin-left: -4000px!important;
 }
 
}
.wrapper:hover{
    -webkit-animation-play-state: paused!important;
    -moz-animation-play-state: paused!important;
    -o-animation-play-state: paused!important;
    -ms-animation-play-state: paused!important;
    cursor: pointer!important;
-webkit-animation-direction: normal!important;
    -moz-animation-direction: normal!important;
    -o-animation-direction: normal!important;
    -ms-animation-direction: normal!important;
    animation-direction:normal!important;
}