Line 1,751: | Line 1,751: | ||
.mySlides {display: none} | .mySlides {display: none} | ||
img {vertical-align: middle;} | img {vertical-align: middle;} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Slideshow container */ | /* Slideshow container */ | ||
− | + | .slideshow-container { | |
max-width: 1000px; | max-width: 1000px; | ||
position: relative; | position: relative; | ||
Line 1,854: | Line 1,762: | ||
/* Next & previous buttons */ | /* Next & previous buttons */ | ||
− | + | .prev, .next { | |
cursor: pointer; | cursor: pointer; | ||
position: absolute; | position: absolute; | ||
Line 1,872: | Line 1,780: | ||
/* Position the "next button" to the right */ | /* Position the "next button" to the right */ | ||
− | + | .next { | |
right: 0; | right: 0; | ||
border-radius: 3px 0 0 3px; | border-radius: 3px 0 0 3px; | ||
Line 1,879: | Line 1,787: | ||
/* Caption text */ | /* Caption text */ | ||
− | + | .text { | |
color: #f2f2f2; | color: #f2f2f2; | ||
font-size: 15px; | font-size: 15px; | ||
Line 1,890: | Line 1,798: | ||
/* Number text (1/3 etc) */ | /* Number text (1/3 etc) */ | ||
− | + | .numbertext { | |
color: #f2f2f2; | color: #f2f2f2; | ||
font-size: 12px; | font-size: 12px; | ||
Line 1,899: | Line 1,807: | ||
/* The dots/bullets/indicators */ | /* The dots/bullets/indicators */ | ||
− | + | .dot { | |
cursor: pointer; | cursor: pointer; | ||
height: 15px; | height: 15px; | ||
Line 1,910: | Line 1,818: | ||
} | } | ||
− | + | .active, .dot:hover { | |
background-color: #717171; | background-color: #717171; | ||
} | } | ||
/* Fading animation */ | /* Fading animation */ | ||
− | + | .fade { | |
-webkit-animation-name: fade; | -webkit-animation-name: fade; | ||
-webkit-animation-duration: 1.5s; | -webkit-animation-duration: 1.5s; | ||
Line 1,934: | Line 1,842: | ||
/* On smaller screens, decrease text size */ | /* On smaller screens, decrease text size */ | ||
@media only screen and (max-width: 300px) { | @media only screen and (max-width: 300px) { | ||
− | + | .prev, .next,.text {font-size: 11px} | |
} | } | ||
.survey { | .survey { | ||
− | |||
− | |||
− | |||
− | |||
− | |||
width:50%!important; | width:50%!important; | ||
margin-left: 28vw; | margin-left: 28vw; | ||
Line 2,217: | Line 2,120: | ||
width: 45%; | width: 45%; | ||
margin-left: 30vw; | margin-left: 30vw; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 01:03, 18 October 2018