source: Documentation/Tutorials/WARP Trac (SingleSection)/TOC/neutral.css

Last change on this file was 1449, checked in by sgupta, 14 years ago

updated tutorial css
File size: 7.6 KB
Line 
1/* @override file:///Users/murphpo/svn_work/WARP/Documentation/WARP_Exercises/XPS_Intro/neutral.css */
2
3/* @override file:///Users/murphpo/svn_work/WARP/Documentation/WARP_Exercises/XPS_Intro/neutral.css */
4
5/* @override file:///Users/murphpo/Desktop/WARP%20Documentaiton/neutral.css */
6
7/* @group Setup */
8
9body {
10    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
11    text-align:center;
12    margin: 0px;
13}
14
15body.lucida {
16font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
17}
18body.helvetica {
19font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
20}
21body.courier {
22font-family: "Courier New", Courier, mono;
23}
24body.georgia {
25font-family: Georgia, "Times New Roman", Times, serif;
26}
27body.trebuchet {
28font-family: "Trebuchet MS","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
29}
30
31#wrapper {
32    width: 850px;
33    border-left: 0px solid #999;
34    border-bottom: 0px solid #999;
35    border-right: 0px solid #999;
36    margin-left: auto;
37    margin-right: auto;
38    padding:0;
39    margin-bottom:0;
40    padding-bottom:0;
41    text-align:left;
42}
43
44.clear {clear:both}
45
46
47.sectionBreak {
48    width:711px;
49    border-top:2px solid #DDE7F0;
50    clear:both;
51
52}
53
54* html .sectionBreak {
55    height:1px;
56    margin-bottom:-18px;
57}
58
59* #LessonContent {
60    zoom:1;
61
62}
63
64
65
66/* @end */
67
68/* @group Colors */
69
70div#header {
71}
72
73div.LessonHeader h1,
74div#header h1 {
75}
76
77a {
78    color: #0A57A4;
79}
80
81img {
82    border: none;
83}
84
85/* @end */
86
87/* @group LessonContent */
88
89#LessonContent {
90    padding:20px 0px 10px 0px;
91    font-size:.8em;
92
93}
94
95#LessonContent p {
96    padding:5px 10px 5px 10px;
97    margin: 0;
98}
99
100
101#LessonContent h1.LessonTitle {
102    color: #0A57A4;
103    font-size: 1.8em;
104    text-align: center;
105}
106
107#LessonContent h2.StepTitle {
108    color: #1C1C4E;
109    font-size: 1.2em;
110    margin:0;
111    background-color:#DDE7F0;
112    padding:2px;
113    padding-left:10px;
114    margin-bottom: 10px;
115}
116
117
118
119#LessonContent h1, #LessonContent h3, #LessonContent h4 {
120    padding:2px;
121    padding-left:10px;
122}
123
124* html #LessonContent h1, #LessonContent h2, #LessonContent h3, .filesharing-item {
125    zoom:1;
126}
127
128#LessonContent h3 {
129    color:#1C1C4E;
130    margin:0;
131    font-size:1.1em;
132    font-weight: normal;
133    border-bottom: 2px solid #DDE7F0;
134    border-top: 2px solid #DDE7F0;
135    font-style: oblique;
136
137}
138
139#LessonContent a {
140    text-decoration: none;
141    color:  #0A57A4;
142}
143
144#LessonContent a:hover {
145    color:#FFFFFF;
146    background-color: #0A57A4;
147}
148
149#LessonContent a:hover.image {
150    background-color: inherit;
151}
152
153
154
155* html #LessonContent p {
156
157    margin-bottom:5px;
158    margin-top:5px;
159}
160
161
162/* @end */
163
164/* @group Summary */
165
166div.summary {
167    background-color: #e6e6e6;
168    height: 100%;
169    padding-top: 10px;
170    padding-bottom: 10px;
171    font-size: 110%;
172    border-bottom: 1px solid gray;
173    border-top: 1px solid gray;
174    border-left: 1px solid gray;
175    border-right: 1px solid gray;
176}
177
178
179/* @end */
180
181
182
183/* @group Lesson Step */
184
185div.lessonStep {
186    margin-bottom: 10px;
187    border-top: 1px solid #505050;
188}
189
190div.image {
191    float:right;
192    height: 100%;
193}
194
195div.image img {
196    margin:5px 10px;
197    padding:5px;
198    border: 0px solid #999;
199}
200
201div.image div.caption {
202    margin: 5px;
203    margin-top: 0;
204    text-align: center;
205}
206
207
208#LessonContent div.caption a {
209    text-decoration: underline;
210}
211
212
213
214
215
216* html .lessonStep img {
217    margin:10px;
218}
219
220
221/* @group Top */
222
223
224div.lessonStep.top div.image,
225div.lessonStep.bottom div.image {
226    text-align: center;
227}
228
229div.lessonStep.bottom div.image,
230div.lessonStep.top div.image {
231    float: none;
232}
233
234
235/* @end */
236
237
238
239
240
241
242/* @group Left */
243
244div.lessonStep.left img {
245    float: left;
246}
247
248/* @end */
249
250/* @end */
251
252
253#credits {
254    border-top: 1px solid #999;
255    border-bottom: 1px solid #999;
256    margin: 0px -10px 0 -10px;
257    text-align:center;
258    font-style: italic;
259    font-size:.8em;
260    background-color:#eee;
261}
262
263
264
265/* @group SideNav */
266
267
268#wrapper.sideLeft {
269    margin-left: 280px;
270}
271
272#wrapper.sideRight {
273    margin-left: 10px;
274}
275
276
277
278
279#wrapper.sideLeft #sideNav {
280    border: 1px solid #999;
281    position:fixed;
282    top:20px;
283    left:1%;
284    width:23%;
285    background-color: #fff;
286}
287
288* html #wrapper.sideLeft #sideNav {
289    width: 250px;
290}
291
292#wrapper.sideRight #sideNav {
293    border: 1px solid #999;
294    position:fixed;
295    top:20px;
296    left:740px;
297    width:250px;
298    background-color: #fff;
299   
300}
301
302#sideNav h2 {
303    border-bottom: 1px solid gray;
304    margin: 0;
305    padding: 5px;
306    color: #0A57A4;
307}
308
309
310
311* html #wrapper.sideRight #sideNav {
312    position:absolute;
313}
314
315* html #wrapper.sideLeft #sideNav {
316    position: absolute;
317}
318
319#sideNav a {
320    font-size: 1.2em;
321    color:#333;
322}
323
324#sideNav ol {
325    margin: 0;
326    padding: 0;
327    padding-left: 30px;
328    padding-bottom: 10px;
329    padding-top: 5px;
330}
331
332#sideNav li {
333    padding-top:5px;
334    padding-right:5px;
335    font-size:.8em;
336}
337
338
339/* @end */
340
341/* @group TOC */
342
343#header {
344    padding: 5px;
345}
346
347#header h1 {
348    color: #0A57A4;
349    margin: 0;
350}
351
352div#TOC {
353    border-bottom: 1px solid gray;
354}
355
356div.section {
357    font-size: .9em;
358    padding: 5px 10px 5px 10px;
359}
360
361div.section ul.lessons {
362    margin-left: 0px;
363    padding-left: 30px;
364}
365
366div.section ul.lessons li {
367    padding: 5px;
368}
369
370div.section ul.lessons li.lesson a {
371    font-size: 1.3em;
372    font-weight: bold;
373}
374
375div.description p {
376    margin: 5px;
377    margin-left: 10px;
378}
379
380/* @end */
381
382/* @group Lesson Navigation */
383
384div#lessonNavigation {
385    border: 1px solid gray;
386    padding: 0px;
387    background-color: #e6e6e6;
388}
389
390div#lessonNavigation table td {
391    width: 33%;
392}
393
394div#lessonNavigation table {
395    width: 100%;
396
397}
398
399div#lessonNavigation table td.lessonNav_TOC {
400    text-align: center;
401    border-left-style: dotted;
402    border-right-style: dotted;
403    border-right-width: 1px;
404    border-left-width: 1px;
405}
406div#lessonNavigation table td.lessonNav_Right {
407    text-align: right;
408}
409div#lessonNavigation table td.lessonNav_Left {
410    text-align: left;
411}
412
413/* Navigation */
414.nav h2, .nav hr { display: none }
415.nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }
416.nav li {
417 border-right: 1px solid #d7d7d7;
418 display: inline;
419 padding: 0 .75em;
420 white-space: nowrap;
421}
422.nav li.last { border-right: none }
423
424/* Main navigation bar */
425#mainnav {
426 background: #f7f7f7 url(../topbar_gradient.png) 0 0;
427 border: 1px solid #000;
428 font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
429 margin: .66em 0 .33em;
430 padding: .2em 0;
431}
432#mainnav li { border-right: none; padding: .25em 0 }
433#mainnav :link, #mainnav :visited {
434 background: url(../dots.gif) 0 0 no-repeat;
435 border-right: 1px solid #fff;
436 border-bottom: none;
437 border-left: 1px solid #555;
438 color: #000;
439 padding: .2em 20px;
440}
441* html #mainnav :link, * html #mainnav :visited { background-position: 1px 0 }
442#mainnav :link:hover, #mainnav :visited:hover {
443 background-color: #ccc;
444 border-right: 1px solid #ddd;
445}
446#mainnav .active :link, #mainnav .active :visited {
447 background: #333 url(../topbar_gradient2.png) 0 0 repeat-x;
448 border-top: none;
449 border-right: 1px solid #000;
450 color: #eee;
451 font-weight: bold;
452}
453#mainnav .active :link:hover, #mainnav .active :visited:hover {
454 border-right: 1px solid #000;
455}
456
457/* Main navigation bar */
458#mainnav
459{
460    //background: #40B7E6;
461    background: #eeeeee;
462    font-size: 11px;
463    font-family: verdana,sans-serif;
464    font-weight:bold;
465}
466
467#mainnav :link, #mainnav :visited
468{
469//  background: #40B7E6;
470    background: #3366cc;
471    color: #fff; 
472    font-family: verdana,sans-serif;
473    font-size: 11px;
474    font-weight: bold;
475     border-left: 1px dotted #ccc;
476     border-bottom: none;
477     border-right: 0px solid #555;
478}
479
480#mainnav :link:hover, #mainnav :visited:hover
481{
482    background-color: #88bbff;
483    color: #000; 
484     border-left: 1px dotted #ccc;
485     border-bottom: none;
486     border-right: 0px solid #555;
487}
488
489#mainnav .active:link, #mainnav .active:visited
490{
491    background: #FF8A00;
492     border-left: 1px dotted #ccc;
493     border-bottom: none;
494     border-right: 0px solid #555;
495}
496
497/* Navigation */
498.nav h2, .nav hr { display: none }
499.nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }
500.nav li {
501 border-right: 1px solid #d7d7d7;
502 display: inline;
503 padding: 0 .75em;
504 white-space: nowrap;
505}
506.nav li.last { border-right: none }
507
508
509/* @end */
510
Note: See TracBrowser for help on using the repository browser.