"
Template:Tsinghua:Navigation-Style
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
#main{ | #main{ | ||
| - | + | border-left: 10px solid #A40004; | |
| - | + | min-height:600px; | |
} | } | ||
#header{ | #header{ | ||
| - | + | width: 100%; | |
| + | overflow: hidden; | ||
} | } | ||
| Line 20: | Line 15: | ||
#title-box{ | #title-box{ | ||
| - | + | height: 100%; | |
| - | + | overflow: hidden; | |
| - | + | border-bottom: 1px solid #ccc; | |
} | } | ||
#title-bar{ | #title-bar{ | ||
| - | + | margin-top: 30px; | |
| - | + | height: 60%; | |
| - | + | float:right; | |
} | } | ||
#page-title{ | #page-title{ | ||
| - | + | font-size:24px; | |
| - | + | font-style: italic; | |
| - | + | bottom: 20px; | |
} | } | ||
#lefter{ | #lefter{ | ||
| - | + | float: left; | |
| - | + | margin-right: 10px; | |
} | } | ||
#menu{ | #menu{ | ||
| - | + | position: relative; | |
| - | + | width: 140px; | |
| - | + | margin: 5px 0px 0px 20px; | |
| - | + | float:left; | |
} | } | ||
#left-three-box{ | #left-three-box{ | ||
| - | + | width: 30px; | |
| - | + | height: 30px; | |
| - | + | margin-left:10px; | |
} | } | ||
.menu-item{ | .menu-item{ | ||
| - | + | position:relative; | |
| - | + | border-bottom: 2px solid #ccc; | |
| - | + | line-height: 25px; | |
| - | + | font-size: 16px; | |
| - | + | cursor:pointer; | |
} | } | ||
.sub-menu{ | .sub-menu{ | ||
| - | + | margin: 0px 0px 5px 30px; | |
| - | + | color: #000; | |
| - | + | font-style: italic; | |
} | } | ||
.sub-menu-item{ | .sub-menu-item{ | ||
| - | + | position:relative; | |
| - | + | border-bottom: 2px solid #fff; | |
| - | + | line-height: 25px; | |
| - | + | font-size: 14px; | |
| - | + | cursor:pointer; | |
} | } | ||
.menu-item a { | .menu-item a { | ||
| - | + | text-decoration: none; | |
| - | + | color: black; | |
} | } | ||
.menu-selected{ | .menu-selected{ | ||
| - | + | color:#A40004; | |
| - | + | border-bottom: 2px solid #A40004; | |
} | } | ||
#top-box { | #top-box { | ||
| - | + | position: fixed; | |
| - | + | right: 30px; | |
| - | + | top: 200px; | |
| - | + | width: 100px; | |
| - | + | height: 80px; | |
| - | + | background-color: #c4fbf8; | |
| - | + | text-align: center; | |
} | } | ||
#top-box div{ | #top-box div{ | ||
| - | + | width: 3em; | |
| - | + | height: 1em; | |
} | } | ||
#mycontent{ | #mycontent{ | ||
| - | + | float: left; | |
| - | + | width: 78%; | |
| - | + | font-size: 14px; | |
| - | + | margin: 10px 0px 10px 10px; | |
| - | + | padding: 5px; | |
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 14:32, 26 September 2013
