From: Joe Presbrey Date: Fri, 15 Feb 2008 01:58:48 +0000 (+0000) Subject: main style update X-Git-Url: http://andersk.mit.edu/gitweb/sql.git/commitdiff_plain/caba182d59e3939cc8dcb359cc6973bb88b2beb1 main style update git-svn-id: svn://presbrey.mit.edu/sql@153 a142d4bd-2cfb-0310-9673-cb33a7e74f58 --- diff --git a/web/home/style.css b/web/home/style.css index 0cdee3b..c58ca04 100644 --- a/web/home/style.css +++ b/web/home/style.css @@ -1,7 +1,7 @@ /* ------- Layout CSS (Centered Fixed Width) ------ */ body { - font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; + font-family: Verdana, sans-serif; font-size: 12px; margin: 0; padding: 0; @@ -14,18 +14,13 @@ body { margin: 20px auto 20px auto; text-align: left; /* IE 5.5 hack part II */ } -#outer {} -#rap {} #masthead { letter-spacing: 0.2em; margin: 8px 8px 0 8px; - padding: 0 10px 10px 60px; - font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; - height: 85px; + /* padding: 0 10px 10px 60px; */ } -#main { padding-left:35px; } #content { float: left; width: 490px; } -#content_wide { padding-right:35px; } +#content_wide { padding: 0 35px 0 35px; } #content_home { float: left; width: 490px; padding-top: 0px; } #menu { float: right; width: 175px; margin-right: 10px; border-left: 1px dashed #2050A0; } #nav { padding-left: 10px; } @@ -39,196 +34,60 @@ body { body { background: #2050A0; color:#333; } #rap { background: #ffffff; } -#masthead { background-image: url('sb.gif'); background-repeat: no-repeat; } #footer { background: #2050A0; } #hnav { background: #2050A0; } a { color: #2050A0; text-decoration: none; } a:visited { color: #2050A0; text-decoration: none; } a:hover { color: #2050A0; text-decoration: underline; } -acronym, abbr { border-bottom: #333; } -blockquote { border-left: #2F700F; color: #2F700F; } -h2 { color: #17397A; font-size: 24px; font-weight: normal; } +h2 { color: #17397A; font-size: 0.9em; font-weight: normal; } h3 a { color: #17397A; } h3 a:hover { color: #17397A; } h3 a:visited { color: #17397A; } -.meta { color: #1F6710 } -.meta a { color: #001700; } -.feedback a { color: #001700; } /* -------- Core CSS --------- */ a { text-decoration: none; font-weight:bold; } a img { border: none; } -acronym, abbr { border-bottom: 1px dashed; } -acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em; } -blockquote { border-left: 3px solid #2F700F; border-bottom: 3px solid #2F700F; margin-left: 1.5em; padding-left: 5px; } -cite { font-size: 90%; font-style: normal; } #header a:hover { text-decoration: underline; } -h1 { margin: 0; padding: 20px; text-align: right; } +h1 { margin: 0; padding: 0; text-align: right; } #hidden {display:none;} h2 { - font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: 0.2em; - margin: 0 20px 20px 0; - padding: 20px 0 0 0; + margin: 0; + padding: 0; } + h2#tagline { - margin-right: 25px; - padding:0; text-align: right; -/* color: #F2EEEC; */ border: 0px none; margin-left:0; margin-top:0; margin-bottom:0 } -.post h2 { - font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; - letter-spacing: 0.2em; - margin: 0 20px 0 30px; - padding: 20px 0 30px 0; -} h3 { - font: 24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; - margin-left: 0; - margin-top: 30px; + padding: 0; color: #17397A; } -h3#comments { margin-left: 20px; } -h3#respond { margin-left: 20px; } + h4 { font-size: 16px; font-weight: normal; } -ol#comments li p { font-size: 100%; } + img { margin: 10px; padding: 10px; border: 0px solid #2F700F; } -p, .feedback { - font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; -} -p {} -.textarea { width:200px; margin:0; } -#archvies { - font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; -} - -/* ------------------------- Classes used by the_meta() --------------------- */ - -ul.post-meta { - list-style: none; -} - -ul.post-meta span.post-meta-key { - font-weight: bold; -} - -.credit { - color: #fff; - font-size: 90%; - margin: 10px 0 0 0; - padding: 3px; - text-align: center; -} - -.credit a, .credit a:hover { color: #fff; text-decoration: none; } -.feedback { text-align: right; clear: both; margin-right: 30px; font-size: 90% } -.meta { font-size: .95em; } -.meta li, ul.post-meta li { display: inline; } -.meta ul { display: inline; list-style: none;margin: 0; padding: 0; } -.meta, .meta a { font-weight: normal; letter-spacing: 0; } -.post { margin: 35px 35px 20px 0; } -.entrytext {margin-left: 30px; } -.storytitle { margin-top: 10px; margin-bottom: 2px; } -.storytitle a { text-decoration: none; } -.storycontent { margin-bottom: 5px; border-bottom: 1px solid #2050A0; } -#commentform { margin-left: 20px; } -#commentform #comment { width:450px; } -#commentform #author, #commentform #email, #commentform #url, #commentform textarea { - background: #fff; padding: .2em; -} -#commentform textarea { width:100%; } -#commentlist li { border: 2px solid #2050A0; margin-bottom: 20px; padding-left: 20px; } -#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none; } - -/* ---------- All menu styling except #menu itself (in layout above) ------- */ - -#nav form { - margin: 0 0 0 13px; -} - -#nav input#s { - width: 80%; - background: #eee; - border: 1px solid #999; - color: #000; -} - -#nav ul li h2 { - font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; - font-weight: normal; - letter-spacing: 0.1em; - border: 0px none; - text-align: left; - padding-left:0; - margin-left: 0 -} - -#nav ul ul ul.children { - font-size: 100%; - padding-left: 4px; -} - -#nav { width: 170px; } - -#nav ul { - margin-left: 0; - padding-left: 0; - padding-right: 4px; - list-style-type: none; - font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; - font-size: 95%; -} -#nav a { - display: block; - padding-left: 17px; - width: 130px; - background-color: #FFF; - background-image: url('/~scripts/home/images/icon.gif'); - background-repeat: no-repeat; - background-position: 0 55%; - border-bottom: 1px dotted #2050A0; - padding-right:3px; padding-top:3px; padding-bottom:3px; +p { + line-height: 175%; } -#nav a.nobutt { - background-image: none; - border-bottom: none; -} - -#nav a.nobutt:hover { - background-image: none; - border-bottom: none; -} - -#nav a:link, #navlist a:visited { - text-decoration: none; -} - -#nav a:hover { - background-image: url('/~scripts/home/images/icon2.gif'); - color: #000 -} - -#themeswitcher { - font-size: 8px; -} +.textarea { width:200px; margin:0; } /*------------- hnav------------*/ @@ -243,7 +102,6 @@ ul.post-meta span.post-meta-key { background-color: #2050A0; color: #F2EEEC; width: 100%; - font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; line-height: 18px; /* fixes Firefox 0.9.3 */ } @@ -274,60 +132,3 @@ ul.post-meta span.post-meta-key { #hnav #active { border-left: 1px solid #F2EEEC; } -/*------------- added ------------*/ - -.gravatar { - float:left; - padding: 3px; - margin-right: 5px; - margin-bottom: 5px; - border: 1px solid #2F700F; -} - -#commentbox { - background: #F2EEEC; - border: 1px solid #2F700F; - padding: 5px; - margin-bottom: 15px; -} - -.commentby { - font-size: 14px; - text-transform: uppercase; -} -.commentinfo { - font-size: 10px; - margin-top: -10px; - border-bottom: 1px soild #1F6710; -} - -.commentid { - float: right; - font-size: 24px; - font-style: italic; - padding-left: 10px; - padding-right: 5px; - padding-top: 5px; - padding-bottom: 5px; - color: #2050A0; -} - -.commentid a { - color: #2050A0; - text-decoration: none; -} - -.post ul li { - padding: 0px; - font-weight: normal; - list-style: url('/~scripts/home/images/icon.gif'); - line-height: 1.5em; -} - -.post ul li:hover { - padding: 0px; - font-weight: normal; - list-style: url('/~scripts/home/images/icon2.gif'); - line-height: 1.5em; -} -