Mercurial > agora
annotate static/djangodocs.css @ 17:cb9a7c6c3800
Implement rounded boxes and titles for holding content
author | Jordi Gutiérrez Hermoso <jordigh@gmail.com> |
---|---|
date | Sat, 26 Jun 2010 18:57:46 -0500 |
parents | c2043cd474cd |
children | d79f3503704c |
rev | line source |
---|---|
9
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
1 /*** setup ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
2 html { background:#DEDFDB; color: #575955;} |
12
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
3 body { font:16px/1.5 Verdana,sans-serif; color: white;} |
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
4 #header { |
17
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
5 background: #4877B1; color: white; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
6 padding: 4px 0 12px 0; text-align: left; |
12
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
7 |
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
8 /* for IE */ |
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
9 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' #6F9DCD', endColorstr='#4877B1'); |
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
10 /* for webkit browsers */ |
13
cc12c8b6625f
Add a grey agora in the main background, move title to the left, increase footer size, change main section background colour to match agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
12
diff
changeset
|
11 background: -webkit-gradient(linear, left top, left bottom, from( #6F9DCD), to(#4877B1)); |
12
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
12 /* for firefox 3.6+ */ |
17
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
13 background: -moz-linear-gradient(top, #6F9DCD, #4877B1); |
12
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
14 } |
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
15 |
13
cc12c8b6625f
Add a grey agora in the main background, move title to the left, increase footer size, change main section background colour to match agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
12
diff
changeset
|
16 #header h1 a { color: white; margin-left: 1em} |
17
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
17 #columnwrap { |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
18 background: #DFE0DC; color: black; |
15
3058a25a7c7c
Use new simpler Agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
14
diff
changeset
|
19 background-image: url("agora-grey-large.png"); |
3058a25a7c7c
Use new simpler Agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
14
diff
changeset
|
20 background-position: bottom right; |
3058a25a7c7c
Use new simpler Agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
14
diff
changeset
|
21 background-repeat: no-repeat; |
17
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
22 overflow: hidden; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
23 width: 85%; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
24 margin: 0 auto; |
15
3058a25a7c7c
Use new simpler Agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
14
diff
changeset
|
25 } |
17
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
26 #footer { |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
27 background-color:#8F918C; font-size:80%; |
13
cc12c8b6625f
Add a grey agora in the main background, move title to the left, increase footer size, change main section background colour to match agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
12
diff
changeset
|
28 padding-top: 0.75em; text-align:center; |
cc12c8b6625f
Add a grey agora in the main background, move title to the left, increase footer size, change main section background colour to match agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
12
diff
changeset
|
29 padding-bottom: 0.75em; |
cc12c8b6625f
Add a grey agora in the main background, move title to the left, increase footer size, change main section background colour to match agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
12
diff
changeset
|
30 } |
17
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
31 |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
32 .info{ |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
33 overflow: hidden; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
34 } |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
35 |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
36 .whitebox{ |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
37 background-color: white; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
38 color: black; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
39 -moz-border-radius: 10px; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
40 -webkit-border-radius: 10px; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
41 border: 1px solid #000; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
42 float: left; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
43 padding: 10px; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
44 margin-top: 1em; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
45 margin-bottom: 1em; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
46 } |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
47 |
13
cc12c8b6625f
Add a grey agora in the main background, move title to the left, increase footer size, change main section background colour to match agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
12
diff
changeset
|
48 #copyright {margin-left: 1em;} |
15
3058a25a7c7c
Use new simpler Agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
14
diff
changeset
|
49 #agora-logo{float: right;} |
17
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
50 |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
51 #content-main{ |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
52 float: left; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
53 overflow: hidden; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
54 width: 60%; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
55 } |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
56 |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
57 #content-related{ |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
58 float: right; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
59 overflow: hidden; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
60 width: 30%; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
61 } |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
62 |
9
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
63 /*** links ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
64 a {text-decoration: none;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
65 a img {border: none;} |
12
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
66 a:link, a:visited { color: blue; } |
9
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
67 h2 a, h3 a, h4 a { text-decoration:none !important; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
68 a.reference em { font-style: normal; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
69 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
70 /*** nav ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
71 #nav-top {height: 0.85em; background:#F8BF69; width: 100%; position: absolute;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
72 #nav-bot {height: 0.85em; background:#FCAF3E; width: 100%; position: absolute;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
73 #nav-main{position: relative; z-index: 1; height: 0.85em;} |
17
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
74 #nav{ |
16
c2043cd474cd
Restore Fotios's fonts
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
15
diff
changeset
|
75 margin: 0; font-size: 12px; text-align: right; |
9
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
76 font-weight: bold; width: 100%; |
16
c2043cd474cd
Restore Fotios's fonts
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
15
diff
changeset
|
77 font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; |
9
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
78 float: left; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
79 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
80 #nav ul { |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
81 list-style: none; |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
82 margin: 0; |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
83 padding: 0; |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
84 } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
85 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
86 #nav li {display: inline;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
87 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
88 #nav li a{ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
89 padding:0em 2em; |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
90 color: #6A6354; |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
91 text-decoration:none; |
13
cc12c8b6625f
Add a grey agora in the main background, move title to the left, increase footer size, change main section background colour to match agora logo
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
12
diff
changeset
|
92 border-left: solid 1px #F69327; |
9
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
93 } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
94 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
95 #nav li a.first{ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
96 border-left: none; |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
97 } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
98 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
99 #header div.nav { margin-top: -27px; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
100 #footer div.nav { margin-bottom: -18px; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
101 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
102 /*** content ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
103 /* |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
104 #yui-main div.yui-b { position: relative; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
105 #yui-main div.yui-b { margin: 0 0 0 20px; background: white; color: black; padding: 0.3em 2em 1em 2em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
106 */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
107 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
108 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
109 /*** basic styles ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
110 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
111 dd { margin-left:15px; } |
17
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
112 h1,h2,h3,h4 { |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
113 margin-top:1em; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
114 font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
115 font-weight:normal; |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
116 } |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
117 |
12
c6cfbdd40bf6
Fix some CSS errors, put a gradient in the header
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
11
diff
changeset
|
118 h1 { font-size:218%; margin-bottom:.4em; line-height:1.1em; } |
17
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
119 h2 { font-size:175%; margin-bottom:.6em; line-height:1.2em; font-weight:bold;} |
cb9a7c6c3800
Implement rounded boxes and titles for holding content
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
16
diff
changeset
|
120 h3 { font-size:150%; font-weight:normal; margin-bottom:.2em; text-align:left;} |
9
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
121 h4 { font-size:125%; font-weight:bold; margin-top:1.5em; margin-bottom:3px; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
122 div.figure { text-align: center; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
123 div.figure p.caption { font-size:1em; margin-top:0; margin-bottom:1.5em; color: #555;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
124 hr { color:#ccc; background-color:#ccc; height:1px; border:0; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
125 p, ul, dl { margin-top:.6em; margin-bottom:1em; padding-bottom: 0.1em; text-align: left;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
126 #yui-main div.yui-b img { max-width: 50em; margin-left: auto; margin-right: auto; display: block; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
127 caption { font-size:1em; font-weight:bold; margin-top:0.5em; margin-bottom:0.5em; margin-left: 2px; text-align: center; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
128 blockquote { padding: 0 1em; margin: 1em 0; font:125%/1.2em "Trebuchet MS", sans-serif; border-left:2px solid; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
129 strong { font-weight: bold; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
130 em { font-style: italic; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
131 ins { font-weight: bold; text-decoration: none; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
132 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
133 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
134 /*** lists ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
135 /* |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
136 ul { padding-left:30px; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
137 ol { padding-left:30px; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
138 ol.arabic li { list-style-type: decimal; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
139 ul li { list-style-type:square; margin-bottom:.4em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
140 ol li { margin-bottom: .4em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
141 ul ul { padding-left:1.2em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
142 ul ul ul { padding-left:1em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
143 ul.linklist, ul.toc { padding-left:0; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
144 ul.toc ul { margin-left:.6em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
145 ul.toc ul li { list-style-type:square; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
146 ul.toc ul ul li { list-style-type:disc; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
147 ul.linklist li, ul.toc li { list-style-type:none; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
148 dt { font-weight:bold; margin-top:.5em; font-size:1.1em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
149 dd { margin-bottom:.8em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
150 ol.toc { margin-bottom: 2em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
151 ol.toc li { font-size:125%; padding: .5em; line-height:1.2em; clear: right; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
152 ol.toc li.b { background-color: #E0FFB8; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
153 ol.toc li a:hover { background-color: transparent !important; text-decoration: underline !important; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
154 ol.toc span.release-date { color:#487858; float: right; font-size: 85%; padding-right: .5em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
155 ol.toc span.comment-count { font-size: 75%; color: #999; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
156 */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
157 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
158 /*** tables ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
159 /* |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
160 table { color:#000; margin-bottom: 1em; width: 100%; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
161 table.docutils td p { margin-top:0; margin-bottom:.5em; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
162 table.docutils td, table.docutils th { border-bottom:1px solid #dfdfdf; padding:4px 2px;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
163 table.docutils thead th { border-bottom:2px solid #dfdfdf; text-align:left; font-weight: bold; white-space: nowrap; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
164 table.docutils thead th p { margin: 0; padding: 0; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
165 table.docutils { border-collapse:collapse; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
166 */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
167 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
168 /*** code blocks ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
169 /* |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
170 .literal { white-space:nowrap; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
171 .literal { color:#234f32; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
172 #sidebar .literal { color:white; background:transparent; font-size:11px; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
173 h4 .literal { color: #234f32; font-size: 13px; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
174 pre { font-size:small; background:#E0FFB8; border:1px solid #94da3a; border-width:1px 0; margin: 1em 0; padding: .3em .4em; overflow: hidden; line-height: 1.3em;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
175 dt .literal, table .literal { background:none; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
176 #bd a.reference { text-decoration: none; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
177 #bd a.reference tt.literal { border-bottom: 1px #234f32 dotted; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
178 */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
179 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
180 /* Restore colors of pygments hyperlinked code */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
181 /* |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
182 #bd .highlight .k a:link, #bd .highlight .k a:visited { color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
183 #bd .highlight .nf a:link, #bd .highlight .nf a:visited { color: #990000; text-decoration: none; border-bottom: 1px dotted #990000; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
184 */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
185 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
186 /*** notes & admonitions ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
187 /* |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
188 .note, .admonition { padding:.8em 1em .8em; margin: 1em 0; border:1px solid #94da3a; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
189 .admonition-title { font-weight:bold; margin-top:0 !important; margin-bottom:0 !important;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
190 .admonition .last { margin-bottom:0 !important; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
191 .note, .admonition { padding-left:65px; background:url(docicons-note.png) .8em .8em no-repeat;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
192 div.admonition-philosophy { padding-left:65px; background:url(docicons-philosophy.png) .8em .8em no-repeat;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
193 div.admonition-behind-the-scenes { padding-left:65px; background:url(docicons-behindscenes.png) .8em .8em no-repeat;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
194 */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
195 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
196 /*** versoinadded/changes ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
197 /* |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
198 div.versionadded, div.versionchanged { } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
199 div.versionadded span.title, div.versionchanged span.title { font-weight: bold; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
200 */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
201 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
202 /*** p-links ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
203 /* |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
204 a.headerlink { color: #c60f0f; font-size: 0.8em; padding: 0 4px 0 4px; text-decoration: none; visibility: hidden; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
205 h1:hover > a.headerlink, h2:hover > a.headerlink, h3:hover > a.headerlink, h4:hover > a.headerlink, h5:hover > a.headerlink, h6:hover > a.headerlink, dt:hover > a.headerlink { visibility: visible; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
206 */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
207 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
208 /*** index ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
209 /* |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
210 table.indextable td { text-align: left; vertical-align: top;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
211 table.indextable dl, table.indextable dd { margin-top: 0; margin-bottom: 0; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
212 table.indextable tr.pcap { height: 10px; } |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
213 table.indextable tr.cap { margin-top: 10px; background-color: #f2f2f2;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
214 */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
215 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
216 /*e** page-specific overrides ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
217 /* |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
218 div#contents ul { margin-bottom: 0;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
219 div#contents ul li { margin-bottom: 0;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
220 div#contents ul ul li { margin-top: 0.3em;} |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
221 */ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
222 |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
223 /*** IE hacks ***/ |
2da64c6aa689
Begin implementing Fotios' design
Jordi Gutiérrez Hermoso <jordigh@gmail.com>
parents:
diff
changeset
|
224 * pre { width: 100%; } |