source: trunk/docs/_static/default.css @ 231

Last change on this file since 231 was 231, checked in by nbozon, 13 years ago

ZOO Docs Final Sphinx CSS polish

File size: 10.2 KB
Line 
1/*
2 * default.css_t
3 * ~~~~~~~~~~~~~
4 *
5 * Sphinx stylesheet -- default theme.
6 *
7 * :copyright: Copyright 2007-2011 by the Sphinx team, see AUTHORS.
8 * :license: BSD, see LICENSE for details.
9 *
10 */
11
12@import url("basic.css");
13
14/* -- page layout ----------------------------------------------------------- */
15
16body {
17    font-family: Verdana, Arial, Helvetica, sans-serif;
18    font-size: 14px;
19    background-color: #ffffff;
20    color: #000;
21    margin: 0;
22    padding: 0;
23}
24
25div.document {
26    background-color: white;
27}
28
29div.documentwrapper {
30    float: left;
31    width: 100%;
32    background:#707070;
33 }
34
35div.bodywrapper {
36    margin: 0 0 0 230px;
37
38}
39
40div.body {
41background:#FFFFFF;
42    color: #333333;
43    padding: 10px 20px 20px 20px;
44}
45div.bodywrapper {
46    margin: 1em 25% 1em 1em;
47}
48
49div.footer {
50    color: #646464;
51    width: 100%;
52    padding: 9px 0 9px 0;
53    text-align: center;
54    font-size: 75%;
55}
56
57div.footer a {
58    color: #646464;
59    text-decoration: underline;
60}
61
62div.related {
63    background-color: #ed910d;
64    line-height: 30px;
65    color: #ffffff;
66}
67
68div.related a {
69        margin: 0 0 10px 10px;
70    color: #ffffff;
71}
72
73div.sphinxsidebar {
74    float: right;
75   
76}
77
78/* -- Custom Sidebar styles ----------------------------------------------------------- */
79
80.categories{
81        background: #ee920c;
82        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee920c', endColorstr='#ffcd0b'); /* for IE */
83        background:-webkit-gradient(linear, left top, left bottom, from(#ee920c), to(#ffcd0b)); /* for webkit browsers */
84        background:-moz-linear-gradient(top,  #ee920c,  #ffcd0b); /* for firefox 3.6+ */
85        font-size: 1.3em;
86        width: 98%;
87        margin-bottom: 10px;
88        border:0;
89        padding:1%;
90        text-shadow: 1px 1px 1px #E0E0E0;
91        -moz-border-radius: 5px;
92        -webkit-border-radius: 5px;
93        border-radius: 5px;
94}
95
96.twitts, .donate, #searchbox {
97    -moz-border-radius: 5px;
98    -webkit-border-radius:5px;
99    border-radius:5px;
100    background: #FFCD0B;
101    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFCD0B'); /* for IE */
102    background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFCD0B)); /* for webkit browsers */
103    background: -moz-linear-gradient(center top , #FFFFFF, #FFCD0B) repeat scroll 0 0 transparent;
104    border: 0 none;
105    height: auto;
106    margin-bottom: 10px;
107    padding: 1%;
108    width: 98%;
109}
110
111.twitts img{width:180px;height:40px;}
112
113
114
115/* -- End Custom Sidebar styles ----------------------------------------------------------- */
116
117div.sphinxsidebar h1, .donate h1, .twitts h1 {
118    font-family: Verdana, Arial, Helvetica, sans-serif;
119    color: #663e05;
120    font-size: 1.4em;
121    font-weight: normal;
122    margin: 0;
123    padding: 0;
124    margin:10px 0 10px 10px;
125}
126
127div.sphinxsidebar h3 {
128    font-family: Verdana, Arial, Helvetica, sans-serif;
129    color: #663e05;
130    font-size: 1.4em;
131    font-weight: normal;
132    margin: 0;
133    padding: 0;
134
135}
136
137div.sphinxsidebar h3 a {
138    color: #5D3805;
139         -moz-border-radius-topright: 5px;
140border-top-right-radius:5px;
141-webkit-border-top-right-radius:5px;
142-moz-border-radius-topleft: 5px;
143border-top-left-radius:5px;
144-webkit-border-top-left-radius:5px;
145background:#FFFFFF;
146}
147
148div.sphinxsidebar h4 {
149    font-family: 'Verdana, Arial, Helvetica, sans-serif';
150    color: #663e05;
151    font-size: 1.3em;
152    font-weight: normal;
153    margin: 5px 0 0 0;
154    padding: 0;
155}
156
157div.sphinxsidebar p {
158    color: #333333;
159}
160
161div.sphinxsidebar p.topless {
162    margin: 5px 10px 10px 10px;
163}
164
165div.sphinxsidebar ul {
166    margin: 0 0 1em 0;
167
168
169   
170}
171
172div.sphinxsidebar a {
173    color: #ED910D;
174    text-decoration:none;
175}
176
177
178div.sphinxsidebar a p.version{
179color:#FFFFFF;
180text-shadow: none;
181margin:0 0 10px 10px ;
182padding:0;
183}
184
185div.sphinxsidebar input {
186    border: 1px solid #5F3A05;
187    font-family: Verdana;
188    font-size: 1em;
189    -moz-border-radius:5px;
190    -webkit-border-radius:5px;
191    border-radius:5px;
192}
193
194
195
196/* -- hyperlink styles ------------------------------------------------------ */
197
198a {
199    color: #ffac59;
200    text-decoration: none;
201}
202
203a:visited {
204    color: #ffac59;
205    text-decoration: none;
206}
207
208a:hover {
209    text-decoration: underline;
210}
211
212
213
214/* -- body styles ----------------------------------------------------------- */
215
216div.body h1,
217div.body h2,
218div.body h3,
219div.body h4,
220div.body h5,
221div.body h6 {
222    font-family: 'Verdana';
223    background-color: #ffffff;
224    font-weight: normal;
225    color: #663e05;
226    margin: 20px -20px 10px -20px;
227    padding: 3px 0 3px 10px;
228}
229
230div.body h1 {
231        font-size: 1.4em;
232        font-family:Verdana;
233        margin: 10px 0 0 0;
234        padding:0;
235         }
236div.body h2 { font-size: 120%; }
237div.body h3 { font-size: 100%; }
238div.body h4 { font-size: 90%; }
239div.body h5 { font-size: 80%; }
240div.body h6 { font-size: 70%; }
241
242a.headerlink {
243    color: #c60f0f;
244    font-size: 0.8em;
245    padding: 0 4px 0 4px;
246    text-decoration: none;
247}
248
249a.headerlink:hover {
250    background-color: #c60f0f;
251    color: white;
252}
253
254div.body p, div.body dd, div.body li {
255    text-align: justify;
256    line-height: 130%;
257}
258
259div.admonition p.admonition-title + p {
260    display: inline;
261}
262
263div.admonition p {
264    margin-bottom: 5px;
265}
266
267div.admonition pre {
268    margin-bottom: 5px;
269}
270
271div.admonition ul, div.admonition ol {
272    margin-bottom: 5px;
273}
274
275div.note {
276    background-color: #eee;
277    border: 1px solid #ccc;
278}
279
280div.seealso {
281    background-color: #ffc;
282    border: 1px solid #ff6;
283}
284
285div.topic {
286    background-color: #eee;
287}
288
289div.warning {
290    background-color: #ffe4e4;
291    border: 1px solid #f66;
292}
293
294p.admonition-title {
295    display: inline;
296}
297
298p.admonition-title:after {
299    content: ":";
300}
301
302pre {
303    padding: 5px;
304    background-color: #fff6ce;
305    color: #333333;
306    line-height: 120%;
307    border: 1px solid #beb899;
308    border-left: none;
309    border-right: none;
310}
311
312tt {
313    background-color: #ecf0f3;
314    padding: 0 1px 0 1px;
315    font-size: 0.95em;
316}
317
318th {
319    background-color: #fff6ce;
320}
321
322.warning tt {
323    background: #efc2c2;
324}
325
326.note tt {
327    background: #d6d6d6;
328}
329
330.viewcode-back {
331    font-family: sans-serif;
332}
333
334div.viewcode-block:target {
335    background-color: #f4debf;
336    border-top: 1px solid #ac9;
337    border-bottom: 1px solid #ac9;
338}
339
340/*  Custom Menu Bar ---------------------------------------- */
341
342ul.topnav {
343        position:relative;
344        top:0;
345        left:0;
346        list-style: none;
347        padding: 0 ;   
348        margin: 0;
349        float: left;
350        width: 100%;
351        height:40px;
352        background: #563404;
353filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#563404', endColorstr='#663e05'); /* for IE */
354background:-webkit-gradient(linear, left top, left bottom, from(#563404), to(#663e05)); /* for webkit browsers */
355background:-moz-linear-gradient(top,  #563404,  #663e05); /* for firefox 3.6+ */
356        font-size: 1.2em;
357}
358ul.topnav li {
359        float: left;
360        margin: 0;     
361        padding: 0 15px 0 0;
362        position: relative; /*--Declare X and Y axis base--*/
363}
364ul.topnav li a{
365        padding: 9px 10px 10px 20px;
366        color: #fff;
367        display: block;
368        text-decoration: none;
369        float: left;
370       
371}
372ul.topnav li a:hover{
373        background: transparent;
374        color:#ffcd0b;
375}
376ul.topnav li span { /*--Drop down trigger styles--*/
377        width: 17px;
378        height: 35px;
379        float: left;
380}
381ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
382ul.topnav li ul.subnav {
383        list-style: none;
384        position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
385        left: 20px; top: 35px;
386        margin: 0; padding: 0;
387        display: none;
388        float: left;
389        width: 170px;
390        -moz-border-radius-bottomleft: 5px;
391        -moz-border-radius-bottomright: 5px;
392        -webkit-border-bottom-left-radius: 5px;
393        -webkit-border-bottom-right-radius: 5px;
394        border: 1px solid #663e05;
395        z-index:1000000;
396       
397
398}
399ul.topnav li ul.subnav li{
400        margin: 0; padding: 0;
401
402        clear: both;
403        width: 125px;
404}
405html ul.topnav li ul.subnav li a {
406                font-size:.8em;
407        float: left;
408        width: 155px;
409        background: #663e05;
410        padding:3px 5px 3px 10px ;
411
412}
413html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
414 
415}
416
417/*  Custom Header ---------------------------------------- */
418
419#wrapper { 
420 margin: 0;
421 padding: 0;
422 width: 100%;
423}
424
425#myheader {
426 color: #333;
427 width: 100%;
428 height: 180px;
429 margin: 0;
430 background: #FFFFFF ;
431filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#fff196'); /* for IE */
432background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fff196)); /* for webkit browsers */
433background:-moz-linear-gradient(top,  #FFFFFF, #fff196  ); /* for firefox 3.6+ */
434}
435
436.hleft{
437float:left;
438margin:0;
439width:380px;
440height:180px;
441background:url(images/zoo-title.png) no-repeat;}
442
443h1.title{width:290px;position:relative;top:102px;left:15px;font-size:1.4em;letter-spacing:2px;color:#727272;text-transform:uppercase;padding:5px;
444 background:#999999;font-weight:normal;
445 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#bbbbbb'); /* for IE */
446background:-webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#bbbbbb)); /* for webkit browsers */
447background:-moz-linear-gradient(top,  #e0e0e0,  #bbbbbb); /* for firefox 3.6+ */
448        -moz-border-radius: 5px;
449        -webkit-border-radius: 5px;
450        -webkit-border-radius: 5px;
451                border: 1px solid #d4d4d4;
452                text-align:center;
453                text-shadow: 1px 1px 1px #E0E0E0;
454}
455
456.orange{color:#ffaa17;display:block;padding:5px;}
457
458.hright{
459float:right;
460margin:0;
461width:533px;
462background:url(images/zoo-banner.png) no-repeat;
463height:180px;
464}
465
466/*  Custom Footer ---------------------------------------- */
467
468#footer { 
469        clear:both;
470 width:99.99%;
471 color: #333;
472 background: #ffcd0b;
473 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd0b', endColorstr='#ee920c'); /* for IE */
474background:-webkit-gradient(linear, left top, left bottom, from(#ffcd0b), to(#ee920c)); /* for webkit browsers */
475background:-moz-linear-gradient(top,  #ffcd0b, #ee920c  ); /* for firefox 3.6+ */
476 margin: 0;
477 padding: 0;
478}
479
480#footer p{
481        padding: 0;
482        text-align: center;
483        margin: 0;
484}
485
486#footer a{
487        color: #563404;
488        font-weight: bold;
489        font-size: 14px;
490        text-decoration: none;
491}
492
493#footer .icon{
494        display: none;
495}
496
497#footer div{
498        text-align: center;
499}
500
501
502#footer .menuContainer{
503width: 750px; margin-left: auto; margin-right: auto;
504}
505
506#footer .menuItemList{
507        margin-top: 1em;
508        float: left;
509        padding-left: 1em;
510        padding-right: 1em;
511        border-left: 1px dashed #563404;;
512}
513
514#footer .menuItemList a{
515        font-weight: normal;
516}
Note: See TracBrowser for help on using the repository browser.

Search

ZOO Sponsors

http://www.zoo-project.org/trac/chrome/site/img/geolabs-logo.pnghttp://www.zoo-project.org/trac/chrome/site/img/neogeo-logo.png http://www.zoo-project.org/trac/chrome/site/img/apptech-logo.png http://www.zoo-project.org/trac/chrome/site/img/3liz-logo.png http://www.zoo-project.org/trac/chrome/site/img/gateway-logo.png

Become a sponsor !

Knowledge partners

http://www.zoo-project.org/trac/chrome/site/img/ocu-logo.png http://www.zoo-project.org/trac/chrome/site/img/gucas-logo.png http://www.zoo-project.org/trac/chrome/site/img/polimi-logo.png http://www.zoo-project.org/trac/chrome/site/img/fem-logo.png http://www.zoo-project.org/trac/chrome/site/img/supsi-logo.png http://www.zoo-project.org/trac/chrome/site/img/cumtb-logo.png

Become a knowledge partner

Related links

http://zoo-project.org/img/ogclogo.png http://zoo-project.org/img/osgeologo.png