MediaWiki:Common.css: verschil tussen versies

Uit Tribalwars Wiki NL
Naar navigatie springen
kGeen bewerkingssamenvatting
kGeen bewerkingssamenvatting
(21 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
.imagelink_98654 a {
#mf-menu {  
  width:100px;
display: none;  
  height:82px;
}
  display:block;
 
  float:left;
.infinitum {
  margin: 0px 6px 6px 0px;
background-color: #F9F9F9;
  text-decoration:none;
border: 1px solid #AAAAAA;
  background-image: url("http://imageshack.us/a/img526/3222/98654.png")
font-size: 95%;
padding: 5px;
}
}


.imagelink_75632 a {
.infinirow {
  width:99px;
border-bottom: 1px solid #AA9977 !important;
  height:98px;
border-left: medium none currentColor !important;
  display:block;
border-right: 1px solid #AA9977 !important;
  float:left;
border-top: medium none currentColor !important;
  margin: 0px 6px 6px 0px;
padding: 2px 3px;
  text-decoration:none;
  background-image: url("http://imageshack.us/a/img585/416/75632.png")
}
}


.imagelink_57423 a {
.tilt {
  width:111px;
-webkit-transition: all 1s ease;
  height:89px;
-moz-transition: all 1s ease;
  display:block;
-o-transition: all 1s ease;
  float:left;
-ms-transition: all 1s ease;
  margin: 0px 6px 6px 0px;
transition: all 1s ease;
  text-decoration:none;
}
  background-image: url("http://imageshack.us/a/img211/1434/57423z.png")  
.tilt:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
}


.imagelink_48623 a {
.tiltright {
  width:117px;
-webkit-transition: all 1s ease;
  height:79px;
-moz-transition: all 1s ease;
  display:block;
-o-transition: all 1s ease;
  float:left;
-ms-transition: all 1s ease;
  margin: 0px 6px 6px 0px;
transition: all 1s ease;
  text-decoration:none;
  background-image: url("http://imageshack.us/a/img707/9693/48623.png")
}
}
 
.imagelink_42685 a {
.tiltright:hover {
  width:109px;
-webkit-transform: rotate(10deg);
  height:82px;
-moz-transform: rotate(10deg);
  display:block;
-o-transform: rotate(10deg);
  float:left;
-ms-transform: rotate(10deg);
  margin: 0px 6px 6px 0px;
transform: rotate(10deg);
  text-decoration:none;
  background-image: url("http://imageshack.us/a/img811/2431/42685.png")  
}
}


.imagelink_36589 a {
.move {
  width:141px;
-webkit-transition: all 1s ease;
  height:106px;
-moz-transition: all 1s ease;
  display:block;
-o-transition: all 1s ease;
  float:left;
-ms-transition: all 1s ease;
  margin: 0px 6px 6px 0px;
transition: all 1s ease;
  text-decoration:none;
  background-image: url("http://imageshack.us/a/img43/3882/36589.png")
}
}
 
.imagelink_24856 a {
.move:hover {
  width:100px;
-webkit-transform: translate(0px,-10px);  
  height:100px;
-moz-transform: translate(0px,-10px);  
  display:block;
-o-transform: translate(0px,-10px);  
  float:left;
-ms-transform: translate(0px,-10px);  
  margin: 0px 6px 6px 0px;
transform: translate(0px,-10px);
  text-decoration:none;
  background-image: url("http://imageshack.us/a/img94/2278/24856.png")  
}
}


.imagelink_12345 a {
  width:113px;
  height:97px;
  display:block;
  float:left;
  margin: 0px 6px 6px 0px;
  text-decoration:none;
  background-image: url("http://imageshack.us/a/img16/1598/12345jd.png")
}


.imagelink_14865 a {
.grow img {
   width:70px;
   height: 285px;
   height:75px;
   width: 214px;
   display:block;
  float:left;
   -webkit-transition: all 1s ease;
  margin: 0px 6px 6px 0px;
    -moz-transition: all 1s ease;
  text-decoration:none;
      -o-transition: all 1s ease;
  background-image: url("http://imageshack.us/a/img707/5290/14865.png")
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
}
 
.imagelink_23659 a {
.grow img:hover {
   width:97px;
   width: 304px;
   height:85px;
   height: 405px;
  display:block;
  float:left;
  margin: 0px 6px 6px 0px;
  text-decoration:none;
  background-image: url("http://imageshack.us/a/img836/1184/23659.png")
}
}

Versie van 2 jan 2014 20:11

#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: 285px;
  width: 214px;
 
  -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: 304px;
  height: 405px;
}