/[svn]/doc/tmpl/css/preview.css
ViewVC logotype

Contents of /doc/tmpl/css/preview.css

Parent Directory Parent Directory | Revision Log Revision Log


Revision 2784 - (show annotations) (download) (as text)
Sat Jul 4 14:36:38 2015 UTC (8 years, 8 months ago) by schoenebeck
File MIME type: text/css
File size: 7917 byte(s)
- Minor CSS style fix.

1 /*
2 CrudeDoc CSS Style (for previewing an article on a local machine)
3 Copyright (c) 2015 Christian Schoenebeck. All rights reserved.
4 http://www.crudebyte.com
5 */
6
7 @import 'fontsbase.css';
8 @import 'jquery-ui.css';
9
10 html {
11 font-family:CRDSans;
12 font-weight:200;
13 font-size:17px;
14 line-height:1.2;
15 }
16
17
18 /* Article */
19
20 body {
21 padding: 16px 70px 95px 70px;
22 font-size:18px;
23 font-weight:200;
24 counter-reset:oli;
25 counter-reset:codeline;
26 background-color:white;
27 border:none;
28 }
29
30
31 body h1 {
32 clear:both;
33 border-bottom-style:solid;
34 border-bottom-width:1px;
35 border-bottom-color:#898989;
36 text-align:center;
37 font-family:CRDHigh;
38 font-size:32px;
39 font-weight:700;
40 color:#a19f9f;
41 padding-top:45px;
42 padding-bottom:28px;
43 margin-top:0;
44 margin-bottom:40px;
45 }
46
47 body h2 {
48 clear:both;
49 border-bottom-style:solid;
50 border-bottom-width:1px;
51 border-bottom-color:#898989;
52 font-family:CRDHigh;
53 font-size:26px;
54 font-weight:400;
55 padding-top:35px;
56 padding-bottom:16px;
57 margin-top:0;
58 margin-bottom:28px;
59 }
60
61 body h3 {
62 clear:both;
63 padding-top:20px;
64 padding-bottom:0px;
65 margin-top:0;
66 margin-bottom:0;
67 font-family:CRDHigh;
68 color:#9a6938;
69 font-size:24px;
70 font-weight:300;
71 }
72
73 body p {
74 clear:both;
75 }
76
77 body a {
78 font-weight:400;
79 color:#1ba1dd;
80 text-decoration:none;
81 outline:none;
82 border:none;
83 }
84
85 body a img {
86 border:none;
87 text-decoration:none;
88 }
89
90 body a:hover {
91 text-decoration:underline;
92 }
93
94 body ul {
95 font-weight:inherit;
96 padding:0 0 0 60px;
97 margin:0 0 21px 0;
98 }
99
100 body ul li {
101 list-style-type:disc;
102 padding:4px 0 0 14px;
103 margin:12px 0 0 0;
104 }
105
106
107 body ol {
108 counter-reset:oli;
109 font-weight:inherit;
110 padding:0 0 0 29px;
111 margin:0 0 21px 0;
112 }
113
114 body ol li:before {
115 content:counters(oli,".") ".";
116 counter-increment:oli;
117 font-weight:600;
118 margin:0 20px 0 0;
119 }
120
121 body ol li {
122 list-style-type:none;
123 padding:4px 0 0 14px;
124 margin:12px 0 0 0;
125 }
126
127
128
129 body code, body .code {
130 font-family:CRDCour;
131 color:#404040;
132 white-space:pre;
133 }
134
135 body code {
136 display:inline-block;
137 font-size:15px;
138 margin:0 3px 0px 3px;
139 padding:2px 6px 0px 6px;
140 background-color:#fcf9f9;
141 }
142
143 body > code {
144 display:block;
145 font-size:15px;
146 margin:0 37px 0 37px;
147 padding:2px 6px 0px 6px;
148 background-color:#fcf9f9;
149 }
150
151 body ul.code {
152 list-style:outside none none;
153 counter-reset:codeline;
154 font-size:14px;
155 font-weight:normal;
156 line-height:1.1;
157 margin:0 0 0 0;
158 padding:8px 0px 8px 0px;
159 }
160
161 body .code li {
162 display:block;
163 list-style-type:none;
164 white-space:pre-wrap;
165 border-left:32px solid #f9f3f3;
166 text-indent:-30px;
167 background-color:#fcf9f9;
168 margin:0 0 0 0;
169 padding:0 0 0 0;
170 }
171
172 body .code li:first-child {
173 padding-top:6px;
174 }
175
176 body .code li:last-child {
177 padding-bottom:3px;
178 }
179
180 body .code li:before {
181 display:inline-block;
182 white-space:pre;
183 content:counter(codeline,decimal) ". ";
184 counter-increment:codeline;
185 min-width:38px;
186 text-align:right;
187 color:#c9c9c9;
188 }
189
190 body .code .k, body code .k { /*keyword*/
191 font-weight:bold;
192 color:black;
193 }
194
195 body .code .n, body code .n { /*number*/
196 color:#c4950c;
197 }
198
199 body .code .i, body code .i { /*identifier (function name)*/
200 /*color:#0c4fc4;*/
201 color:#1ba1dd;
202 }
203
204 body .code .a, body code .a { /*array variable*/
205 color:#790cc4;
206 /*color:black;*/
207 }
208
209 body .code .c, body code .c { /*characters*/
210 color:#c40c0c;
211 }
212
213 body .code .s, body code .s { /*string variable*/
214 /*color:#9a693c;*/
215 /*color:black;*/
216 color:#790cc4;
217 }
218
219 body .code .v, body code .v { /*integer variable*/
220 /*color:black;*/
221 color:#790cc4;
222 }
223
224 body .code .h, body code .h { /*event handler*/
225 font-weight:bold;
226 color:#07c0cf;
227 }
228
229 body .code .q, body code .q { /*comment*/
230 color:#9c9c9c;
231 font-style:italic;
232 }
233
234 body .code .p, body code .p { /*preprocessor statements*/
235 /*color:#87b1a8;*/
236 color:#2f8a33;
237 /*font-style:italic;*/
238 font-weight:normal;
239 }
240
241 body .code .m, body code .m { /* metaphor (natural language text used as pseudo code) */
242 background-color:#ddf4fd;
243 font-size:14px;
244 color:black;
245 font-weight:normal;
246 border:solid 1px #73a3ab;
247 -webkit-border-radius: 10px;
248 -moz-border-radius: 10px;
249 border-radius: 10px;
250 margin:0 0 0 0;
251 padding:2px 4px 0px 4px;
252 }
253
254 body table {
255 margin:20px 37px 20px 37px;
256 padding:0 0 0 0;
257 /*background-color:red;*/
258 border:none;
259 border-collapse:collapse;
260 }
261
262 body tr {
263 padding:0 0 0 0;
264 margin:0 0 0 0;
265 }
266
267 body th {
268 background-color:#e8e2e2;
269 padding:0px 8px 0px 8px;
270 margin:0 0 0 0;
271 border:3px solid white;
272 font-size:16px;
273 font-weight:600;
274 }
275
276 body td {
277 background-color:#f9f7f7;
278 padding:4px 8px 4px 8px;
279 margin:0 0 0 0;
280 border:3px solid white;
281 font-size:16px;
282 font-weight:300;
283 line-height:1.2;
284 }
285
286 body table a {
287 font-weight:400;
288 }
289
290 body note:before {
291 white-space:pre-wrap;
292 content:'NOTE: ';
293 font-weight:500;
294 }
295
296 body note.important:before {
297 white-space:pre-wrap;
298 content:'IMPORTANT: ';
299 font-weight:500;
300 }
301
302 body note {
303 display:table; /*HACK: "block" would stretch the entire page width */
304 background-color:#ede8e8;
305 border-top:none;
306 border-right:none;
307 border-bottom:none;
308 border-left:solid 10px #898989;
309 margin: 24px auto 27px 43px;
310 padding: 15px 18px 15px 18px;
311 max-width: -webkit-calc(100% - 145px);
312 max-width: -moz-calc(100% - 145px);
313 max-width: -o-calc(100% - 145px);
314 max-width: calc(100% - 145px);
315 }
316
317 body note.important {
318 border-left:solid 10px #ff4141;
319 }
320
321 body > img, example > img {
322 display:block;
323 clear:both;
324 max-width:100%;
325 margin-left:auto;
326 margin-right:auto;
327 /*border:solid 1px #8e8e8e;*/
328 padding-top:25px;
329 border:none;
330 }
331
332 body p img {
333 display:inline-block;
334 float:left;
335 margin:4px 20px 0px 0px;
336 padding:0 0 0 0;
337 /*border:solid 1px #8e8e8e;*/
338 border:none;
339 max-width:99%;
340 }
341
342 body div.imgcptn {
343 display:block;
344 width:100%;
345 text-align:center;
346 font-weight:200;
347 color:#999999;
348 font-size:16px;
349 font-style:italic;
350 margin: 8px 0 16px 0;
351 }
352
353 body example:before {
354 display:block;
355 position:relative; top:-5px; left:-32px;
356 content:'Example';
357 font-weight:500;
358 color:white;
359 border:none;
360 margin:0;
361 padding:0;
362 width:100px;
363 background-color:#dedede;
364 /* -moz-transform: rotate(30deg);
365 -ms-transform: rotate(30deg);
366 -o-transform: rotate(30deg);
367 -webkit-transform: rotate(30deg);
368 transform: rotate(90deg);
369 transform-origin: 0% 50%;*/
370 text-align:center;
371 }
372
373 body example {
374 display:inline-block;
375
376 width: -webkit-calc(100% - 80px);
377 width: -moz-calc(100% - 80px);
378 width: -o-calc(100% - 80px);
379 width: calc(100% - 80px);
380
381 border-top:solid 1px #e5e5e5;
382 border-right:solid 18px #dedede;
383 border-bottom:solid 1px #e5e5e5;
384 border-left:solid 18px #dedede;
385 margin:0px, 20px, 0px, 20px;
386 padding:5px 15px 8px 24px;
387 }
388
389 body dir {
390 display:block;
391 list-style-type:none;
392 background-image:url('../pix/folder.png');
393 background-repeat:no-repeat;
394 background-position:2px top;
395 padding:0px;
396 margin:0px;
397 font-family:CRDCour;
398 font-size:15px;
399 color:#000000;
400 }
401
402 body > dir, example > dir {
403 padding-left:66px;
404 background-position:36px top;
405 }
406
407 body dir > * {
408 padding-top:2px;
409 padding-bottom:2px;
410 padding-left:31px;
411 }
412
413 body dir file {
414 display:block;
415 list-style-type:none;
416 background-image:url('../pix/file.png');
417 background-repeat:no-repeat;
418 background-position:2px top;
419 font-family:CRDCour;
420 font-size:15px;
421 color:#6f6f6f;
422 }

  ViewVC Help
Powered by ViewVC