Biomod/2014/fit test.html: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
Team Fukuoka (talk | contribs) No edit summary |
Team Fukuoka (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> | ||
<head> | <head> | ||
<style type="text/css" > | <style type="text/css" > | ||
#dropmenu{ | |||
list-style: none; | list-style: none; | ||
width:900px; | |||
height: 50px; | |||
margin: 30px auto 100px; | |||
padding: 0; | |||
background: #8a9b0f; | |||
border-bottom: 5px solid #535d09; | |||
border-radius: 3px 3px 0 0; | |||
} | |||
#dropmenu li{ | |||
position: relative; | |||
width: 16.666666666666%; | |||
float: left; | |||
margin: 0; | |||
padding: 0; | |||
text-align: center; | |||
} | |||
#dropmenu li a{ | |||
display: block; | |||
margin: 0; | |||
padding: 15px 0 11px; | |||
color: #fff; | |||
font-size: 14px; | |||
font-weight: bold; | |||
line-height: 1; | |||
text-decoration: none; | |||
} | |||
#dropmenu li:hover > a{ | |||
background: #6e7c0c; | |||
color: #eff7b1; | |||
} | } | ||
#dropmenu > li:hover > a{ | |||
border-radius: 3px 3px 0 0; | |||
} | } | ||
#dropmenu li ul{ | |||
list-style: none; | list-style: none; | ||
position: absolute; | |||
margin: | top: 100%; | ||
left: 0; | |||
margin: 0; | |||
padding: 0; | |||
border-radius: 0 0 3px 3px; | |||
} | } | ||
ul | #dropmenu li ul li{ | ||
overflow: hidden; | |||
width: 100%; | |||
height:0; | |||
color: #fff; | |||
-moz-transition: .2s; | |||
-webkit-transition: .2s; | |||
-o-transition: .2s; | |||
-ms-transition: .2s; | |||
transition: .2s; | |||
} | } | ||
ul | #dropmenu li ul li a{ | ||
padding: 13px 15px; | |||
background: #6e7c0c; | |||
text-align: left; | |||
font-size: 16px; | |||
font-weight: normal; | |||
} | } | ||
#dropmenu li:hover ul li{ | |||
overflow: visible; | |||
height: 38px; | |||
border-top: 1px solid #7c8c0e; | |||
border-bottom: 1px solid #616d0b; | |||
} | } | ||
ul | #dropmenu li:hover ul li:first-child{ | ||
border-top: 0; | |||
} | } | ||
ul | #dropmenu li:hover ul li:last-child{ | ||
border-bottom: 0; | |||
} | } | ||
#dropmenu li:hover ul li:last-child a{ | |||
border-radius: 0 0 3px 3px; | |||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body background="wiki-top3背景みどり11.png" bgcolor="#ffffff" text="#660000" link="#990000" alink="#339933" vlink="#990000" bgproperties="fixed" leftmargin="3" topmargin="2"> | ||
<img src="teamfitろご-みどり.png" alt" alt="" width="352" height="82" hspace="0" align="left"> | |||
<hr size="0" width="100%" color="#ffffff" noshade> | |||
< | <ul id="dropmenu"> | ||
<li><a href="#">Home</a> | |||
<ul> | <ul> | ||
<li><a href="#">Abstract</a></li> | |||
<li><a href="#">Video</a></li> | |||
</ul> | </ul> | ||
</li> | |||
<li><a href="#">Projects</a> | |||
<ul> | |||
<li><a href="#">background & Motivation</a></li> | |||
<li><a href="#">Goals</a></li> | |||
</ul> | |||
</li> | |||
<li><a href="#">Design</a> | |||
<ul> | <ul> | ||
<li><a href="#">Early Design</a></li> | |||
<li><a href="#">Final Design</a></li> | |||
</ul> | </ul> | ||
</li> | |||
<li><a href="#">Method</a> | |||
<ul> | |||
<li><a href="#">Barrel particle and Doll particle</a></li> | |||
<li><a href="#">DNA modified</a></li> | |||
<li><a href="#">樽と人形の結合</a></li> | |||
<li><a href="#">樽人形剣</a></li> | |||
<li><a href="#">Material amd Apparatus</a></li> | |||
</ul> | |||
</li> | |||
<li><a href="#">Result and Discassions</a> | |||
<ul> | <ul> | ||
<li><a href="#">>Barrel particle and Doll particle</a></li> | |||
<li><a href="#">DNA modified</a></li> | |||
<li><a href="#">樽と人形の結合</a></li> | |||
<li><a href="#">樽人形剣</a></li> | |||
<li><a href="#">Conclusion</a></li> | |||
</ul> | </ul> | ||
</li> | |||
<li><a href="#">Team</a> | |||
<ul> | <ul> | ||
<li><a href="#">>Menber</a></li> | |||
<li><a href="#">Sponsor</a></li> | |||
</ul> | </ul> | ||
</li> | |||
</ul> | </ul> | ||
Line 129: | Line 170: | ||
<hr size="1" width="100%" color="#440000" noshade> | <hr size="1" width="100%" color="#440000" noshade> | ||
</body> | </body> |
Revision as of 03:59, 24 October 2014
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <style type="text/css" >
- dropmenu{
list-style: none; width:900px; height: 50px; margin: 30px auto 100px; padding: 0; background: #8a9b0f; border-bottom: 5px solid #535d09; border-radius: 3px 3px 0 0;
}
- dropmenu li{
position: relative; width: 16.666666666666%; float: left; margin: 0; padding: 0; text-align: center;
}
- dropmenu li a{
display: block; margin: 0; padding: 15px 0 11px; color: #fff; font-size: 14px; font-weight: bold; line-height: 1; text-decoration: none;
}
- dropmenu li:hover > a{
background: #6e7c0c; color: #eff7b1;
}
- dropmenu > li:hover > a{
border-radius: 3px 3px 0 0;
}
- dropmenu li ul{
list-style: none; position: absolute; top: 100%; left: 0; margin: 0; padding: 0; border-radius: 0 0 3px 3px;
}
- dropmenu li ul li{
overflow: hidden; width: 100%; height:0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;
}
- dropmenu li ul li a{
padding: 13px 15px; background: #6e7c0c; text-align: left; font-size: 16px; font-weight: normal;
}
- dropmenu li:hover ul li{
overflow: visible; height: 38px; border-top: 1px solid #7c8c0e; border-bottom: 1px solid #616d0b;
}
- dropmenu li:hover ul li:first-child{
border-top: 0;
}
- dropmenu li:hover ul li:last-child{
border-bottom: 0;
}
- dropmenu li:hover ul li:last-child a{
border-radius: 0 0 3px 3px;
}
</style>
</head>
<body background="wiki-top3背景みどり11.png" bgcolor="#ffffff" text="#660000" link="#990000" alink="#339933" vlink="#990000" bgproperties="fixed" leftmargin="3" topmargin="2">
<img src="teamfitろご-みどり.png" alt" alt="" width="352" height="82" hspace="0" align="left">
<img src="top-みどり.png" alt="" width="80" height="43" hspace="3" vspace="2" align="left">
Abstract
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
</body>