Difference between revisions of "Template:BIMATOX Project"
| Line 160: | Line 160: | ||
* {box-sizing: content-box} | * {box-sizing: content-box} | ||
| − | |||
| − | |||
/* Slideshow container */ | /* Slideshow container */ | ||
.slideshow-container { | .slideshow-container { | ||
| − | max-width: | + | max-width: 1000px; |
position: relative; | position: relative; | ||
margin: auto; | margin: auto; | ||
| + | } | ||
| + | |||
| + | .mySlides { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | /* Next & previous buttons */ | ||
| + | .prev, .next { | ||
| + | cursor: pointer; | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | width: auto; | ||
| + | margin-top: -22px; | ||
| + | padding: 16px; | ||
| + | color: white; | ||
| + | font-weight: bold; | ||
| + | font-size: 18px; | ||
| + | transition: 0.6s ease; | ||
| + | border-radius: 0 3px 3px 0; | ||
| + | } | ||
| + | |||
| + | /* Position the "next button" to the right */ | ||
| + | .next { | ||
| + | right: 0; | ||
| + | border-radius: 3px 0 0 3px; | ||
| + | } | ||
| + | |||
| + | /* On hover, add a black background color with a little bit see-through */ | ||
| + | .prev:hover, .next:hover { | ||
| + | background-color: rgba(0,0,0,0.8); | ||
} | } | ||
| Line 192: | Line 220: | ||
/* The dots/bullets/indicators */ | /* The dots/bullets/indicators */ | ||
.dot { | .dot { | ||
| + | cursor:pointer; | ||
height: 15px; | height: 15px; | ||
width: 15px; | width: 15px; | ||
| Line 201: | Line 230: | ||
} | } | ||
| − | .active { | + | .active, .dot:hover { |
background-color: #717171; | background-color: #717171; | ||
} | } | ||
| Line 221: | Line 250: | ||
from {opacity: .4} | from {opacity: .4} | ||
to {opacity: 1} | to {opacity: 1} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Revision as of 18:29, 29 October 2017
