Difference between revisions of "Template:Groningen"
| Line 631: | Line 631: | ||
<!-- start of content --> | <!-- start of content --> | ||
| + | |||
<!--<div class="igem_2017_content_wrapper">--> | <!--<div class="igem_2017_content_wrapper">--> | ||
<nav> | <nav> | ||
| Line 675: | Line 676: | ||
<!-- The Modal --> | <!-- The Modal --> | ||
| + | |||
<div id="myModal" class="modal"> | <div id="myModal" class="modal"> | ||
<img class="modal-content" id="img01"> | <img class="modal-content" id="img01"> | ||
| Line 684: | Line 686: | ||
<div id="captionh"></div> | <div id="captionh"></div> | ||
</div> | </div> | ||
| + | |||
| + | |||
| + | <!-- header slider --> | ||
| + | |||
| + | <style> | ||
| + | .mySlides {display:none} | ||
| + | .slideshow-container { | ||
| + | position: relative; | ||
| + | margin: auto; | ||
| + | } | ||
| + | .header_title { | ||
| + | color: #00a94d; | ||
| + | } | ||
| + | .slideshow-container img { | ||
| + | filter: blur(3px); | ||
| + | width:100%; | ||
| + | height:350px; | ||
| + | object-fit: cover; | ||
| + | } | ||
| + | /* Caption text */ | ||
| + | .slidetext { | ||
| + | /*color: #111;*/ | ||
| + | /*font-size: 15px;*/ | ||
| + | padding: 8px 12px; | ||
| + | position: absolute; | ||
| + | bottom: 8px; | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | } | ||
| + | /* The dots/bullets/indicators */ | ||
| + | .dot { | ||
| + | height: 15px; | ||
| + | width: 15px; | ||
| + | margin: 0 2px; | ||
| + | background-color: #bbb; | ||
| + | border-radius: 50%; | ||
| + | display: inline-block; | ||
| + | transition: background-color 0.6s ease; | ||
| + | } | ||
| + | .activeslide { | ||
| + | background-color: #717171; | ||
| + | } | ||
| + | /* Fading animation */ | ||
| + | .fade { | ||
| + | -webkit-animation-name: fade; | ||
| + | -webkit-animation-duration: 1.5s; | ||
| + | animation-name: fade; | ||
| + | animation-duration: 1.5s; | ||
| + | } | ||
| + | @-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) { | ||
| + | .slidetext {font-size: 11px} | ||
| + | } | ||
| + | </style> | ||
<div class="slideshow-container"> | <div class="slideshow-container"> | ||
| Line 781: | Line 845: | ||
</script> | </script> | ||
| + | <!-- banner image map--> | ||
<map name="imagemap_sponsors" id="imagemapbanner"> | <map name="imagemap_sponsors" id="imagemapbanner"> | ||
| Line 829: | Line 894: | ||
}); | }); | ||
</script> | </script> | ||
| + | |||
| + | <!-- scrollspy --> | ||
<script src="https://static.igem.org/mediawiki/2017/6/60/Scrollspy.txt"></script> <!-- fucking lol piece of shit igem site --> | <script src="https://static.igem.org/mediawiki/2017/6/60/Scrollspy.txt"></script> <!-- fucking lol piece of shit igem site --> | ||
Revision as of 12:42, 27 October 2017
FFFF
