Template:Tokyo Tech elevator CSS

From 2010.igem.org

/* tfmenu.css Last Updated: "2010-08-30 Mon 21:08:10"

  • /

/* ページに関するデザイン、tfmenu とは直接関係はない

  • /
  1. all {position:relative; text-align:left; width:780px; border:1px solid silver;}

.align-w {text-align:center;} .code {background-color:#404040; padding:10px;} .d {white-space:nowrap; vertical-align:top; padding-right:10px;} .copyright {font-size:75%; font-family:"Times"; margin:50px 0px 10px 0px; text-align:center;} .curhand {cursor:hand;} .curhelp {cursor:help;} .download {font-size:110%;} .email {font-family:"Arial";} .lpad {padding-left:20px;} .recomend {color:red; font-size:xx-small; margin-left:15px;} .recomendw {color:white; font-size:xx-small; margin-left:15px;} .small {font-size:65%;} .sublink {text-align:right;} .timestamp {color:#606060; font-size:75%; font-family:"Times"; text-align:right; margin-bottom:20px;}

.ad1 {border:1px dotted silver; width:468px; height: 60px; margin:50px auto;}

a {text-decoration:none;} a:link, a:visited {color:white;} a:hover {background-color:#808080;} a:active {} body {text-align:center; background-color:#303030; color:#dadada;} h1 {font-size:160%; font-weight:bold;} h2 {font-size:100%; line-height:22px; background-color:#8b2323; border:1px solid #595959; margin-top:50px; padding-left:5px;} h3 {font-size:100%; font-weight:bold;} hr {margin:50px 0px 50px 0px; width:98%;} ul.list {list-style-type:none; margin:50px 0px 0px 20px;} ul.list a {margin-left:7px;}

/* tfmenu の幅を 180px として、#contents 部分と重ならないように指定

  • /
  1. contents {margin:10px 10px 10px 180px;}

/* 以下 tfmenu.js に関するデザイン

  • /
  1. tfmenu {color:white; background-color:gray; border:1px solid white; font-size:12px; width:160px; height:250px; margin:10px;}
  2. tfm-head {border-bottom:1px solid white; height:30px;}
  1. tfm-body {padding:0px 3px;}

.tf1 span, .tf2 span, .tf1active span {font-size:50%; vertical-align:middle;}

.tf1 {border-bottom:1px solid silver; cursor:pointer; line-height:23px;} .tf2 {padding-left:15px;} .tf1active {border-bottom:1px solid silver; cursor:pointer; line-height:23px;} .tf1active .tf2 a {width:120px; line-height:18px;}

.tfm-up #tfm-head {background-color:red;} .tfm-down #tfm-head {background-color:yellow;} .tfm-stop #tfm-head {background-color:green;}

  1. tfm-foot {position:absolute; bottom:0px; color:silver; font-size:90%; text-align:center; width:100%; line-height:120%;}