Team:UT-Tokyo-Software/Template

From 2012.igem.org

(Difference between revisions)
m
 
(69 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: #ccc;
+
   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: #ccc;
+
   color: #333;
}
}
 +
.left-menu:hover {
.left-menu:hover {
-
   color: white;
+
   color: #333;
-
   background-color: #ccc
+
   background-color: #fff;
}
}
-
.left-menu a {
+
.left-menu a{
-
   text-transform: none;
+
   text-transform:none;
 +
  color:#333;
}
}
 +
.right-menu {
.right-menu {
Line 64: Line 83:
.right-menu li a {
.right-menu li a {
-
   background-color: #ccc;
+
   background-color: #fff;
}
}
-
#menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
+
 
-
   color: #fff;
+
 
 +
#menubar a{
 +
   color: #333;
 +
  text-decoration:none;
}
}
-
/* @end */
 
 +
/* @end */
a:link {
a:link {
-
color: #6699ff
+
color: #49C0F2;
text-decoration: none;
text-decoration: none;
}
}
a:visited {
a:visited {
-
   color: #6699ff
+
   color: #49C0F2;
   text-decoration: none;
   text-decoration: none;
}
}
a:active {
a:active {
-
color: #6699cc
+
color: #EF4BB9;
}
}
a:hover {  
a:hover {  
-
   color: #6699cc
+
   color: #EF4BB9;
}
}
#catlinks{
#catlinks{
Line 92: Line 114:
}
}
div#globalWrapper{
div#globalWrapper{
 +
background-color: #fff;
   font-size: 13px;
   font-size: 13px;
}
}
Line 101: Line 124:
h1, h2, h3{
h1, h2, h3{
   line-height: 1.5em;
   line-height: 1.5em;
 +
  border-color: #49C0F2;
}
}
body {
body {
Line 109: Line 133:
   float:right;
   float:right;
   width:800px;
   width:800px;
 +
  margin : 30px 0 0 0;
}
}
header{
header{
Line 114: Line 139:
   width:770px;
   width:770px;
   float:top;
   float:top;
-
   margin:-150px 20px 20px 20px;
+
   margin:120px 20px 20px 40px;
 +
  color:#EF4BB9;
}
}
menuu{
menuu{
-
   width:150px;
+
  position:absolute;
 +
   width:160px;
   float:left;
   float:left;
 +
  top:225px;
 +
  left:5px;
}
}
article{
article{
 +
  position:relative;
   width:700px;
   width:700px;
   float:left;
   float:left;
-
   margin:-60px 0 0 40px;
+
   margin:180px 0 0 50px;
}
}
footer{
footer{
Line 131: Line 161:
}
}
-
<!--Menu-->
+
 
 +
 
 +
 
 +
/* Menu */
.akoL{
.akoL{
-
text-align:center;
+
text-align: left;
-
margin-bottom:4px;
+
vertical-align: middle;
-
background-color:#fff;
+
margin-bottom: 0px;
-
color:#000;
+
background-color: #fff;
-
width:150px;
+
font:14px 'Oxygen Mono', sans-serif;
-
padding:2px;
+
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;
+
-
width:150px;
+
-
padding:2px;
+
}
}
-
.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:#6699cc;
+
-
text-decoration:none;
+
-
font-weight:bold;
+
}
}
.akoM{
.akoM{
-
text-align:center;
+
text-align: left;
-
margin-bottom:4px;
+
vertical-align: middle;
-
background-color:#fff;
+
margin-bottom: 0px;
-
color:#999;
+
background-color: #fff;
-
width:150px;
+
font:14px 'Oxygen Mono', sans-serif;
-
padding:2px;
+
color: #666;
 +
width: 160px;
 +
height: 30px;
 +
padding: 9px 0 0 5px;
 +
border: 1px #CECECE dashed;
 +
}
 +
 
 +
.akoM:hover{
 +
background-color: #49C0F2;
 +
cursor: pointer;
}
}
.akoML{
.akoML{
-
text-align:center;
+
text-align: left;
-
margin-bottom:4px;
+
vertical-align: middle;
-
background-color:#fff;
+
margin-bottom: 0px;
-
color:#333;
+
background-color: #fff;
-
font-size: 11px;
+
color: #333;
-
width:150px;
+
font:12px 'Oxygen Mono', sans-serif;
-
padding:0px;
+
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:2px;
+
padding: 0px;
}
}
.akoML a:hover, a:active{
.akoML a:hover, a:active{
-
font-weight:bold;
+
background-color: #49C0F2;
-
color:#6699cc;
+
color:#fff;
}
}
-
#positioner
+
#positioner{
-
{
+
   position: relative;
   position: relative;
-
   width: 160px;
+
   width: 180px;
   height: 160px;
   height: 160px;
   margin-left: 10px;
   margin-left: 10px;
}
}
-
#holder
+
#holder{
-
{
+
   position: absolute;
   position: absolute;
-
   width: 150px;
+
   width: 180px;
   overflow: hidden;
   overflow: hidden;
-
  border: 0px solid #000;
 
}
}
 +
 +
#toplogo{
 +
  position: absolute;
 +
  width: 975px;
 +
  height: 150px;
 +
  overflow: hidden;
 +
  border: 0;
 +
  top: 0;
 +
  left: 0;
 +
}
 +
</style>
</style>
</head>
</head>
<body>
<body>
 +
<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" >
 +
</a>
 +
</div>
 +
<menuu>
<menuu>
<div id="wrapper">
<div id="wrapper">
Line 223: 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="#URL_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