MediaWiki:Timeless.css: Forskelle mellem versioner
Fra Grønnehaven Lystrup
Steffen (diskussion | bidrag) Ingen redigeringsopsummering |
Steffen (diskussion | bidrag) Ingen redigeringsopsummering |
||
Linje 25: | Linje 25: | ||
#personal { | #personal { | ||
display: none; | display: none; | ||
} | |||
/* CSS Sliding Image Gallery for Mediawiki | |||
* | |||
* @author: Unknown | |||
* current version crafted together by [[User:Christharp]] from several CSS sites. | |||
*/ | |||
#slidingphotocontainer { | |||
width: 1000px; | |||
overflow: hidden; | |||
margin: 10px auto; | |||
background: white; | |||
} | |||
.photobanner { | |||
height: 233px; | |||
width: 3550px; | |||
margin-bottom: 10px; | |||
} | |||
.photobanner img {; | |||
height: 233px; | |||
width: 350px; | |||
-webkit-transition: all 0.5s ease; | |||
-moz-transition: all 0.5s ease; | |||
-o-transition: all 0.5s ease; | |||
-ms-transition: all 0.5s ease; | |||
transition: all 0.5s ease; | |||
} | |||
.photobanner img:hover { | |||
-webkit-transform: scale(1.4); | |||
-moz-transform: scale(1.4); | |||
-o-transform: scale(1.4); | |||
-ms-transform: scale(1.4); | |||
transform: scale(1.4); | |||
cursor: pointer; | |||
-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); | |||
-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); | |||
box-shadow: 0px 3px 5px rgba(0,0,0,0.2); | |||
} | |||
/*keyframe animations*/ | |||
.first { | |||
-webkit-animation: bannermove 30s linear infinite; | |||
-moz-animation: bannermove 30s linear infinite; | |||
-ms-animation: bannermove 30s linear infinite; | |||
-o-animation: bannermove 30s linear infinite; | |||
animation: bannermove 30s linear infinite; | |||
} | |||
@keyframes "bannermove" { | |||
0% { | |||
margin-left: 0px; | |||
} | |||
100% { | |||
margin-left: -2125px; | |||
} | |||
} | |||
@-moz-keyframes bannermove { | |||
0% { | |||
margin-left: 0px; | |||
} | |||
100% { | |||
margin-left: -2125px; | |||
} | |||
} | |||
@-webkit-keyframes "bannermove" { | |||
0% { | |||
margin-left: 0px; | |||
} | |||
100% { | |||
margin-left: -2125px; | |||
} | |||
} | |||
@-ms-keyframes "bannermove" { | |||
0% { | |||
margin-left: 0px; | |||
} | |||
100% { | |||
margin-left: -2125px; | |||
} | |||
} | |||
@-o-keyframes "bannermove" { | |||
0% { | |||
margin-left: 0px; | |||
} | |||
100% { | |||
margin-left: -2125px; | |||
} | |||
} | } |
Versionen fra 5. sep. 2019, 17:53
/* CSS placed here will affect users of the Timeless skin */ #p-logo { display: none; } #ca-nstab-main { display:none!important; } #ca-more { display:none!important; } #mw-related-navigation { display: none; } #ca-talk { display:none!important; } #ca-history { display:none!important; } #ca-viewsource { display:none!important; } #ca-view { display:none!important; } #mw-related-navigation { display: none; } #ca-actions { display:none!important; } #site-tools.sidebar-chunk { display:none!important; } #mw-footer { display: none; } #personal { display: none; } /* CSS Sliding Image Gallery for Mediawiki * * @author: Unknown * current version crafted together by [[User:Christharp]] from several CSS sites. */ #slidingphotocontainer { width: 1000px; overflow: hidden; margin: 10px auto; background: white; } .photobanner { height: 233px; width: 3550px; margin-bottom: 10px; } .photobanner img {; height: 233px; width: 350px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .photobanner img:hover { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); cursor: pointer; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px rgba(0,0,0,0.2); } /*keyframe animations*/ .first { -webkit-animation: bannermove 30s linear infinite; -moz-animation: bannermove 30s linear infinite; -ms-animation: bannermove 30s linear infinite; -o-animation: bannermove 30s linear infinite; animation: bannermove 30s linear infinite; } @keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } } @-moz-keyframes bannermove { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } } @-webkit-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } } @-ms-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } } @-o-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } }