Difference between revisions of "Template:BIMATOX Project"

Line 166: Line 166:
 
/* Slideshow container */
 
/* Slideshow container */
 
.slideshow-container {
 
.slideshow-container {
   max-width: 800px;
+
   max-width: 1000px;
 
   position: relative;
 
   position: relative;
 
   margin: auto;
 
   margin: auto;
}
 
 
/* Next & previous buttons */
 
.prev, .next {
 
  cursor: pointer;
 
  position: absolute;
 
  top: 50%;
 
  width: auto;
 
  padding: 16px;
 
  margin-top: -22px;
 
  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 208: Line 182:
 
}
 
}
  
/* Number text (1/4 etc) */
+
/* Number text (1/3 etc) */
 
.numbertext {
 
.numbertext {
 
   color: #f2f2f2;
 
   color: #f2f2f2;
Line 219: Line 193:
 
/* The dots/bullets/indicators */
 
/* The dots/bullets/indicators */
 
.dot {
 
.dot {
  cursor: pointer;
 
 
   height: 15px;
 
   height: 15px;
 
   width: 15px;
 
   width: 15px;
Line 229: Line 202:
 
}
 
}
  
.active, .dot:hover {
+
.active {
 
   background-color: #717171;
 
   background-color: #717171;
 
}
 
}
Line 253: Line 226:
 
/* 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}
+
   .text {font-size: 11px}
 
}
 
}
  

Revision as of 18:27, 29 October 2017