2 @site-width: 940px; // inside the shadow
3 @nav-width: 200px; // inner
4 @site-gutter-width: 18px; // padding around nav and main columns
5 @site-main-body-width: @site-width - 2*@site-gutter-width - @nav-width;
8 @site-header-color: #ddf;
9 @nav-color: #dff; // if different than site-body-color: make sure content is taller than nav
10 @site-body-color: #fff;
11 @site-window-color: #eee;
12 @site-footer-color: #ddf;
13 @site-gutter-color: #fff;
15 header, hgroup, section, footer, aside, nav, article, figure, img {
23 background: @site-body-color; // overruled below except in wysiywyg
24 font: 14px "Verdana", sans-serif;
26 body.real_body_tag { // not the wysiwyg body
27 background: @site-window-color;
32 background: @nav-color;
35 -moz-box-shadow: 2px 2px 15px #777;
36 -webkit-box-shadow: 2px 2px 15px #777;
37 box-shadow: 2px 2px 13px #777;
43 background: @site-header-color;
49 width: @nav-width - 2*@nav-padding;
50 padding: @nav-padding;
51 background: @nav-color;
62 text-decoration: none;
69 width: @site-main-body-width;
70 padding: @site-gutter-width @site-gutter-width 3*@site-gutter-width @site-gutter-width;
71 background: @site-body-color;
76 width: @site-width - 2*@site-gutter-width;
77 padding: @site-gutter-width;
79 background: @site-footer-color;
84 border: 2px solid red;
106 font: 12px monospace;
107 border: 1px solid black;
123 border: 1px dotted black;
124 padding: 0 15px 15px 15px;
133 border: 2px solid red;
139 // floating images (from pastable example code on admin_images)
146 background-repeat: no-repeat;
147 background-position: left top;
148 margin: 0 10px 2px 0;
157 background-repeat: no-repeat;
158 background-position: left top;
159 margin: 0 0 2px 10px;
166 background-repeat: no-repeat;
167 background-position: center top;
170 // hack so that vertical margins are only between siblings for the most part
174 article > :first-child,
175 section > :first-child,
183 fieldset > :last-child,
184 article > :last-child,
185 section > :last-child,