"
Team:ZJU-China/Notebook
From 2011.igem.org
(Difference between revisions)
| Line 5: | Line 5: | ||
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'> | ||
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> | ||
| - | + | ||
<style> | <style> | ||
.main{background-color:#e9e9e9; | .main{background-color:#e9e9e9; | ||
| Line 36: | Line 36: | ||
width:150px; | width:150px; | ||
float:left; | float:left; | ||
| - | font-family: 'Molengo', sans-serif;} | + | font-family: 'Molengo', sans-serif; |
| + | background-color:transparent;} | ||
.bigblock{ | .bigblock{ | ||
margin:0; | margin:0; | ||
| Line 44: | Line 45: | ||
float:right; | float:right; | ||
color:#333333; | color:#333333; | ||
| + | background-color:transparent; | ||
font-size:12pt; | font-size:12pt; | ||
padding:10px; | padding:10px; | ||
font-family: 'Molengo', sans-serif;} | font-family: 'Molengo', sans-serif;} | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
.leftbar #week li { | .leftbar #week li { | ||
| Line 60: | Line 57: | ||
color:#3e3e3e; | color:#3e3e3e; | ||
cursor: pointer; | cursor: pointer; | ||
| + | } | ||
| + | .bigblock h1{ | ||
| + | font-size:28px} | ||
| + | .bigblock hr{ | ||
| + | |||
| + | padding:0; | ||
| + | margin:10;} | ||
| + | #week1{ | ||
| + | display:none;} | ||
| + | .block{ | ||
| + | -moz-border-radius: 5px; | ||
| + | -webkit-border-radius: 5px; | ||
| + | border-radius: 5px; | ||
| + | background-color: white; | ||
} | } | ||
</style> | </style> | ||
| - | + | ||
</head> | </head> | ||
<body> | <body> | ||
| Line 79: | Line 90: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| - | <div class="bigblock"><p> | + | <div class="bigblock"><div class="inner" id="week1"> |
| + | <div class="block" id="monday"> | ||
| + | <h1>Monday</h1> | ||
| + | <hr/> | ||
| + | <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p> | ||
| + | </div> | ||
| + | <div class="block" id="tuesday"> | ||
| + | <h1>Tuesday</h1> | ||
| + | <hr/> | ||
| + | <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div> | ||
| + | </div> | ||
| + | <script type="text/javascript"> | ||
| + | document.getElementById('w1').onclick= function(){ | ||
| + | document.getElementById('week1').style.display='block' | ||
| + | }; | ||
| + | </script></div></div><p style ="clear:both"></p> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 08:48, 14 September 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Notebook | Diaries
Monday
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Tuesday
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
