Team:UIUC-Illinois/DropdownTest

From 2012.igem.org

(Difference between revisions)
 
(137 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
</head>
 +
<style type="text/css">
<style type="text/css">
 +
 +
/*Reformatting*/
 +
 +
#globalwrapper {
 +
    width:1000px;
 +
    padding:0px 0px;
 +
    margin: 0 auto;
 +
    background-image:url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-size:100% 100%;
 +
}
 +
body {
 +
    background: #CECECE;
 +
    background-image: url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    height:100%;
 +
    background-size:100% 100%;
 +
}
 +
.firstHeading {
 +
    height:0px;
 +
    visibility:hidden;
 +
}
 +
 +
#p-logo {
 +
    height:0px;
 +
    overflow:hidden;
 +
    display: none;
 +
}
 +
 +
#search-controls {
 +
display:none;
 +
margin-top:0px;
 +
}
 +
 +
#content{
 +
    visibility: hidden;
 +
}
 +
 +
#top-section {
 +
   
 +
    background-image:url('https://static.igem.org/mediawiki/2012/1/1f/Bannerfinal.png');
 +
    background-position: top;
 +
    width:1000px;
 +
    height:200px ;
 +
    background-repeat: no-repeat;
 +
    border-width:0px;
 +
    border-top-width:0px;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    border: 10px solid rgba(255, 228, 196,0.4);
 +
    background-clip: padding-box;
 +
    margin-top: -10px;
 +
    margin-bottom: -20px;
 +
}
 +
 +
#menubar {
 +
    color: white;
 +
    background-color: transparent;
 +
}
 +
#menubar ul li a {
 +
    color: white;
 +
    background-color: transparent;
 +
}
 +
 +
.right-menu li a {
 +
    color: white;
 +
    background-color: transparent;
 +
}
 +
 +
#footer-box {
 +
        float: center;
 +
        overflow: hidden;
 +
        display: block;
 +
        background-color: #FFE4C4;
 +
        width: 1000px;
 +
        height: 50px;
 +
        font-weight: normal;
 +
        font-style: normal;
 +
        font-size: 10px;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
}
 +
 +
#catlinks {
 +
        visibility: hidden;
 +
}
 +
 +
/*Reformatting End*/
#headernavigation{
#headernavigation{
-
         width: 750px;
+
         width: 1000px;
         float: center;
         float: center;
-
background-color:#FFE4C4;
+
background-color: transparent;
-
height: 150px;
+
height: 60px;
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(255, 228, 196,0.4);
+
-
background-clip: padding-box;
+
margin-left: auto;
margin-left: auto;
-
margin-right: auto;    
+
margin-right: auto;
 +
        margin-top: -102px; 
 +
        margin-bottom: 100px; 
}
}
#headernavbar{
#headernavbar{
-
        list-style:none;
+
list-style:none;
font-weight:bold;
font-weight:bold;
-
margin-bottom:0px;
 
float:left;
float:left;
width:100%;
width:100%;
 +
        margin:0;
 +
        padding:0;
}
}
-
 
#headernavbar li{
#headernavbar li{
-
float:left;
+
        float:left;
-
margin-right:0px;
+
position:relative;
position:relative;
 +
        text-align:center;
}
}
-
 
#headernavbar a{
#headernavbar a{
 +
        margin-left:0px;
display:block;
display:block;
-
         width: 10%;
+
         padding-bottom:20px;
-
padding:5px;
+
        padding-top:20px;
-
color: white;
+
        width: 100px;
 +
color:#ffffff;
background:#F47F24;
background:#F47F24;
-
text-decoration:none;
+
        font: bold 16px Arial;
 +
 
}
}
-
 
#headernavbar a:hover{
#headernavbar a:hover{
-
color: white;
+
color:#ffffff;
-
background:#F47F24;
+
background:#003C7D;
-
text-decoration:bold;
+
text-decoration:none;
}
}
#headernavbar ul{
#headernavbar ul{
-
background: transparent;
+
background: #003C7D;
list-style:none;
list-style:none;
position:absolute;
position:absolute;
-
left:-9999px;
+
left:-9999px;  
}
}
-
 
#headernavbar ul li{
#headernavbar ul li{
-
padding-top:1px;
+
padding-top:0px;  
float:none;
float:none;
 +
        margin-top:-3px;
}
}
-
 
#headernavbar ul a{
#headernavbar ul a{
-
white-space:nowrap;
+
white-space:nowrap;  
}
}
-
 
+
#headernavbar li:hover ul{  
-
#headernavbar li:hover ul{
+
left: -15px;
-
left:0;  
+
}
}
-
 
#headernavbar li:hover a{  
#headernavbar li:hover a{  
-
        -webkit-transition:-webkit-transform 0.075s linear;
+
background:#003C7D;
-
background:#F47F24;
+
text-decoration:none;
-
text-decoration:bold;
+
}
}
-
 
#headernavbar li:hover ul a{  
#headernavbar li:hover ul a{  
text-decoration:none;
text-decoration:none;
-
        -webkit-transition:-webkit-transform 0.075s linear;
 
}
}
-
 
#headernavbar li:hover ul li a:hover{  
#headernavbar li:hover ul li a:hover{  
-
background: #003C7D;
+
background:#F47F24;
}
}
Line 84: Line 176:
</style>
</style>
 +
 +
<body>
<div id="headernavigation">
<div id="headernavigation">
 +
<ul id="headernavbar">
<ul id="headernavbar">
<li>
<li>
Line 93: Line 188:
<a href="https://2012.igem.org/Team:UIUC-Illinois/Team">Team</a>
<a href="https://2012.igem.org/Team:UIUC-Illinois/Team">Team</a>
<ul>
<ul>
-
                         <li><a href="https://2012.igem.org/Team:UIUC-Illinois/Team/AboutUs</a></li>
+
                         <li><a href="https://2012.igem.org/Team:UIUC-Illinois/Team/AboutUs>AboutUs">About Us</a></li>
                
                
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Team">Undergradates</a></li>
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Team">Undergradates</a></li>
Line 161: Line 256:
</ul>
</ul>
</div>
</div>
 +
 +
</body>
</html>
</html>

Latest revision as of 18:45, 31 May 2012

Retrieved from "http://2012.igem.org/Team:UIUC-Illinois/DropdownTest"