"
Team:HZAU-China/Modeling
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
{{:Team：HZAU-China/background-head}} | {{:Team：HZAU-China/background-head}} | ||
| - | |||
<html> | <html> | ||
<style> | <style> | ||
#background{ | #background{ | ||
| - | + | background-color: #EDFFFF; | |
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
| Line 13: | Line 12: | ||
#sidebar { | #sidebar { | ||
| - | background-color: | + | background-color:transparent; |
clear: both; | clear: both; | ||
float: left; | float: left; | ||
| Line 19: | Line 18: | ||
width: 230px; | width: 230px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
| - | padding- | + | padding-top: 5px; |
} | } | ||
#paragraphs { | #paragraphs { | ||
| Line 31: | Line 30: | ||
padding-top:10px; | padding-top:10px; | ||
width: 710px; | width: 710px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
</style> | </style> | ||
<body> | <body> | ||
<div id="background"> | <div id="background"> | ||
| - | + | <center> | |
| + | <img width="960" height="300" src="https://static.igem.org/mediawiki/2012/5/59/My_school.JPG"> | ||
| + | <p></p> | ||
| + | </center> | ||
<div id="sidebar"> | <div id="sidebar"> | ||
<style> | <style> | ||
*{margin:0px;padding:0px;} | *{margin:0px;padding:0px;} | ||
ul.menu, | ul.menu, | ||
| - | ul.menu ul {padding:0;margin:0;list-style:none;position:;width:200px;background:#ddd;font-family:arial, sans-serif;} | + | ul.menu ul {padding:0;margin:0;list-style:none;position:;width:200px;background:#ddd;font- |
| + | |||
| + | family:arial, sans-serif;} | ||
ul.menu {z-index:100;padding:10px;margin:0 auto;} | ul.menu {z-index:100;padding:10px;margin:0 auto;} | ||
ul.menu ul {z-index:50; | ul.menu ul {z-index:50; | ||
| Line 56: | Line 55: | ||
ul.menu li {line-height:30px;position:relative;text-indent:10px;} | ul.menu li {line-height:30px;position:relative;text-indent:10px;} | ||
ul.menu > li {margin-top:2px;font-size:12px;} | ul.menu > li {margin-top:2px;font-size:12px;} | ||
| - | ul.menu > li a {font:normal | + | ul.menu > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;} |
| - | ul.menu label.open {display:block;background:#c00 no-repeat 170px 12px;line-height:30px;position:relative;z-index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;} | + | ul.menu label.open {display:block;background:#c00 no-repeat 170px 12px;line- |
| + | |||
| + | height:30px;position:relative;z-index:100;font:normal 12px/30px arial, sans- | ||
| + | |||
| + | serif;color:#fff;border-radius:10px 10px 0 0;} | ||
ul.menu label.open b {color:#ff0;} | ul.menu label.open b {color:#ff0;} | ||
| - | ul.menu span {display:block;background:#c00;line-height:30px;position:relative;z-index:100;} | + | ul.menu span {display:block;background:#c00;line-height:30px;position:relative;z-index:100;font-size: 18px;} |
ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;} | ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;} | ||
ul.menu ul li {margin-top:-30px; | ul.menu ul li {margin-top:-30px; | ||
| Line 68: | Line 71: | ||
transition: 0.5s; | transition: 0.5s; | ||
} | } | ||
| - | ul.menu ul li a {display:block;font:normal | + | ul.menu ul li a {display:block;font:normal 16px/29px arial, sans- |
| + | |||
| + | serif;color:#000;background:#ccc;} | ||
ul.menu ul li a:hover {background:#ddd;} | ul.menu ul li a:hover {background:#ddd;} | ||
ul.menu input {position:absolute;left:-9999px;} | ul.menu input {position:absolute;left:-9999px;} | ||
| Line 74: | Line 79: | ||
ul.menu li input:checked ~ ul {background:#ccc;padding-bottom:10px;} | ul.menu li input:checked ~ ul {background:#ccc;padding-bottom:10px;} | ||
ul.menu li input:checked ~ ul li {margin-top:0;} | ul.menu li input:checked ~ ul li {margin-top:0;} | ||
| - | ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif") no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px} | + | ul.menu label.close {display:block;width:200px;height:30px;background:transparent url |
| + | |||
| + | ("/jscss/demoimg/201208/u-arrow.gif") no-repeat 170px 12px;line- | ||
| + | |||
| + | height:30px;position:relative;left:0;z-index:90;margin-top:-30px} | ||
ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;} | ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;} | ||
ul.menu input.close:checked + label.close {display:none;} | ul.menu input.close:checked + label.close {display:none;} | ||
| Line 80: | Line 89: | ||
ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ||
</style> | </style> | ||
| - | |||
<body> | <body> | ||
<ul class="menu"> | <ul class="menu"> | ||
Revision as of 04:38, 23 July 2013
