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

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

Add same bck gradient as in website (forgotten in previous commit)

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