Biomod/2012/Team Sendai Old: Difference between revisions
Yusuke Sato (talk | contribs) No edit summary |
Yusuke Sato (talk | contribs) No edit summary |
||
Line 2: | Line 2: | ||
<html><table border="0" align="center" vertical-align: middle;> | <html><table border="0" align="center" vertical-align: middle;> | ||
<tr><td><font color="#ff0000" size="5">Welcome!!</font></td></tr></table></html> | <tr><td><font color="#ff0000" size="5">Welcome!! ※注リンクは去年のページのままです</font></td></tr></table></html> | ||
Revision as of 19:10, 29 June 2012
<html>
<style rel="stylesheet" type="text/css">
.clear {clear:both;} #verticalmenu {
/*this .CSS is inspired by http://www.javascriptkit.com/ */ font-family: "Comic Sans MS" , "Brush Script MT",serif, sans-serif, monospace, cursive, fantasy; list-style:none;}
- verticalmenu a:hover {
color: #aa1d1d; /* color when the click is over the main menu text-transform: uppercase; font-size: 10px; */
}
a:visited { color:#00a5ea; text-decoration: none }
.glossymenu, .glossymenu li ul{ list-style-type: none; margin: 0; padding: 0; width: 250px; /*WIDTH OF MAIN MENU ITEMS*/ border: 1px solid black; list-style:none; }
.glossymenu li{ position: relative; }
.glossymenu li a{ background: white url(http://openwetware.org/images/a/a7/Glossyback2.jpg) repeat-x bottom left; font: bold 17px Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 10px 0; padding-left: 10px; text-decoration: none; }
.glossymenu li ul{ /*SUB MENU STYLE*/ position: absolute; width: 200px; /*WIDTH OF SUB MENU ITEMS*/
left: 0; top: 0; display: none; }
.glossymenu li ul li{ float: left; }
.glossymenu li ul a{ width: 190px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */ }
.glossymenu .arrowdiv{ position: absolute; right: 2px; background: transparent url(http://openwetware.org/images/6/69/Arrow.gif) no-repeat center right; }
.glossymenu li a:visited, .glossymenu li a:active{ color: white; }
.glossymenu li a:hover{ background-image: url(http://openwetware.org/images/5/50/Glossyback.jpg); }
/* Holly Hack for IE \*/
- html .glossymenu li { float: left; height: 1%; }
- html .glossymenu li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
/***********************************************
- CSS Vertical List Menu- by JavaScript Kit (www.javascriptkit.com)
- Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/
- This notice must stay intact for usage
- Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
- /
var menuids=new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.
function createcssmenu(){ for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ var spanref=document.createElement("span")
spanref.className="arrowdiv" spanref.innerHTML=" " ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px" this.getElementsByTagName("ul")[0].style.display="block" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.display="none" } } }
} if (window.addEventListener) window.addEventListener("load", createcssmenu, false) else if (window.attachEvent) window.attachEvent("onload", createcssmenu) </script>
<table border="0" align="center" vertical-align: middle;> <tr>
<td>
<ul id="verticalmenu" class="glossymenu"> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai">Home</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Strategy">Strategy</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Design">Design</a></li> <li><a href="#">Experiments</a>
<ul> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Results/Electrophoresis">Electrophoresis</a> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Results/Atomic_Force_Microscope">AFM</a> </ul>
</li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Computational_design/Simulation" >Simulation</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Notes">Notes</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Team">Team</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Resources">Resources</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Sitemap">Sitemap</a></li>
</ul>
</td>
<td>
<img src="http://openwetware.org/images/0/07/3D_sendai.png" width="650"> </td> </tr> </table> </html> <html> <head> <style type="text/css">
- content {padding-left: 10px;width: 970px;}}
h3 {font-decoration: none;} h1.firstHeading {display: none; } </style> </head> </html>
<html> <style rel="stylesheet" type="text/css"> /*このスタイルシートの著作権はテンプレート工房TAKEにあります*/ /*ページのレイアウト用css*/
body{ background:#F5F5DC; /*壁色と壁紙設定*/ background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/ font:"メイリオ", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #333333; margin:0px; padding:0px; }
- contents{
width:900px;
margin:0 auto; background-color: #FFFFFF ;/*コンテンツ内の背景(サイズをぴったりにすること)*/ background-repeat:repeat-y; /*縦に繰り返し*/ border:solid 1px #666666;/*サイトに枠を付ける設定,色の変更可*/
position:relative; font-size:80%;
}
/*ヘッダー部分の設定*/
- header{
background-image:url(http://openwetware.org/images/c/c4/TeamSendai-logo3.png) ;/*ヘーダー*/ background-repeat:repeat-x; /*縦に繰り返し*/ background-position:top right; height:140px; /*ヘーダーの高さ*/ }
- header p {
font-size: 26px;
color:#333333;
padding-top: 15px; padding-left: 20px; }
/*上部メニューボタンの設定*/
- navbar{
background-color:#FFFFFF; width: 100%; height:40px; position:margine; top:100px; left:0px; border-top:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; }
- navbar ul{
margin:0;
padding:0; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:40px; letter-spacing:2px; }
- navbar li{
background-color:#000099; /*上部メニューのボタンの背景*/
float:left; width:146px; /*メニューボタンの幅*/ text-align:center; padding:0; border-right:solid 1px #ffffff; }
- navbar ul a:hover{
background-color:#0033cc; /*メニューボタンにカーソルが来た時に背景*/
width:146px; /*メニューボタンの幅*/ }
- navbar a{
color:#ffffFF;/*メニューボタンの文字の色*/
display:block; }
- navbar a:hover{
color:#999999; /*メニューの文字がカーソルが来た時、この色に変わる*/ }
/*サイドメニューの設定*/
- side{
background-color:#ddffff;
width:220px;/*サイドの幅(変更するときはコンテンツ背景も変更すること)*/
position:margin; top:600px;/*上からの位置*/ left:12px; }
- side h3 {
font-size: 90%; border: double 3px #FFFFFF; color:#ffffff; text-align: center; background-color:#999999;
width:190px;
line-height: 30px; margin-top: 10px; margin-left: 5px; margin-bottom: 5px; }
- side h3 a {
color:#ffffff;
font-weight:normal; }
- side ul{
font-size:100%;
line-height:220%; /*サイドの文字と文字の行間設定*/ background-color: #ddffff; margin:0px; padding-left:10px; }
- side ul a:hover {
width:180px;
background-color: #99ffff; /*サイドのカーソルオーバー時の背景色*/ color: #999999; /*サイドのカーソルオーバー時の文字色*/ }
- side ul{
list-style-type:none;
padding-left:2px; }
- side li{
padding-left:15px; /*文字の左端からの位置*/ }
- side li a{
color:#333333;/*サイドの文字色*/ width:180px; display:block;
}
- side .ad_list li{
background-image:none;
padding-left:0; }
/*右側メイン部分の設定*/
- main{
width:630px; padding-top:15px; margin-left:240px;
}
/*下部のフッター部分の設定*/
address{
font-size:80%;
font-style:normal;
text-align:center;
padding-top:5px;
}
address{
background-color:#000066; color:#ffffff; width:882px;
padding-bottom:10px; border:none; } address a{
color:#ff9999;
}
/*文字の設定*/ h1{ font-size:60%; letter-spacing: 2px; padding-left:10px; margin: 0px; }
h1 a{
color:#FFFFFF;
font-weight:normal; }
h2{
font-size:140%;
border-left: 10px solid #000066;
border-bottom:solid 1px #000099;/*文字の下に線を入れる設定*/ width:900px;
padding-left: 5px; color:#333333; margin-top: 15px; margin-bottom: 5px; }
h3{
font-size:120%;
border: solid 1px #111111;
color:#ffffff;
background-color:#4682B4 ; line-height: 30px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; }
p{
font-size:90%;/*全体の文字サイズ*/
line-height:150%;/*全体で使う、文字と文字の行間*/
margin-left:5px;
}
p img{
float:left; margin-top:5px; /*写真の左にスペースを空ける*/ margin-left:5px; /*写真の左にスペースを空ける*/
margin-right:10px; /:写真と文字の間隔*/ }
/*リンク文字の設定*/
a{
color:#000099; text-decoration:none;
} a:hover { color: #FF0000;/*リンクの文字の上にマウスが来た時この色に変わる*/ text-decoration: none; }
- purple{
font-size:120%;
border: solid 1px #111111;
color:#ffffff;
background-color:#9370DB; line-height: 40px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; }
h5{
font-size:120%;
border: solid 1px #111111;
color:#ffffff;
background-color:#FFA500; line-height: 30px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; }
h6{
font-size:120%;
border: solid 1px #111111;
color:#ffffff;
background-color:#006400; line-height: 30px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; }
- red{
font-size:120%;
border: solid 1px #111111;
color:#ffffff;
background-color:#DC143C; line-height: 40px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; }
- blue{
font-size:120%;
border: solid 1px #111111;
color:#ffffff;
background-color:#191970; line-height: 40px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; }
</style> </html>
<html><table border="0" align="center" vertical-align: middle;>
<tr><td><font color="#ff0000" size="5">Welcome!! ※注リンクは去年のページのままです</font></td></tr></table></html>
- Team Name: Team Sendai
- Institution Name: Tohoku University
- Geographic Location: Sendai, Japan