Difference between revisions of "Template:UCLouvainHeader"

 
(26 intermediate revisions by 4 users not shown)
Line 117: Line 117:
 
transition:all .2s ease-in-out;
 
transition:all .2s ease-in-out;
 
}
 
}
a:hover, a:focus{
+
                a:hover, a:visited:hover{
color:#FFFFFF;
+
                        color:#FFF;
 +
text-decoration: none;
 +
                }
 +
         
 +
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 287: 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 299: 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 311: 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 600: Line 612:
 
<div class="container">
 
<div class="container">
 
<div class="logo">
 
<div class="logo">
<a href="./Team:UCLouvain"><img src="https://static.igem.org/mediawiki/2017/3/3d/UCLouvain_igem_logo.png" alt="logo"></a>
+
<a href="/Team:UCLouvain"><img src="https://static.igem.org/mediawiki/2017/3/3d/UCLouvain_igem_logo.png" alt="logo"></a>
 
</div>
 
</div>
  
Line 606: Line 618:
 
<nav class="nav">
 
<nav class="nav">
 
<ul class="first-level">
 
<ul class="first-level">
<li><a href="./Team:UCLouvain" class="animsition-link">Home</a></li>
+
<li><a href="/Team:UCLouvain" class="animsition-link">Home</a></li>
<li><a href="./Team:UCLouvain/OurProject/Overview">our project</a>
+
<li><a href="/Team:UCLouvain/OurProject/Overview">our project</a>
 
<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/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 651: Line 671:
 
<div class="col-md-5 col-sm-12">
 
<div class="col-md-5 col-sm-12">
 
<div class="row">
 
<div class="row">
<video width="320" height="240" controls>
+
<video width="500" height="281" controls>
 
   <source src="https://static.igem.org/mediawiki/2017/a/aa/UCLOUVAIN-_VIDEO.mp4" type="video/mp4">
 
   <source src="https://static.igem.org/mediawiki/2017/a/aa/UCLOUVAIN-_VIDEO.mp4" type="video/mp4">
 
Your browser does not support the video tag.
 
Your browser does not support the video tag.
Line 663: 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