Difference between revisions of "Team:Grenoble-Alpes/Team"
Guillaumej (Talk | contribs) |
Guillaumej (Talk | contribs) |
||
| Line 6: | Line 6: | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<style> | <style> | ||
| − | + | h1{ | |
| + | text-align: center; | ||
| + | transform: translateY(250%); | ||
| + | font-size: 600%; | ||
| + | color: #ecf0f1; | ||
| + | padding-bottom: 30px; | ||
| + | } | ||
header { | header { | ||
font-family: 'Molenga', Georgia, Times, serif; | font-family: 'Molenga', Georgia, Times, serif; | ||
| Line 32: | Line 38: | ||
} | } | ||
</style> | </style> | ||
| + | |||
<style> | <style> | ||
img{ | img{ | ||
| − | width: | + | width: 100%; |
} | } | ||
/* Popup container */ | /* Popup container */ | ||
| Line 41: | Line 48: | ||
display: contents; | display: contents; | ||
cursor: pointer; | cursor: pointer; | ||
| − | |||
} | } | ||
| − | /* The actual popup (appears on top) */ | + | /* The actual popup (appears on top) */ |
| − | .popup .popuptext1 { | + | .popup .popuptext1 { |
| − | + | visibility: hidden; | |
| − | + | width: 100%; | |
| − | + | height: 3900%; | |
| − | + | background-color: #555; | |
| − | + | color: #fff; | |
| − | + | text-align: center; | |
| − | + | border-radius: 6px; | |
| − | + | padding: 8px 0; | |
| − | + | position: absolute; | |
| − | + | transform: translateX(0%); | |
| − | + | z-index: 1; | |
| − | + | bottom: 125%; | |
| − | + | left: 0%; | |
| − | + | } | |
| − | } | + | |
| − | /* Toggle this class when clicking on the popup container (hide and show the popup) */ | + | /* Toggle this class when clicking on the popup container (hide and show the popup) */ |
| − | .popup .show { | + | .popup .show { |
| − | + | visibility: visible; | |
| − | + | -webkit-animation: fadeIn 1s; | |
| − | + | animation: fadeIn 1s | |
| − | } | + | } |
| − | /* Add animation (fade in the popup) */ | + | /* Add animation (fade in the popup) */ |
| − | @-webkit-keyframes fadeIn { | + | @-webkit-keyframes fadeIn { |
| − | + | from {opacity: 0;} | |
| − | + | to {opacity: 1;} | |
| − | } | + | } |
| − | @keyframes fadeIn { | + | @keyframes fadeIn { |
| − | + | from {opacity: 0;} | |
| − | + | to {opacity:1 ;} | |
| − | } | + | } |
</style> | </style> | ||
| Line 101: | Line 106: | ||
</div> | </div> | ||
<div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> | <div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> | ||
| − | <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> bla bla bla bla bla </span> | + | <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 222222222222222 </span> |
| + | </div> | ||
| + | <div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> | ||
| + | <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> bla bla bla bla bla </span> | ||
| + | </div> | ||
| + | <div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> | ||
| + | <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> bla bla bla bla bla </span> | ||
| + | </div> | ||
| + | <div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> | ||
| + | <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> bla bla bla bla bla </span> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
<div> | <div> | ||
| − | <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> | + | <div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> |
| + | <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> bla bla bla bla bla </span> | ||
| + | </div> | ||
<img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> | <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> | ||
<img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> | <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> | ||
Revision as of 08:46, 18 July 2017
TEAM
bla bla bla bla bla
222222222222222
bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla
