Template:Lambert.css
From 2014hs.igem.org
(Difference between revisions)
(29 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style text="text/css"> | <style text="text/css"> | ||
+ | |||
+ | body { | ||
+ | font-family: Arial; | ||
+ | background-color: #8FE94A; | ||
+ | } | ||
+ | |||
+ | p{ | ||
+ | font-family: Verdana; | ||
+ | color: #202020; | ||
+ | padding: 2% 2% 2% 2%; | ||
+ | text-align: justify; | ||
+ | text-indent: 30px; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} | ||
+ | |||
+ | ul{ | ||
+ | font-family: Verdana; | ||
+ | color: #000000; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul li{ | ||
+ | font-family: Verdana; | ||
+ | color: #202020; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | text-align: left; | ||
+ | font-weight: normal; | ||
+ | } | ||
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
Line 33: | Line 62: | ||
div.navigater { | div.navigater { | ||
background-color: white; | background-color: white; | ||
+ | height: 160px; | ||
} | } | ||
.navigater ul { | .navigater ul { | ||
position: relative; | position: relative; | ||
- | left: - | + | left: -40px; |
z-index:100; | z-index:100; | ||
text-align: center; | text-align: center; | ||
display: inline; | display: inline; | ||
list-style: none; | list-style: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
} | } | ||
Line 48: | Line 80: | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
- | width: | + | width: 100px; |
- | height: | + | height: 100px; |
+ | padding-right: 5px; | ||
+ | margin: 0; | ||
background-color: transparent; | background-color: transparent; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
Line 73: | Line 107: | ||
.navigater ul li a:hover {text-decoration:none; background-color: transparent;} | .navigater ul li a:hover {text-decoration:none; background-color: transparent;} | ||
.navigater ul li a:visited {text-decoration:none; background-color: transparent;} | .navigater ul li a:visited {text-decoration:none; background-color: transparent;} | ||
+ | |||
+ | div.sponsors { | ||
+ | background-color: white; | ||
+ | height: 500px; | ||
+ | } | ||
+ | .sponsors ul { | ||
+ | position: relative; | ||
+ | left: -10px; | ||
+ | z-index:100; | ||
+ | text-align: center; | ||
+ | display: inline; | ||
+ | list-style: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .sponsors ul li { | ||
+ | z-index:100; | ||
+ | font: bold 14px/20PX helvetica; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | width: 300px; | ||
+ | height: 200px; | ||
+ | padding-right: 5px; | ||
+ | margin: 0; | ||
+ | background-color: transparent; | ||
+ | background-repeat:no-repeat; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .sponsors ul li a:link{ | ||
+ | display: block; | ||
+ | font-size:16px/20px; | ||
+ | width: 110px; | ||
+ | height: 14px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .sponsors ul li:hover ul { | ||
+ | z-index:100; | ||
+ | display: block; | ||
+ | opacity: 0.95; | ||
+ | visibility: visible; | ||
+ | background-color: #BFAE30; | ||
+ | } | ||
+ | .sponsors ul li a:hover {text-decoration:none; background-color: transparent;} | ||
+ | .sponsors ul li a:visited {text-decoration:none; background-color: transparent;} | ||
+ | |||
+ | .clear { | ||
+ | clear: both; | ||
+ | height: 50px; | ||
+ | } | ||
+ | |||
+ | .bigclear { | ||
+ | clear: both; | ||
+ | height: 150px; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 02:28, 20 June 2014