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;
30 // try to make the content of the editor widget approximately the same size as
31 // the content will be displayed
38 background: @nav-color;
41 -moz-box-shadow: 2px 2px 15px #777;
42 -webkit-box-shadow: 2px 2px 15px #777;
43 box-shadow: 2px 2px 13px #777;
49 background: @site-header-color;
55 width: @nav-width - 2*@nav-padding;
56 padding: @nav-padding;
57 background: @nav-color;
68 text-decoration: none;
75 width: @site-main-body-width;
76 padding: @site-gutter-width @site-gutter-width 3*@site-gutter-width @site-gutter-width;
77 background: @site-body-color;
82 width: @site-width - 2*@site-gutter-width;
83 padding: @site-gutter-width;
85 background: @site-footer-color;
90 border: 2px solid red;
112 font: 12px monospace;
113 border: 1px solid black;
129 border: 1px dotted black;
130 padding: 0 15px 15px 15px;
139 border: 2px solid red;
150 margin: -10px 0 10px;
154 margin: 16px 0px 8px;
185 margin: -15px 0 15px 100px;
189 // floating images (from pastable example code on admin_images)
196 background-repeat: no-repeat;
197 background-position: left top;
198 margin: 0 10px 2px 0;
207 background-repeat: no-repeat;
208 background-position: left top;
209 margin: 0 0 2px 10px;
216 background-repeat: no-repeat;
217 background-position: center top;
220 // hack so that vertical margins are only between siblings for the most part
224 article > :first-child,
225 section > :first-child,
233 fieldset > :last-child,
234 article > :last-child,
235 section > :last-child,