m (Added commonly used styles to classes) |
m (Map selection page classes) |
||
| Line 303: | Line 303: | ||
.float-left { float: left; } | .float-left { float: left; } | ||
.float-right { float: right; } | .float-right { float: right; } | ||
.margin-right-10 { margin-right: 10px; } | |||
.margin-right-3 { margin-right: 3px; } | |||
.margin-left-10 { margin-left: 10px; } | |||
.margin-left-3 { margin-left: 3px; } | |||
.margin-top-20 { margin-top: 20px; } | |||
.margin-top-10 { margin-top: 10px; } | |||
.margin-bottom-20 { margin-bottom: 20px; } | |||
.margin-bottom-10 { margin-bottom: 10px; } | |||
/* Map selection */ | |||
.mapSelection { | |||
height: 150px; | |||
width: 150px; | |||
box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.5); | |||
} | |||
.mapHover { | |||
display: inline-block; | |||
vertical-align: middle; | |||
-webkit-transform: perspective(1px) translateZ(0); | |||
transform: perspective(1px) translateZ(0); | |||
box-shadow: 0 0 1px transparent; | |||
-webkit-transition-duration: 0.3s; | |||
transition-duration: 0.3s; | |||
-webkit-transition-property: transform; | |||
transition-property: transform; | |||
-webkit-transition-timing-function: ease-out; | |||
transition-timing-function: ease-out; | |||
} | |||