„MediaWiki:Common.css” változatai közötti eltérés
Jump to navigation
Th0r (vitalap | szerkesztései) Nincs szerkesztési összefoglaló |
Nincs szerkesztési összefoglaló |
||
1. sor: | 1. sor: | ||
/* Közös CSS az összes felszínnek */ | /* Közös CSS az összes felszínnek */ | ||
---------------------------------------------------------------------------------------------- | |||
#mf-menu { | |||
display: none; | |||
} | |||
.infinitum { | |||
background-color: #F9F9F9; | |||
border: 1px solid #AAAAAA; | |||
font-size: 95%; | |||
padding: 5px; | |||
} | |||
.infinirow { | |||
border-bottom: 1px solid #AA9977 !important; | |||
border-left: medium none currentColor !important; | |||
border-right: 1px solid #AA9977 !important; | |||
border-top: medium none currentColor !important; | |||
padding: 2px 3px; | |||
} | |||
.tilt { | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.tilt:hover { | |||
-webkit-transform: rotate(-10deg); | |||
-moz-transform: rotate(-10deg); | |||
-o-transform: rotate(-10deg); | |||
-ms-transform: rotate(-10deg); | |||
transform: rotate(-10deg); | |||
} | |||
.tiltright { | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.tiltright:hover { | |||
-webkit-transform: rotate(10deg); | |||
-moz-transform: rotate(10deg); | |||
-o-transform: rotate(10deg); | |||
-ms-transform: rotate(10deg); | |||
transform: rotate(10deg); | |||
} | |||
.move { | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.move:hover { | |||
-webkit-transform: translate(0px,-10px); | |||
-moz-transform: translate(0px,-10px); | |||
-o-transform: translate(0px,-10px); | |||
-ms-transform: translate(0px,-10px); | |||
transform: translate(0px,-10px); | |||
} | |||
.grow img { | |||
height: 500px; | |||
width: 750px; | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.grow img:hover { | |||
width: 1000px; | |||
height: 1800px; | |||
} |
A lap 2014. január 23., 18:57-kori változata
/* Közös CSS az összes felszínnek */ ---------------------------------------------------------------------------------------------- #mf-menu { display: none; } .infinitum { background-color: #F9F9F9; border: 1px solid #AAAAAA; font-size: 95%; padding: 5px; } .infinirow { border-bottom: 1px solid #AA9977 !important; border-left: medium none currentColor !important; border-right: 1px solid #AA9977 !important; border-top: medium none currentColor !important; padding: 2px 3px; } .tilt { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .tilt:hover { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } .tiltright { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .tiltright:hover { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } .move { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .move:hover { -webkit-transform: translate(0px,-10px); -moz-transform: translate(0px,-10px); -o-transform: translate(0px,-10px); -ms-transform: translate(0px,-10px); transform: translate(0px,-10px); } .grow img { height: 500px; width: 750px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grow img:hover { width: 1000px; height: 1800px; }