Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 22: Line 22:
     padding: 0 0 0 0px;
     padding: 0 0 0 0px;
     position: relative;
     position: relative;
-
     width: 570px;
+
     width: 600px;
     left: 430px;
     left: 430px;
-
    top: 92px;
 
}
}
#nav ul {
#nav ul {
Line 151: Line 150:
#globalWrapper
#globalWrapper
{
{
 +
width: 100%;
}
}
#top-section { height: 20px; margin-left: -487.5px; margin-bottom: 5; !important;
#top-section { height: 20px; margin-left: -487.5px; margin-bottom: 5; !important;
Line 178: Line 178:
     border-right: none;
     border-right: none;
background-color: transparent;
background-color: transparent;
 +
width:100%
}
}
Line 535: Line 536:
     text-decoration:none;
     text-decoration:none;
     text-align:center;
     text-align:center;
-
    padding-top:80px;
 
-
    margin-top: -60px;
 
     cursor:pointer;
     cursor:pointer;
     postion: relative;
     postion: relative;
Line 583: Line 582:
top: 53px;
top: 53px;
left: 430px;  
left: 430px;  
 +
}
 +
#topbar1
 +
{
 +
background-image: url('http://2012.igem.org/wiki/images/d/db/Topbar1.png');
 +
background-repeat: repeat-x;
 +
width: 100%;
 +
height: 60px;
 +
position: absolute;
 +
top: 0px;
 +
left: 0px;
 +
-moz-box-shadow: 2px 2px 2px 2px #000;
 +
-webkit-box-shadow: 2px 2px 2px 2px #000;
 +
box-shadow: 2px 2px 2px 2px #000;
 +
/* For IE 8 */
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000')";
 +
/* For IE 5.5 - 7 */
 +
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000');
}
}
Line 588: Line 604:
</head>
</head>
<body>
<body>
-
<div id="headercontainer">
+
<div id="topbar1">
-
<div id="header">
+
 
<a id="qboxlink" href="http://www.queensu.ca/"></a>
<a id="qboxlink" href="http://www.queensu.ca/"></a>
<a id="iboxlink" href="http://2012.igem.org/Main_Page"></a>
<a id="iboxlink" href="http://2012.igem.org/Main_Page"></a>
Line 600: Line 616:
<li><a href="#">Ligation Method</a></li>
<li><a href="#">Ligation Method</a></li>
</ul>
</ul>
-
<li><a class="hsubs" href="#">Human <br> Practices</a>
+
<li><a class="hsubs" href="#">Human Practices</a>
</li>
</li>
<li><a href="http://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a>
<li><a href="http://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a>
Line 612: Line 628:
</ul>
</ul>
-
<div id="menu1">
 
-
fas
 
</div>
</div>
-
</div>
 
-
<div id="submenu_container">
 
-
        <ul id="submenu">
 
-
            <li class="home" style="width: 75px; left: 15px;"><a title="Home"></a></li>
 
-
            <li class="about" style="width: 79px; left: 75px;"><a title="About"></a></li>
 
-
            <li class="search" style="width: 94px; left: 79px;"><a title="Search"></a></li>
 
-
            <li class="photos" style="width: 130px; left: 94px;"><a title="Photos"></a></li>
 
-
            <li class="contact" style="width: 95px; left: 130px;"><a title="Contact"></a></li>
 
-
        </ul>
+
 
-
</div>
+
-
</div>
+
<script type="text/javascript">
<script type="text/javascript">
$("#test1").hover(function(){
$("#test1").hover(function(){

Revision as of 19:24, 22 June 2012

up
Control