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;
}
}