Difference between revisions of "Template:TecCEM/Menu"

 
(56 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
</head>
 
</head>
  
 +
<body>i
 +
<div class="menu-close">
 +
    <div class="menu-close__burger"></div>
 +
  </div>
 +
 +
<div class="menu">
 +
<div class="menu_iconos">
 +
 +
<div class="menu_icon">
 +
<a href="https://2021.igem.org/Team:TecCEM">
 +
<img src="https://static.igem.org/mediawiki/2021/0/04/T--TecCEM--main.svg" alt="">
 +
</a>
 +
<p style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;">Home</p>
 +
</div>
 +
<div class="menu_icon">
 +
<a href="https://2021.igem.org/Team:TecCEM/Team">
 +
<img src="https://static.igem.org/mediawiki/2021/6/6d/T--TecCEM--CEM_equipo_icono.svg" alt="">
 +
</a>
 +
 +
<p style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;">Team</p>
 +
<ul class = "menu_item">
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Team" style="color: white">Members</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Collaborations" style="color: white">Collaborations</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Attributions" style="color: white">Attributions</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Contribution" style="color: white">Contribution</a></li>
 +
</ul>
 +
</div>
 +
<div class="menu_icon">
 +
<a href="https://2021.igem.org/Team:TecCEM/Description">
 +
<img src="https://static.igem.org/mediawiki/2021/5/58/T--TecCEM--Proyecto_Icono_texem.svg" alt="">
 +
</a>
 +
<p style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;">Project</p>
 +
<ul class = "menu_item">
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Description" style="color: white">Description</a></li>
  
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Notebook" style="color: white">Notebook</a></li>
 +
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Implementation" style="color: white">Implementation</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Results" style="color: white">Results</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Results_Zetasizer" style="color: white">Particle detection</a></li>
 +
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Engineering" style="color: white">Engineering success</a></li>
 +
 +
 +
</ul>
 +
</div>
 +
<div class="menu_icon">
 +
 +
<a href="https://2021.igem.org/Team:TecCEM/Safety">
 +
<img src="https://static.igem.org/mediawiki/2021/b/ba/T--TecCEM--TecCEMpremiosicono.svg" alt="">
 +
</a>
 +
<p style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold; color: white;">Awards</p>
 +
<ul class = "menu_item">
 +
                                                <li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Awards" style="color: white">Awards</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Model" style="color: white">Model</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Hardware" style="color: white">Hardware</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Software" style="color: white">Software</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Sustainable" style="color: white">Sustainable Development Goals</a></li>
 +
 +
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Safety" style="color: white">Safety</a></li>
 +
 +
</ul>
 +
</div>
 +
<div class="menu_icon">
 +
<a href="https://2021.igem.org/Team:TecCEM/Human_Practices">
 +
<img src="https://static.igem.org/mediawiki/2021/1/1d/T--TecCEM--HumanPractices_Icono_Texem.svg" alt="">
 +
</a>
 +
<p style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;">Human Practices</p>
 +
<ul class = "menu_item">
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;"><a href="https://2021.igem.org/Team:TecCEM/Human_Practices" style="color: white">Human Practices</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;"><a href="https://2021.igem.org/Team:TecCEM/Communication" style="color: white">Education and Engagement</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;"><a href="https://2021.igem.org/Team:TecCEM/Results_Survey" style="color: white">Survey Results</a></li>
 +
</ul>
 +
</div>
 +
<div class="menu_icon">
 +
<a href="https://2021.igem.org/Team:TecCEM/Parts">
 +
<img src="https://static.igem.org/mediawiki/2021/archive/c/ce/20211005011830%21T--TecCEM--Biobrick_Icono_Texem.svg" alt="">
 +
</a>
 +
<p style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;">Parts</p>
 +
<ul class = "menu_item">
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;"><a href="https://2021.igem.org/Team:TecCEM/Parts" style="color: white">Overview</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;"><a href="https://2021.igem.org/Team:TecCEM/Biosensorparts" style="color: white">Biosensor Parts</a></li>
 +
<li style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;"><a href="https://2021.igem.org/Team:TecCEM/SelectionMarkerParts" style="color: white">Selection Marker Parts</a></li>
 +
</ul>
 +
</div>
 +
<div class="menu_icon">
 +
<a href="https://igem.org/2021_Judging_Form?team=TecCEM">
 +
<img src="https://static.igem.org/mediawiki/2021/a/a1/T--TecCEM--Form_Icono_Texem.svg" alt="">
 +
</a>
 +
<p style="font-size: 1rem; font-family: 'Nunito', Times; font-weight: bold;color: white;">Judging form</p>
 +
</div>
 +
</div>
 +
<div class="menu_teccem">
 +
 +
</div>
 +
</div>
 +
 +
</body>
 
<style>
 
<style>
 +
 +
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&family=Roboto&display=swap');
 +
 
     #sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; }
 
     #sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; }
 
     #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
 
     #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
     body, html {background-color:white; width: 100%; height: 100%;}
+
     body, html {background-color:white; width: 100%vw; height: 100%;}
 
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
     #bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
 
     #bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
 +
 +
 +
 
*{
 
*{
 
margin: 0;
 
margin: 0;
Line 54: Line 158:
 
display:none;
 
display:none;
 
padding-top: 50%;
 
padding-top: 50%;
top:115px;
+
top:115px;
 
position:absolute;
 
position:absolute;
 
list-style:none;
 
list-style:none;
Line 61: Line 165:
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
 
+
 
 
 
}
 
}
Line 71: Line 175:
 
margin-bottom: 5px;
 
margin-bottom: 5px;
 
padding:10px 12px;
 
padding:10px 12px;
padding-top:50px;
+
padding-top:50px;
 
}
 
}
 
 
Line 93: Line 197:
 
height: 100%;
 
height: 100%;
 
/*background: green;  - jose's edit*/
 
/*background: green;  - jose's edit*/
            background-color: rgb(177, 231, 239,0.7);
+
                        background-color: rgb(0,0,0, 0.8);
 
padding-left: 5rem;
 
padding-left: 5rem;
 
padding-right: 1.5rem;
 
padding-right: 1.5rem;
Line 112: Line 216:
 
align-items: center;
 
align-items: center;
 
z-index: 9999;
 
z-index: 9999;
width: 100vw;
 
                       
 
 
}
 
}
 
.menu{
 
.menu{
Line 124: Line 226:
 
margin-top: 0;
 
margin-top: 0;
 
/*background: red;  -jose's edit*/
 
/*background: red;  -jose's edit*/
                         background-color: rgb(200, 248, 145 ,0.8);
+
                         background-color: rgb(0, 20, 137, 0.8);
 
height: 30%;
 
height: 30%;
 
 

Latest revision as of 02:58, 18 December 2021

Untitled Document i