Line 1,970: |
Line 1,970: |
| pointer-events: none; | | pointer-events: none; |
| font-size: 18px; | | font-size: 18px; |
| + | } |
| + | |
| + | /** |
| + | * Stacked images with transitions on mouseover. Used on ship pages. |
| + | */ |
| + | .double-image { |
| + | position: relative; |
| + | } |
| + | |
| + | .double-image > div { |
| + | position: absolute; |
| + | left: 0; |
| + | top: 0; |
| + | -webkit-transition: opacity 0.5s ease-in-out; |
| + | -moz-transition: opacity 0.5s ease-in-out; |
| + | -o-transition: opacity 0.5s ease-in-out; |
| + | transition: opacity 0.5s ease-in-out; |
| + | } |
| + | |
| + | .double-image > .top-image:hover { |
| + | opacity: 0; |
| } | | } |