Team:KAIST/menu
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
- | |||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | <head> | ||
+ | |||
+ | <!--menu_style--> | ||
+ | <style type="text/css"> | ||
+ | #bodyContent { | ||
+ | width: 975px; | ||
+ | margin: 226px 0px 0px; | ||
+ | background-color:transparent;} | ||
+ | |||
+ | |||
+ | #menu ul { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | width:975px; | ||
+ | height:1px; | ||
+ | } | ||
+ | |||
+ | #nav { | ||
+ | position:absolute; | ||
+ | padding: 0 0 0 0; | ||
+ | margin:0px; | ||
+ | list-style: none; | ||
+ | left:60px; | ||
+ | top:78px; | ||
+ | float:left; | ||
+ | width:975px; | ||
+ | height:1px; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | width: 14em; | ||
+ | height: 1em; | ||
+ | font-family:Calibri,sans-serif; | ||
+ | } | ||
+ | |||
+ | #nav a, #nav a:visited { text-decoration:none; color:#ffffff; font-weight:bold;} | ||
+ | #nav a:hover, #nav a:active { color:#ff6633;} | ||
+ | |||
+ | |||
+ | .aOverview{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:-15px; | ||
+ | top:85px; | ||
+ | } | ||
+ | |||
+ | .aModeling{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:-15px; | ||
+ | top:110px; | ||
+ | } | ||
+ | |||
+ | .aExperiments{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:-15px; | ||
+ | top:135px; | ||
+ | } | ||
+ | .aBiobrick{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:-15px; | ||
+ | top:160px; | ||
+ | } | ||
+ | .aFuture_Application{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:-15px; | ||
+ | top:185px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .aLab_Diary{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:497px; | ||
+ | top:75px; | ||
+ | } | ||
+ | |||
+ | .aWall{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:497px; | ||
+ | top:100px; | ||
+ | } | ||
+ | |||
+ | .aSitemap{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:728px; | ||
+ | top:125px; | ||
+ | } | ||
+ | |||
+ | .aSoftware_Tools{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:728px; | ||
+ | top:150px; | ||
+ | } | ||
+ | |||
+ | .aSponsors{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:728px; | ||
+ | top:175px; | ||
+ | } | ||
+ | |||
+ | .aLinks{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:728px; | ||
+ | top:200px; | ||
+ | } | ||
+ | |||
+ | .aMembers{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:20pt; | ||
+ | left:15px; | ||
+ | top:276px; | ||
+ | } | ||
+ | |||
+ | .aPhotos{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:20pt; | ||
+ | left:15px; | ||
+ | top:306px; | ||
+ | } | ||
+ | |||
+ | .aVideos{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:20pt; | ||
+ | left:15px; | ||
+ | top:336px; | ||
+ | } | ||
+ | |||
+ | .aSummary{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:382px; | ||
+ | top:400px; | ||
+ | } | ||
+ | |||
+ | .aGallery{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:15pt; | ||
+ | left:389px; | ||
+ | top:425px; | ||
+ | } | ||
+ | |||
+ | .aHuman_Practices{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:20pt; | ||
+ | right:80px; | ||
+ | top:350px; | ||
+ | } | ||
+ | |||
+ | .aSafety{ | ||
+ | position: absolute; | ||
+ | font-family:Tw Cen MT; | ||
+ | font-size:20pt; | ||
+ | right:80px; | ||
+ | top:380px; | ||
+ | } | ||
+ | |||
+ | <!--[if IE]> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | </style> | ||
+ | <![endif]--> | ||
+ | |||
+ | |||
+ | <!--index_style--> | ||
+ | body | ||
+ | { | ||
+ | background:black; | ||
+ | color:white; | ||
+ | font-family:"Arial",Sans-serif; | ||
+ | } | ||
+ | a, a:hover, a:active, a:visited | ||
+ | { | ||
+ | color:white; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | div.panel | ||
+ | { | ||
+ | color:white; | ||
+ | font-family:"Arial",Sans-serif; | ||
+ | position:absolute; | ||
+ | top:12%;left:140px; | ||
+ | width: 973px ; | ||
+ | height:535px; | ||
+ | margin: auto ; | ||
+ | padding:5px; | ||
+ | border:outset 5px #F0F0F0; | ||
+ | display:none; | ||
+ | } | ||
+ | div.flip | ||
+ | { | ||
+ | position:fixed; | ||
+ | top:0px;left:650px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | div.home | ||
+ | { | ||
+ | position:fixed; | ||
+ | top:10px;left:580px; | ||
+ | margin-right:20px; | ||
+ | } | ||
+ | div.caption | ||
+ | { | ||
+ | padding:5px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ |
Revision as of 16:47, 27 June 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
body { background:black; color:white; font-family:"Arial",Sans-serif; } a, a:hover, a:active, a:visited { color:white; text-decoration:none; } div.panel { color:white; font-family:"Arial",Sans-serif; position:absolute; top:12%;left:140px; width: 973px ; height:535px; margin: auto ; padding:5px; border:outset 5px #F0F0F0; display:none; } div.flip { position:fixed; top:0px;left:650px; cursor:pointer; } div.home { position:fixed; top:10px;left:580px; margin-right:20px; } div.caption { padding:5px; text-align:center; } <div class="home"> </div>