Template:Biotec Dresden/bin/Style
From 2010.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<header> | <header> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
body{ | body{ | ||
margin:0; | margin:0; | ||
Line 15: | Line 14: | ||
outline:none; | outline:none; | ||
text-decoration:none; | text-decoration:none; | ||
- | + | } | |
a:visited { | a:visited { | ||
Line 24: | Line 23: | ||
#top-section { | #top-section { | ||
- | background-color:#000000; | + | background-color:#000000; |
- | height:100px ! important;; | + | height:100px ! important;; |
} | } | ||
#p-logo { | #p-logo { | ||
- | height:80px ! important;; | + | height:80px ! important;; |
- | overflow:hidden; | + | overflow:hidden; |
} | } | ||
#search-controls{ | #search-controls{ | ||
- | height:65px; | + | height:65px; |
- | width:200px; | + | width:200px; |
} | } | ||
.searchButton { | .searchButton { | ||
- | background-color:#F7F7F7 ! important; | + | background-color:#F7F7F7 ! important; |
- | border:1px solid #CCCCCC ! important; | + | border:1px solid #CCCCCC ! important; |
- | color:#666666 ! important; | + | color:#666666 ! important; |
- | cursor:pointer ! important; | + | cursor:pointer ! important; |
- | margin:0 ! important; | + | margin:0 ! important; |
- | padding:5px ! important; | + | padding:5px ! important; |
- | left:15px; | + | left:15px; |
- | position:relative; | + | position:relative; |
} | } | ||
#searchInput { | #searchInput { | ||
- | background-color:#FFFFFF; | + | background-color:#FFFFFF; |
- | border:1px solid #999999; | + | border:1px solid #999999; |
- | color:#333333; | + | color:#333333; |
- | display:block; | + | display:block; |
- | float:left; | + | float:left; |
- | font-family:'Lucida Sans Unicode',verdana,Helvetica,Arial,sans-serif; | + | font-family:'Lucida Sans Unicode',verdana,Helvetica,Arial,sans-serif; |
- | margin:0 5px 5px 0; | + | margin:0 5px 5px 0; |
- | padding:4px; | + | padding:4px; |
- | width:185px; | + | width:185px; |
} | } | ||
#menubar { | #menubar { | ||
- | background-color:#000000; | + | background-color:#000000; |
- | font-size:85%; | + | font-size:85%; |
- | line-height:1em; | + | line-height:1em; |
- | position:absolute; | + | position:absolute; |
- | top:80px; | + | top:80px; |
- | white-space:nowrap; | + | white-space:nowrap; |
- | width:400px; | + | width:400px; |
- | z-index:5; | + | z-index:5; |
- | height:18px; | + | height:18px; |
- | overflow:hidden; | + | overflow:hidden; |
} | } | ||
#menubar li a { | #menubar li a { | ||
- | color:#CCCCCC; | + | color:#CCCCCC; |
} | } | ||
.left-menu { | .left-menu { | ||
- | left:0 | + | left:0; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#content{ | #content{ | ||
- | color:#777777; | + | color:#777777; |
- | padding-bottom:0px; | + | padding-bottom:0px; |
} | } | ||
- | . | + | .firstHeading { |
- | + | position:relative; | |
+ | top:45px; | ||
} | } | ||
- | # | + | /*contact page*/ |
- | + | #respond{display: block; width:100%;color:#333333;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | # | + | #respond input{width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;} |
- | + | ||
- | + | ||
- | } | + | |
- | # | + | #respond textarea{width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;} |
- | + | ||
- | + | #respond p{margin:5px 0;} | |
- | + | ||
- | } | + | |
- | # | + | #respond #submit, #respond #reset{ |
- | + | margin:0; | |
- | + | padding:5px; | |
- | + | color:#666666; | |
- | + | background-color:#F7F7F7; | |
- | + | border:1px solid #CCCCCC; | |
- | + | cursor:pointer; | |
- | + | } | |
- | + | ||
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
/* Custom Icons */ | /* Custom Icons */ | ||
Line 141: | Line 118: | ||
padding-left:5px; | padding-left:5px; | ||
width:970px; | width:970px; | ||
- | + | display:block; | |
- | + | ||
- | display:block; | + | |
} | } | ||
Line 169: | Line 144: | ||
} | } | ||
- | # | + | #footer-box { |
+ | background-color:#95AD19; | ||
+ | color: #333333; | ||
+ | border: 1px solid #95AD19; | ||
+ | margin:0 auto; | ||
+ | padding:13px 5px; | ||
+ | width:965px; | ||
+ | } | ||
- | + | #footer-box a { | |
+ | color: #333333; | ||
+ | font-size:90%; | ||
+ | } | ||
- | + | #footer img{ | |
- | + | opacity: 0.3; | |
- | + | -moz-opacity:0.3; | |
+ | filter:alpha(opacity=30); | ||
+ | } | ||
- | + | #footer img:hover{ | |
- | + | opacity: 1.0; | |
- | + | -moz-opacity:1.0; | |
- | + | filter:alpha(opacity=100); | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | #f-list{ | |
+ | margin:0.2em 0 0 1.5em; | ||
+ | } | ||
+ | #f-copyrightico, #f-poweredbyico{ | ||
+ | padding-left:15px; | ||
+ | padding-right:15px; | ||
+ | padding-top:6px; | ||
+ | } | ||
+ | </style> | ||
</header> | </header> | ||
</html> | </html> |
Revision as of 19:40, 23 June 2010