diff options
Diffstat (limited to 'genome-site-1.0.0/content/styles/genome.css')
-rw-r--r-- | genome-site-1.0.0/content/styles/genome.css | 185 |
1 files changed, 86 insertions, 99 deletions
diff --git a/genome-site-1.0.0/content/styles/genome.css b/genome-site-1.0.0/content/styles/genome.css index eb860d9..99d755a 100644 --- a/genome-site-1.0.0/content/styles/genome.css +++ b/genome-site-1.0.0/content/styles/genome.css @@ -1,19 +1,80 @@ -#header { - margin: 0px; - width: 100%; - border: 0px; - background: url(topbg.png) top left repeat-x; - height: 89px; - width: 100%; - margin-bottom: 20px; +a:link, a:visited, a:active { + text-decoration: none; + color: #1E3F76; } + +a:hover { + text-decoration: underline; + color: #0059B3} + +#inner { padding: 35px 30px;} + +#nav-menu { + float:left; + margin-bottom:1em; + width: 205px; +} + +#nav-menu ul { + margin: 30px 0 0 23px; + padding: 1px 0; +} + +#nav-menu ul li { + margin-left: 0; + padding: 2px 0; + list-style-type:none; +} + +#nav-menu ul li { + color: #486AA3; + font-size:1.2em; + font-weight:bold; + list-style-image:none; + list-style-position:outside; + list-style-type:none; + padding: 3px 0; +} + +#nav-menu ul li a.active { + color: #0059B3 ; +} + +#nav-menu ul li a:link, #nav-menu ul li a:visited, #nav-menu ul li a:active { + text-decoration: none; +} + +#nav-menu ul li a:hover { + text-decoration: underline; + color: #0059B3 ; +} + + +#footer p { + border:0px none; + left:0px; + margin:0px; + position:absolute; + text-align:center; + top:0px; + width:200px; + } +#footer p a img { + border:0px none; } #headerLogo { - background: url(logoMountain.png) top left no-repeat; + background: url(glogo.gif) 20px 30px no-repeat; height: 89px; width: 585px; margin: 0; padding: 0; } + + +#header { + height:89px; + margin-bottom:12px; + width:100%; +} #body { float: left; @@ -24,19 +85,18 @@ } #content { - margin: 0 0 0 235px; + margin-left: 200px; padding: 0 50px 65px 0; + background: #fff url(g/genome-mainbgcurve.png) top left no-repeat; } .pintro { color: #777; font-size: 115%; - padding: 12px 20px; - background-color: #eee; + padding: 12px 0; font-family: georgia, times, serif; - font-style: italic; -} - + font-style: italic; } + #intro { float: left; top: 0px; @@ -77,79 +137,6 @@ padding-top: 1em; } -#menu { - float: left; - padding-top: 0px; - left: 0px; - width: 200px; - margin-bottom: 1em; - width:205px; -} - -#menu ul { - margin-left: 10px; - padding-top: 1px; - padding-bottom: 1px; - background:white none repeat scroll 0%; - margin:0px 0px 0px 15px; - padding:1px 0px; -} - -#menu li ul { - margin-left: 0px; - padding: 0px; -} - -#menu ul li { - list-style: none; - color: white; - padding: 0px; - font-weight: bold; - font-size: 1.2em; - list-style-image:none; - list-style-position:outside; - list-style-type:none; -} - -#menu li ul li { - font-size: 1em; -} - -#menu ul li a, #menu ul li span { - text-decoration: inherit; - color: inherit; - display: block; - padding: 6px; - margin: 1px; -} - -#menu ul li .active { - background:#0664FE url(onbg.png) top right no-repeat; -} - -#menu ul.l0 li .inactive { - background:#629DFE url(offbg.png) top right no-repeat; -} - - -#menu ul.l1 li .inactive { - background: #ecf2e0; - border-left: 6px solid #629dfe; -} - -#menu ul.l1 li .inactive, -#menu ul.l1 li .active { - padding-left: 1em; -} - -#menu ul.l1 li .active { - border-left: 6px solid #0664fe; -} - -#wrapper { - background: url(everestPeaks-sm.png) 90% bottom no-repeat; -} - #headerSearch { position: absolute; top: 0px; @@ -223,20 +210,20 @@ p.image { text-align: center; } - #footer { - clear: both; - position: relative; - margin: 0px; - padding: 0px; - border: 0px; - width: 100%; - background: #757575; - height: 180px; -} + background:#486AA3 url(footer_pattern.png) 0 0 repeat-x; + border:0px none; + clear:both; + height:180px; + margin:0px; + padding:0px; + position:relative; + width:100%; + } + /* This is hidden from IE <= 6 because it can't do transparency */ body > #footer { - background: #757575 url(footer_pattern.png) repeat-x; + background:#486AA3 url(footer_pattern.png) 0 0 repeat-x; } #footer p { |