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: # | + | background-color: #fff; |
- | + | ||
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: # | + | color: #333; |
} | } | ||
+ | |||
.left-menu:hover { | .left-menu:hover { | ||
- | color: # | + | color: #333; |
- | background-color: # | + | 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: # | + | background-color: #fff; |
} | } | ||
- | #menubar a | + | |
+ | |||
+ | #menubar a{ | ||
color: #333; | color: #333; | ||
+ | text-decoration:none; | ||
} | } | ||
Line 85: | Line 105: | ||
} | } | ||
a:active { | a:active { | ||
- | color: # | + | color: #EF4BB9; |
} | } | ||
a:hover { | a:hover { | ||
- | color: # | + | 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: | + | width:160px; |
float:left; | float:left; | ||
top:225px; | top:225px; | ||
- | left: | + | left:5px; |
} | } | ||
article{ | article{ | ||
Line 132: | Line 153: | ||
width:700px; | width:700px; | ||
float:left; | float:left; | ||
- | margin:180px 0 0 | + | margin:180px 0 0 50px; |
} | } | ||
footer{ | footer{ | ||
Line 149: | Line 170: | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
background-color: #fff; | background-color: #fff; | ||
- | font | + | font:14px 'Oxygen Mono', sans-serif; |
color: #000; | color: #000; | ||
- | width: | + | width: 160px; |
height: 30px; | height: 30px; | ||
- | padding: | + | padding: 9px 0 0 5px; |
border: 1px #CECECE dashed; | border: 1px #CECECE dashed; | ||
} | } | ||
.akoL:hover{ | .akoL:hover{ | ||
- | background-color: # | + | background-color: #49C0F2; |
+ | color:#fff; | ||
} | } | ||
.akoL a{ | .akoL a{ | ||
text-decoration: none; | text-decoration: none; | ||
- | |||
- | |||
- | |||
- | |||
color: #666; | color: #666; | ||
- | |||
} | } | ||
.akoL a:hover, a:active{ | .akoL a:hover, a:active{ | ||
- | color: # | + | color:#fff; |
- | + | ||
- | + | ||
} | } | ||
Line 182: | Line 197: | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
background-color: #fff; | background-color: #fff; | ||
- | font | + | font:14px 'Oxygen Mono', sans-serif; |
- | color: # | + | color: #666; |
- | width: | + | width: 160px; |
height: 30px; | height: 30px; | ||
- | padding: | + | padding: 9px 0 0 5px; |
border: 1px #CECECE dashed; | border: 1px #CECECE dashed; | ||
} | } | ||
.akoM:hover{ | .akoM:hover{ | ||
- | background-color: # | + | background-color: #49C0F2; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
Line 201: | Line 216: | ||
background-color: #fff; | background-color: #fff; | ||
color: #333; | color: #333; | ||
- | font | + | font:12px 'Oxygen Mono', sans-serif; |
- | width: | + | 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: # | + | color: #666; |
padding: 0px; | padding: 0px; | ||
} | } | ||
.akoML a:hover, a:active{ | .akoML a:hover, a:active{ | ||
- | + | background-color: #49C0F2; | |
- | color: # | + | color:#fff; |
} | } | ||
Line 238: | Line 257: | ||
border: 0; | border: 0; | ||
top: 0; | top: 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"> | + | <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"> | + | <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"> | + | <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"> | + | <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project"> Introduction </a><br> |
- | <a href=" | + | <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/BioBrickPuzzle"> BioBrick Puzzle </a><br> |
- | <a href=" | + | <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/GeneNetworkGame"> Gene Network Game </a><br> |
- | <a href=" | + | <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/PastProjectSearch"> Past Project Search </a><br> |
- | <a href=" | + | <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/BioBrickSearch"> BioBrick Search </a><br> |
- | <a href=" | + | <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 | + | <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