Difference between revisions of "Team:Queens Canada/testtest"

m (Closed header menu's unordered list)
 
(13 intermediate revisions by one other user not shown)
Line 81: Line 81:
 
float: left;
 
float: left;
 
padding: 2% 0%;
 
padding: 2% 0%;
}
 
 
.logo {
 
width: auto;
 
height: 77px;
 
float: left;
 
        background: url(https://static.igem.org/mediawiki/2018/8/8b/HQ_page_logo.jpg) center center no-repeat;
 
font-size: 0;
 
        margin-left:2%;
 
 
}  
 
}  
  
Line 104: Line 95:
  
 
.menu {
 
.menu {
width: 85%;
+
width: 100%;
 
background-color: #2fce44;
 
background-color: #2fce44;
 
         margin: 0 auto;
 
         margin: 0 auto;
Line 124: Line 115:
 
list-style: none;
 
list-style: none;
 
text-decoration: none;
 
text-decoration: none;
 +
        display: inline-block;
 +
        list-style-type: none;
 
}
 
}
  
 
.menu ul li {
 
.menu ul li {
 
padding: 1.5%;
 
padding: 1.5%;
 +
        display: inline;
 
}
 
}
  
 
.menu ul li a {
 
.menu ul li a {
 
font-size: 1.5em;
 
font-size: 1.5em;
color: blue;
+
color: white;
 
padding: 3% 0%;
 
padding: 3% 0%;
 
}
 
}
Line 152: Line 146:
 
}
 
}
  
/***************** CONTEUDO *****************/
+
/***************** CONTENT *****************/
 
#title {
 
#title {
 
width: 100%;
 
width: 100%;
Line 161: Line 155:
 
}
 
}
  
.conteudo {
+
.content {
 
margin: 0 auto;
 
margin: 0 auto;
 
max-width: 1100px;
 
max-width: 1100px;
Line 170: Line 164:
 
}
 
}
  
.conteudo figure, p.figure-caption {
+
.content figure, p.figure-caption {
 
text-align: center;
 
text-align: center;
 
}
 
}
  
h2.title-conteudo {
+
h2.title-content {
 
font-size: 2em;
 
font-size: 2em;
 
color: #ffffff;
 
color: #ffffff;
Line 226: Line 220:
 
font-size:20pt;
 
font-size:20pt;
 
text-align:left;
 
text-align:left;
}
 
 
#logo_grande {
 
text-align:center;
 
 
}
 
}
  
Line 305: Line 295:
  
  
/***************** RODAPÉ *************/
+
/***************** FOOTER *************/
 
#footer {
 
#footer {
 
width: 100%;
 
width: 100%;
Line 387: Line 377:
  
 
<header class="header">
 
<header class="header">
<a href="https://2018.igem.org/Team:Queens_Canada"><h1 class="logo">iGEM Queen's</h1></a>
+
<nav class="menu" style="width:100%;">
<button class="btn-menu"><i class="fa fa-bars fa-2x" aria-hidden="true"></i></button>
+
<nav class="menu">
+
 
<ul>
 
<ul>
 
<li><a href="#">PROJECT &#9662;</a>
 
<li><a href="#">PROJECT &#9662;</a>
Line 417: Line 405:
 
<li><a href="https://2018.igem.org/Team:Queens_Canada/InterLab">INTERLAB</a></li>
 
<li><a href="https://2018.igem.org/Team:Queens_Canada/InterLab">INTERLAB</a></li>
 
<li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
 
<li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
<li><a href="https://2018.igem.org/Team:Queens_Canada/Entrepreneurship">ENTREPRENEURSHIP</a </li>
 
 
</ul>
 
</ul>
 
</nav>
 
</nav>
 
</header>
 
</header>
 
</html>
 
</html>

Latest revision as of 16:36, 19 June 2018