Team:UPIBI-Mexico/Templates/Main

From 2012.igem.org

(Difference between revisions)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
#globalwrapper {
+
#globalwrapper  
 +
    {
     width:1000px;
     width:1000px;
     padding:0px 0px;
     padding:0px 0px;
Line 10: Line 11:
     background-position: center;
     background-position: center;
     background-size:100% 100%;
     background-size:100% 100%;
-
}
+
    }
-
body {
+
 
 +
body  
 +
    {
     background: #CECECE;
     background: #CECECE;
     background-image: url('https://static.igem.org/mediawiki/2012/1/16/Dnanog.jpg');
     background-image: url('https://static.igem.org/mediawiki/2012/1/16/Dnanog.jpg');
Line 18: Line 21:
     height:100%;
     height:100%;
     background-size:100% 100%;
     background-size:100% 100%;
-
}
+
    }
-
.firstHeading {
+
 
 +
.firstHeading  
 +
    {
     height:0px;
     height:0px;
     visibility:hidden;
     visibility:hidden;
-
}
+
    }
-
#p-logo {
+
#p-logo  
 +
    {
     height:0px;
     height:0px;
     overflow:hidden;
     overflow:hidden;
     display: none;
     display: none;
-
}
+
    }
-
#search-controls {
+
#search-controls  
-
display:none;
+
    {
-
margin-top:0px;
+
    display:none;
-
}
+
    margin-top:0px;
 +
    }
-
#content{
+
#content
 +
    {
     visibility: hidden;
     visibility: hidden;
-
}
+
    }
-
#top-section {
+
#top-section  
 +
    {
     background-image:url('https://static.igem.org/mediawiki/2012/0/08/Igem_logo.png');
     background-image:url('https://static.igem.org/mediawiki/2012/0/08/Igem_logo.png');
     background-color:rgba(255, 0, 0, 0.6);
     background-color:rgba(255, 0, 0, 0.6);
Line 55: Line 64:
     margin-top: 20px;
     margin-top: 20px;
     margin-bottom: -50px;
     margin-bottom: -50px;
-
}
+
    }
-
 
+
#menubar  
-
#menubar {  
+
    {  
     color: white;
     color: white;
     background-color: transparent;  
     background-color: transparent;  
-
}
+
    }
-
#menubar ul li a {  
+
 
 +
#menubar ul li a  
 +
    {  
     color: white;  
     color: white;  
     background-color: transparent;
     background-color: transparent;
-
}
+
    }
-
.right-menu li a {
+
.right-menu li a  
 +
    {
     color: white;
     color: white;
     background-color: transparent;
     background-color: transparent;
-
}
+
    }
/* Header */
/* Header */
-
#wrapper {
+
#wrapper  
-
width: 1000px;
+
    {
-
height: 100%;
+
    width: 1000px;
-
float: center;
+
    height: 100%;
-
padding-left: 0%;
+
    float: center;
-
padding-right: 0%;
+
    padding-left: 0%;
-
        padding-top: 1%;
+
    padding-right: 0%;
-
        background-image:url('https://static.igem.org/mediawiki/2012/1/16/Dnanog.jpg');
+
    padding-top: 1%;
-
background-attachment: fixed;
+
    background-image:url('https://static.igem.org/mediawiki/2012/1/16/Dnanog.jpg');
-
        background-position: center;
+
    background-attachment: fixed;
-
        }
+
    background-position: center;
 +
    }
 +
 
 +
#header
 +
    {
 +
    width: 750px;
 +
    float: center;
 +
    background-color: #FFE4C4;
 +
    height: 150px;
 +
    -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, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    }
 +
 
 +
img
 +
    {
 +
    border: none;
 +
    }
 +
 
 +
#headernavigation
 +
    {
 +
    width:1000px;
 +
    float:center;
 +
    background-color: transparent;
 +
    height:60px;
 +
    margin-left: auto;
 +
    margin-right: auto; 
 +
    margin-top: 20px; 
 +
    margin-bottom: 10px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar
 +
    {
 +
    list-style:none;
 +
    font-weight:bold;
 +
    float:left;
 +
    width:100%;
 +
    margin:0;
 +
    padding:0;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar li
 +
    {
 +
    float:left;
 +
    position:relative;
 +
    text-align:center;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar a
 +
    {
 +
    margin-left:0px;
 +
    display:block;
 +
    padding-bottom:5px;
 +
    padding-top:5px;
 +
    width: 200px;
 +
    color:#ffffff;
 +
    background:rgba(192, 192, 192, 0.9);
 +
    font: bold 16px Times New Roman;
 +
    z-index: 2;
 +
    }
-
#header {
+
#headernavbar a:hover
-
        width: 750px;
+
    {
-
        float: center;
+
    color:#ffffff;
-
background-color:#FFE4C4;
+
    background:rgba(255, 0, 0, 0.8);;
-
height: 150px;
+
    text-decoration:none;
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
    z-index: 2;
-
-moz-box-shadow: 0 8px 6px -6px black;
+
    }
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(255, 255, 255,0.4);
+
-
background-clip: padding-box;
+
-
margin-left: auto;
+
-
margin-right: auto;  
+
-
        }
+
-
img {
+
#headernavbar ul
-
border: none;
+
    {
-
}
+
    background:rgba(255, 0, 0, 0.8);;
 +
    list-style:none;
 +
    position:absolute;
 +
    left:-9999px;
 +
    z-index: 2; 
 +
    }
-
#headernavigation{
+
#headernavbar ul li
-
        width: 1000px;
+
    {
-
        float: center;
+
    padding-top:0px;  
-
background-color: transparent;
+
    float:none;
-
height: 60px;
+
    margin-top:-3px;
-
margin-left: auto;
+
    z-index: 2;   
-
margin-right: auto; 
+
    }
-
        margin-top: 20px; 
+
-
        margin-bottom: 10px;  
+
-
        z-index: 2;   
+
-
        }
+
-
#headernavbar{
+
#headernavbar ul a
-
list-style:none;
+
    {
-
font-weight:bold;
+
    white-space:nowrap;  
-
float:left;
+
    z-index: 2;   
-
width:100%;
+
    }
-
        margin:0;
+
-
        padding:0;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar li{
+
-
        float:left;
+
-
position:relative;
+
-
        text-align:center;
+
-
        z-index: 2;   
+
-
}
+
-
#headernavbar a{
+
-
        margin-left:0px;
+
-
display:block;
+
-
        padding-bottom:5px;
+
-
        padding-top:5px;
+
-
        width: 200px;
+
-
color:#ffffff;
+
-
background:rgba(192, 192, 192, 0.9);
+
-
        font: bold 16px Times New Roman;
+
-
        z-index: 2; 
+
-
 
+
-
}
+
-
#headernavbar a:hover{
+
#headernavbar li:hover ul
-
color:#ffffff;
+
    {  
-
background:rgba(255, 0, 0, 0.8);;
+
    left: -15px;
-
text-decoration:none;
+
    z-index: 2;   
-
        z-index: 2;   
+
    }
-
}
+
-
#headernavbar ul{
+
#headernavbar li:hover a
-
background:rgba(255, 0, 0, 0.8);;
+
    {  
-
list-style:none;
+
    background:rgba(255, 0, 0, 0.8);;
-
position:absolute;
+
    text-decoration:none;
-
left:-9999px;
+
    z-index: 2;   
-
        z-index: 2;   
+
    }
-
}
+
-
#headernavbar ul li{
+
#headernavbar li:hover ul a
-
padding-top:0px;
+
    {  
-
float:none;
+
    text-decoration:none;
-
        margin-top:-3px;
+
    z-index: 2;   
-
        z-index: 2; 
+
    }
-
}
+
-
#headernavbar ul a{
+
-
white-space:nowrap;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar li:hover ul{
+
-
left: -15px;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar li:hover a{
+
-
background:rgba(255, 0, 0, 0.8);;
+
-
text-decoration:none;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar li:hover ul a{  
+
-
text-decoration:none;
+
-
        z-index: 2;   
+
-
}
+
-
#headernavbar li:hover ul li a:hover{  
+
#headernavbar li:hover ul li a:hover
-
background:rgba(255, 0, 0, 0.8);;
+
    {  
-
        z-index: 2;   
+
    background:rgba(255, 0, 0, 0.8);
-
}
+
    z-index: 2;   
 +
    }
</style>
</style>
</html>
</html>
{{:Team:UPIBI-Mexico/Templates/Navigationbar}}
{{:Team:UPIBI-Mexico/Templates/Navigationbar}}

Revision as of 19:23, 28 June 2012

Header

Retrieved from "http://2012.igem.org/Team:UPIBI-Mexico/Templates/Main"