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

m (Closed header menu's unordered list)
 
(26 intermediate revisions by one other user not shown)
Line 77: Line 77:
  
 
.header {
 
.header {
background-color: #42f459;
+
background-color: #11af26;
 
width: 100%;
 
width: 100%;
 
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 95: Line 86:
 
width: 56px;
 
width: 56px;
 
height: 56px;
 
height: 56px;
float: right;
+
float: center;
 
text-align: center;
 
text-align: center;
 
color: white;
 
color: white;
Line 105: Line 96:
 
.menu {
 
.menu {
 
width: 100%;
 
width: 100%;
height: 100%;
+
background-color: #2fce44;
background-color: #6C5B7B;
+
        margin: 0 auto;
 
font-family: 'Quicksand', sans-serif;
 
font-family: 'Quicksand', sans-serif;
display: none;
+
//display: none;
 
}
 
}
  
Line 114: Line 105:
 
font-size: 3em;
 
font-size: 3em;
 
color: white;
 
color: white;
float: right;
+
float: center;
 
cursor: pointer;
 
cursor: pointer;
 
margin-right: 5%;
 
margin-right: 5%;
Line 124: Line 115:
 
list-style: none;
 
list-style: none;
 
text-decoration: none;
 
text-decoration: none;
 +
        display: inline-block;
 +
        list-style-type: none;
 
}
 
}
  
.menu li {
+
.menu ul li {
 
padding: 1.5%;
 
padding: 1.5%;
 +
        display: inline;
 
}
 
}
  
.menu li a {
+
.menu ul li a {
 
font-size: 1.5em;
 
font-size: 1.5em;
 
color: white;
 
color: white;
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 321: Line 311:
  
 
#contact {
 
#contact {
text-align: right;
+
text-align: center;
 
float: right;
 
float: right;
 
margin-right:20px;
 
margin-right:20px;
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