hgbook

view web/styles.css @ 890:2887b61fa4fe

find changesets by author, revision, files, or words in the commit message
Change fields to fieldsets in the Comment admin model. The 'date'
field isn't working properly for an unknown reason, so it has been
removed from the interface temporarily.
author dukebody <dukebody@gmail.com>
date Sun Oct 11 21:12:46 2009 +0200 (2009-10-11)
parents 846a41c4fd46
children
line source
1 body {
2 background: #f2f1f0;
3 font-family: verdana,sans-serif;
4 }
5
6 .navheader, .book, .preface, .chapter, .appendix, .bibliography, .navfooter, .basetemplate {
7 width: 50em;
8 margin-left: auto;
9 margin-right: auto;
10 }
11
12 a.commenttoggle:hover, a.commenttoggle:active {
13 opacity: 0.7;
14 }
15
16 a:hover, a:active {
17 border-bottom: 1px solid #aaaaaa;
18 }
19
20 .book, .preface, .chapter, .appendix, .bibliography, .basetemplate {
21 background: white;
22 padding: 2em;
23 }
24
25 h1 {
26 margin-top: 1.5em;
27 }
28
29 span.beta {
30 font-size: 80%;
31 font-style: italic;
32 opacity: 0.4;
33 }
34
35 h2, h3 {
36 margin-top: 2em;
37 }
38
39 h1, h2, h3 {
40 font-family: georgia,serif;
41 font-weight: normal;
42 margin-bottom: 0.5em;
43 }
44
45 h1.booktitle {
46 margin-bottom: 0px;
47 }
48
49 h2.booktitle {
50 text-align: center;
51 }
52
53 h2.booktitle > a {
54 color: black;
55 }
56
57 div.authors {
58 font-size: 80%;
59 margin-bottom: 1em;
60 padding-left: 0.25em;
61 }
62
63 span.authors {
64 font-size: 80%;
65 opacity: 0.55;
66 padding-left: 0.5em;
67 }
68
69 div.note th, div.tip th, div.warning th {
70 font-family: georgia,serif;
71 font-weight: normal;
72 font-size: 110%;
73 }
74
75 div.navheader th, div.navfooter td {
76 font-family: georgia,serif;
77 }
78
79 div.navheader th {
80 opacity: 0;
81 font-size: 0;
82 }
83
84 pre.screen {
85 background-image: url(figs/shell.png);
86 }
87
88 pre.programlisting {
89 background-image: url(figs/source.png);
90 }
91
92 pre.programlisting, pre.screen, p.remark {
93 border-style: solid;
94 border-width: 1px;
95 font-size: medium;
96 padding: 1em;
97 background-repeat: no-repeat;
98 background-position: 10px 10px;
99 padding-left: 70px;
100 }
101
102 strong.command, code, pre, span.type {
103 font-family: monospace;
104 font-weight: normal;
105 }
106
107 strong.userinput > code {
108 font-weight: bolder;
109 color: #303030;
110 }
111
112 div.toc > p {
113 opacity: 0.35;
114 font-family: georgia,serif;
115 cursor: pointer;
116 }
117
118 div.toc b {
119 font-weight: normal;
120 font-size: large;
121 }
122
123 ul.booktoc {
124 padding-left: 0px;
125 list-style-type: none;
126 }
127
128 .booktoc > li {
129 padding: 0.5em;
130 }
131
132 .chapinfo {
133 float: right;
134 color: #a0a0a0;
135 }
136
137 .unpublished {
138 color: #a0a0a0;
139 }
140
141 .chapinfo img {
142 vertical-align: -35%;
143 border: 0px;
144 }
145
146 .zebra_b {
147 background: #f4f4f4;
148 }
149
150 .book .titlepage {
151 display: none;
152 }
153
154 .chapter div.toc > dl {
155 display: none;
156 }
157
158 pre.programlisting, pre.screen, p.remark {
159 overflow: hidden;
160 }
161
162 p.remark {
163 background-image: url(figs/remark.png);
164 }
165
166 div.warning, p.remark {
167 background-color: #FFEFE8;
168 border-color: #e0a8a0;
169 }
170
171 span.remark {
172 font-style: normal;
173 color: #707070;
174 }
175
176 .screen {
177 background: #e7ffc7 none repeat scroll 0% 50%;
178 border-color: #94DA3A;
179 }
180
181 .programlisting {
182 background: #F0F4FF none repeat scroll 0% 50%;
183 border-color: #B4BAEA;
184 }
185
186 .prompt {
187 color: #448844;
188 }
189
190 div.note, div.tip {
191 background: #ffffc9;
192 border-color: #B4BAEA;
193 }
194
195 div.note, div.warning, div.tip {
196 border-style: solid;
197 border-width: 1px;
198 padding: 1em;
199 }
200
201 .note .title {
202 font-size: 90%;
203 }
204
205 .comment {
206 font-size: 80%;
207 }
208
209 div.comment, div.new_comment {
210 padding: 0.5em;
211 margin: 0.5em;
212 margin-left: 2em;
213 border-style: solid;
214 border-width: 1px;
215 border-color: #aaaaff;
216 }
217
218 div.comment {
219 background: #eeeeff;
220 }
221
222 div.new_comment {
223 background: #d0d0ff;
224 }
225
226 .commenttoggle {
227 opacity: 0.35;
228 }
229
230 .comment_help {
231 font-size: 80%;
232 }
233
234 .comment_header {
235 opacity: 0.75;
236 }
237
238 .comment_id {
239 float: right;
240 opacity: 0.3;
241 font-size: 60%;
242 }
243
244 .comment_name {
245 font-weight: bolder;
246 }
247
248 .comment_reviewed {
249 color: darkgreen;
250 margin-left: 1em;
251 font-style: italic;
252 }
253
254 .comment_date {
255 opacity: 0.75;
256 }
257
258 .comment_thanks {
259 color: darkblue;
260 margin-left: 1em;
261 font-style: italic;
262 font-weight: bolder;
263 }
264
265 .comment_error {
266 padding-left: 1em;
267 font-weight: bolder;
268 font-size: 80%;
269 color: darkred;
270 }
271
272 .hgfooter {
273 width: 60em;
274 margin-left: auto;
275 margin-right: auto;
276 margin-top: 2em;
277 margin-bottom: 2em;
278 font-size: 80%;
279 color: #727272;
280 }
281
282 .hgfooter a {
283 color: #5555ff;
284 }
285
286 .hgfooter a:visited {
287 opacity: 0.7;
288 }
289
290 .hgfooter img {
291 vertical-align: -45%;
292 }