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"> | ||
- | + | @charset "utf-8"; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
body { | body { | ||
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
Line 18: | Line 13: | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
+ | } | ||
+ | .normal { | ||
+ | font-size: 14px; | ||
} | } | ||
h1, h2, h3, h4, h5, h6, p { | h1, h2, h3, h4, h5, h6, p { | ||
Line 23: | Line 21: | ||
padding-left: 15px; | padding-left: 15px; | ||
} | } | ||
+ | .normal p{ | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .normal h1{ | ||
+ | font-size: 24px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | border-bottom: solid 1px #AAAAAA; | ||
+ | } | ||
+ | |||
+ | .normal h2{ | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | margin-bottom: 5px; | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | .normal h3{ | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | |||
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */ | a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */ | ||
border: none; | border: none; | ||
Line 287: | Line 309: | ||
-moz-border-radius: 3px 0 0 3px; | -moz-border-radius: 3px 0 0 3px; | ||
border-radius: 3px 0 0 3px; | border-radius: 3px 0 0 3px; | ||
+ | } | ||
+ | |||
+ | /******************************************* | ||
+ | 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; | ||
} | } | ||
Line 317: | Line 459: | ||
display: block; | display: block; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
<html> | <html> |
Revision as of 07:03, 14 October 2014