Team:UCL/Template:headerx

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 5: Line 5:
<!--[if IE 8]>        <html class="no-js lt-ie9"> <![endif]-->
<!--[if IE 8]>        <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
-
 
+
<!--[if lt IE 9]>
 +
        <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
 +
    <![endif]-->
<head>
<head>
<!--Meta Data-->     
<!--Meta Data-->     
Line 44: Line 46:
<div id="green-logo-bar-a" style="right: 50.1%; margin-right: 318px;">
<div id="green-logo-bar-a" style="right: 50.1%; margin-right: 318px;">
<div id="green-logo-bar-b" style="margin-right: 0px; width: 100%;">
<div id="green-logo-bar-b" style="margin-right: 0px; width: 100%;">
-
 
+
<a href="https://2014.igem.org/Team:UCL/Homex"><img src="https://static.igem.org/mediawiki/2014/a/a5/UCLheaderGBADwhite.png" height="70px" style="position: absolute; right: 30px;"> </a>
-
<a href="https://2014.igem.org/Team:UCL/Homex">
+
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/0/00/UCLiGEMlogoSCJwhite.png" height="70px" style="position: absolute; right: 170px;"></a>
-
 
+
-
 
+
-
<img src='https://static.igem.org/mediawiki/2014/1/13/UCLheaderGBADred.png' width='120' height='70' style="position: absolute; right: 30px;" onmouseover="this.src='https://static.igem.org/mediawiki/2014/5/58/UCLheaderGBADcolor.png'" width='120' height='70' style="position: absolute; right: 30px;";" onmouseout="this.src='https://static.igem.org/mediawiki/2014/1/13/UCLheaderGBADred.png'" width='120' height='70' style="position: absolute; right: 30px;";" />
+
-
 
+
-
 
+
-
</a>
+
-
 
+
-
 
+
-
 
+
-
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/e/e5/UCLiGEMlogoSCJgreen.png" height="70px" width="100px" style="position: absolute; right: 170px;"></a>
+
</div>
</div>
</div>
</div>
Line 66: Line 58:
<li id="logo"><a href="/" id="iGEM">iGEM
<li id="logo"><a href="/" id="iGEM">iGEM
</a></li>
</a></li>
-
<li><a href="https://2014.igem.org/Team:UCL/Homex" id="HOME">HOME
+
<li><a href="https://2014.igem.org/Team:UCL" id="HOME">HOME
</a></li>
</a></li>
<li><a href="https://2014.igem.org/Team:UCL/Project" id="PROJECT">PROJECT
<li><a href="https://2014.igem.org/Team:UCL/Project" id="PROJECT">PROJECT
Line 90: Line 82:
<div id="menu">
<div id="menu">
<div class="pure-menu pure-menu-open">
<div class="pure-menu pure-menu-open">
-
<a class="pure-menu-heading" href="https://2014.igem.org/Team:UCL/Home">UCL iGEM</a>
+
<a class="pure-menu-heading" href="https://2014.igem.org/Team:UCL">UCL iGEM</a>
<ul>
<ul>
-
<li class="rezmenu"><a href="https://2014.igem.org/Team:UCL/Science">Science</a></li>
 
<li class="rezmenu"><a href="https://2014.igem.org/Team:UCL/Project">Project</a></li>
<li class="rezmenu"><a href="https://2014.igem.org/Team:UCL/Project">Project</a></li>
 +
<li class="rezmenu"><a href="https://2014.igem.org/Team:UCL/Science">Science</a></li>
<li class="rezmenu"><a href="https://2014.igem.org/Team:UCL/Humans">Humans</a></li>
<li class="rezmenu"><a href="https://2014.igem.org/Team:UCL/Humans">Humans</a></li>
                                                         <li class="rezmenu"><a href="https://2014.igem.org/Team:UCL/FAQ">FAQ</a></li>
                                                         <li class="rezmenu"><a href="https://2014.igem.org/Team:UCL/FAQ">FAQ</a></li>
Line 146: Line 138:
     padding: 0;
     padding: 0;
     border: none;}
     border: none;}
-
 
#menubar {
#menubar {
-
    position: absolute;
+
     font-size: 65%;
-
    white-space: nowrap;
+
     }
-
    top: -6px;
+
-
    z-index: 1035;
+
-
    font-family: sans-serif;
+
-
     font-size: 50%;
+
-
     line-height: 1em;
+
-
}
+
-
 
+
-
#menubar ul {
+
-
    margin-bottom: 0;
+
-
}
+
-
 
+
-
.left-menu, .left-menu a {
+
-
    left: 0px;
+
-
    text-align: left;
+
-
    color:transparent;
+
-
    text-transform: lowercase;
+
-
}
+
-
 
+
-
.left-menu li {
+
-
color:transparent !important;
+
-
}
+
-
 
+
-
.left-menu:hover li {
+
-
color: white !important;
+
-
}
+
-
 
+
.left-menu:hover {
.left-menu:hover {
-
    color: white;
+
     background-color: transparent;}
-
     background-color: #555555
+
#menubar li a {
-
}
+
     background-color: transparent;}
-
 
+
#menubar:hover {
-
 
+
     color: black;}
-
 
+
#menubar li a {
-
.left-menu:hover a {
+
     color: transparent;}
-
    color: white;
+
#menubar:hover li a {
-
}
+
     color: black;
-
 
+
     z-index: 9999;}
-
.right-menu, .right-menu a {
+
-
    right: 0px;
+
-
    text-align: right;
+
-
    color: white;
+
-
}
+
-
.right-menu a {
+
-
background-color: #606060;
+
-
}
+
-
 
+
-
.right-menu li a {
+
-
    padding: 0px 15px 0px 0px;
+
-
    color: white;
+
-
     background-color: #606060;
+
-
}
+
-
.right-menu li a:hover {
+
-
     color: #aaaaff;
+
-
    text-decoration: underline;
+
-
}
+
-
 
+
-
#menubar ul {
+
-
     color: #555555;
+
-
    list-style: none;
+
-
    margin-top:10px;
+
-
}
+
-
 
+
-
#menubar li {
+
-
     display: inline;
+
-
     position: relative;
+
-
    cursor: pointer;
+
-
    padding-left: 0px;
+
-
    padding-right: 0px;
+
-
}
+
-
 
+
-
.left-menu li a {
+
-
    padding: 0px 10px 0px 0px;
+
-
}
+
-
 
+
-
 
+
</style>
</style>

Latest revision as of 01:34, 18 October 2014

Goodbye Azodye UCL iGEM 2014