hgbook

view web/support/styles/styles.css @ 900:5e63e72aed10

find changesets by author, revision, files, or words in the commit message
Restructure the folders layout to allow easier static serving with a real webserver in the future.
author dukebody <dukebody@gmail.com>
date Mon Oct 26 14:46:22 2009 +0100 (2009-10-26)
parents web/styles/styles.css@56eed78c4395
children 0b3de6304f0a
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 .authors {
58 font-size: 80%;
59 opacity: 0.55;
60 padding-left: 0.5em;
61 }
62
63 div.note th, div.tip th, div.warning th {
64 font-family: georgia,serif;
65 font-weight: normal;
66 font-size: 110%;
67 }
68
69 div.navheader th, div.navfooter td {
70 font-family: georgia,serif;
71 }
72
73 div.navheader th {
74 opacity: 0;
75 font-size: 0;
76 }
77
78 pre.screen {
79 background-image: url(figs/shell.png);
80 }
81
82 pre.programlisting {
83 background-image: url(figs/source.png);
84 }
85
86 pre.programlisting, pre.screen, p.remark {
87 border-style: solid;
88 border-width: 1px;
89 font-size: medium;
90 padding: 1em;
91 background-repeat: no-repeat;
92 background-position: 10px 10px;
93 padding-left: 70px;
94 }
95
96 strong.command, code, pre, span.type {
97 font-family: monospace;
98 font-weight: normal;
99 }
100
101 strong.userinput > code {
102 font-weight: bolder;
103 color: #303030;
104 }
105
106 div.toc > p {
107 opacity: 0.35;
108 font-family: georgia,serif;
109 cursor: pointer;
110 }
111
112 div.toc b {
113 font-weight: normal;
114 font-size: large;
115 }
116
117 ul.booktoc {
118 padding-left: 0px;
119 list-style-type: none;
120 }
121
122 .booktoc > li {
123 padding: 0.5em;
124 }
125
126 .chapinfo {
127 float: right;
128 color: #a0a0a0;
129 }
130
131 .unpublished {
132 color: #a0a0a0;
133 }
134
135 .chapinfo img {
136 vertical-align: -35%;
137 border: 0px;
138 }
139
140 .zebra_b {
141 background: #f4f4f4;
142 }
143
144 .book .titlepage {
145 display: none;
146 }
147
148 .chapter div.toc > dl {
149 display: none;
150 }
151
152 pre.programlisting, pre.screen, p.remark {
153 overflow: hidden;
154 }
155
156 p.remark {
157 background-image: url(figs/remark.png);
158 }
159
160 div.warning, p.remark {
161 background-color: #FFEFE8;
162 border-color: #e0a8a0;
163 }
164
165 span.remark {
166 font-style: normal;
167 color: #707070;
168 }
169
170 .screen {
171 background: #e7ffc7 none repeat scroll 0% 50%;
172 border-color: #94DA3A;
173 }
174
175 .programlisting {
176 background: #F0F4FF none repeat scroll 0% 50%;
177 border-color: #B4BAEA;
178 }
179
180 .prompt {
181 color: #448844;
182 }
183
184 div.note, div.tip {
185 background: #ffffc9;
186 border-color: #B4BAEA;
187 }
188
189 div.note, div.warning, div.tip {
190 border-style: solid;
191 border-width: 1px;
192 padding: 1em;
193 }
194
195 .note .title {
196 font-size: 90%;
197 }
198
199 .comment {
200 font-size: 80%;
201 }
202
203 div.comment, div.new_comment {
204 padding: 0.5em;
205 margin: 0.5em;
206 margin-left: 2em;
207 border-style: solid;
208 border-width: 1px;
209 border-color: #aaaaff;
210 }
211
212 div.comment {
213 background: #eeeeff;
214 }
215
216 div.new_comment {
217 background: #d0d0ff;
218 }
219
220 .commenttoggle {
221 opacity: 0.35;
222 }
223
224 .comment_help {
225 font-size: 80%;
226 }
227
228 .comment_header {
229 opacity: 0.75;
230 }
231
232 .comment_id {
233 float: right;
234 opacity: 0.3;
235 font-size: 60%;
236 }
237
238 .comment_name {
239 font-weight: bolder;
240 }
241
242 .comment_reviewed {
243 color: darkgreen;
244 margin-left: 1em;
245 font-style: italic;
246 }
247
248 .comment_date {
249 opacity: 0.75;
250 }
251
252 .comment_thanks {
253 color: darkblue;
254 margin-left: 1em;
255 font-style: italic;
256 font-weight: bolder;
257 }
258
259 .comment_error {
260 padding-left: 1em;
261 font-weight: bolder;
262 font-size: 80%;
263 color: darkred;
264 }
265
266 .hgfooter {
267 width: 60em;
268 margin-left: auto;
269 margin-right: auto;
270 margin-top: 2em;
271 margin-bottom: 2em;
272 font-size: 80%;
273 color: #727272;
274 }
275
276 .hgfooter a {
277 color: #5555ff;
278 }
279
280 .hgfooter a:visited {
281 opacity: 0.7;
282 }
283
284 .hgfooter img {
285 vertical-align: -45%;
286 }