Line 57: | Line 57: | ||
<style> | <style> | ||
+ | /*DETTE KOPIERES FOR HVERT BILLEDE OG ID ÆNDRES TIL BILLEDETS ID*/ | ||
#myImg { | #myImg { | ||
border-radius: 5px; | border-radius: 5px; | ||
Line 65: | Line 66: | ||
#myImg:hover {opacity: 0.7;} | #myImg:hover {opacity: 0.7;} | ||
+ | /* Caption of Modal Image */ | ||
+ | #caption { | ||
+ | margin: auto; | ||
+ | display: block; | ||
+ | width: 80%; | ||
+ | max-width: 700px; | ||
+ | text-align: center; | ||
+ | color: #ccc; | ||
+ | padding: 10px 0; | ||
+ | height: 150px; | ||
+ | -webkit-animation-name: zoom; | ||
+ | -webkit-animation-duration: 0.6s; | ||
+ | animation-name: zoom; | ||
+ | animation-duration: 0.6s; | ||
+ | } | ||
+ | /*KOPIER TIL HVERT BILLEDE SLUT*/ | ||
+ | |||
+ | /*FÆLLES - DETTE SÆTTES IND PÅ ALLE SIDER MED POPUP*/ | ||
/* The Modal (background) */ | /* The Modal (background) */ | ||
.modal { | .modal { | ||
Line 88: | Line 107: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/* Add Animation */ | /* Add Animation */ | ||
− | .modal-content | + | .modal-content{ |
-webkit-animation-name: zoom; | -webkit-animation-name: zoom; | ||
-webkit-animation-duration: 0.6s; | -webkit-animation-duration: 0.6s; | ||
Line 142: | Line 151: | ||
} | } | ||
} | } | ||
+ | /* FÆLLES - SLUT */ | ||
</style> | </style> | ||
− | + | /*SELVE BILLEDET*/ | |
<img id="myImg" src="https://static.igem.org/mediawiki/2016/e/e1/T--BIT-China--img--pumpkin.png" alt="Trolltunga, Norway" width="300" height="200"> | <img id="myImg" src="https://static.igem.org/mediawiki/2016/e/e1/T--BIT-China--img--pumpkin.png" alt="Trolltunga, Norway" width="300" height="200"> | ||
+ | /*SELVE BILLEDET SLUT*/ | ||
+ | /*POPUP - HUSK AT MACTHE ALLE ID'ER*/ | ||
<!-- The Modal --> | <!-- The Modal --> | ||
<div id="myModal" class="modal"> | <div id="myModal" class="modal"> | ||
Line 177: | Line 189: | ||
} | } | ||
</script> | </script> | ||
− | + | /*POPUP SLUT*/ | |
Revision as of 15:22, 18 October 2016
The Best
×
/*POPUP SLUT*/