1 /* $Id: layout.css,v 1.1 2005/03/25 01:06:43 kbahey Exp $ */
2 /* Democratica Layout Styles */
5 zoom: 1; /* IE peekaboo fix */
10 background: url(images/bg.png) repeat;
14 I'm using a mix of Dan Cederholm's Faux Columns for the background image
15 from http://www.alistapart.com/articles/fauxcolumns/ and Ryan Brill's
16 "Creating Liquid Layouts with Negative Margins" for the 3-column
17 layout from http://www.alistapart.com/articles/negativemargins/
22 _width: expression( ( documentElement.clientWidth < 760 ) ? "760px" : "auto" ); /* IE min-width hack */
33 background: url(images/bg_footer.png) repeat-x top left;
39 background-color: #fff;
46 border-right: 1px solid #bababa;
52 background: url(images/bg_footer.png) repeat-x top left;
54 /*<group=Left Column Only Styles>*/
55 body.layout-left #sidebar-right {
58 body.layout-left #content {
62 background: url(images/bg_left.png) left repeat-y; /* needed for sidebar-left bg color */
64 /* padding-right: 7px; */
68 /*<group=Right Column Only Styles>*/
72 Right Column Only Layout
75 body.layout-right #sidebar-left {
78 body.layout-right #content {
83 /*<group=Shared Layout Styles>*/
84 /*<group=Right Styles>*/
85 body.layout-both #content, body.layout-right #content {
86 margin-right: 280px; /* This must match container margin-right */
88 body.layout-both #container, body.layout-right #container {
89 margin-right: -280px; /* This must match content's margin-right */
90 background: #fff url(images/bg_right.png) top right repeat-y;
92 body.layout-both #sidebar-right, body.layout-right #sidebar-right {
94 width: 270px; /* This must be less than content's margin-right */
96 body.layout-right #navigation {
102 /*<group=Left Styles>*/
103 body.layout-both #content, body.layout-left #content {
104 background: url(images/bg_left.png) left repeat-y; /* needed for sidebar-left bg color */
106 body.layout-both #main-content, body.layout-left #main-content {
109 body.layout-both #sidebar-left, body.layout-left #sidebar-left {
115 body.layout-left #outer-wrapper, body.layout-right #outer-wrapper {