← Back to branch summary

~oddbloke/+junk/latex-pastebin

« back to all changes in this revision

Viewing changes to pastebin/media/css/style.css

  • Committer: Daniel Watkins
  • Date: 2007-10-06 17:11:26 UTC
  • Revision ID: d.m.watkins@warwick.ac.uk-20071006171126-0iqauh0ndzv49mc5
Imported the Pocoo pastebin application.

Show diffs side-by-side

added added

removed removed

Lines of Context:
pastebin/media/css/style.css
 
1
/*
 
2
    pastebin style
 
3
    ~~~~~~~~~~~~~~
 
4
 
 
5
    Lodge It styles.
 
6
 
 
7
    :copyright: 2006 by Armin Ronacher.
 
8
    :license: BSD
 
9
*/
 
10
 
 
11
body {
 
12
    background-color: #919191;
 
13
    font-family: 'Verdana', 'Bitstream Vera Sans', sans-serif;
 
14
    font-size: 13px;
 
15
    margin: 0;
 
16
    padding: 0;
 
17
}
 
18
 
 
19
a {
 
20
    color: #19476D;
 
21
}
 
22
 
 
23
a:hover {
 
24
    color: #BA832B;
 
25
}
 
26
 
 
27
input, select {
 
28
    border: 1px solid #aaa;
 
29
    font-family: 'Verdana', 'Bitstream Vera Sans', sans-serif;
 
30
    font-size: 13px;
 
31
}
 
32
 
 
33
input:focus {
 
34
    border: 1px solid #BA832B;
 
35
}
 
36
 
 
37
textarea {
 
38
    width: 100%;
 
39
    height: 300px;
 
40
    border: 1px solid #aaa;
 
41
    font-family: 'Bitstream Vera Sans Mono', 'Courier New', monospace;
 
42
    font-size: 13px;
 
43
}
 
44
 
 
45
textarea:focus {
 
46
    border: 1px solid #BA832B;
 
47
}
 
48
 
 
49
div.action {
 
50
    margin: 10px 0 0 0;
 
51
    border-top: 1px dashed #aaa;
 
52
    padding: 10px;
 
53
    text-align: center;
 
54
}
 
55
 
 
56
div.header {
 
57
    margin: 0;
 
58
    height: 50px;
 
59
    border-bottom: 4px solid #2B7ABA;
 
60
    background-color: #19476D;
 
61
}
 
62
 
 
63
div.header h1 {
 
64
    margin: 0;
 
65
    padding: 0 0 0 10px;
 
66
    line-height: 50px;
 
67
    float: left;
 
68
}
 
69
 
 
70
div.header h1 a {
 
71
    font-family: 'Arial', sans-serif;
 
72
    font-size: 30px;
 
73
    color: white;
 
74
    text-decoration: none;
 
75
}
 
76
 
 
77
div.header ul {
 
78
    margin: 0;
 
79
    padding: 5px 10px 0 0;
 
80
    float: right;
 
81
    list-style: none;
 
82
}
 
83
 
 
84
div.header ul li {
 
85
    float: left;
 
86
    font-family: 'Arial', sans-serif;
 
87
    font-size: 14px;
 
88
}
 
89
 
 
90
div.header ul li a {
 
91
    display: block;
 
92
    padding: 5px;
 
93
    color: white;
 
94
    text-decoration: none;
 
95
    font-weight: bold;
 
96
}
 
97
 
 
98
div.header ul li a:hover {
 
99
    color: #2B7ABA;
 
100
    background-color: white;
 
101
}
 
102
 
 
103
div.contentwrapper {
 
104
    padding: 10px;
 
105
}
 
106
 
 
107
div.content {
 
108
    margin: 0 0 20px 0;
 
109
    float: left;
 
110
    width: 75%;
 
111
    background-color: white;
 
112
    border-right: 3px solid #777;
 
113
    border-bottom: 3px solid #777;
 
114
}
 
115
 
 
116
div.content h2 {
 
117
    margin: 0 0 10px 0;
 
118
    padding: 0;
 
119
    color: #19476D;
 
120
    font-size: 24px;
 
121
    font-weight: normal;
 
122
}
 
123
 
 
124
div.content h3 {
 
125
    margin: 15px 0 5px 0;
 
126
    padding: 0;
 
127
    font-size: 20px;
 
128
}
 
129
 
 
130
div.content p {
 
131
    margin: 8px 0 8px 0;
 
132
    padding: 0;
 
133
}
 
134
 
 
135
div.content dl dt {
 
136
    font-weight: bold;
 
137
}
 
138
div.content dl dd {
 
139
    margin: 1px 0 3px 35px;
 
140
}
 
141
 
 
142
div.email {
 
143
    /* this is our invisible form field for the negative captcha */
 
144
    display: none; 
 
145
}
 
146
 
 
147
div.sidebar {
 
148
    width: 22%;
 
149
    float: right;
 
150
    border-left: 3px solid #222;
 
151
    border-bottom: 3px solid #222;
 
152
    background-color: #444;
 
153
}
 
154
 
 
155
div.sidebar a {
 
156
    color: #BA832B;
 
157
}
 
158
div.sidebar a:hover {
 
159
    color: white;
 
160
}
 
161
 
 
162
div.sidebar h3 {
 
163
    margin: 0;
 
164
    padding: 3px;
 
165
    background-color: #6E6E6E;
 
166
    color: #ddd;
 
167
    font-size: 17px;
 
168
    font-family: 'Arial', sans-serif;
 
169
    letter-spacing: 2px;
 
170
}
 
171
 
 
172
div.sidebar form,
 
173
div.sidebar ul,
 
174
div.sidebar dl,
 
175
div.sidebar div.tagcloud {
 
176
    margin: 5px 0 20px 0;
 
177
    padding: 0;
 
178
}
 
179
 
 
180
div.sidebar dl {
 
181
    color: white;
 
182
}
 
183
div.sidebar dl dt {
 
184
    margin: 0;
 
185
    padding: 0;
 
186
    font-weight: bold;
 
187
    color: #2B7ABA;
 
188
}
 
189
div.sidebar dl dd {
 
190
    margin: 2px 0 3px 30px;
 
191
    padding: 0;
 
192
}
 
193
 
 
194
div.tagcloud a {
 
195
    text-decoration: none;
 
196
    padding: 3px;
 
197
}
 
198
 
 
199
div.sidebar ul {
 
200
    color: white;
 
201
    margin-left: 25px;
 
202
}
 
203
 
 
204
div.sidebar select {
 
205
    color: white;
 
206
    background-color: #333;
 
207
    width: 100%;
 
208
}
 
209
 
 
210
div.syntax,
 
211
div.plain {
 
212
    padding: 10px;
 
213
    border: 1px solid #aaa;
 
214
    overflow: auto;
 
215
}
 
216
div.syntax pre,
 
217
div.plain pre {
 
218
    margin: 0;
 
219
    padding: 0;
 
220
    font-family: 'Bitstream Vera Sans Mono', 'Courier New', monospace;
 
221
    font-size: 13px;
 
222
}
 
223
div.syntax td.linenos,
 
224
div.plain td.linenos {
 
225
    padding: 0 20px 0 0;
 
226
    opacity: 0.5;
 
227
}
 
228
 
 
229
div.autocomplete {
 
230
    border: 1px solid #ccc;
 
231
    background-color: #f2f2f2;
 
232
}
 
233
 
 
234
div.autocomplete ul {
 
235
    list-style: none;
 
236
    margin: 0;
 
237
    padding: 0;
 
238
}
 
239
 
 
240
div.autocomplete ul li {
 
241
    margin: 0;
 
242
    padding: 4px;
 
243
    color: #19476D;
 
244
}
 
245
 
 
246
div.autocomplete ul li.selected {
 
247
    background-color: #BA832B;
 
248
    color: white;
 
249
    font-weight: bold;
 
250
}
 
251
 
 
252
div.pastethread {
 
253
    margin: -15px 0 15px 20px;
 
254
    padding: 5px;
 
255
    border: 2px solid #777;
 
256
    background-color: #333;
 
257
}
 
258
 
 
259
div.pastethread ul {
 
260
    margin: 0;
 
261
    padding: 0;
 
262
    list-style: none;
 
263
}
 
264
 
 
265
div.pastethread ul li {
 
266
    margin: 0;
 
267
    padding: 0;
 
268
}
 
269
 
 
270
li.paste_summary div.syntax {
 
271
    padding: 6px;
 
272
}
 
273
li.paste_summary a.detail {
 
274
    color: black;
 
275
}
 
276
li.paste_summary a.detail:hover div.syntax {
 
277
    border-color: #BA832B;
 
278
}
 
279
li.paste_summary div.syntax pre {
 
280
    font-size: 11px;
 
281
}
 
282
 
 
283
table.diff {
 
284
    border-collapse: collapse;
 
285
    border: none;
 
286
    width: 100%;
 
287
    border: 1px solid #111;
 
288
}
 
289
 
 
290
table.diff th {
 
291
    padding: 5px;
 
292
    background-color: #444;
 
293
    color: white;
 
294
}
 
295
 
 
296
table.diff td {
 
297
    font-family: 'Bitstream Vera Sans Mono', 'Courier New', sans-serif;
 
298
    font-size: 9px;
 
299
}
 
300
 
 
301
table.diff td.diff_next {
 
302
    background-color: #eee;
 
303
    padding: 0 3px 0 3px;
 
304
}
 
305
 
 
306
table.diff td.diff_header {
 
307
    padding: 2px;
 
308
    background-color: #555;
 
309
    color: white;
 
310
}
 
311
 
 
312
table.diff td.diff_data {
 
313
    padding: 0 5px 0 5px;
 
314
    white-space: pre;
 
315
}
 
316
 
 
317
table.diff .diff_sub {
 
318
    background-color: #fbc2c2;
 
319
}
 
320
 
 
321
table.diff .diff_add {
 
322
    background-color: #9bd29b;
 
323
}
 
324
 
 
325
table.diff .diff_chg {
 
326
    background-color: #decba6;
 
327
}