"
Template:Tsinghua:Common-Style
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | + | /******************************************* | |
| + | iGEM top section | ||
| + | *******************************************/ | ||
| + | #top-section { | ||
| + | position: relative; | ||
| + | height: 20px; | ||
| + | width: 960px; | ||
| + | margin: 0 auto 0 auto; | ||
| + | } | ||
| + | |||
| + | #p-logo { | ||
| + | position: absolute; | ||
| + | z-index: 1; | ||
| + | height: 20px; | ||
| + | width: 960px; | ||
| + | } | ||
| + | #p-logo h5 { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | #p-logo a, | ||
| + | #p-logo a:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | #search-controls { | ||
| + | position: absolute; | ||
| + | right: 15px; | ||
| + | width: 150px; | ||
| + | height: 20px; | ||
| + | background-color: transparent; | ||
| + | text-align: center; | ||
| + | z-index: 3; | ||
| + | } | ||
| + | input.searchButton { | ||
| + | margin: 1px 5px 0 10px; | ||
| + | font-size: 100%; | ||
| + | background: none; | ||
| + | border: none; | ||
| + | color: #AAAAFF; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | input.searchButton:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | #searchInput { | ||
| + | width: 10.9em; | ||
| + | margin: 0; | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | #searchGoButton { | ||
| + | margin-right: 0px; | ||
| + | margin-left: 35px; | ||
| + | } | ||
| + | |||
| + | |||
| + | #menubar { | ||
| + | position: absolute; | ||
| + | white-space: nowrap; | ||
| + | top: 0px; | ||
| + | width: 400px; | ||
| + | z-index: 5; | ||
| + | font-family: sans-serif; | ||
| + | font-size: 95%; | ||
| + | height: 20px; | ||
| + | line-height: 0px; | ||
| + | } | ||
| + | |||
| + | .left-menu, .left-menu a { | ||
| + | left: 0px; | ||
| + | text-align: left; | ||
| + | color:transparent; | ||
| + | text-transform: lowercase; | ||
| + | } | ||
| + | |||
| + | .left-menu:hover { | ||
| + | color: white; | ||
| + | background-color: #555555 | ||
| + | } | ||
| + | .right-menu, .right-menu a { | ||
| + | right: 0px; | ||
| + | text-align: right; | ||
| + | color: white; | ||
| + | } | ||
| + | #menubar ul { | ||
| + | color: #555555; | ||
| + | list-style: none; | ||
| + | } | ||
| + | #menubar li { | ||
| + | display: inline; | ||
| + | position: relative; | ||
| + | cursor: pointer; | ||
| + | padding-top: 0px; | ||
| + | } | ||
| + | .left-menu li a { | ||
| + | padding: 0px 0px 0px 0px; | ||
| + | } | ||
| + | .left-menu .selected { | ||
| + | # color: white; | ||
| + | } | ||
| + | #.left-menu .selected:hover { | ||
| + | # color: #5555FF; | ||
| + | #} | ||
| + | |||
| + | .left-menu:hover a { | ||
| + | color: white; | ||
| + | } | ||
| + | .right-menu li { | ||
| + | # background-color: #606060; | ||
| + | } | ||
| + | .right-menu li a { | ||
| + | padding: 0px 0px 0px 0px; | ||
| + | color: white; | ||
| + | background-color: #606060; | ||
| + | } | ||
| + | .right-menu li a:hover { | ||
| + | color: #aaaaff; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | |||
body { | body { | ||
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
| Line 310: | Line 429: | ||
border-radius: 3px 0 0 3px; | border-radius: 3px 0 0 3px; | ||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
/* ~~ The footer ~~ */ | /* ~~ The footer ~~ */ | ||
Revision as of 07:04, 14 October 2014
