Template:BU2013
From 2013.igem.org
(Difference between revisions)
Line 8: | Line 8: | ||
color:#B22222; | color:#B22222; | ||
} | } | ||
+ | |||
a:hover { | a:hover { | ||
Line 37: | Line 38: | ||
text-align: left; | text-align: left; | ||
} | } | ||
- | + | ||
+ | |||
H4 { | H4 { | ||
font-family: Signika; | font-family: Signika; | ||
Line 50: | Line 52: | ||
vertical-align: text-top; | vertical-align: text-top; | ||
} | } | ||
+ | |||
+ | |||
body { | body { | ||
background: #FFFFFF; | background: #FFFFFF; | ||
- | font-family: Signika; | + | font-family: Signika; |
+ | |||
} | } | ||
+ | |||
+ | #tracking_nav | ||
+ | { | ||
+ | margin: 0px 0px 0px 900px; | ||
+ | position: fixed; | ||
+ | color:#bababa; | ||
+ | border: 1px solid ##B22222; | ||
+ | background:##B22222; | ||
+ | font-size: 16pt; | ||
+ | padding: 5px; | ||
+ | line-height: 100%; | ||
+ | } | ||
+ | |||
+ | #tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;} | ||
+ | #tracking_nav a:hover {background:#bababa;} | ||
#parts_table | #parts_table | ||
Line 69: | Line 89: | ||
margin: 5px; | margin: 5px; | ||
border: 1px solid #69d01d; | border: 1px solid #69d01d; | ||
+ | |||
} | } | ||
Line 82: | Line 103: | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
+ | |||
+ | |||
+ | #nav li { | ||
+ | color: #ffffff; | ||
+ | background-color:#696969; | ||
+ | margin: 0 3px; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | text-transform:none; | ||
+ | font-size:12pt; | ||
+ | } | ||
+ | |||
+ | /* main level link */ | ||
+ | #nav a { | ||
+ | font-weight: bold; | ||
+ | color: #ffffff; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | padding: 7px 13px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #nav a:hover { | ||
+ | background-color: #000000; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | /* main level link hover */ | ||
+ | #nav .current a, #nav li:hover > a { | ||
+ | color: #ffffff; | ||
+ | background-color: #B22222; | ||
+ | } | ||
+ | |||
+ | /* sub levels link hover */ | ||
+ | #nav ul li:hover a, #nav li:hover li a { | ||
+ | border: solid; | ||
+ | border-color: #000000; | ||
+ | border-width: 1px; | ||
+ | background-color: #B22222; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #nav ul a:hover { | ||
+ | background: #fff url(img/gradient.png) repeat-x 0 -100px !important; | ||
+ | color: #B22222 !important; | ||
+ | |||
+ | text-shadow: 0 1px 1px rgba(0,0,0, .1); | ||
+ | } | ||
+ | |||
/* dropdown */ | /* dropdown */ | ||
Line 89: | Line 159: | ||
} | } | ||
+ | /* level 2 list */ | ||
+ | #nav ul { | ||
+ | display: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 205px; | ||
+ | position: absolute; | ||
+ | top: 32px; | ||
+ | left: 0; | ||
+ | |||
+ | } | ||
+ | #nav ul li { | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul a { | ||
+ | font-weight: normal; | ||
+ | text-shadow: 0 1px 0 #fff; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* clearfix */ | ||
+ | #nav:after { | ||
+ | content: "."; | ||
+ | display: block; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | line-height: 0; | ||
+ | height: 0; | ||
+ | } | ||
+ | #nav { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | html[xmlns] #nav { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | * html #nav { | ||
+ | height: 1%; | ||
+ | } | ||
Line 98: | Line 210: | ||
src: url(HP PSG.eot); | src: url(HP PSG.eot); | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
<head> | <head> | ||
Line 257: | Line 374: | ||
} | } | ||
+ | |||
+ | #tracking_nav | ||
+ | { | ||
+ | margin: 0px 0px 0px 900px; | ||
+ | position: fixed; | ||
+ | color:#bababa; | ||
+ | border: 1px solid ##B22222; | ||
+ | background:##B22222; | ||
+ | font-size: 16pt; | ||
+ | padding: 5px; | ||
+ | line-height: 100%; | ||
+ | } | ||
+ | |||
+ | #tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;} | ||
+ | #tracking_nav a:hover {background:#bababa;} | ||
#parts_table | #parts_table | ||
Line 271: | Line 403: | ||
margin: 5px; | margin: 5px; | ||
border: 1px solid #69d01d; | border: 1px solid #69d01d; | ||
+ | |||
} | } | ||
Line 285: | Line 418: | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #nav li { | ||
+ | color: #ffffff; | ||
+ | background-color:#696969; | ||
+ | margin: 0 3px; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | text-transform:none; | ||
+ | font-size:12pt; | ||
+ | } | ||
/* main level link */ | /* main level link */ |
Revision as of 15:48, 22 July 2013