8 500
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 579: | Linha 579: | ||
/* Tests */ | /* Tests */ | ||
# | #slide{ | ||
width:96%; | |||
} | |||
* { | |||
box-sizing: border-box | |||
} | } | ||
.mySlides { | |||
display: none | |||
display: | |||
} | } | ||
.slideshow-container { | |||
width: auto; | |||
position: relative; | |||
margin: -10px; | |||
} | } | ||
/* Next & previous buttons */ | |||
.prev, .next { | |||
cursor: pointer; | |||
position: absolute; | position: absolute; | ||
width: | top: 50%; | ||
width: auto; | |||
padding: 16px; | |||
margin-top: -22px; | |||
color: #494B55; | |||
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( | background-color: rgba(0,0,0,0.8); | ||
} | } | ||
/* Caption text */ | |||
# | .text { | ||
padding- | color: #f2f2f2; | ||
font-size: 15px; | |||
padding: 8px 12px; | |||
position: absolute; | |||
bottom: 8px; | |||
width: 100%; | |||
text-align: center; | |||
} | } | ||
/* The dots/bullets/indicators */ | |||
.dot { | |||
cursor: pointer; | |||
height: 13px; | |||
width: 13px; | |||
margin: 0 2px; | |||
background-color: #bbb; | |||
border-radius: 50%; | |||
display: inline-block; | |||
transition: background-color 0.6s ease; | |||
} | } | ||
.active, .dot:hover { | |||
background-color: #494B55; | |||
background- | |||
} | } | ||
/* Fading animation */ | |||
.fade { | |||
-webkit-animation-name: fade; | |||
-webkit-animation-duration: 2s; | |||
animation-name: fade; | |||
animation-duration: 2s; | |||
} | } | ||
@-webkit-keyframes fade { | |||
from {opacity: .4} | |||
to {opacity: 1} | |||
} | } | ||
@keyframes fade { | |||
from {opacity: .4} | |||
to {opacity: 1} | |||
} | } | ||
/* On smaller screens, decrease text size */ | |||
@media only screen and (max-width: 300px) { | |||
.text {font-size: 11px} | |||
} | } | ||
.pics | |||
{ | |||
border:3px solid #494B55; | |||
width:200px; | |||
} | } |