Template:Template ZJU-China 2010
From 2010.igem.org
(Difference between revisions)
Fatestudio (Talk | contribs) |
Fatestudio (Talk | contribs) |
||
Line 28: | Line 28: | ||
} | } | ||
- | # | + | /*#main{ |
+ | width:1024px; | ||
+ | height:1000px; | ||
+ | }*/ | ||
+ | |||
+ | #menubar { | ||
float: left; | float: left; | ||
font-size:20px; | font-size:20px; | ||
font-stretch:expanded; | font-stretch:expanded; | ||
- | width: | + | width: 269px; |
height: 800px; | height: 800px; | ||
} | } | ||
- | # | + | #menubar ul { |
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #menubar ul li { | ||
+ | float: left; | ||
+ | display: inline; | ||
+ | font: 0.9em Arial, Helvetica, sans-serif; | ||
+ | height: 30px; | ||
+ | width: 200px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #menubar ul li a { | ||
+ | color: #FFF; | ||
+ | text-decoration: none; | ||
+ | line-height: 29px; | ||
+ | width: 91px; | ||
+ | margin: 0px; | ||
+ | padding: 0px 0px 0px 8px; | ||
+ | display: block; | ||
+ | border-right: solid 1px #ccc; | ||
+ | border-bottom:solid 1px #ccc; | ||
+ | background: #808080; | ||
+ | } | ||
+ | |||
+ | #menubar ul li ul li { height:25px; } | ||
+ | #menubar ul li ul li a { | ||
+ | background: #666; | ||
+ | line-height:24px; | ||
+ | } | ||
+ | |||
+ | #menubar ul li a:hover { background: #666; } | ||
+ | |||
+ | #menubar ul li ul { visibility: hidden; } | ||
+ | |||
+ | #menubar ul li:hover ul { visibility: visible; } | ||
+ | |||
+ | #menubar ul li ul li a:hover { background: #333; } | ||
+ | |||
+ | #menubar a{ | ||
color:#009; | color:#009; | ||
+ | } | ||
+ | |||
+ | #menubar body { | ||
+ | |||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | /*font-size: 12px;*/ | ||
+ | line-height: 24px; | ||
+ | |||
} | } | ||
Line 43: | Line 97: | ||
width:227px; | width:227px; | ||
height:58px; | height:58px; | ||
- | background-image:url( | + | background-image:url(menubar1.jpg); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
- | |||
text-align:center; | text-align:center; | ||
+ | line-height:55px; | ||
} | } | ||
Line 57: | Line 111: | ||
width:227px; | width:227px; | ||
height:58px; | height:58px; | ||
- | background-image:url( | + | background-image:url(menubar2.jpg); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
- | |||
text-align:center; | text-align:center; | ||
+ | line-height:55px; | ||
} | } | ||
Line 71: | Line 125: | ||
width:227px; | width:227px; | ||
height:58px; | height:58px; | ||
- | background-image:url( | + | background-image:url(menubar3.jpg); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
- | |||
text-align:center; | text-align:center; | ||
+ | line-height:55px; | ||
} | } | ||
Line 85: | Line 139: | ||
width:227px; | width:227px; | ||
height:58px; | height:58px; | ||
- | background-image:url( | + | background-image:url(menubar4.jpg); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
- | |||
text-align:center; | text-align:center; | ||
+ | line-height:55px; | ||
} | } | ||
Line 99: | Line 153: | ||
width:227px; | width:227px; | ||
height:58px; | height:58px; | ||
- | background-image:url( | + | background-image:url(menubar5.jpg); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
- | |||
text-align:center; | text-align:center; | ||
+ | line-height:55px; | ||
} | } | ||
Line 108: | Line 162: | ||
width:227px; | width:227px; | ||
display:none; | display:none; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 120: | Line 170: | ||
overflow: auto; | overflow: auto; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
- | width: | + | width:700px; |
height: 800px; | height: 800px; | ||
Line 132: | Line 182: | ||
} | } | ||
+ | |||
+ | #menubox{ | ||
+ | top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight); | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Revision as of 11:27, 14 September 2010