? foundation_element_reset_2.patch Index: style.css =================================================================== RCS file: /cvs/drupal-contrib/contributions/themes/foundation/style.css,v retrieving revision 1.6 diff -u -p -r1.6 style.css --- style.css 14 Jul 2008 01:41:22 -0000 1.6 +++ style.css 24 Jul 2009 18:04:17 -0000 @@ -2,124 +2,134 @@ /* Reset the basic elements to a baseline. */ body { - color: #000000; background: #ffffff; + color: #000000; font-family: Arial, Helvetica, sans-serif; - margin: 10px; font-size: 13px; + margin: 10px; } a:link { color: #3366ff; } + a:visited { color: #6633cc; } + a:hover { } + a:active { color: #ff0000; } h1, h2, h3, h4, h5, h6 { - margin-top: 10px; - margin-bottom: 0px; - font-size: 100%; } + p, ul, ol { + font-size: 100%; margin-top: 0px; margin-bottom: 10px; - font-size: 100%; } + li { margin: 0px; padding: 0px; } + table { border-collapse: collapse; border-spacing: 0px; font-size: inherit; } + caption { text-align: left; } + th { border-bottom-width: 1px; font-weight: bold; padding-bottom: 2px; text-align: left; } + td { font-size: 100%; } + form { margin: 0px; padding: 0px; } + fieldset { border: 1px solid #e0e0e0; padding: 5px; } -b, strong { - font-weight: bold; -} -i, em, u { - font-style: italic; -} -u { - text-decoration: none; -} + a img { border: 0px; } /* Main page element styles */ #header { - margin-bottom: 10px; - text-align: center; background-color: #ffffff; + margin-bottom: 10px; padding-bottom: 10px; + text-align: center; } + #header h1 { margin-bottom: 10px; } + #header img.logo { vertical-align: middle; } + #header .site-name { } + #header .site-slogan { } + #header .navigation { } + #header .navigation .navigation-primary { } + #header .navigation .navigation-secondary { } + #header form.search { margin-top: 10px; } #container { - xclear: both; + clear: both; } .sidebar { } + #left-sidebar { float: left; width: 20%; } + #right-sidebar { float: left; width: 20%; } #page { - float: left; - overflow: hidden; background-color: #ffffff; + float: left; min-height: 500px; + overflow: hidden; } #footer { @@ -129,22 +139,28 @@ a img { } /* Common page items */ + #page h2.title { } + #page .mission { - padding: 20px; font-size: 144%; + padding: 20px; } + #page .tabs { } + #page .help { } + #page .messages { - color: #333333; background-color: #f0f0f0; border: 1px solid #c0c0c0; + color: #333333; margin-bottom: 10px; } + #page .error { border-color: #ff0000; } @@ -157,12 +173,15 @@ a img { padding-left: 5px; padding-right: 5px; } + .block .title { font-weight: bold; } + .block .content { padding-bottom: 10px; } + .user-login-block { text-align: left; } @@ -171,113 +190,145 @@ a img { .node { margin-bottom: 10px; } + .node h3.title { } + .node .content { } + .node .picture { + background-color: #f0f0f0; float: left; - padding: 4px; margin-right: 4px; - background-color: #f0f0f0; + padding: 4px; } + .node .date { } + .node .author { } + .node .terms { } + .node .links { clear: left; } + .node-sticky { } + .node table { width: 100%; } /* Boxes (comment list container) */ + .box { } + .box h3.title { } + .box .content { } /* Comments */ + .comment h4.title { } + .comment .new { } + .comment .content { } + .comment .picture { + background-color: #f0f0f0; float: left; - padding: 4px; margin-right: 4px; - background-color: #f0f0f0; + padding: 4px; } + .comment .date { } + .comment .author { } + .comment .links { clear: left; } + .comment-new { } /* Customize different page layouts */ + #header { margin-left: auto; margin-right: auto; } + body.sidebar-left #header { width: 80%; } + body.sidebar-right #header { width: 80%; } + body.two-sidebars #header { width: 60%; } + body.no-sidebars #header { width: 100%; } body.sidebar-left #page { - width: 77%; padding-left: 2%; + width: 77%; } + body.sidebar-right #page { - width: 77%; padding-right: 2%; + width: 77%; } + body.two-sidebars #page { - width: 55%; padding-left: 2%; padding-right: 2%; + width: 55%; } + body.no-sidebars #page { - width: 100%; + float: none; padding-left: 0%; padding-right: 0%; - float: none; + width: 100%; } .footer { margin-left: auto; margin-right: auto; } + body.sidebar-left .footer { width: 80%; } + body.sidebar-right .footer { width: 80%; } + body.two-sidebars .footer { width: 60%; } + body.no-sidebars .footer { width: 100%; } @@ -288,6 +339,7 @@ body.no-sidebars .footer { float: left; width: 120px; } + #right-sidebar { float: left; width: 100px; @@ -298,9 +350,9 @@ body.sidebar-left #header, body.sidebar-right #header, body.two-sidebars #header, body.no-sidebars #header { - width: 760px; margin-left: 0px; margin-right: 0px; + width: 760px; } body.sidebar-left #page, @@ -316,24 +368,24 @@ body.sidebar-left .footer, body.sidebar-right .footer, body.two-sidebars .footer, body.no-sidebars .footer { - width: 760px; margin-left: 0px; margin-right: 0px; + width: 760px; } */ /* Fixed-width sidebars, fluid center column. */ /* #left-sidebar{ - position: absolute; - top: 0px; left: 0px; + top: 0px; width: 160px; + position: absolute; } #right-sidebar { position: absolute; - top: 0px; right: 0px; + top: 0px; width: 160px; }