Template:Leanna newestcss
From 2010.igem.org
(Difference between revisions)
(194 intermediate revisions not shown) | |||
Line 13: | Line 13: | ||
<script> google.load("jquery", "1.4.2"); </script> | <script> google.load("jquery", "1.4.2"); </script> | ||
<script language="javascript" src="jquery.dimensions.js"></script> | <script language="javascript" src="jquery.dimensions.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | //SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto") | ||
+ | ddtabmenu.definemenu("ddtabs1", 0) //initialize Tab Menu with ID "ddtabs1" and select 1st tab by default | ||
+ | </script> | ||
Line 38: | Line 42: | ||
<style> | <style> | ||
- | #header { | + | #header { |
- | position: | + | position: relative; |
- | + | left: 5px; | |
+ | text-align: left; | ||
margin: 0px; | margin: 0px; | ||
width: 955px; | width: 955px; | ||
- | + | /* height: 575px; */ | |
} | } | ||
+ | |||
+ | #header a { | ||
+ | color: white; | ||
+ | } | ||
#content { | #content { | ||
background-color: #FFF; | background-color: #FFF; | ||
border: 1px black solid; | border: 1px black solid; | ||
- | + | font-family: Osaka, verdana, Sans-Serif; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.mainContent { | .mainContent { | ||
- | + | width: 943px; | |
- | width: | + | |
- | + | ||
- | + | ||
position: absolute; | position: absolute; | ||
- | padding: | + | padding:5px; |
- | + | ||
top: 160px; | top: 160px; | ||
- | border: | + | font-size: 14px; |
- | + | border: 1px solid black; | |
+ | margin:5px; | ||
} | } | ||
- | . | + | .headtable { |
- | + | height: 115px; | |
- | + | text-align: left; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #ghost { | |
- | + | display: table-cell; | |
- | + | text-align: left; | |
- | + | font-family: "Lucida Console", Monaco, monospace; | |
- | + | font-size: medium; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #baby { | |
- | + | padding: 5px; | |
- | + | border-bottom: 1px solid white; | |
- | + | font-family: "Lucida Console", Monaco, monospace; | |
- | + | ||
- | font-family: | + | |
font-size: medium; | font-size: medium; | ||
} | } | ||
- | + | #bodybaby { | |
- | + | padding: 5px; | |
- | + | border-bottom: 3px solid black; | |
- | + | font-family: "Lucida Console", Monaco, monospace; | |
- | + | font-size: medium; | |
- | + | ||
} | } | ||
- | . | + | .sidep { |
- | background- | + | display: inline; |
- | + | background-color: #boc4de; | |
- | font- | + | width: 170px; |
- | + | float: right; | |
- | + | font-size: x-small; | |
- | + | border: 1px solid #b0c4de; | |
- | + | } | |
+ | |||
+ | <!-- .headtable ul li:hover { | ||
+ | opacity: 0.5; | ||
+ | } --!> | ||
+ | .headtable ul { | ||
+ | } | ||
+ | .headtable a { | ||
+ | color: white; | ||
} | } | ||
#freedom { | #freedom { | ||
- | + | width: 233px; | |
- | + | position: relative; | |
- | + | left: -20px; | |
- | + | top: 2px; | |
- | + | display: block; | |
- | + | list-style: none; | |
+ | text-align: left; | ||
+ | color: white; | ||
+ | font-family: "Lucida Console", Monaco, monospace; | ||
+ | font-size: medium; | ||
} | } | ||
#freedom li a { | #freedom li a { | ||
- | + | text-align: left; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#freedom li a:hover { | #freedom li a:hover { | ||
- | + | opacity: 0.5; | |
- | + | ||
- | + | ||
} | } | ||
#freedom li a.selected { | #freedom li a.selected { | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
.tabContainer { | .tabContainer { | ||
- | + | position: relative; | |
- | + | top: 0px; | |
- | + | left: 4px; | |
- | + | height: 23px; | |
- | + | width: 99%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.tabContainer p { | .tabContainer p { | ||
- | |||
- | |||
text-align:left; | text-align:left; | ||
+ | top: 1px; | ||
} | } | ||
Line 263: | Line 210: | ||
.firstHeading { | .firstHeading { | ||
display: none; } | display: none; } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; } | .code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; } |
Latest revision as of 04:33, 10 October 2010