MediaWiki:Common.css: verschil tussen versies

Uit Wiki Grepolis NL
Naar navigatie springen
Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
Regel 53: Regel 53:




tilt {
tiltleft {
-webkit-transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-moz-transition: all 1s ease;
Regel 61: Regel 61:
}
}
   
   
.tilt:hover {
.tiltleft:hover {
-webkit-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
Regel 85: Regel 85:
}
}


.move {
.middel {
-webkit-transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-moz-transition: all 1s ease;
Regel 93: Regel 93:
}
}
   
   
.move:hover {
.middel:hover {
-webkit-transform: translate(0px,-10px);  
-webkit-transform: translate(0px,-10px);  
-moz-transform: translate(0px,-10px);  
-moz-transform: translate(0px,-10px);  

Versie van 22 nov 2015 17:45

/* CSS die hier wordt geplaatst heeft invloed op alle skins */
div.mvisto {
opacity:0.8;
filter:alpha(opacity=80);
}

div.mvisto:hover {
opacity:1;
filter:alpha(opacity=100);
}
div.NavFrame {
    margin: 0;
    padding: 1px;
    border: 0px solid #322618;
    text-align: top;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 0px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.9em;
    font-weight: bold;
    background-color: #C0A875;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 12px;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 93%;
}


tiltleft {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
 
.tiltleft: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);
}

.middel {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
 
.middel: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); 
}