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-body-color: #fff; // the centered area with the site in it
9 @site-window-color: #f4f4f4; // outside that, filling the rest of the browser window
11 header, hgroup, section, footer, aside, nav, article, figure, img {
19 font: 14px "Liberation Sans", Arimo, Arial, sans-serif;
21 // Styles for the <body> tag within ckeditor
22 background: @site-body-color;
23 width: @site-main-body-width;
25 &.real_body_tag { // revert the above for the <body> on the real site
26 background: @site-window-color;
32 // try to make the content of the editor widget approximately the same size as
33 // the content will be displayed
41 background: @site-body-color;
44 -moz-box-shadow: 2px 2px 15px #777;
45 -webkit-box-shadow: 2px 2px 15px #777;
46 box-shadow: 2px 2px 13px #777;
57 width: @nav-width - 2*@nav-padding;
58 padding: @nav-padding;
61 color: @site-body-color;
69 text-decoration: none;
76 width: @site-main-body-width;
77 padding: @site-gutter-width @site-gutter-width 3*@site-gutter-width @site-gutter-width;
78 background: @site-body-color;
83 width: @site-width - 2*@site-gutter-width;
84 padding: @site-gutter-width;
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)
197 background-repeat: no-repeat;
198 background-position: left top;
199 margin: 0 10px 2px 0;
209 background-repeat: no-repeat;
210 background-position: left top;
211 margin: 0 0 2px 10px;
218 background-repeat: no-repeat;
219 background-position: center top;
222 // hack so that vertical margins are only between siblings for the most part
226 article > :first-child,
227 section > :first-child,
235 fieldset > :last-child,
236 article > :last-child,
237 section > :last-child,
244 box-sizing: border-box;