X-Git-Url: https://sipb.mit.edu/gitweb.cgi/wiki.git/blobdiff_plain/bba39fe9cc3c51fe0048256d7cf2a3b8c3a29fff..2cf5e2bf19b71f630e610d305305cb795c9bfab4:/style.css diff --git a/style.css b/style.css index 44051b9..84b5249 100644 --- a/style.css +++ b/style.css @@ -1,11 +1,11 @@ html{ height:100%; } body{ height:100%; - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 12px; + font-family: Tahoma, Sans, sans-serif; + font-size: 80%; color: #333333; - line-height: 1.2em; - background-color: #333333; + line-height: 1.5em; + background: url('images/gradientbg.jpg') no-repeat center top #333333; padding:0; margin:0; } @@ -17,13 +17,24 @@ a:hover{ text-decoration:underline; } #content-block{ - width: 951px; + width: 867px; min-height:100%; - background: url('images/gradient.png') no-repeat 0 0 #A8A9AD; margin:0 auto; + background: url('images/gradient.jpg') no-repeat center top #EEEEEE; +} +#content-block h1{ + float:right; + color:#ffffff; + font-size:2em; + font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; + font-weight: normal; + margin-top:-1em; + margin-bottom:0; + text-transform: uppercase; + padding:0; } #logo{ - padding-left: 47px; + padding-left: 0px; padding-top:18px; } #logo img{ @@ -41,8 +52,8 @@ a img{ ul#navigation{ list-style: none; position:absolute; - top:121px; - margin-left:298px; + top:48px; + margin-left:423px; } ul#navigation li{ display:block; @@ -70,28 +81,28 @@ ul#navigation li a:hover{ background: url('images/nav-white.png') 0 0 no-repeat; color:#000000; } -ul#navigation .blue{ +ul#navigation .first-navbox{ background: transparent url('images/nav-blue.png') 0 0 no-repeat; } -ul#navigation .blue a:hover{ +ul#navigation .first-navbox a:hover{ color:#1171D2; } -ul#navigation .green{ +ul#navigation .second-navbox{ background: transparent url('images/nav-green.png') 0 0 no-repeat; } -ul#navigation .green a:hover{ +ul#navigation .second-navbox a:hover{ color:#62B200; } -ul#navigation .orange{ +ul#navigation .third-navbox{ background: transparent url('images/nav-orange.png') 0 0 no-repeat; } -ul#navigation .orange a:hover{ +ul#navigation .third-navbox a:hover{ color:#FE6D06; } -ul#navigation .yellow{ +ul#navigation .fourth-navbox{ background: transparent url('images/nav-yellow.png') 0 0 no-repeat; } -ul#navigation .yellow a:hover{ +ul#navigation .fourth-navbox a:hover{ color:#FFA207; } @@ -100,33 +111,54 @@ ul#navigation li a span{ bottom:8px; padding-left:8px; } +#breadcrumbs{ + min-height:1em; + clear:both; + margin:0; +} +#breadcrumbs ul{ + margin:0 1em; + float:right; + padding:0; + list-style: none; +} +#breadcrumbs ul li{ + float:left; + line-height:2em; + font-size: 1.2em; + font-weight: bold; + margin-left:0.8em; + color: #15447D; +} +#breadcrumbs ul li a{ + color: inherit; + font-weight: normal; + margin-right:0.8em; +} +.first-pagetype #breadcrumbs{ background-color: #4793E4; } +.first-pagetype #breadcrumbs ul li { color:#15447D; } +.second-pagetype #breadcrumbs{ background-color: #60D61E; } +.second-pagetype #breadcrumbs ul li { color:#263B08; } +.third-pagetype #breadcrumbs{ background-color: #F89129; } +.third-pagetype #breadcrumbs ul li { color:#6F3F21; } +.fourth-pagetype #breadcrumbs{ background-color: #FECC28; } +.fourth-pagetype #breadcrumbs ul li { color:#6F3F21; } #featured-block{ - width:430px; - background-color:#EEEEEE; - margin-left:277px; - padding: 27px 0; - -} -#featured-block h1{ - font-size:2em; - line-height:1.2em; - font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; - padding-bottom:10px; - border-bottom: 1px solid #A8A9AD; - margin: 0 22px; - margin-bottom:1em; - text-transform: uppercase; + margin: 1em 3em; } + #featured-block h2{ - font-size:1.3em; + font-size:1.5em; font-weight: bold; - margin: 1em 22px; + margin: 1em 0; font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; } #featured-block p{ - margin: 1em 33px; - line-height: 1.5em; + margin: 1em 0; +} +#featured-block li{ + margin: 0.5em 0; } dl.services{ margin:0 33px; @@ -277,18 +309,43 @@ dl.services dd{ display:none; } #prefooter{ - height: 80px; + height: 140px; clear:both; } -#admin-nav{ - width:100%; -} #footer{ - font-size:.9em; + font-size:.8em; clear:both; - width:951px; margin: 0 auto; - margin-top:-30px; + margin-top:-130px; text-align:center; - color: #545557; + color: #666666; + width:867px; + height:130px; + background-color:#1F1F1F; + +} +#footer p{ + width:800px; + margin:0 auto; + padding:1em 0; + line-height:1.4em; + text-align:left; +} +.actions ul{ + list-style: none; + background-color:#696969; + padding:0; + margin:0; +} +.actions ul li{ + display: inline; + padding: 0 .5em; + line-height:3em; +} +.actions ul li a{ + text-decoration: none; + color: #ffffff; +} +.actions ul li a:hover{ + text-decoration:underline; }