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%; | |
- | + | float: center; | |
- | + | padding-left: 0%; | |
- | + | padding-right: 0%; | |
- | + | padding-top: 1%; | |
- | + | background-image:url('https://static.igem.org/mediawiki/2012/1/16/Dnanog.jpg'); | |
- | + | 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; | ||
+ | } | ||
- | # | + | #headernavbar a:hover |
- | + | { | |
- | + | color:#ffffff; | |
- | + | background:rgba(255, 0, 0, 0.8);; | |
- | + | text-decoration:none; | |
- | + | z-index: 2; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #headernavbar ul | |
- | + | { | |
- | } | + | background:rgba(255, 0, 0, 0.8);; |
+ | list-style:none; | ||
+ | position:absolute; | ||
+ | left:-9999px; | ||
+ | z-index: 2; | ||
+ | } | ||
- | # | + | #headernavbar ul li |
- | + | { | |
- | + | padding-top:0px; | |
- | + | float:none; | |
- | + | margin-top:-3px; | |
- | + | z-index: 2; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | #headernavbar | + | #headernavbar ul a |
- | + | { | |
- | + | white-space:nowrap; | |
- | + | z-index: 2; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | #headernavbar | + | #headernavbar li:hover ul |
- | + | { | |
- | + | left: -15px; | |
- | + | z-index: 2; | |
- | + | } | |
- | } | + | |
- | #headernavbar | + | #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 | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | #headernavbar li:hover ul li a:hover{ | + | #headernavbar li:hover ul li a:hover |
- | + | { | |
- | + | 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