Difference between revisions of "MediaWiki:Common.css"

From Eurobattle.net WiKi
Jump to navigation Jump to search
 
(41 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
div.shadow {
 
width: 65px;
 
margin: 65px;
 
border: 1px solid #ffcc00;
 
padding: 10px;
 
}
 
  
div.shadow:hover {
+
/* Zoom on hover snippet */
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
+
 
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
+
.zoom_img img{
box-shadow: 0 0 5px rgba(0,0,0,0.5);
+
-moz-transition:-moz-transform 0.1s ease-in;
}
+
-webkit-transition:-webkit-transform 0.1s ease-in;
 +
-o-transition:-o-transform 0.1s ease-in;
 +
transition:transform 0.1 ease-in;
 +
}
 +
 
 +
.zoom_img img:hover{
 +
-moz-transform:scale(1.6);  
 +
-webkit-transform:scale(1.6);
 +
-o-transform:scale(1.6);
 +
transform:scale(1.6);
 +
}
 +
 
 +
/* End of Zoom on hover snippet */
 +
 
 +
/* Background image for dota guide */
 +
 
 +
.dota-background {
 +
              background-image: url("/images/thumb/7/7c/Dotaloading.jpg/800px-Dotaloading.jpg");
 +
              background-size:cover
 +
}
 +
 
 +
/* End of Background image for dota guide */
 +
 
 +
 
 +
/* Table class for dota guide */
 +
 
 +
.dota-table {
 +
border-collapse: separate;
 +
}
 +
 
 +
.dota-table th {
 +
  border: 4px solid white;
 +
}
 +
 
 +
.dota-table td {
 +
  border: 4px solid white;
 +
}
 +
 
 +
 
 +
.dota-table tr {
 +
  border: 4px solid red;
 +
 
 +
}
 +
 
 +
 
 +
/* End of Table class for dota guide */

Latest revision as of 15:17, 8 April 2018

/* CSS placed here will be applied to all skins */


/* Zoom on hover snippet */

.zoom_img img{
-moz-transition:-moz-transform 0.1s ease-in; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in;
transition:transform 0.1 ease-in;
}

.zoom_img img:hover{
-moz-transform:scale(1.6); 
-webkit-transform:scale(1.6);
-o-transform:scale(1.6);
transform:scale(1.6);
}

/* End of Zoom on hover snippet */

/* Background image for dota guide */

.dota-background {
               background-image: url("/images/thumb/7/7c/Dotaloading.jpg/800px-Dotaloading.jpg");
               background-size:cover
}

/* End of Background image for dota guide */


/* Table class for dota guide */

.dota-table {
 border-collapse: separate;
}

.dota-table th {
  border: 4px solid white; 
}

.dota-table td {
  border: 4px solid white; 
}


.dota-table tr {
  border: 4px solid red; 

}


/* End of Table class for dota guide */