Difference between revisions of "Template:Grenoble-Alpes"
| (90 intermediate revisions by 4 users not shown) | |||
| Line 12: | Line 12: | ||
* { | * { | ||
max-width : 100%; | max-width : 100%; | ||
| + | } | ||
| + | |||
| + | #optitl{ | ||
| + | font-family:"Orator Std", "Calibri",Arial; | ||
} | } | ||
| Line 22: | Line 26: | ||
{ | { | ||
display:block; | display:block; | ||
| − | color: | + | color: #FFFFFF; |
text-decoration: none; | text-decoration: none; | ||
font-weight:700; | font-weight:700; | ||
| Line 223: | Line 227: | ||
#text-container { | #text-container { | ||
margin-right: 0px; | margin-right: 0px; | ||
| − | margin-left: 20%; | + | margin-left: 20%!important; |
margin-top: 100vh; | margin-top: 100vh; | ||
min-height: 100vh; | min-height: 100vh; | ||
| Line 269: | Line 273: | ||
#sous-menu { | #sous-menu { | ||
| + | font-family: Helvetica; | ||
| + | font-size: 1.5em; | ||
top: 0; | top: 0; | ||
padding-top: 100px; | padding-top: 100px; | ||
| Line 277: | Line 283: | ||
background-color: #e2dede; | background-color: #e2dede; | ||
border-right: #362844 solid 10px; | border-right: #362844 solid 10px; | ||
| + | z-index:2; | ||
} | } | ||
| − | |||
| + | #sous-menu ul { | ||
position: relative; | position: relative; | ||
list-style: none; | list-style: none; | ||
| + | margin: 0.1em 0 0 0.7em; | ||
} | } | ||
| + | |||
#sous-menu ul li a:hover { | #sous-menu ul li a:hover { | ||
| − | + | transition: 0.5s ease; | |
| − | padding-left: | + | color: #913147!important; |
| − | border-left: #913147 | + | |
| + | } | ||
| + | #sous-menu ul li a { | ||
| + | font-size: 1.2em; | ||
| + | |||
| + | } | ||
| + | #sous-menu ul ul li a { | ||
| + | font-size: 1em; | ||
| + | |||
| + | } | ||
| + | #sous-menu ul ul ul li a { | ||
| + | font-size: 0.9em; | ||
| + | |||
| + | } | ||
| + | #sous-menu ul ul a:hover { | ||
| + | transition: 0.3s ease; | ||
| + | background-color: white; | ||
| + | padding-left: 12px; | ||
| + | border-left: #913147 5px solid; | ||
| + | } | ||
| + | #sous-menu ul ul ul li:hover { | ||
| + | transition: 0.3s ease; | ||
| + | background-color: white; | ||
| + | } | ||
| + | |||
| + | #sous-menu ul li:child a{ | ||
| + | font-size: 1.4em; | ||
} | } | ||
| Line 299: | Line 334: | ||
font-size: 3.5em; | font-size: 3.5em; | ||
border-bottom: #913147 solid 10px!important; | border-bottom: #913147 solid 10px!important; | ||
| − | padding-bottom:1em!important; | + | padding-bottom:1em!important; |
} | } | ||
h2 { | h2 { | ||
| Line 305: | Line 340: | ||
font-size: 3em; | font-size: 3em; | ||
font-weight: 100; | font-weight: 100; | ||
| − | margin-bottom: 20px!important; | + | margin-bottom: 20px!important; |
| − | + | line-height:1!important; | |
} | } | ||
#current-menu { | #current-menu { | ||
| + | color: #262626!important; | ||
| + | border-left: #262626 solid 5px; | ||
| + | padding-left: 10px; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | #current-el { | ||
color: #913147!important; | color: #913147!important; | ||
| − | + | border-left: #913147 solid 5px; | |
| + | padding-left: 10px; | ||
| + | font-weight: bold; | ||
} | } | ||
| + | #current-nav { | ||
| + | color: #666666!important; | ||
| + | font-size: 1.6em; | ||
| + | font-weight:bold; | ||
| + | } | ||
| + | |||
| + | #sous-menu ul li a #current-nav:hover { | ||
| + | color: #FFFFFF!important; | ||
| + | padding-left: 0px; | ||
| + | border-left: #913147 solid 0px; | ||
| + | } | ||
| + | |||
| + | /* COLLAPSE*/ | ||
| + | |||
| + | .collapse { | ||
| + | border-bottom: 1px solid #eee; | ||
| + | cursor: pointer; | ||
| + | color: #fff; | ||
| + | margin:0px; | ||
| + | max-height:80px; | ||
| + | overflow:hidden; | ||
| + | transition: all 0.4s; | ||
| + | } | ||
| + | .collapse * { | ||
| + | -webkit-box-sizing: border-box; | ||
| + | -moz-box-sizing: border-box; | ||
| + | box-sizing: border-box; | ||
| + | |||
| + | } | ||
| + | .collapse.active { | ||
| + | background-color: rgba(255,255,255,0.9); | ||
| + | box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); | ||
| + | z-index: 98; | ||
| + | color:#444; | ||
| + | max-height:3000px; | ||
| + | padding:10px 20px; | ||
| + | margin: 10px -10px; | ||
| + | transition: all 0.2s,max-height 4.8s; | ||
| + | } | ||
| + | .collapse h2 { | ||
| + | |||
| + | position:relative; | ||
| + | line-height:1; | ||
| + | } | ||
| + | .slide{ | ||
| + | box-shadow:none !important; | ||
| + | margin:0px !important; | ||
| + | } | ||
| + | .collapse h2::after{ | ||
| + | content: "+"; | ||
| + | text-align:center; | ||
| + | position:absolute; | ||
| + | width:20px; | ||
| + | height:20px; | ||
| + | line-height:1; | ||
| + | opacity:0.5; | ||
| + | right:0; | ||
| + | top:0; | ||
| + | } | ||
| + | .collapse:hover h2::after{ | ||
| + | opacity:1 | ||
| + | } | ||
| + | |||
| + | .collapse.active h2::after{ | ||
| + | content: "-"; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
/* TEMPLATE --------------------------------------------------------------------------------------------------*/ | /* TEMPLATE --------------------------------------------------------------------------------------------------*/ | ||
| Line 352: | Line 465: | ||
#icons i{ | #icons i{ | ||
color: white!important; | color: white!important; | ||
| + | } | ||
| + | #icons i:hover{ | ||
| + | color: grey!important; | ||
} | } | ||
</style> | </style> | ||
| Line 368: | Line 484: | ||
<a href="https://2018.igem.org/Team:Grenoble-Alpes/Team">TEAM</a> | <a href="https://2018.igem.org/Team:Grenoble-Alpes/Team">TEAM</a> | ||
<ul> | <ul> | ||
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Team#team-members">TEAM MEMBERS</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Team#advisors">ADVISORS</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Team#partners">PARTNERS</a></li> |
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Attributions">ATTRIBUTIONS</a></li> | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Attributions">ATTRIBUTIONS</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Collaborations">COLLABORATIONS</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <a href="https://2018.igem.org/Team:Grenoble-Alpes/Description">PROJECT</a> |
<ul> | <ul> | ||
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Description">DESCRIPTION</a></li> |
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/biology">BIOLOGY</a></li> | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/biology">BIOLOGY</a></li> | ||
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Hardware">HARDWARE</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Demonstrate">PROOF OF CONCEPT</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| Line 393: | Line 510: | ||
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Human_Practices">OVERVIEW</a></li> | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Human_Practices">OVERVIEW</a></li> | ||
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/actors_partnerships">ACTORS & PARTNERSHIPS</a></li> | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/actors_partnerships">ACTORS & PARTNERSHIPS</a></li> | ||
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ethic"> | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ethic">ETHICS</a></li> |
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/events">EVENTS</a></li> | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/events">EVENTS</a></li> | ||
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Safety">SAFETY & SECURITY</a></li> |
</ul> | </ul> | ||
</a> | </a> | ||
| Line 402: | Line 519: | ||
<a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">RESSOURCES</a> | <a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">RESSOURCES</a> | ||
<ul> | <ul> | ||
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">OVERVIEW</a></li> | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">OVERVIEW</a></li> |
<li> | <li> | ||
| − | <a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <a href="https://2018.igem.org/Team:Grenoble-Alpes/Achievements">ACHIEVEMENTS</a> |
| + | </li> | ||
| + | <li> | ||
| + | <a href="https://2018.igem.org/Team:Grenoble-Alpes/Notebook">NOTEBOOK</a> | ||
</li> | </li> | ||
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Parts">PARTS</a></li> |
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/protocols">PROTOCOLS</a></li> | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/protocols">PROTOCOLS</a></li> | ||
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/components">COMPONENTS</a></li> |
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/medal_criteria">MEDAL CRITERIA</a></li> | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/medal_criteria">MEDAL CRITERIA</a></li> | ||
| − | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ | + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/characterization">CHARACTERISATION</a></li> |
| + | |||
| + | |||
| + | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/site_map">SITE MAP</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Latest revision as of 16:47, 21 November 2018
Template loop detected: Template:Grenoble-Alpes