Difference between revisions of "Template:TecMonterrey GDA/Header"

Line 71: Line 71:
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom:0; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom:0; }
  
−
.menu_wrapper,
+
.menu-wrapper,
−
.content_wrapper {
+
.content-wrapper {
 
font-family:'Source Sans Pro', sans-serif;
 
font-family:'Source Sans Pro', sans-serif;
 
font-size:16px;
 
font-size:16px;
 
line-height:1.5
 
line-height:1.5
 
}
 
}
−
.content_wrapper h1, .content_wrapper h2, .content_wrapper h3 {
+
.menu-wrapper {
−
font-family:'Amaranth', sans-serif;
+
text-align:center;
−
color:#027475
+
margin:1em auto 3em
 +
}
 +
.menu-wrapper h1 {
 +
display:none
 +
}
 +
.menu-wrapper .logo {
 +
display:inline-block;
 +
margin:0 0.5em 0 0;
 +
width:5.75em;height:5.75em;
 +
text-indent:-999em;
 +
background-size:contain
 +
}
 +
.menu-wrapper .logo.youth-biotech{
 +
background-image:url(https://static.igem.org/mediawiki/2017/b/b2/TecGda-YouthBiotech.png)
 +
}
 +
.menu-wrapper .logo.itesm{
 +
background-image:url(https://static.igem.org/mediawiki/2017/thumb/6/69/TecGda-TecDeMonterrey.png/240px-TecGda-TecDeMonterrey.png)
 +
}
 +
.menu-wrapper .navigation{
 +
width:53.75em;
 +
padding:0;
 +
display:inline-block;
 +
vertical-align:bottom
 
}
 
}
−
.menu_wrapper .navigation, .menu_wrapper .navigation ul {
+
.menu-wrapper .navigation, .menu-wrapper .navigation ul {
 
list-style:none;
 
list-style:none;
 
margin:0
 
margin:0
 
}
 
}
−
.menu_wrapper .navigation ul {
+
.menu-wrapper .navigation ul {
 
display:none
 
display:none
 
}
 
}
−
.menu_wrapper .navigation > li {
+
.menu-wrapper .navigation > li {
 
display:inline-block;
 
display:inline-block;
−
width:12.625em;
+
width:10.75em;
 
text-align:center;
 
text-align:center;
 
}
 
}
−
.menu_wrapper .navigation > li a {
+
.menu-wrapper .navigation > li a {
 
display:inline-block;
 
display:inline-block;
 +
position:relative;
 
border:2px solid white;
 
border:2px solid white;
 
padding:1em;
 
padding:1em;
−
width:10.5em;
+
width:8.5em;
 
text-align:center
 
text-align:center
 
}
 
}
−
.menu_wrapper .navigation > li a:hover {
+
.menu-wrapper .navigation > li a:hover {
−
border-color:#660d05
+
border-color:#660d05;
 +
background:rgba(102, 13, 5, 0.2);
 
}
 
}
−
.menu_wrapper .navigation a {
+
.menu-wrapper .navigation > li a:hover::before {
 +
display:block;
 +
position:absolute;top:-2.125em;left:3.75em;
 +
width:3em;height:2em;
 +
background:url(https://static.igem.org/mediawiki/2017/9/91/TecGda-Agave.svg);
 +
background-size:contain;
 +
content:" "
 +
}
 +
.menu-wrapper .navigation a {
 
color:#231f20
 
color:#231f20
 
}
 
}
−
.menu_wrapper .navigation a:hover, .menu_wrapper .navigation a:focus {
+
.menu-wrapper .navigation a:hover, .menu-wrapper .navigation a:focus {
 
color:#660d05;
 
color:#660d05;
 
text-decoration:none
 
text-decoration:none
 
}
 
}
−
 
+
.content-wrapper h1, .content-wrapper h2, .content-wrapper h3 {
 +
font-family:'Amaranth', sans-serif;
 +
color:#027475
 +
}
 +
.content-wrapper article {
 +
background:rgba(77,124,159,0.2);
 +
margin:0 auto;
 +
padding:1em 2em;
 +
width:60em
 +
}
 +
.content-wrapper a {
 +
font-weight:700;
 +
color:#027475;
 +
text-decoration:none
 +
}
 +
.content-wrapper a:hover {
 +
text-decoration:underline
 +
}
 +
.footer-wrapper {
 +
margin:2em 0 0;
 +
height:6.25em;
 +
background:url(https://static.igem.org/mediawiki/2017/e/ee/TecGda-Agaves.svg)
 +
}
 
</style>
 
</style>
  
−
<head>  
+
<head>
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 
</head>
 
</head>
  
−
<div class="menu_wrapper">
+
<div class="menu-wrapper">
−
<h1>TecMonterrey_GDA</h1>
+
−
<ul class="navigation">
+
−
<li>
+
−
<a href="#">Project</a>
+
−
<ul>
+
−
<li><a href="https://2017.igem.org/Team:TecMonterrey_GDA/Description">Description</a></li>
+
−
<li><a href="https://2017.igem.org/Team:TecMonterrey_GDA/Results">Results</a></li>
+
−
<li><a href="https://2017.igem.org/Team:TecMonterrey_GDA/Proofs">Proofs</a></li>
+
−
<li><a href="https://2017.igem.org/Team:TecMonterrey_GDA/Parts">Parts</a></li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="https://2016.igem.org/Team:TecMonterrey_GDA/Model">Notebook</a></li>
+
−
<li>
+
−
<a href="#">Notebook</a>
+
−
<ul>
+
−
<li><a href="https://2017.igem.org/Team:TecMonterrey_GDA/Notebook">Notebook</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TecMonterrey_GDA/Protocols">Protocols</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TecMonterrey_GDA/Safety">Safety</a></li>
+
−
<li><a href="https://2016.igem.org/Team:TecMonterrey_GDA/Medal">Protocols</a></li>
+
−
</ul>
+
−
</li>
+
−
<li>
+
−
<a href="#">Human Practices</a>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:TecMonterrey_GDA/Human_Practices">Human Practices</a></li>
+
−
<li><a href="https://2017.igem.org/Team:TecMonterrey_GDA/Team">Risk Analysis</a></li>
+
−
<li><a href="https://2017.igem.org/Team:TecMonterrey_GDA/Youth_Biotech">Youth Biotech</a></li>
+
−
<li><a href="https://2017.igem.org/Team:TecMonterrey_GDA/Collaborations">Collaborations</a></li>
+
−
</ul>
+
−
</li>
+
−
<li>
+
−
<a href="#">Team</a>
+
−
<ul>
+
−
<li><a href="https://2017.igem.org/Team:TecMonterrey_GDA/Team">Team</a></li>
+
−
<li><a href="https://2017.igem.org/Team:TecMonterrey_GDA/Attributions">Attributions</a></li>
+
−
</ul>
+
−
</li>
+
−
</ul> 
+
−
</div>
+
−
 
+
−
<div class="content_wrapper">
+

Revision as of 06:41, 30 June 2017