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 44: | Line 44: | ||
left: 0; | left: 0; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding:0; | ||
border-radius: 0 0 3px 3px; | border-radius: 0 0 3px 3px; | ||
Line 85: | Line 85: | ||
</style> | </style> | ||
</head> | </head> | ||
< | <div style="background: url(/images/4/46/Fitaoback.png);" | ||
<img src="/images/4/46/Fitaologo.PNG" alt" alt="" width="430" height="98" hspace="0" align="left"> | |||
<hr size="0" width="100%" color="#ffffff" noshade> | <hr size="0" width="100%" color="#ffffff" noshade> | ||
Line 120: | Line 123: | ||
<li><a href="#">Method</a> | <li><a href="#">Method</a> | ||
<ul> | <ul> | ||
<li><a href="#">Barrel | <li><a href="#">Barrel particle</a></li> | ||
<li><a href="#">DNA modified</a></li> | <li><a href="#">DNA modified</a></li> | ||
<li><a href="#">樽と人形の結合</a></li> | <li><a href="#">樽と人形の結合</a></li> | ||
<li><a href="#">樽人形剣</a></li> | <li><a href="#">樽人形剣</a></li> | ||
<li><a href="#">Material | <li><a href="#">Material</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 166: | Line 169: | ||
</p> | </p> | ||
</div> | </div> | ||
</font> | </font> | ||
<hr size="1" width="100%" color="#440000" noshade> | <hr size="1" width="100%" color="#440000" noshade> | ||
</div> | |||
</body> | </body> |
Revision as of 04:17, 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>
<div style="background: url(/images/4/46/Fitaoback.png);"
<img src="/images/4/46/Fitaologo.PNG" alt" alt="" width="430" height="98" hspace="0" align="left">
<img src="top-みどり.png" alt="" width="80" height="43" hspace="3" vspace="2" align="left">
Abstract
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
</body>