Difference between revisions of "Team:Grenoble-Alpes/HP/Silver"
| Line 79: | Line 79: | ||
padding: 0%; | padding: 0%; | ||
} | } | ||
| − | + | ||
| + | /* ************************ POP UP ******************** */ | ||
| + | |||
| + | .popup-content { | ||
| + | padding-top: 1%; | ||
| + | padding-bottom: 1%; | ||
| + | margin-bottom: 0%; | ||
| + | margin-top: 0%; | ||
| + | background-color:black; | ||
| + | opacity: 1; | ||
| + | } | ||
| + | |||
| + | .popup { | ||
| + | display:none; | ||
| + | height:100%; | ||
| + | top:0; | ||
| + | left:0; | ||
| + | } | ||
| + | |||
| + | .popup:target { | ||
| + | display: block; | ||
| + | position:fixed; | ||
| + | width: 100%; | ||
| + | overflow-y: scroll; | ||
| + | overflow-x:hidden; | ||
| + | z-index: 999; | ||
| + | -webkit-animation: fadeIn 1s; | ||
| + | animation: fadeIn 1s; | ||
| + | } | ||
| + | |||
| + | .popup-photo { | ||
| + | width: 50%; | ||
| + | padding: 0%; | ||
| + | opacity: 1; | ||
| + | } | ||
| + | |||
| + | .popup-cadre { | ||
| + | border: 1px solid #bdc3c7; | ||
| + | margin: 2% 20% 2% 20%; | ||
| + | padding: 3% 3% 3% 3%; | ||
| + | opacity: 1; | ||
| + | } | ||
| + | |||
| + | .popup-cadre p{ | ||
| + | color: #ecf0f1; | ||
| + | } | ||
| + | |||
| + | /* Animation du PopUp*/ | ||
| + | |||
| + | @-webkit-keyframes fadeIn { | ||
| + | from {opacity: 0;} | ||
| + | to {opacity: 1;} | ||
| + | } | ||
| + | |||
| + | @keyframes fadeIn { | ||
| + | from {opacity: 0;} | ||
| + | to {opacity:1 ;} | ||
| + | } | ||
| + | |||
</style> | </style> | ||
</head> | </head> | ||
| Line 89: | Line 147: | ||
</header> | </header> | ||
| − | <div class="cadre1"> | + | <div class="cadre1" id="event1"> |
<div id="cadre2g" style="border-bottom: 1px solid #34495e;"><center> | <div id="cadre2g" style="border-bottom: 1px solid #34495e;"><center> | ||
| − | <h5 class="titre" style="">Café Sciences</h5> | + | <a href="#cafescience"><h5 class="titre" style="">Café Sciences</h5></a> |
<img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | <img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | ||
<h5 class="date">le 27 avril</h5> | <h5 class="date">le 27 avril</h5> | ||
| Line 97: | Line 155: | ||
</div> | </div> | ||
| − | <div class="cadre1"> | + | <div class="cadre1" id="event2"> |
<div id = "cadre2d" style="border-left: 1px solid #34495e; border-bottom: 1px solid #34495e; "><center> | <div id = "cadre2d" style="border-left: 1px solid #34495e; border-bottom: 1px solid #34495e; "><center> | ||
| − | <h5 class="titre">Pitch FabLab</h5> | + | <a href="#pitch"><h5 class="titre">Pitch FabLab</h5></a> |
<img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | <img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | ||
<h5 class="date">le 28 juin</h5> | <h5 class="date">le 28 juin</h5> | ||
| Line 105: | Line 163: | ||
</div> | </div> | ||
| − | <div class="cadre1"> | + | <div class="cadre1" id="event3"> |
<center> | <center> | ||
| − | <h5 class="titre">Conférence M. Menissier</h5> | + | <a href="#conference"><h5 class="titre">Conférence M. Menissier</h5></a> |
<img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | <img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | ||
<h5 class="date">?</h5> | <h5 class="date">?</h5> | ||
| Line 113: | Line 171: | ||
</div> | </div> | ||
| − | <div class="cadre1"> | + | <div class="cadre1" id="event4"> |
<div id = "cadre2g"><center> | <div id = "cadre2g"><center> | ||
</center></div> | </center></div> | ||
<div id = "cadre2d" style="border-top: 1px solid #34495e; border-left: 1px solid #34495e;"><center> | <div id = "cadre2d" style="border-top: 1px solid #34495e; border-left: 1px solid #34495e;"><center> | ||
| − | <h5 class="titre">Présentation dans une école</h5> | + | <a href="#ecole"><h5 class="titre">Présentation dans une école</h5></a> |
<img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | <img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | ||
<h5 class="date">?</h5> | <h5 class="date">?</h5> | ||
| Line 123: | Line 181: | ||
</div> | </div> | ||
| − | <div class="cadre1"> | + | <div class="cadre1" id="event5"> |
<div id="cadre2g" style="border-left: 1px solid #34495e; border-bottom: 1px solid #34495e; border-top: 1px solid #34495e;"><center> | <div id="cadre2g" style="border-left: 1px solid #34495e; border-bottom: 1px solid #34495e; border-top: 1px solid #34495e;"><center> | ||
| − | <h5 class="titre" style="">UGA c'est party</h5> | + | <a href="#party"><h5 class="titre" style="">UGA c'est party</h5></a> |
<img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | <img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | ||
<h5 class="date">le 14 septembre</h5> | <h5 class="date">le 14 septembre</h5> | ||
| Line 131: | Line 189: | ||
</div> | </div> | ||
| − | <div class="cadre1"> | + | <div class="cadre1" id="event6"> |
<div id = "cadre2d" style="border-left: 1px solid #34495e;"><center> | <div id = "cadre2d" style="border-left: 1px solid #34495e;"><center> | ||
| − | <h5 class="titre">Fêtes de la science</h5> | + | <a href="#fetedelascience"><h5 class="titre">Fêtes de la science</h5></a> |
<img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | <img src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'> | ||
<h5 class="date">?</h5> | <h5 class="date">?</h5> | ||
</center></div> | </center></div> | ||
</div> | </div> | ||
| + | |||
| + | <div class="popup" id="cafescience"> | ||
| + | <div class="popup-content"> | ||
| + | <div class="close"> | ||
| + | <a href="#">×</a> | ||
| + | </div> | ||
| + | <center><img class="popup-photo" src='https://static.igem.org/mediawiki/2017/f/f0/ClementigemgrenobleM.jpeg'></center> | ||
| + | <div class="popup-cadre"><p> Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu. | ||
| + | </p></div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
{{Grenoble-Alpes/footer}} | {{Grenoble-Alpes/footer}} | ||
Revision as of 09:06, 30 August 2017
Human Practices
Café Sciences
le 27 avril
Pitch FabLab
le 28 juin
UGA c'est party
le 14 septembre
Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu.
