Difference between revisions of "Template:UCLouvainHeader"

 
(22 intermediate revisions by 4 users not shown)
Line 105: Line 105:
 
a.link{
 
a.link{
 
position: relative;
 
position: relative;
−
 
 
}
 
}
 
a.link:after{
 
a.link:after{
Line 114: Line 113:
 
width: 0;
 
width: 0;
 
height: 1px;
 
height: 1px;
−
background-color: #FFFFFF;
+
background-color: #3fafff;
 
-webkit-transition:all .2s ease-in-out;
 
-webkit-transition:all .2s ease-in-out;
 
transition:all .2s ease-in-out;
 
transition:all .2s ease-in-out;
 
}
 
}
−
                 a:hover{
+
                 a:hover, a:visited:hover{
−
                         color:#3fafff;
+
                         color:#FFF;
 +
text-decoration: none;
 
                 }
 
                 }
−
a, a:focus, a:visited{
+
         
−
color:#000000;
+
a, a:visited{
 +
color:#FFF;
 
text-decoration: none;
 
text-decoration: none;
 
}
 
}
 
a:hover:after{
 
a:hover:after{
 
width: 50%;
 
width: 50%;
 +
color:#3fafff
 
}
 
}
 
/*texts*/
 
/*texts*/
Line 291: Line 293:
 
left: 0;
 
left: 0;
 
min-width: 200px;
 
min-width: 200px;
−
background-color: #3fafff;
+
background-color: rgba(255,255,255,0.5);
 
-webkit-transition:all .2s ease-in-out;
 
-webkit-transition:all .2s ease-in-out;
 
transition:all .2s ease-in-out;
 
transition:all .2s ease-in-out;
 +
margin: 0;
 
}
 
}
  
Line 303: Line 306:
 
left: 0;
 
left: 0;
 
min-width: 200px;
 
min-width: 200px;
−
background-color: #3fafff;
+
background-color: rgba(255,255,255,0.5);
 +
color: #000000;
 +
margin: 0;
 
}
 
}
 
nav.nav ul.first-level > li:last-child > ul.second-level{
 
nav.nav ul.first-level > li:last-child > ul.second-level{
 
left: auto;
 
left: auto;
 
right: 0;
 
right: 0;
 +
color: #000000;
 
}
 
}
 
nav.nav ul.first-level > li > ul.second-level > li > a{
 
nav.nav ul.first-level > li > ul.second-level > li > a{
Line 315: Line 321:
 
line-height: 40px;
 
line-height: 40px;
 
padding: 0 20px;
 
padding: 0 20px;
−
color:#fff;
+
color: #000000;
 
}
 
}
 
nav.nav ul.first-level > li > ul.second-level > li:nth-child(even) > a{
 
nav.nav ul.first-level > li > ul.second-level > li:nth-child(even) > a{
−
background-color: #3fafff;
+
background-color:rgba(255,255,255, 0,5);
 +
color: #000000;
 
}
 
}
 
nav.nav ul.first-level > li > ul.second-level > li > a:hover{
 
nav.nav ul.first-level > li > ul.second-level > li > a:hover{
−
background-color: #404051;
+
background-color: #000000;
 +
color: #FFFFFF;
 
}
 
}
  
Line 614: Line 622:
 
<ul class="second-level">
 
<ul class="second-level">
 
<li><a href="/Team:UCLouvain/OurProject/Overview" class="animsition-link">overview</a></li>
 
<li><a href="/Team:UCLouvain/OurProject/Overview" class="animsition-link">overview</a></li>
−
<li><a href="/Team:UCLouvain/Approach1" class="animsition-link">auxotrophs</a></li>
+
<li><a href="/Team:UCLouvain/OurProject/Auxotrophs_Overview" class="animsition-link">auxotrophs</a></li>
−
<li><a href="/Team:UCLouvain/Approach2" class="animsition-link">comR/S</a></li>
+
<li><a href="/Team:UCLouvain/OurProject/ComRS_Overview" class="animsition-link">comR/S</a></li>
 
<li><a href="/Team:UCLouvain/Badge" class="animsition-link">badge</a></li>
 
<li><a href="/Team:UCLouvain/Badge" class="animsition-link">badge</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="/Team:UCLouvain/InTheLab/Overview">in the lab</a>
+
                                                                <li><a href="#">Results</a>
 +
<ul class="second-level">
 +
<li><a href="/Team:UCLouvain/OurProject/Approach1/Results" class="animsition-link">Auxotrophs</a></li>
 +
<li><a href="/Team:UCLouvain/OurProject/Approach2/Results" class="animsition-link">Com R/S </a></li>
 +
</ul>
 +
</li>
 +
<li><a href="/Team:UCLouvain/HP/Silver" class="animsition-link">human practices</a></li>
 +
<li><a href="/Team:UCLouvain/Safety" class="animsition-link">safety</a></li>
 +
<li><a href="#">in the lab</a>
 
<ul class="second-level">
 
<ul class="second-level">
 
<li><a href="/Team:UCLouvain/InterLab" class="animsition-link">interlab</a></li>
 
<li><a href="/Team:UCLouvain/InterLab" class="animsition-link">interlab</a></li>
 
<li><a href="/Team:UCLouvain/LN" class="animsition-link">Lab Notebook</a></li>
 
<li><a href="/Team:UCLouvain/LN" class="animsition-link">Lab Notebook</a></li>
 
<li><a href="/Team:UCLouvain/Protocols" class="animsition-link">protocols</a></li>
 
<li><a href="/Team:UCLouvain/Protocols" class="animsition-link">protocols</a></li>
−
<li><a href="/Team:UCLouvain/Parts" class="animsition-link">parts</a></li>
+
<li><a href="/Team:UCLouvain/Basic_Part" class="animsition-link">Parts</a></li>
 +
 
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="/Team:UCLouvain/HP/Silver" class="animsition-link">human practices</a></li>
+
<li><a href="/Team:UCLouvain/Team">about us</a>
−
<li><a href="/Team:UCLouvain/Collaboration">collaboration</a></li>
+
−
<li><a href="/Team:UCLouvain/AboutUs">about us</a>
+
 
<ul class="second-level">
 
<ul class="second-level">
 
<li><a href="/Team:UCLouvain/Team" class="animsition-link">team</a></li>
 
<li><a href="/Team:UCLouvain/Team" class="animsition-link">team</a></li>
−
<li><a href="/Team:UCLouvain/Aknowledgement" class="animsition-link">aknowledgement</a></li>
+
<li><a href="/Team:UCLouvain/Attributions" class="animsition-link">attributions</a></li>
 
<li><a href="/Team:UCLouvain/OurUniversity" class="animsition-link">our university</a></li>
 
<li><a href="/Team:UCLouvain/OurUniversity" class="animsition-link">our university</a></li>
 
<li><a href="/Team:UCLouvain/OurEvents" class="animsition-link">our events</a></li>
 
<li><a href="/Team:UCLouvain/OurEvents" class="animsition-link">our events</a></li>
−
<li><a href="/Team:UCLouvain/Attributions" class="animsition-link">attributions</a></li>
+
<li><a href="/Team:UCLouvain/Aknowledgement" class="animsition-link">aknowledgement</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="/2017_Judging_Form?team=UCLouvain">judging form</a></li>
+
<li><a href="https://igem.org/2017_Judging_Form?team=UCLouvain">judging form</a></li>
 
</ul>
 
</ul>
 
</nav>
 
</nav>
Line 668: Line 683:
 
</div>
 
</div>
 
<p>
 
<p>
−
Although melanoma accounts for less than one percent of skin cancer cases, they are responsible for the vast majority of skin cancer deaths. More than 80% of melanomas are caused by the exposure to ultraviolet (UV) radiation from the sun.
+
Although melanoma accounts for less than 1% of skin cancer cases, they are responsible for the vast majority of skin cancer deaths. More than 80% of melanomas are caused by the exposure to ultraviolet (UV) radiation from the sun.
 
</p>
 
</p>
 
<p>
 
<p>
 
<b>Our project:</b> <b style="font-family:'Brush Script MT';font-size:21px;">BactaSun</b>, a bio-badge changing color when exposed to sunlight.
 
<b>Our project:</b> <b style="font-family:'Brush Script MT';font-size:21px;">BactaSun</b>, a bio-badge changing color when exposed to sunlight.
 
</p>
 
</p>
−
<a href="#" class="btn blue" style="float:right;margin-top:30px"><span>read more</span></a>
+
<a href="https://2017.igem.org/Team:UCLouvain/OurProject/Overview" class="btn blue" style="float:right;margin-top:30px"><span>read more</span></a>
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 17:02, 1 November 2017

iGEM UCLouvain Team

we are
iGEM UCLouvain Team
the project BactaSun

Although melanoma accounts for less than 1% of skin cancer cases, they are responsible for the vast majority of skin cancer deaths. More than 80% of melanomas are caused by the exposure to ultraviolet (UV) radiation from the sun.

Our project: BactaSun, a bio-badge changing color when exposed to sunlight.

read more