Difference between revisions of "Template:Grenoble-Alpes"

 
(11 intermediate revisions by 2 users not shown)
Line 107: Line 107:
 
 
 
/**************************************************************** MENU ***************************************************************/
 
/**************************************************************** MENU ***************************************************************/
−
body{
+
/* Wrapper for the menu */
−
font-family: 'Molengo', Georgia, Times, serif;
+
.igem_2017_menu_wrapper {  
−
margin: 0px;
+
width: 15%;
−
padding: 0px;
+
height:100vh;
−
+
position:fixed;
−
}
+
right:0%;
 +
padding:0px;
 +
float:right;
 +
border-left: 1px solid #d3d3d3;
 +
background-color:#dddddd;
 +
text-align:left;
 +
font-family:Tahoma, Geneva, sans-serif;  
 +
overflow-y: auto;
 +
overflow-x: hidden;
 +
}
 +
 
 +
/* this hides the scrollbar to keep view consistency */
 +
.igem_2017_menu_wrappe::-webkit-scrollbar {
 +
display: none;
 +
}
 +
 
 
−
nav { /*pour cibler le style des listes du menu navigateur et pas des liens en général*/
+
/* styling for links in the menu, removes the line under text */
−
width:80%; /*pour agrandir le menu*/
+
.igem_2017_menu_wrapper a { 
−
/*background-color:#424558;*/
+
text-decoration: none;  
−
margin:auto;
+
}
−
+
 
−
}
+
 
−
+
/* styling for the images in the menu */
−
nav > ul {
+
.igem_2017_menu_wrapper img {
−
margin: 0px;
+
width: 100%;
−
padding: 0px;
+
}
−
}
+
 
−
+
/* styling for the menu buttons */
−
nav > ul::after {
+
.igem_2017_menu_wrapper .menu_button {  
−
content: "";
+
width: 100%;  
−
display:block;
+
padding: 10px 0px 10px 15px;  
−
clear:both;
+
float:left;
−
/*rétablir la hauteur du menu, à cause d'un conflit enfant/parent, trucs qui sont revenus à 0px*/
+
border-bottom: 1px solid #d3d3d3;
−
}
+
font-size: 12px;
−
+
font-weight: bold;  
−
nav > ul > li {
+
color: #5e5f5f;  
−
float:left; /*Bien positionner le menu*/
+
cursor: pointer;
−
position: relative;
+
}
−
}
+
 
−
+
 
−
nav > ul > li > a
+
.igem_2017_menu_wrapper .menu_bottom_padding {
−
{
+
width: 100%;
−
padding: 20px 30px;
+
height: 30px;
−
color:#18457D;
+
float:left;
−
}
+
}
−
nav > ul > li:hover a{ /*pour pallier au problème de la bordure qui descend quand on passe la souris*/
+
 
−
padding: 15px 30px 20px 30px;
+
.menu_button.direct_to_page {
−
}
+
padding-left: 36px;
−
+
}
−
nav li {
+
 
−
list-style-type:none;
+
 
−
}
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
−
+
width:10%;
−
.submenu{
+
float:left;
−
display:none; /*submenu caché par défaut*/
+
}
−
}
+
 
−
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
−
nav a {
+
content: "+";
−
display: inline-block;
+
}
−
text-decoration: none;
+
−
}
+
.open::before {
−
+
content: "-" !important;
−
nav li:hover .submenu{
+
}
−
/*change le style du submenu quand on passe la souris sur un élément li*/
+
−
display: inline-block;
+
−
position: absolute; /*positionne exactement sous la position relative*/
+
−
top: 100%;
+
/* styling for the menu buttons on hover */
−
left: 0px; /*pour que ça s'affiche bien en dessous*/
+
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {  
−
padding: 0px;
+
background-color: #3399ff;
−
z-index: 1000;
+
text-decoration: none;
−
+
color:#ffffff;
−
}
+
}
−
+
 
−
.submenu li { /*pour décrire le style du sous-menu */
+
/* styling for the menu button when it is the current page */
−
border-bottom: 1px solid #1F97C6;
+
.current_page {
−
display: block;
+
background-color:#7fc1f7  !important;
−
}
+
color:#5e5f5f !important;
−
+
}
−
.submenu li a { /*pour changer le style des liens*/
+
 
−
padding: 15px 30px;
+
 
−
font-size: 13px; /*taille écriture un peu plus petite que celle par défaut*/
+
/* styling for the submenu buttons */
−
color: #18457D ;
+
.igem_2017_menu_wrapper .submenu_button {
−
width: 200px;
+
width: 100%;  
−
display: block;
+
padding: 10px 0px 10px 34px;  
−
}
+
float:left;
−
+
background-color:#f2f2f2;  
−
.menu:hover{ /*fond un peu transparent etc*/
+
border-bottom: 1px solid #d3d3d3;  
−
border-top: 5px solid #1F97C6; /*bordure supérieure assez large*/
+
font-size: 12px;  
−
/*background-color: #1F97C6;*/
+
color: #5e5f5f;  
−
+
cursor: pointer;
−
}
+
}
−
+
 
−
.menu .submenu {
+
/* wrapper for the submenu items, they are hidden by default*/
−
background-color: #FFF; /*fond de couleur sur les sous-menus*/
+
.igem_2017_menu_wrapper .submenu_wrapper {  
−
opacity: 0.5;
+
display:none;
−
}
+
}
−
+
 
−
.submenu li:hover a { /*quand on passe la souris sur submenu=li on change a*/
+
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
−
color: #FFF;
+
.igem_2017_menu_wrapper #display_menu_control {
−
}
+
display:none;
−
+
text-align:center;
−
.menu .submenu li:hover {
+
}
−
background-color: #1F97C6;
+
−
}
+
  
 
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 
/***************************************************** CONTENT OF THE PAGE ****************************************************/
Line 238: Line 252:
 
padding: 0px 15px;  
 
padding: 0px 15px;  
 
font-size: 13px;
 
font-size: 13px;
 +
                text-align: justify;
 +
 
}
 
}
  
Line 439: Line 455:
  
  
−
<head>
+
<head>  
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
 
−
<link href='http://fonts.googleapis.com/css?family=Ubuntu:bold' rel='stylesheet' type='text/css'>
+
<!-- This tells the browser that your page is responsive -->
−
<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>
+
<meta name="viewport" content="width=device-width, initial-scale=1">  
−
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
+
 
−
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
+
 
</head>
 
</head>
−
   
+
 
−
    <body>
+
 
−
        <nav>
+
 
−
<ul>
+
<div class="igem_2017_menu_wrapper" >
−
<li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes"> Home </a></li>
+
 
−
<li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/Team"> Team </a>
+
 
−
<ul class="submenu">
+
 
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Team">Team</a></li>
+
<a href="https://2017.igem.org/Team:Grenoble-Alpes">
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Collaborations">Collaborations</a></li>
+
<img src="http://placehold.it/350x150">
−
</ul>
+
</a>
−
</li>
+
 
−
<li class="menu"> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Description"> Project </a>
+
 
−
<ul class="submenu">
+
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Description">Description</a></li>
+
<div class="menu_button" id="display_menu_control">
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Design">Design</a></li>
+
MENU 
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Experiments">Experiments</a></li>
+
</div>  
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Notebook">Notebook</a></li>
+
 
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/InterLab">InterLab</a></li>
+
<div id="menu_content">
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Contribution">Contributions</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Model">Model</a></li>
+
 
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Results">Results</a></li>
+
 
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Demonstrate">Demonstrate</a></li>
+
 
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Improve">Improve</a></li>
+
<a href="https://2017.igem.org/Team:Grenoble-Alpes">
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Attributions">Attributions</a></li>
+
<div class="menu_button direct_to_page">
−
</ul>
+
HOME
−
</li>
+
</div>  
−
<li class="menu"> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Parts"> Parts </a>
+
</a>
−
<ul class="submenu">
+
 
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Parts">Parts</a></li>
+
 
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Basic_Part">Basic Part</a></li>
+
 
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Composite_Part">Composite Parts</a></li>
+
<div class="menu_button">
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Part_Collection">Part Collection</a></li>
+
<div class="expand_collapse_icon"> </div> TEAM
−
</ul>
+
</div>  
−
</li>
+
 
−
<li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/Safety">Safety</a></li>
+
<div class="submenu_wrapper" id="team_submenu">
−
<li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Silver"> Human practices </a>
+
−
<ul class="submenu">
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Silver">Silver HP</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Gold">Integrated and Gold</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Engagement">Public Engagement</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="menu"> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Applied_Design"> Awards </a>
+
−
<ul class="submenu">
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Applied_Design">Applied design</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Entrepreneurship">Entrepreneurship</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Hardware">Hardware</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Measurement">Measurement</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Model">Model</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Plant">Plant</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Software">Software</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="menu"><a href="https://igem.org/2017_Judging_Form?team=Grenoble-Alpes">Judging form</a></li>
+
−
</ul>
+
 
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Team">
 +
<div class="submenu_button" id="Team_page">
 +
Team
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Collaborations">
 +
<div class="submenu_button"  id="Collaborations_page">
 +
Collaborations
 +
</div>
 +
</a>
 
 
−
</nav>
+
−
    </body>
+
</div>
−
</html>
+
 
 +
 
 +
 +
 +
 
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> PROJECT
 +
</div>
 +
 
 +
<!-- project submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Description">
 +
<div class="submenu_button"  id="Description_page">
 +
Description
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Design">
 +
<div class="submenu_button"  id="Design_page">
 +
Design
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Experiments">
 +
<div class="submenu_button"  id="Experiments_page">
 +
Experiments
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Notebook">
 +
<div class="submenu_button"  id="Notebook_page">
 +
Notebook
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/InterLab">
 +
<div class="submenu_button"  id="InterLab_page">
 +
InterLab
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Contribution">
 +
<div class="submenu_button"  id="Contribution_page">
 +
Contribution
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Model">
 +
<div class="submenu_button"  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Results">
 +
<div class="submenu_button"  id="Results_page">
 +
Results
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Demonstrate">
 +
<div class="submenu_button"  id="Demonstrate_page">
 +
Demonstrate
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Improve">
 +
<div class="submenu_button"  id="Improve_page">
 +
Improve
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Attributions">
 +
<div class="submenu_button"  id="Attributions_page">
 +
Attributions
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
 +
 +
 +
 +
 
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> PARTS
 +
</div>
 +
 +
<!-- parts submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Parts">
 +
<div class="submenu_button"  id="Parts_page">
 +
Parts
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Basic_Part">
 +
<div class="submenu_button"  id="Basic_Part_page">
 +
Basic Parts
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Composite_Part">
 +
<div class="submenu_button"  id="Composite_Part_page">
 +
Composite Parts
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Part_Collection">
 +
<div class="submenu_button"  id="Part_Collection_page">
 +
Part Collection
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
 +
 +
 +
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Safety">
 +
<div class="menu_button direct_to_page">
 +
SAFETY
 +
</div>
 +
</a>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="menu_button" >
 +
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 +
</div>
 +
 
 +
<!-- human practices submenu -->
 +
<div class="submenu_wrapper">
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Silver">
 +
<div class="submenu_button"  id="Silver_page">
 +
Silver HP
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Gold_Integrated">
 +
<div class="submenu_button" id="Gold_Integrated_page">
 +
Integrated and Gold
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Engagement">
 +
<div class="submenu_button"  id="Engagement_page">
 +
Public Engagement
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
 
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> AWARDS
 +
</div>
 +
 
 +
<!-- awards submenu -->
 +
<div class="submenu_wrapper">
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Applied_Design">
 +
<div class="submenu_button"  id="Applied_Design_page">
 +
Applied Design
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Entrepreneurship">
 +
<div class="submenu_button"  id="Entrepreneurship_page">
 +
Entrepreneurship
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Hardware">
 +
<div class="submenu_button"  id="Hardware_page">
 +
Hardware
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Measurement">
 +
<div class="submenu_button"  id="Measurement_page">
 +
Measurement
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Model">
 +
<div class="submenu_button"  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Plant">
 +
<div class="submenu_button"  id="Plant_page">
 +
Plant
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:Grenoble-Alpes/Software">
 +
<div class="submenu_button"  id="Software_page">
 +
Software
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
<a href="https://igem.org/2017_Judging_Form?team=Grenoble-Alpes">
 +
<div class="menu_button direct_to_page">
 +
JUDGING FORM
 +
</div>
 +
</a>
 +
 
 +
 
 +
 +
<div class="menu_bottom_padding" >
 +
</div>
 +
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
<!-- start of content -->
 +
<div class="igem_2017_content_wrapper">
 +
<h1>Grenoble-Alpes</h1>

Latest revision as of 09:09, 28 June 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

Grenoble-Alpes