Team:UT-Tokyo-Software/Template

From 2012.igem.org

(Difference between revisions)
m
m
 
(34 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:16px;
   height:16px;
   color:#333;
   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 47: 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 66: 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;
}
}
Line 85: Line 105:
}
}
a:active {
a:active {
-
color: #4B9DEF;
+
color: #EF4BB9;
}
}
a:hover {  
a:hover {  
-
   color: #4B9DEF;
+
   color: #EF4BB9;
}
}
#catlinks{
#catlinks{
Line 94: Line 114:
}
}
div#globalWrapper{
div#globalWrapper{
 +
background-color: #fff;
   font-size: 13px;
   font-size: 13px;
}
}
Line 123: Line 144:
menuu{
menuu{
   position:absolute;
   position:absolute;
-
   width:150px;
+
   width:160px;
   float:left;
   float:left;
   top:225px;
   top:225px;
-
   left:30px;
+
   left:5px;
}
}
article{
article{
Line 132: Line 153:
   width:700px;
   width:700px;
   float:left;
   float:left;
-
   margin:180px 0 0 40px;
+
   margin:180px 0 0 50px;
}
}
footer{
footer{
Line 149: Line 170:
margin-bottom: 0px;
margin-bottom: 0px;
background-color: #fff;
background-color: #fff;
-
font-size: 14px;
+
font:14px 'Oxygen Mono', sans-serif;
color: #000;
color: #000;
-
width: 150px;
+
width: 160px;
height: 30px;
height: 30px;
-
padding: 8px 0 0 5px;
+
padding: 9px 0 0 5px;
border: 1px #CECECE dashed;
border: 1px #CECECE dashed;
}
}
.akoL:hover{
.akoL:hover{
-
background-color: #E9FAFF;
+
background-color: #49C0F2;
 +
color:#fff;
}
}
.akoL a{
.akoL a{
text-decoration: none;
text-decoration: none;
-
color: #333;
 
-
}
 
-
 
-
.akoL a:link, a:visited{
 
color: #666;
color: #666;
-
text-decoration: none;
 
}
}
.akoL a:hover, a:active{
.akoL a:hover, a:active{
-
color: #4B9DEF;
+
color:#fff;
-
text-decoration: none;
+
-
font-weight: bold;
+
}
}
Line 182: Line 197:
margin-bottom: 0px;
margin-bottom: 0px;
background-color: #fff;
background-color: #fff;
-
font-size: 14px;
+
font:14px 'Oxygen Mono', sans-serif;
-
color: #999;
+
color: #666;
-
width: 150px;
+
width: 160px;
height: 30px;
height: 30px;
-
padding: 8px 0 0 5px;
+
padding: 9px 0 0 5px;
border: 1px #CECECE dashed;
border: 1px #CECECE dashed;
}
}
.akoM:hover{
.akoM:hover{
-
background-color: #E9FAFF;
+
background-color: #49C0F2;
cursor: pointer;
cursor: pointer;
}
}
Line 201: Line 216:
background-color: #fff;
background-color: #fff;
color: #333;
color: #333;
-
font-size: 12px;
+
font:12px 'Oxygen Mono', sans-serif;
-
width: 150px;
+
width: 160px;
padding: 4px 0 0 5px;
padding: 4px 0 0 5px;
border:1px #CECECE dashed;
border:1px #CECECE dashed;
 +
}
 +
 +
.akoML:hover{
 +
background-color: #49C0F2;
}
}
Line 210: Line 229:
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;
}
}
Line 238: Line 257:
   border: 0;
   border: 0;
   top: 0;
   top: 0;
-
   right: 0;
+
   left: 0;
}
}
Line 246: 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 260: 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><br>
+
<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>
+
<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