Difference between revisions of "Template:Grenoble-Alpes"

 
(98 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: white;
+
     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: 40vh;
+
     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;
 
     position: fixed;
 
     position: fixed;
−
     width: 30vh;
+
     width: 19%;
 
     min-width: 200px;
 
     min-width: 200px;
 
     height: calc(100vh - 39px);
 
     height: calc(100vh - 39px);
 
     background-color: #e2dede;
 
     background-color: #e2dede;
 
     border-right: #362844 solid 10px;
 
     border-right: #362844 solid 10px;
 +
    z-index:2;
 
}
 
}
  
−
#sous-menu ul {
 
  
 +
#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 {
−
     text-decoration: underline;
+
     transition: 0.5s ease;
−
padding-left: 10px;
+
    color: #913147!important;
−
border-left: #913147 solid 5px;
+
 
 +
}
 +
#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;
−
margin-top: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;
−
     text-decoration: underline!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/team#team-members">TEAM MEMBERS</a></li>
+
<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/team#advisors">ADVISORS</a></li>
+
<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/team#partners">PARTNERS</a></li>
+
<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/Collaborations">COLLABORATIONS</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/project">PROJECT</a>
+
<a href="https://2018.igem.org/Team:Grenoble-Alpes/Description">PROJECT</a>
 
<ul>
 
<ul>
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/biology">BIOLOGY</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Description">DESCRIPTION</a></li>
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/engineering">ENGINEERING</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/proof_of_concept">PROOF OF CONCEPT</a></li>
+
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Hardware">HARDWARE</a></li>
 +
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Demonstrate">PROOF OF CONCEPT</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/modeling">
+
<a href="https://2018.igem.org/Team:Grenoble-Alpes/Model">
 
MODELING
 
MODELING
 
</a>
 
</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/human_practices">HUMAN PRACTICES</a>
+
<a href="https://2018.igem.org/Team:Grenoble-Alpes/Human_Practices">HUMAN PRACTICES</a>
 
<ul>
 
<ul>
−
<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/Human_Practices">OVERVIEW</a></li>
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ethic">ETHIC</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">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/safety">SAFETY & SECURITY</a></li>
+
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Safety">SAFETY & SECURITY</a></li>
 
</ul>
 
</ul>
 
</a>
 
</a>
Line 399: 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>
+
                                        <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">OVERVIEW</a></li>
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/notebook">NOTEBOOK</a>
+
<li>
 +
<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/parts">PARTS</a></li>
+
<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/componants">COMPONANTS</a></li>
+
<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/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