Team:UT-Tokyo-Software/Template

From 2012.igem.org

(Difference between revisions)
m
 
(41 intermediate revisions not shown)
Line 1: Line 1:
__NOTOC__  
__NOTOC__  
<html>
<html>
 +
<link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
<head>
<head>
<script language="JavaScript">
<script language="JavaScript">
Line 25: Line 26:
.firstHeading {
.firstHeading {
   display: none;
   display: none;
 +
}
 +
 +
#footer-box{
 +
  border-top:1pt #333 dotted;
 +
  border-left:none;
 +
  border-right:none;
 +
  border-bottom:none;
 +
}
 +
 +
#content{
 +
  border:none;
}
}
#top-section {
#top-section {
-
   background-color: #999;
+
   background-color: #fff;
-
  border-style: none;
+
   width:975px;
   width:975px;
-
   height:15px;
+
   height:16px;
 +
  color:#333;
 +
  border-top:none;
 +
  border-left:none;
 +
  border-right:none;
 +
  border-bottom:1pt #333 dotted;
}
}
-
 
+
 
#p-logo {
#p-logo {
     display: none;
     display: none;
Line 46: Line 62:
   top:0px;
   top:0px;
   left:0px;
   left:0px;
-
   color: #999;
+
   color: #333;
}
}
 +
.left-menu:hover {
.left-menu:hover {
-
   color: #999;
+
   color: #333;
-
   background-color: #999;
+
   background-color: #fff;
}
}
-
.left-menu a {
+
.left-menu a{
-
   text-transform: none;
+
   text-transform:none;
   color:#333;
   color:#333;
}
}
 +
.right-menu {
.right-menu {
Line 65: Line 83:
.right-menu li a {
.right-menu li a {
-
   background-color: #999;
+
   background-color: #fff;
}
}
-
#menubar a:link,#menubar a:visited #menubar a:active,#menubar a:hover{
+
 
 +
 
 +
#menubar a{
   color: #333;
   color: #333;
-
   text-decoration: none;
+
   text-decoration:none;
}
}
/* @end */
/* @end */
-
 
Line 86: Line 105:
}
}
a:active {
a:active {
-
color: #4B9DEF;
+
color: #EF4BB9;
}
}
a:hover {  
a:hover {  
-
   color: #4B9DEF;
+
   color: #EF4BB9;
}
}
#catlinks{
#catlinks{
Line 95: Line 114:
}
}
div#globalWrapper{
div#globalWrapper{
 +
background-color: #fff;
   font-size: 13px;
   font-size: 13px;
}
}
Line 104: Line 124:
h1, h2, h3{
h1, h2, h3{
   line-height: 1.5em;
   line-height: 1.5em;
 +
  border-color: #49C0F2;
}
}
body {
body {
Line 118: Line 139:
   width:770px;
   width:770px;
   float:top;
   float:top;
-
   margin:100px 20px 20px 20px;
+
   margin:120px 20px 20px 40px;
 +
  color:#EF4BB9;
}
}
menuu{
menuu{
   position:absolute;
   position:absolute;
-
   width:150px;
+
   width:160px;
   float:left;
   float:left;
-
   top:180px;
+
   top:225px;
-
   left:0;
+
   left:5px;
}
}
article{
article{
Line 131: Line 153:
   width:700px;
   width:700px;
   float:left;
   float:left;
-
   margin:180px 0 0 40px;
+
   margin:180px 0 0 50px;
}
}
footer{
footer{
Line 144: Line 166:
/* Menu */
/* Menu */
.akoL{
.akoL{
-
text-align:center;
+
text-align: left;
-
margin-bottom:0px;
+
vertical-align: middle;
-
background-color:#fff;
+
margin-bottom: 0px;
-
color:#000;
+
background-color: #fff;
-
width:150px;
+
font:14px 'Oxygen Mono', sans-serif;
-
padding:0px;
+
color: #000;
 +
width: 160px;
 +
height: 30px;
 +
padding: 9px 0 0 5px;
 +
border: 1px #CECECE dashed;
}
}
-
.akoL a{
+
.akoL:hover{
-
text-align:center;
+
background-color: #49C0F2;
-
text-decoration:none;
+
color:#fff;
-
background-color:#fff;
+
-
color:#333;
+
}
}
-
.akoL a:link, a:visited{
+
.akoL a{
-
text-align:center;
+
-
color: #666;
+
text-decoration: none;
text-decoration: none;
 +
color: #666;
}
}
.akoL a:hover, a:active{
.akoL a:hover, a:active{
-
text-align:center;
+
color:#fff;
-
color:#4B9DEF;
+
-
text-decoration:none;
+
-
font-weight:bold;
+
}
}
.akoM{
.akoM{
-
text-align:center;
+
text-align: left;
-
margin-bottom:0px;
+
vertical-align: middle;
-
background-color:#fff;
+
margin-bottom: 0px;
-
color:#999;
+
background-color: #fff;
 +
font:14px 'Oxygen Mono', sans-serif;
 +
color: #666;
 +
width: 160px;
 +
height: 30px;
 +
padding: 9px 0 0 5px;
 +
border: 1px #CECECE dashed;
 +
}
-
padding:2px;
+
.akoM:hover{
 +
background-color: #49C0F2;
 +
cursor: pointer;
}
}
.akoML{
.akoML{
-
text-align:center;
+
text-align: left;
-
margin-bottom:0px;
+
vertical-align: middle;
-
background-color:#fff;
+
margin-bottom: 0px;
-
color:#333;
+
background-color: #fff;
-
font-size: 11px;
+
color: #333;
-
padding:0px;
+
font:12px 'Oxygen Mono', sans-serif;
 +
width: 160px;
 +
padding: 4px 0 0 5px;
 +
border:1px #CECECE dashed;
 +
}
 +
 
 +
.akoML:hover{
 +
background-color: #49C0F2;
}
}
.akoML a{
.akoML a{
-
text-decoration:none;
+
text-decoration: none;
-
background-color:#fff;
+
background-color: #fff;
-
color:#333;
+
color: #666;
-
padding:0px;
+
padding: 0px;
}
}
.akoML a:hover, a:active{
.akoML a:hover, a:active{
-
font-weight:bold;
+
background-color: #49C0F2;
-
color:#4B9DEF;
+
color:#fff;
}
}
-
#positioner
+
#positioner{
-
{
+
   position: relative;
   position: relative;
-
   width: 160px;
+
   width: 180px;
   height: 160px;
   height: 160px;
   margin-left: 10px;
   margin-left: 10px;
-
  text-align:center;
 
}
}
-
#holder
+
#holder{
-
{
+
   position: absolute;
   position: absolute;
-
   width: 150px;
+
   width: 180px;
   overflow: hidden;
   overflow: hidden;
-
  border: 0px solid #000;
 
}
}
-
 
#toplogo{
#toplogo{
   position: absolute;
   position: absolute;
   width: 975px;
   width: 975px;
 +
  height: 150px;
   overflow: hidden;
   overflow: hidden;
-
   border: 0px solid #000;
+
   border: 0;
   top: 0;
   top: 0;
-
   right: 0;
+
   left: 0;
}
}
Line 233: Line 265:
<body>
<body>
<div id="toplogo">
<div id="toplogo">
 +
<a href="https://2012.igem.org/Team:UT-Tokyo-Software">
<img src="https://static.igem.org/mediawiki/2012/b/b8/12UT-Tokyo-Software.png" >
<img src="https://static.igem.org/mediawiki/2012/b/b8/12UT-Tokyo-Software.png" >
 +
</a>
</div>
</div>
Line 247: Line 281:
<div class="akoM" onclick="kirikae('list1')">Team</div>
<div class="akoM" onclick="kirikae('list1')">Team</div>
<span class="akoML" id="list1">
<span class="akoML" id="list1">
-
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Team">Member</a><br>
+
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Team">　Member　</a><br>
-
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Attributions">Attributions</a>
+
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Attributions">　Attributions　</a><br>
 +
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Collaboration">　Collaboration　</a><br>
</span>
</span>
<div class="akoM" onclick="kirikae('list2')">Project</div>
<div class="akoM" onclick="kirikae('list2')">Project</div>
<span class="akoML" id="list2">
<span class="akoML" id="list2">
-
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project">Introduction</a><br>
+
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project">　Introduction　</a><br>
-
<a href="#URL">BioBrick</a><br>
+
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/BioBrickPuzzle">　BioBrick Puzzle　</a><br>
-
<a href="#URL">Genetic Network</a><br>
+
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/GeneNetworkGame">　Gene Network Game　</a><br>
-
<a href="#URL">BioBrick Search</a><br>
+
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/PastProjectSearch">　Past Project Search　</a><br>
-
<a href="#URL">Team Search</a><br>
+
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/BioBrickSearch">　BioBrick Search　</a><br>
-
<a href="#URL">Download</a><br>
+
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/Download">　Download　</a><br>
 +
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Update">　Update　</a><br>
</span>
</span>
<div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook">Notebook</a></div>
<div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook">Notebook</a></div>
<div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Safety">Safety</a></div>
<div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Safety">Safety</a></div>
-
<div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Medal">Medal Fullfillment</a></div>
+
<div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Medal">Medal Fulfillment</a></div>
</div>
</div>

Latest revision as of 23:05, 26 October 2012

Retrieved from "http://2012.igem.org/Team:UT-Tokyo-Software/Template"