MediaWiki:Common.css: verschil tussen versies

Uit Wiki Grepolis NL
Naar navigatie springen
Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
Regel 129: Regel 129:
   
   
.grow img:hover {
.grow img:hover {
   width: 200px;
   width: 232px;
   height: 132px;
   height: 150px;
}
}

Versie van 1 dec 2016 06:47

/* 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); 
}

.downunder {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
 
.downunder: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: 87px;
  width: 123px;
 
  -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: 232px;
  height: 150px;
}