View difference between Paste ID: JZPQUNNP and i0QB7xhD
SHOW: | | - or go back to the newest paste.
1
html {
2
 height:100%; 
3
}
4
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,iframe {
5
 margin:0;
6
 padding:0;
7
}
8
table { border-collapse:collapse; }
9
fieldset,img { border:0; }
10
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
11
ol,ul { list-style:none; }
12
caption,th { text-align:left; }
13
h1,h2,h3,h4,h5,h6 { font-size:100%; }
14
q:before,q:after { content:''; }
15
body {
16
 font:normal x-small verdana, arial, helvetica, sans-serif;
17
 background-color:white;
18
 z-index:1;
19
}
20
textarea { font: normal small verdana, arial, helvetica, sans-serif; }
21
/* IE dumbness patch. hidden input in a hidden block that is
22
 * subsequently shown leads to the input to "show" and generate undesired
23
 * )padding.  This makes it go away. */ 
24
input[type=hidden] { position:absolute; }
25
h1 { font-size:18px; font-weight: normal; margin: 10px 0 }
26
h2 { color:#369; font-size: 13px; }
27
h2 a { text-decoration:none }
28
h2 a:visited { color:#369 }
29
h2 a:hover { text-decoration:underline }
30
h3 { font-size:110%;  }
31
a img { border:0 none; }
32
a { text-decoration:none; color: #369; }
33
/*
34
a:active { border:0 none;}
35
a:focus { -moz-outline-style:none; }
36
*/
37
.rounded {  
38
 -moz-border-radius:7px;
39
 -webkit-border-radius:7px;
40
 border-radius:7px;
41
}
42
.rounded .morelink {
43
 -webkit-border-top-right-radius:6px;
44
 border-top-right-radius:6px;
45
 -moz-border-radius-topright:6px;
46
}
47
div.autosize { display:table; width: 1px}
48
div.autosize > div { display:table-cell; }
49
input.txt {
50
 background-color:#f7f7f7;
51
 border:1px solid #369; 
52
}
53
input[type=checkbox], input[type=radio] { margin-top:.4em; }
54
label.disabled { color:gray; }
55
.wrong {color:red; font-weight: normal} 
56
.attention {
57
 font-weight:bold;
58
 border:solid 1px #ff6600;
59
 padding:3px;
60
 -moz-border-radius:7px;
61
 -webkit-border-radius:7px;
62
 border-radius:7px;
63
}
64
.subform input.text { width:25em }
65
.subform textarea.text { width:25em }
66
.subform label { margin:0 5px 0 5px }
67
.subform td { padding:0px 5px 5px 0}
68
.subform td.nopadding { padding:0px}
69
.nowrap { white-space:nowrap; }
70
.leftpad { padding-left:1em }
71
.nomargin { margin:0px }
72
.nopadding { padding:0px }
73
.fancybutton {
74
 padding:5px 10px;
75
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 89%)), to( hsl(210, 54%, 79%)));
76
 background:-moz-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
77
 background-color:#ADC9E6;
78
 border:1px solid #5E96CF;
79
 -webkit-border-radius:7px;
80
 -moz-border-radius:7px;
81
 border-radius:7px;
82
 -webkit-background-clip:padding-box;
83
 -moz-background-clip:padding-box;
84
 color:#2E6399;
85
 text-shadow:0px 1px 0px hsla(0, 0%, 100%, .7);
86
 -webkit-box-shadow:inset 0px 1px 0px hsla(0, 0%, 100%, .8);
87
 -moz-box-shadow:inset 0px 1px 0px hsla(0,0%, 100%, .8);
88
 box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8);
89
 text-decoration:none;
90
 font-weight:bold;
91
}
92
.fancybutton:hover {
93
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 93%)), to( hsl(210, 54%, 89%)));
94
 background:-moz-linear-gradient(top, hsl(210, 54%, 93%), hsl(210, 54%, 89%));
95
 background-color:#D4E3F2;
96
}
97
.fancybutton:focus, .fancybutton:active {
98
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, to( hsl(210, 54%, 89%)), from( hsl(210, 54%, 79%)));
99
 background:-moz-linear-gradient(top, hsl(210, 54%, 79%), hsl(210, 54%, 89%));
100
 background-color:#D4E3F2;
101
 -webkit-box-shadow:inset 0px -1px 0px hsla(0,0%,100%,.7);
102
 -moz-box-shadow:inset 0px -1px 0px hsla(0,0%,100%, .7);
103
 box-shadow:inset 0px -1px 0px hsla(0,0%, 100%, .7);
104
}
105
.fancybutton.disabled, 
106
.fancybutton.disabled:active {
107
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 24%, 93%)), to( hsl(210, 24%, 89%)));
108
 background:-moz-linear-gradient(top, hsl(210, 24%, 93%), hsl(210, 24%, 89%));
109
 background-color:#D4E3F2;
110
 border-color:#999;
111
 color:#999;
112
}
113
.hover a:hover { text-decoration:underline }
114
.selected { font-weight:bold; }
115
.flat-list {list-style-type:none; display: inline;}
116
.flat-list li {display:inline; }
117
.flat-list form {display:inline; }
118
.flat-list .selected a { color:orangered; }
119
.link .flat-list { display:block; padding-bottom: 1px; }
120
.link.compressed .flat-list { display:inline-block; }
121
ul.flat-vert {text-align:left;}
122
.flat-vert .separator { margin:0 }
123
.flat-vert.title {
124
 font-family:arial,verdana,helvetica,sans-serif;
125
 color:#777;
126
 font-size:18px;
127
 font-weight:normal;
128
 margin-bottom:5px;
129
 }
130
.separator { color:gray; margin: 0px .7ex 0px .7ex}
131
.pref-lang { font-weight:bold; }
132
.pref { font-weight:bold; }
133
#jumpToContent { position:absolute; left: 135px; top: 25px; font-weight: bold; margin-left: -1000px;}
134
#jumpToContent:focus { margin-left:0 !important; }
135
#header {
136
 border-bottom:1px solid #5f99cf;
137
 position:relative;
138
 background-color:#cee3f8;
139
 z-index:99;
140
}
141
#header-img {margin-top:2px; margin-right: 5px;}
142
#header-top {
143
 position:absolute;
144
 right:5px;
145
}
146
#header-bottom-left {
147
 font-size:larger;
148
}
149
#header-bottom-right {
150
 position:absolute;
151
 right:0px;
152
 bottom:0px;
153
 background-color:#EFF7FF;
154
 padding:4px;
155
 -moz-border-radius-topleft:7px;
156
 -webkit-border-top-left-radius:7px;
157
 border-top-left-radius:7px;
158
 }
159
#mail img {position:relative; top: 2px}
160
#modmail img {position:relative; top: 4px; margin-top: -6px; }
161
#modmail.nohavemail {
162
 opacity:.7;
163
 filter:alpha(opacity=70); 
164
}
165
.user {color:gray;}
166
.pagename {
167
 font-weight:bold;
168
 margin-right:1ex;
169
 font-variant:small-caps;
170
 line-height:100%;
171
 font-size:1.2em;
172
}
173
.pagename a {color:black; }
174
.redditname { }
175
.newpagelink {
176
 padding:3px 5px;
177
 background-color:#ff9;
178
}
179
.dropdown {
180
 cursor:default;
181
 display:inline;
182
 position:relative;
183
}
184
.drop-choices.inuse { display:block; }
185
.drop-choices {
186
 position:absolute;
187
 left:0px; 
188
 border:1px solid gray;
189
 z-index:100;
190
 background-color:white;
191
 white-space:nowrap;
192
 line-height:normal;
193
 margin-top:1px;
194
 display:none;
195
}
196
.drop-choices a.choice {
197
 cursor:pointer;
198
 padding:2px 3px 1px 3px;
199
 display:block;
200
 }
201
.drop-choices a.choice:hover {
202
 background-color:#c7def7;
203
}
204
.dropdown.heavydrop .selected{
205
 background:white none no-repeat scroll center right;
206
 background-image:url(/static/droparrow.gif);
207
 border:1px solid gray;
208
 padding:2px;
209
 padding-right:23px;
210
 padding-left:5px;
211
 font-weight:bold;
212
}
213
.dropdown.lightdrop .selected {
214
 position:relative;
215
 background:transparent none no-repeat scroll center right;
216
 background-image:url(/static/droparrowgray.gif);
217
 padding-right:21px;
218
 text-decoration:underline;
219
 color:gray; 
220
 }
221
.drop-choices.lightdrop {
222
 margin-top:2px;
223
 }
224
.dropdown.tabdrop .selected {
225
 position:relative;
226
 background:white none no-repeat scroll center right;
227
 background-image:url(/static/droparrowgray.gif);
228
 padding:2px 21px 1px 5px;
229
 margin-left:3px;
230
 border:1px solid #5f99cf;
231
 border-bottom:none;
232
 color:orangered;
233
}
234
.dropdown.tabdrop .selected.title {
235
 background-color:#eff7ff;
236
 color:#369;
237
 padding-bottom:0;
238
 border:none;
239
}
240
.drop-choices.tabdrop {margin-top:2px;}
241
.dropdown-title.tabdrop { display:none }
242
.tabmenu {
243
 list-style-type:none;
244
 white-space:nowrap;
245
 display:inline-block;
246
 margin-top:5px;
247
}
248
.tabmenu li {
249
 display:inline;
250
 font-weight:bold;
251
 margin:0px 3px;
252
}
253
.tabmenu li a {
254
 padding:2px 6px 0 6px;
255
 background-color:#eff7ff;
256
 }
257
.tabmenu li.selected a{
258
 color:orangered;
259
 background-color:white;
260
 border:1px solid #5f99cf;
261
 border-bottom:1px solid white;
262
 z-index:100;
263
}
264
#search input[type=text] {
265
 border:1px solid gray;
266
 font-size:18px;
267
 width:295px;
268
 padding:2px;
269
}
270
.content {
271
 z-index:1;
272
 margin:7px 5px 0px 5px;
273
}
274
.content .spacer { margin-bottom:5px }
275
.state-button { display:inline }
276
.side {
277
 float:right; 
278
 background-color:white; 
279
 margin:0px 5px 0 5px;
280
 width:300px;
281
}
282
.side .spacer {
283
 margin:7px 0 12px 0;
284
 }
285
.morelink {
286
 display:block;
287
 text-align:center;
288
 position:relative;
289
 -moz-border-radius-topleft:6px;
290
 -moz-border-radius-bottomleft:6px;
291
 border:1px solid #c4dbf1;
292
 background:white none repeat-x scroll center left;
293
 background-image:url(/static/gradient-button.png);
294
 font-size:150%;
295
 font-weight:bold;
296
 letter-spacing:-1px;
297
 line-height:29px;
298
 height:29px;
299
}
300
.morelink:hover, .mlh {
301
 border-color:#879eb4;
302
 background-image:url(/static/gradient-button-hover.png);
303
}
304
.morelink a {
305
 display:block;
306
 width:100%;
307
 color:#369;
308
}
309
.morelink:hover a {
310
 color:white;
311
}
312
.morelink .nub {
313
 position:absolute;
314
 top:-1px;
315
 right:-1px;
316
 height:31px;
317
 width:24px;
318
 background:white none no-repeat scroll center left;
319
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
320
 background-position:-4px -4px;
321
}
322
.morelink:hover .nub, .mlhn {
323
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
324
 background-position:-4px -43px;
325
}
326
.raisedbox {
327
 padding:5px;
328
 background:#E0E0E0;
329
 border:1px solid gray;
330
}
331
.raisedbox h4 { margin-bottom:3px }
332
.raisedbox li {margin-bottom:2px;}
333
.sidebox .spacer {
334
 position:relative;
335
 margin-top:10px;
336
 padding:5px 0 0 44px;
337
 min-height:41px;
338
 background:white none no-repeat scroll top left;
339
}
340
.sidebox .spacer a {
341
 position:absolute;
342
 top:0; left: 0px;
343
 display:block;
344
 height:40px;
345
 width:40px;
346
}
347
.sidebox.create .spacer {
348
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
349
 background-position:-4px -82px;
350
 background-repeat:no-repeat;
351
}
352
.sidebox.gold .spacer {
353
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
354
 background-position:-4px -131px;
355
 background-repeat:no-repeat;
356
}
357
.sidebox.gold .morelink {
358
 border:none;
359
 background-color:transparent;
360
 background-image:url(/static/goldmorelink.png);  
361
 background-position:0 0;
362
 background-repeat:no-repeat;
363
 height:31px;
364
}
365
.sidebox.gold .morelink a, .sidebox.gold .morelink a:visited {
366
 color:#9a7d2e;
367
}
368
.sidebox.gold .morelink:hover {
369
 background-position:0 -31px;
370
}
371
.sidebox.gold .morelink:hover a {
372
 color:#ffffff;
373
 margin-top:1px;
374
}
375
.sidebox.gold .morelink .nub {
376
 display:none;
377
}
378
.sidebox.submit .spacer {
379
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
380
 background-position:-4px -179px;
381
 background-repeat:no-repeat;
382
}
383
.sidebox .subtitle {
384
 margin-left:10px;
385
 color:dimgray;
386
 font-size:110%;
387
}
388
.infotable { margin-top:5px; margin-bottom: 10px; }
389
.infotable .small { font-size:smaller; }
390
.infotable td { padding-right:1em; }
391
.infotable a:hover { text-decoration:underline }
392
.infotable .state-button a {  background-color:#F0F0F0; color: gray; }
393
.infotable .bold { font-weight:bold; }
394
.infotable .invalid-user { background-color:pink}
395
.infotable .organic-vote { border:1px solid green; }
396
.profile-attr {}
397
.profile-attr .label {font-weight:bold; }
398
.profile-attr .value {color:#404040; 
399
 margin-right:5px; }
400
.profile-attr .md {
401
 margin-left:10px; 
402
 margin-top:5px; 
403
 border-color:#B2B2B2 #D0D0D0 #D0D0D0 #B2B2B2;
404
 border-style:solid;
405
 border-width:1px;
406
 padding:10px; }
407
.profile-attr .md ul {
408
 float:none; 
409
 list-style-type:disc;
410
 margin-left:15px; 
411
}
412
.profile-attr .md p { margin-top:0px; }
413
.question { color:red; }
414
.question .yes { margin-left:5px; margin-right: 3px; }
415
.question .no  { margin:0px 3px 0px 3px; }
416
.preload {
417
 position:absolute;
418
 top:-1000px;
419
 left:-1000px;
420
}
421
.arrow {
422
 margin:2px 0px 0px 0px;
423
 width:100%;
424
 height:14px;
425
 display:block;
426
 cursor:pointer;
427
 background-position:center center;
428
 background-repeat:no-repeat; 
429
 width:15px;
430
 margin-left:auto;
431
 margin-right:auto; 
432
}
433
.arrow.upmod { 
434
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
435
 background-position:-4px -227px;
436
}
437
.arrow.downmod { 
438
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
439
 background-position:-4px -249px;
440
}
441
.arrow.up { 
442
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
443
 background-position:-4px -271px;
444
}
445
.arrow.down { 
446
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
447
 background-position:-4px -293px;
448
}
449
.midcol {
450
 float:left; 
451
 margin-right:4px; 
452
 margin-left:7px; 
453
 background:transparent; 
454
 overflow:hidden;
455
}
456
.entry {
457
 overflow:hidden; 
458
 margin-left:3px;
459
 opacity:1;
460
}
461
.domain { color:#888; font-size:x-small; }
462
.domain a { color:#888 }
463
.domain a:hover { text-decoration:underline }
464
.link-note {
465
 background-color:white;
466
 color:#ff4444;
467
 font-size:x-small;
468
}
469
.tagline { color:#888; font-size:x-small; 
470
}
471
.tagline a {color:#369; text-decoration: none; }
472
.tagline .friend    { color:orangered }
473
.tagline .submitter { color:#0055df }
474
.tagline .moderator, .green { color:#228822 }
475
.tagline .admin { color:#ff0011; }
476
.tagline a.author.admin { font-weight:bold }
477
.tagline a:hover { text-decoration:underline }
478
.media-button .option { color:red; }
479
.media-button .option.active {
480
 background:transparent none no-repeat scroll right center;
481
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
482
 background-position:-4px -315px;
483
 padding-right:15px;
484
 color:#336699;
485
}
486
.embededmedia { margin-top:5px; margin-left: 60px; }
487
.thing .title { color:blue; padding: 0px; overflow: hidden; }
488
.thing .title:visited { color:#551a8b }
489
.thing .title.click { color:#551a8b } 
490
.thing .title.loggedin { color:blue }
491
.thing .title.loggedin:visited { color:#551a8b }
492
.thing .title.loggedin.click { color:#551a8b } 
493
.thing .title.loggedin.click:visited { color:#551a8b }
494
.sitetable { list-style-type:none; }
495
.ajaxhook { position:absolute; top: -1000px; left: 0px; }
496
.nextprev { color:gray; font-size: larger; margin-top: 10px;}
497
.help a.help {
498
 color:#808080;
499
 text-decoration:underline;
500
}
501
.help a.open {
502
 margin:0px 5px 5px 0;
503
 position:absolute;
504
 right:0px;
505
 bottom:0px;
506
}
507
.help.help-cover {
508
 background-color:#F8F8F8;
509
 border:1px solid gray;
510
 font-size:110%;
511
 display:none;
512
 padding:5px 10px 10px 10px;
513
 overflow:hidden;
514
 }
515
.help p, .help form { margin:5px; } 
516
.help form { display:inline; }
517
.infotext { 
518
 border:1px solid #369;
519
 background-color:#EFF7FF;
520
 -webkit-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
521
 -moz-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
522
 box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
523
}
524
.infotext p { 
525
 font-size:small;
526
 margin:5px;
527
}
528
.wikipage {
529
 margin:15px;
530
}
531
.organic-listing {
532
 border:solid 1px gray;
533
 padding:0;
534
 overflow:hidden; 
535
 position:relative;
536
 min-height:50px; 
537
}
538
.organic-listing .link {
539
 background-color:#F8F8F8; 
540
}
541
.organic-listing .link,
542
.organic-listing .link.promotedlink {
543
 padding:5px 7em 10px 0;
544
 margin-bottom:0px;  
545
}
546
.organic-listing .nextprev {
547
 margin:0px;
548
 position:absolute;
549
 right:0px;
550
 top:0px;
551
 vertical-align:top;
552
}
553
.organic-listing .nextprev img {
554
 margin:5px 5px 2px 0px; border: solid 1px #B3B3B3;
555
}
556
.organic-listing .nextprev img:hover {
557
 cursor:pointer;  border: solid 1px #336699;
558
}
559
.organic-listing .nextprev img:active { margin:6px 4px 1px 1px;}
560
.link.promotedlink {
561
 border:1px solid gray;
562
 padding:5px 0 5px 3px;
563
 overflow:hidden;
564
 position:relative;
565
}
566
.link.promotedlink.unpaid { background-color:#FFC; }
567
.link.promotedlink.unseen { background-color:#FFC; }
568
.link.promotedlink.accepted { background-color:#9F9; }
569
.link.promotedlink.rejected { background-color:#FF9A9A; }
570
.link.promotedlink.accepted { background-color:#9F9; }
571
.link.promotedlink.pending { background-color:#BFC; }
572
.link.promotedlink.promoted { background-color:#EFF7FF; }
573
.link.promotedlink.finished { background-color:#DDD; }
574
#promo-form + form #img-preview-container { display:none; }
575
.rejection-form textarea { 
576
 width:40em;
577
 height:10em; 
578
}
579
.promoted-list { font-size:larger; }
580
.promoted-list .unpromote-button { display:inline }
581
.promoted-list .unpromote-button a { color:gray; }
582
.help-cover.promoted {
583
 background-color:#EFF7FF;
584
}
585
.organic-listing .promoted {
586
 background-color:#EFF7FF;
587
 border:none;
588
}
589
.organic-listing .sponsored-tagline {
590
 right:6.4em;
591
}
592
.sponsored-tagline {
593
 color:#808080;
594
 bottom:0;
595
 margin:0 5px 5px 0;
596
 position:absolute;
597
 font-weight:bold;
598
 right:0;
599
}
600
.promote-pixel {
601
 position:absolute;
602
 top:-1000px;
603
 right:-1000px;
604
}
605
.organic-help-button { padding:0 .5ex; }
606
.menuarea {
607
 border-bottom:1px dotted gray;
608
 padding:5px 10px;
609
 margin:5px;
610
 overflow:hidden; 
611
 font-size:larger;
612
}
613
.menuarea .spacer {display:inline; margin-right: 15px}
614
.panestack-title {
615
 margin:10px 310px 0px 10px;
616
 padding-bottom:3px;
617
 border-bottom:1px dotted gray;
618
}
619
.panestack-title .title {
620
 font-size:16px;
621
 font-weight:normal;
622
 margin:10px 0;
623
}
624
.panestack-title a.title-button {
625
 font-size:12px;
626
 margin-left:8px;
627
}
628
.panestack-title a.title-button.gold {
629
 background-color:#fff088;
630
 color:#6a4d00;
631
 border:1px solid #9a7d2e;
632
 padding:1px 5px;
633
 -moz-border-radius:3px;
634
 -webkit-border-radius:3px;
635
 border-radius:3px;
636
}
637
.commentarea h1 {
638
 margin:10px 310px 0px 10px;
639
 padding-bottom:3px;
640
 border-bottom:1px dotted gray;
641
}
642
.commentarea .menuarea {
643
 border:none;
644
 margin:0 310px 10px 10px;
645
 padding:0;
646
 color:gray;
647
}
648
.commentarea > .usertext {
649
 margin:0 0 10px 10px;
650
 overflow:auto;
651
}
652
.infobar {
653
 background-color:#f6e69f;
654
 padding:5px 10px;
655
 margin:5px 305px 5px 0px;
656
 border:1px solid orange;
657
 font-size:small;
658
}
659
.infobar img {
660
 display:inline;
661
 vertical-align:middle;
662
}
663
.infobar.red { 
664
 padding:5px;
665
 background-color:#FFAEAE;
666
 border-color:red;
667
}
668
.infobar.red img {
669
 float:left;
670
 margin-right:5px;
671
}
672
.infobar.mellow {
673
 background-color:#eff8ff;
674
 border:1px solid #bfe0ff;
675
}
676
.md { max-width:60em; overflow: auto; font-size: small; }
677
.md p, .md h1 { margin:5px 0}
678
.md h1 { font-weight:normal; font-size: 100%; }
679
.md > * { margin-bottom:0px }
680
.md strong { font-weight:bold; }
681
.md em { font-style:italic; }
682
.md strong em { font-style:italic; font-weight: bold }
683
.md img { display:none }
684
.md ol, .md ul { margin:10px 2em; }
685
.md ul { list-style:disc outside }
686
.md ol { list-style:decimal outside }
687
.md pre { margin:10px; }
688
.md blockquote, .help blockquote {
689
 border-left:2px solid #369;
690
 padding-left:4px; 
691
 margin:5px;
692
 margin-right:15px;
693
}
694
.md td, .md th { border:1px solid #EEE; padding: 1px 3px; }
695
.md th { font-weight:bold;  }
696
.md table { margin:5px 10px;  }
697
.md center { text-align:left;  }
698
a.star { text-decoration:none; color: #ff8b60 }
699
.odd { }
700
.even { }
701
.entry .buttons li {
702
 display:inline;
703
 border:none;
704
 padding-right:4px;
705
}
706
.entry .buttons li + li {
707
 padding-left:4px;
708
}
709
.entry .buttons li.stamp + li.stamp {
710
 margin-left:4px;
711
}
712
.entry .buttons li a {
713
 color:#888;
714
 font-weight:bold;
715
 padding:0 1px;
716
}
717
.entry .buttons li a.nonbutton {
718
 color:#369;
719
 font-weight:normal;
720
}
721
.entry .buttons a:hover {text-decoration:underline}
722
.toggle .error { font-size:x-small; }
723
.toggle .option { display:none; }
724
.toggle .option.active { display:inline; }
725
.thing .stub { display:none; }
726
.link.last-clicked { border:1px dashed gray; }
727
.link { margin:0; margin-bottom: 8px; padding-left: 3px; }
728
.link .score {text-align:center; color: #c6c6c6;}
729
.link .title {font-size:medium; font-weight:normal; margin-bottom: 1px;}
730
.link .child h3 {
731
 margin:15px; 
732
 text-transform:none; 
733
 font-size:medium; 
734
}
735
.rank { overflow:hidden }
736
.link .midcol {font-weight:bold; font-size: small;}
737
.link .score.likes   { color:#FF8B60; }
738
.link .score.dislikes { color:#9494FF; }
739
.link .rank {
740
 float:left;
741
 margin-top:15px;
742
 color:#c6c6c6;
743
 font-family:arial;
744
 font-size:medium;
745
 text-align:right;
746
}
747
.compressed { margin-bottom:5px; }
748
.compressed .rank { margin-top:10px; }
749
.compressed .title { margin:-2px 0 3px }
750
.compressed .score { color:#888888 }
751
.compressed .score-placeholder { height:3px }
752
.compressed .subreddit { font-weight:bold }
753
.compressed .tagline { display:inline; margin-right: 12px }
754
.compressed .expando-button { display:none; }
755
.score.likes, .score.dislikes {display:none;}
756
.likes .score, .dislikes .score {display:none;}
757
.likes .score.likes {display:inline;}
758
.dislikes .score.dislikes {display:inline;}
759
.likes div.score.likes {display:block;}
760
.dislikes div.score.dislikes {display:block;}
761
.warm-entry .rank { color:#EDA179; }
762
.hot-entry .rank { color:#E47234; }
763
.cool-entry .rank { color:#A5ABFB; }
764
.cold-entry .rank { color:#4959F7; }
765
.gadget {
766
 font-size:x-small;
767
}
768
.gadget .midcol {
769
 width:15px;
770
 margin:0;
771
}
772
.gadget .reddit-link-end {
773
 clear:left;
774
 padding-top:10px;
775
}
776
.gadget .click-gadget {font-size:small;}
777
.gadget small {color:gray;}
778
.gadget .reddit-entry {margin-left:20px;}
779
.gadget .right {text-align:right;}
780
.comment { margin-left:10px; }
781
.comment .edit-body { display:none; visibility: hidden; }
782
.comment .midcol { margin-left:0px; }
783
.comment .title { font-size:small; margin-top: 10px;}
784
.comment .midcol { width:15px; }
785
.comment .author { font-weight:bold; }
786
.comment .collapsed { font-size:x-small; 
787
 color:gray; 
788
 font-style:italic; 
789
 padding-left:15px;
790
 padding-bottom:10px; }
791
.comment .collapsed a { color:gray; }
792
.comment .expand {
793
 font-style:normal; 
794
 margin-left:0px;
795
 margin-right:3px;
796
 padding:1px; }
797
.comment .expand:hover {
798
 text-decoration:none;
799
 color:white;
800
 background-color:#369;
801
}
802
.comment .score { font-size:x-small; }
803
.comment .child {
804
 margin-top:10px; 
805
 margin-left:15px; 
806
 border-left:1px dotted #DDF;
807
}
808
textarea.gray { color:gray; }
809
.deepthread {
810
 padding-right:30px;
811
 background:transparent none no-repeat scroll center right;
812
 background-image:url(/static/continue-thread.png);  
813
}
814
.deepthread a { font-size:larger; color: #336699 }
815
.deepthread a:hover { text-decoration:underline}
816
.morecomments {font-size:larger}
817
.morecomments a { color:#336699 }
818
.morecomments a:hover { text-decoration:underline}
819
.morecomments .gray {font-weight:normal; color: gray}
820
.expand-btn { 
821
 font-size:smaller;
822
 margin:0px 5px;  
823
 margin-top:4px; 
824
 display:inline-block; 
825
}
826
.message {
827
 margin:10px 10px 20px 5px; 
828
 padding-left:5px; 
829
 margin:10px 10px 20px 5px;
830
 padding:7px;
831
}
832
.message.focal > .entry .md { 
833
 background-color:#FFFFCC;
834
}
835
.message .collapsed .head { 
836
 color:#888888;
837
 font-style:italic;
838
}
839
.message.message-parent .tagline,
840
.message.message-reply .tagline  { 
841
 color:#485;
842
}
843
.message.message-parent > .entry .noncollapsed,
844
.message.message-reply > .entry .noncollapsed  { 
845
 color:#485;
846
}
847
.message.recipient > .entry .noncollapsed  { 
848
 color:black;
849
}
850
.message.message-reply.recipient > .entry .head,
851
.message.message-parent.recipient > .entry .head { 
852
 color:black; 
853
 font-weight:bold;
854
}
855
.message.new > .entry .head {
856
 color:orangered; font-weight:bold;  
857
}
858
.message.new > .entry{ 
859
 background-color:#F7F7F7;
860
 border:1px solid #E9E9E9;
861
 padding:6px;
862
}
863
.message.new .unread { 
864
 display:none; 
865
}
866
.message .child .message,
867
.message .child .usertext { 
868
 margin-top:10px; 
869
 margin-left:12px; 
870
}
871
.message.was-comment .child .message,
872
.message.was-comment .child .usertext { 
873
 margin-top:0px;
874
 margin-left:0px; 
875
}
876
.message .expand { 
877
 display:none;
878
}
879
.message .entry { 
880
 margin-left:0px; 
881
}
882
.message.message-parent .expand { 
883
 display:inline; 
884
}
885
.message.message-parent .child,
886
.message.message-reply .child { 
887
 margin:0;
888
 padding:0; 
889
}
890
.message.message-parent .child .message,
891
.message.message-reply .child .message
892
 { 
893
 margin:0;
894
 padding:0; 
895
}
896
.message.message-parent .subject { 
897
 margin-bottom:10px; 
898
}
899
.message.message-parent .message .subject { 
900
 display:none; 
901
}
902
.message.message-reply .subject { 
903
 display:none;
904
}
905
.message.message-reply .entry, 
906
.message.message-parent .entry { 
907
 margin-left:10px;
908
 padding-left:10px;
909
 padding-bottom:10px; 
910
 border-left:2px dashed #E7E7E7;
911
}
912
.message .buttons,
913
.message .md { margin-left:15px; }
914
.message .entry .parent { 
915
 border:1px solid #336699; 
916
 max-width:60em;
917
 margin:3px 10px; 
918
}
919
.message .subject .correspondent {
920
 background-color:#EFF7FF;
921
 border:1px solid #336699;
922
 color:#336699;
923
 display:inline-block;
924
 margin-right:10px;
925
 padding:2px 5px; 
926
}
927
.message .subject .title { 
928
 font-weight:normal;
929
 font-style:italic;
930
 margin-left:10px; 
931
}
932
.message .parent-link { 
933
 margin-left:12px; 
934
 padding:0 2px;
935
 font-weight:bold; 
936
}
937
.message.was-comment .midcol { margin-left:0px;  }
938
.message.was-comment .buttons,
939
.message.was-comment .parent-link { 
940
 margin-left:0px; }
941
.message.was-comment .md { 
942
 margin-left:2px; 
943
 }
944
.message .subject { font-weight:bold; font-size: larger; }
945
.clippy img {
946
 float:left;
947
}
948
.clippy-bubble {
949
 background-color:#fffdd7;
950
 border:solid black 1px;
951
 width:350px;
952
 -moz-border-radius:5px;
953
 -webkit-border-radius:5px;
954
 border-radius:5px;
955
 margin-left:5px;
956
 margin-bottom:15px;
957
 padding:7px;
958
 float:left;
959
}
960
.clippy-headline {
961
 font-weight:bold;
962
 margin-bottom:0.5em;
963
}
964
.clippy-bubble ul {
965
 list-style-type:disc;
966
 list-style-image:url(/static/clippy-bullet.png);
967
 padding-left:15px;
968
}
969
.clippy-bubble li {
970
 margin-top:0.5em;
971
}
972
.subreddit { margin-bottom:10px; }
973
.subreddit p { margin-top:0px; margin-bottom: 1px; }
974
.subreddit .description {font-size:small; max-width: 60em;}
975
.subreddit .key {display:block;}
976
.subreddit .title { font-size:medium; margin-right: 5px; }
977
.subreddit .midcol { margin-right:5px; margin-top: 5px; text-align: right; }
978
.fancy-toggle-button {
979
 display:block;
980
 margin-bottom:5px;
981
}
982
.fancy-toggle-button .active {
983
 border:1px solid #444;
984
 padding:1px 6px;
985
 background:white none repeat-x scroll center left;
986
 color:white;
987
 font-size:10px;
988
 font-weight:bold;
989
 line-height:20px;
990
 -moz-border-radius:3px;
991
 -webkit-border-radius:3px;
992
 border-radius:3px;
993
}
994
.fancy-toggle-button .remove { 
995
 background-image:url(/static/bg-button-remove.png);
996
}
997
.fancy-toggle-button .add { 
998
 background-image:url(/static/bg-button-add.png);
999
}
1000
.commentbody.border { background-color:#ffc; padding-left: 5px}
1001
.commentbody.grayed {
1002
 color:gray;
1003
 background-color:#E0E0E0;
1004
 padding-left:5px;
1005
}
1006
.fixedwidth { float:left; width: 100px; height: 0px; }
1007
.clearleft { clear:left; height: 0px; }
1008
.clear { clear:both; }
1009
.sharetable.preftable {margin-left:20px; }
1010
.sharetable.preftable th { padding-bottom:5px; padding-top: 5px;  }
1011
.sharetable.preftable button { margin-top:10px }
1012
.preftable.widget-preview { font-size:smaller; }
1013
.preftable.widget-preview input[type="text"] { width:150px; }
1014
.preftable #css-options input[type="text"] { margin-left:0px; width: 6em; }
1015
.share-summary { width:95%; margin-top: 10px; }
1016
.share-summary .head td { width:50%; font-size: large; text-align: center }
1017
.share-summary td { vertical-align:top;}
1018
.share-summary > tbody > tr > td  {
1019
 padding-left:10px; 
1020
 padding-bottom:10px; 
1021
}
1022
.share-summary th { padding:5px; border-bottom: 1px solid #000; }
1023
.sponsored .entry  { margin-right:20px;}
1024
.sponsored .titlerow { background:#fcfcfc;
1025
 padding:10px; 
1026
 border-top:#BCBCBC solid 1px;
1027
 border-left:#BCBCBC solid 1px;
1028
 border-bottom:#E0E0E0 solid 1px;
1029
 border-right:#E0E0E0 solid 1px;
1030
}
1031
.footer-parent {
1032
 padding-top:40px; 
1033
 clear:both;
1034
 text-align:center;
1035
}
1036
.footer {
1037
 color:gray;
1038
 font-size:larger;
1039
 padding:5px;
1040
 margin:15px;
1041
 border:1px solid #F0F0F0;
1042
 display:inline-block;
1043
}
1044
.footer .col {
1045
 float:left;
1046
 margin:10px;
1047
 padding-left:10px;
1048
 border-left:1px solid #E0E0E0;
1049
 height:150px;
1050
 }
1051
.footer .col:first-child {border:none;}
1052
.notes-button {
1053
 margin-top:3px;
1054
}
1055
.notes-status {
1056
 font-size:larger;
1057
}
1058
.server-status { width:300px;  }
1059
.server-status table {
1060
 font-size:xx-small; 
1061
 margin-left:5px; 
1062
 border-top:#BCBCBC solid 1px;
1063
 border-left:#BCBCBC solid 1px;
1064
 border-bottom:#E0E0E0 solid 1px;
1065
 border-right:#E0E0E0 solid 1px;
1066
 margin-bottom:5px; 
1067
 width:290px;
1068
}
1069
.server-status td { padding-right:2px; padding-left: 2px; }
1070
.server-status .bar { height:5px; background-color: blue; }
1071
.load0 { background-color:#FFFFFF; } 
1072
.load1 { background-color:#f0f5FF; } 
1073
.load2 { background-color:#E2ECFF; } 
1074
.load3 { background-color:#d6f5cb; } 
1075
.load4 { background-color:#CAFF98; } 
1076
.load5 { background-color:#e4f484; } 
1077
.load6 { background-color:#FFEA71; } 
1078
.load7 { background-color:#ffdb81; } 
1079
.load8 { background-color:#FF9191; } 
1080
.load9 { background-color:#FF0000; color: #FFFFFF } 
1081
.server-status tr.down > * {
1082
 background-color:#C0C0C0; 
1083
 text-decoration:line-through; 
1084
}
1085
.server-status th { font-weight:bold; padding-right: 2px; }
1086
.server-status tr.title-region { cursor:pointer; }
1087
.server-status tr.title-region:hover > td,
1088
.server-status tr.title-region:hover > th { text-decoration:underline; }
1089
.server-status tr.title-region.empty { cursor:default; opacity: 0.7; }
1090
.server-status tr.title-region.empty:hover > td,
1091
.server-status tr.title-region.empty:hover > th { text-decoration:none; }
1092
.server-status .pegged {
1093
 background-color:red;
1094
 font-weight:bold;
1095
 color:#FFFFFF;
1096
}
1097
.server-status .membar {
1098
 height:11px; 
1099
 border:1px solid white;
1100
 background-color:#6699FF; 
1101
 position:relative;
1102
}
1103
.server-status .membar span {
1104
 position:absolute;
1105
 font-size:smaller;
1106
}
1107
.server-status .cpu50  {
1108
 height:5px; 
1109
 background-color:green; 
1110
 border:1px solid white;
1111
 border-bottom:none;
1112
}
1113
.server-status .cpu300 {
1114
 height:5px; 
1115
 background-color:red; 
1116
 border:1px solid white;
1117
}
1118
.orangered { color:orangered; }
1119
.logout { display:inline; }
1120
.login-form-side {
1121
 border:1px solid gray;
1122
}
1123
.login-form-side input {
1124
 border:1px solid gray;
1125
 width:138px;
1126
 height:17px;
1127
 margin:5px 0px 0px 5px;
1128
 top:5px;
1129
 padding:1px;
1130
 }
1131
.login-form-side .error {
1132
 margin:5px;
1133
}
1134
#remember-me {
1135
 margin:5px;
1136
}
1137
#rem-login-main {
1138
 position:static;
1139
 height:auto;
1140
 width:auto;
1141
 border:none;
1142
 margin-right:5px;
1143
}
1144
.login-form-side label {
1145
 padding:2px 0 2px 0;
1146
 margin-right:5px;
1147
 white-space:nowrap;
1148
}
1149
.login-form-side button {
1150
 float:right;
1151
}
1152
.status { margin-left:5px; color: red; font-size: small;}
1153
.error { color:red; font-size: small; margin: 5px; }
1154
.red { color:red }
1155
.buygold { color:#9A7D2E; font-weight: bold; }
1156
.line-through { text-decoration:line-through }
1157
#noresults { margin-right:310px;  }
1158
#ad-frame {
1159
 border:0px;
1160
 overflow:hidden;
1161
 width:300px;
1162
 height:280px;
1163
}
1164
#searchmenu { margin:10px 0 0px 0; padding: 2px 0 0 0; 
1165
 border-bottom:2px solid #369; 
1166
 background-color:whitesmoke}
1167
#searchmenu .searchlabel { background-color:white; 
1168
 padding:2px 15px 0px 0px; 
1169
 font-weight:bold; color: #369 }
1170
#searchmenu .searchtime {
1171
 font-weight:bold; 
1172
 display:inline; 
1173
 width:305px;
1174
}
1175
#searchexpando {
1176
 display:none;
1177
 margin:5px 0 0 0;
1178
 -moz-border-radius:3px;
1179
 -webkit-border-radius:3px;
1180
 border-radius:3px;
1181
}
1182
#searchexpando input, #searchexpando p {
1183
 margin-bottom:10px;
1184
}
1185
#searchexpando {
1186
 padding-top:10px;
1187
}
1188
#searchexpando dl {
1189
 margin:10px 0;
1190
}
1191
#searchexpando dt {
1192
 margin:0;
1193
}
1194
#previoussearch p {
1195
 margin:5px 0;
1196
}
1197
#moresearchinfo {
1198
 display:none;
1199
 padding-top:5px;
1200
 max-width:300px;
1201
 border:0 solid orange;
1202
 margin-top:-5px;
1203
}
1204
label + #moresearchinfo {
1205
 border-width:1px 0 0 0;
1206
 margin-top:0px;
1207
}
1208
#previoussearch #moresearchinfo {
1209
 border-color:gray;
1210
 margin:5px 0;
1211
}
1212
#search_hidemore {
1213
 float:right;
1214
 margin-left:5px;
1215
}
1216
.searchparams { margin:5px 20px 5px 20px
1217
}
1218
.searchparams .labels {text-align:right;
1219
 margin-left:10px; }
1220
.searchpane {
1221
 margin:5px 305px 5px 0px;
1222
} 
1223
.searchpane #search input[type=text] { }
1224
.search-summary {
1225
 float:right;
1226
 text-align:right;
1227
 margin:6px 8px 0 0;
1228
}
1229
.search-summary .result-count {
1230
 font-weight:bold;
1231
}
1232
.searchfail {
1233
 color:#c00000;
1234
 font-size:larger;
1235
 line-height:2em;
1236
}
1237
.searchfail a {
1238
 color:red;
1239
 text-decoration:underline;
1240
}
1241
.legal {color:#808080; font-family: serif; font-size: small; margin-top: 20px; }
1242
.legal a {text-decoration:underline}
1243
.divide { border-right:2px solid #D3D3D3;  }
1244
.loginform {
1245
 float:left; 
1246
 width:45%; 
1247
 padding-left:15px; 
1248
 padding-right:15px; 
1249
}
1250
.loginform h3 {
1251
 margin-bottom:0;
1252
 margin-top:10px;
1253
 font-size:large;
1254
 font-weight:bold; 
1255
 font-variant:small-caps;
1256
 color:#404040;
1257
}
1258
.loginform p {
1259
 text-align:left;
1260
 margin-bottom:10px; 
1261
 color:#606060;
1262
 margin-bottom:20px; 
1263
}
1264
.loginform label {
1265
 display:block; 
1266
 font-weight:bold;
1267
 color:#606060; 
1268
}
1269
.loginform .remember { display:inline; margin-left:5px;  }
1270
.loginform ul { margin:5px; }
1271
.loginform li { margin-top:5px; }
1272
.loginform p .btn { margin-top:5px }
1273
.loginform input.logtxt { width:125px; }
1274
.loginform input[type=text],
1275
.loginform input[type=password] {
1276
 width:125px;
1277
 border:1px solid #A0A0A0;
1278
 margin-top:2px; 
1279
 margin-bottom:2px; 
1280
 padding:1px;
1281
}
1282
.loginform #captcha {
1283
 width:250px;
1284
 }
1285
#passform h1 {margin-bottom:0px}
1286
#passform p {margin-bottom:5px; font-size: small}
1287
.cover {
1288
 position:fixed;
1289
 top:0px;
1290
 left:0px;
1291
 height:100%;
1292
 width:100%;
1293
 background-color:gray;
1294
 opacity:.7;
1295
 filter:alpha(opacity=70); 
1296
 z-index:1000;
1297
}
1298
.popup {
1299
 position:fixed;
1300
 left:10%;
1301
 background-color:white;
1302
 top:40px;
1303
 width:80%;
1304
 text-align:left;
1305
 z-index:1001;
1306
 padding:10px;
1307
 border-color:#B2B2B2 black black #B2B2B2;
1308
 border-style:solid;
1309
 border-width:1px;
1310
}
1311
.popup h1 {
1312
 text-align:center;
1313
 font-size:large; 
1314
 font-weight:normal;
1315
 color:orangered;
1316
}
1317
.popup h2 {
1318
 text-align:center;
1319
 font-size:small;
1320
 margin-top:0px;
1321
 color:black;
1322
 font-weight:normal;
1323
}
1324
.usertable { margin-left:10px;} 
1325
.usertable { font-size:larger }
1326
.usertable td, .usertable th { padding:0 .7em }
1327
.usertable { white-space:nowrap }
1328
.aboutpage {  margin-right:320px; }
1329
.aboutpage p { margin:5px; }
1330
.aboutpage h1, .aboutpage h2 { margin:10px;}
1331
.aboutpage .usertable { width:45%; }
1332
.little a { font-size:x-small;  }
1333
.oldbylink a {  background-color:#F0F0F0; margin: 2px; color: gray}
1334
.error-log {
1335
 clear:both;
1336
}
1337
.error-log a:hover { text-decoration:underline }
1338
.error-log .rest {
1339
 display:none;
1340
}
1341
.error-log:first-child .rest {
1342
 display:block;
1343
}
1344
.error-log, .error-log .exception {
1345
 border:solid #aaa 1px;
1346
 padding:3px 5px;
1347
 margin-bottom:10px;
1348
}
1349
.error-log .exception {
1350
 background-color:#f0f0f8;
1351
}
1352
.error-log .exception.new {
1353
 border:dashed #ff6600 2px;
1354
}
1355
.error-log .exception.severe {
1356
 border:solid #ff0000 2px;
1357
 background-color:#ffdfdf;
1358
}
1359
.error-log .exception.interesting {
1360
 border:dotted black 2px;
1361
 background-color:#e0e0e8;
1362
}
1363
.error-log .exception.fixed {
1364
 border:solid #008800 1px;
1365
 background-color:#e8f6e8;
1366
}
1367
.error-log .exception span {
1368
 font-weight:bold;
1369
 margin-right:5px;
1370
}
1371
.error-log .exception span.normal {
1372
 margin-right:0;
1373
 display:none;
1374
}
1375
.error-log .exception span.new, .error-log .edit-area label.new {
1376
 color:#ff6600;
1377
}
1378
.error-log .exception span.severe, .error-log .edit-area label.severe {
1379
 color:#ff0000;
1380
}
1381
.error-log .exception span.interesting, .error-log .edit-area label.interesting {
1382
 font-weight:normal;
1383
 font-style:italic;
1384
}
1385
.error-log .exception span.fixed, .error-log .edit-area label.fixed {
1386
 color:#008800;
1387
}
1388
.error-log .exception-name {
1389
 margin-right:5px;
1390
 display:inline-block;
1391
 max-height:50px;
1392
 overflow:hidden;
1393
}
1394
.error-log .nickname {
1395
 color:black;
1396
 font-weight:bold;
1397
 font-size:larger;
1398
}
1399
.error-log .exception.fixed .nickname {
1400
 text-decoration:line-through;
1401
}
1402
.error-log a:focus {
1403
 -moz-outline-style:none;
1404
}
1405
.error-log .edit-area {
1406
 border:solid black 1px;
1407
 background-color:#eee;
1408
}
1409
.error-log .edit-area label {
1410
 margin-right:25px;
1411
}
1412
.error-log .edit-area input[type=radio] {
1413
 margin-right:4px;
1414
}
1415
.error-log .edit-area input[type=text] {
1416
 width:800px;
1417
}
1418
.error-log .edit-area table td, .error-log .edit-area table th {
1419
 padding:5px 0 0 5px;
1420
}
1421
.error-log .save-button {
1422
 margin:0 5px 5px 0;
1423
 font-size:small;
1424
 padding:0;
1425
}
1426
.error-log .date {
1427
 font-size:150%;
1428
 font-weight:bold;
1429
}
1430
.error-log .hexkey {
1431
 color:#997700;
1432
}
1433
.error-log .exception-name {
1434
 font-size:larger;
1435
 color:#000077;
1436
}
1437
.error-log .frequency {
1438
 font-size:larger;
1439
 float:right;
1440
 color:#886666;
1441
}
1442
.error-log .occurrences {
1443
 border:solid #003300 1px;
1444
 margin:5px 0 2px;
1445
 padding:2px;
1446
}
1447
.error-log .occurrence {
1448
 color:#003300;
1449
 font-family:monospace;
1450
 margin-right:3em;
1451
 white-space:nowrap;
1452
}
1453
.error-log table.stacktrace th, .error-log table.stacktrace td {
1454
 border:solid 1px #aaa;
1455
}
1456
.error-log table.stacktrace td {
1457
 font-family:monospace;
1458
}
1459
.error-log table.stacktrace td.col-1 {
1460
 text-align:right;
1461
 padding-right:10px;
1462
}
1463
.error-log .logtext.error {
1464
 color:black;
1465
 margin:0 0 10px 0;
1466
}
1467
.error-log .logtext {
1468
 margin-bottom:10px;
1469
 border:solid #555 2px;
1470
 background-color:#eeece6;
1471
 padding:5px;
1472
 font-size:small;
1473
}
1474
.error-log .logtext * {
1475
 color:black;
1476
}
1477
.error-log .logtext.error .loglevel {
1478
 color:white;
1479
 background-color:red;
1480
}
1481
.error-log .logtext.warning .loglevel {
1482
 background-color:#ff6600;
1483
}
1484
.error-log .logtext.info .loglevel {
1485
 background-color:#00bbff;
1486
}
1487
.error-log .logtext.debug .loglevel {
1488
 background-color:#00ee00;
1489
}
1490
.error-log .logtext .loglevel {
1491
 padding:0 5px;
1492
 margin-right:5px;
1493
 border:solid black 1px;
1494
}
1495
.error-log .logtext table {
1496
 margin:8px 5px 2px 0;
1497
 font-family:monospace;
1498
}
1499
.error-log .logtext table,
1500
.error-log .logtext table th,
1501
.error-log .logtext table td {
1502
 border:solid #aaa 1px;
1503
}
1504
.error-log .logtext table th, .error-log .logtext table td {
1505
 border:solid #aaa 1px;
1506
}
1507
.error-log .logtext table .occ {
1508
 text-align:right;
1509
}
1510
.error-log .logtext table .dotdotdot {
1511
 padding:0;
1512
}
1513
.error-log .logtext table .dotdotdot a {
1514
 margin:0;
1515
 display:block;
1516
 width:100%;
1517
 height:100%;
1518
 background-color:#e0e0e0;
1519
}
1520
.error-log .logtext table .dotdotdot a:hover {
1521
 background-color:#bbb;
1522
 text-decoration:none;
1523
}
1524
.error-log .logtext .classification {
1525
 font-size:larger;
1526
 font-weight:bold;
1527
}
1528
.error-log .logtext .actual-text {
1529
 max-width:600px;
1530
 overflow:hidden;
1531
}
1532
.error-log .logtext .occ {
1533
}
1534
.details {
1535
 font-size:x-small; 
1536
 margin-bottom:10px; 
1537
}
1538
.details span { margin:0 5px 0 5px; }
1539
.details th {
1540
 text-align:right; 
1541
 padding-right:5px;
1542
 font-weight:bold;
1543
}
1544
.details td {
1545
 vertical-align:top;
1546
}
1547
.ring {
1548
 font-weight:bold;
1549
 background-color:red;
1550
 color:white;
1551
 text-align:center;
1552
 padding-left:3px;
1553
 padding-right:4px !important;
1554
 cursor:pointer;
1555
}
1556
.vote-note {
1557
 padding-left:3px;
1558
 max-width:150px;
1559
}
1560
.vote-a-notes {
1561
 color:red;
1562
}
1563
.vote-up {
1564
 color:orangered;
1565
}
1566
.vote-down {
1567
 color:#336699;
1568
}
1569
.vote-invalid {
1570
 color:#888888 !important;
1571
 font-style:italic;
1572
}
1573
.unvotable-message {
1574
 border:solid 1px #ff6600;
1575
 margin-top:4px;
1576
 padding:1px 3px;
1577
 -moz-border-radius:3px;
1578
 -webkit-border-radius:3px;
1579
 border-radius:3px;
1580
 display:none;
1581
}
1582
.bottommenu { color:gray; font-size: smaller; clear: both}
1583
.bottommenu a { color:gray; text-decoration: underline;   }
1584
.button {
1585
 border-collapse:collapse;
1586
 color:gray;
1587
 text-align:center;
1588
 margin:1px;
1589
 }
1590
.button #cover {
1591
 position:relative; 
1592
 }
1593
.button .cover {  
1594
 background:white; 
1595
}
1596
.button #popup {
1597
 position:absolute; 
1598
 width:80%; 
1599
 z-index:1001; 
1600
 background:white; 
1601
 padding:1px; 
1602
 left:0px; 
1603
 top:0px; 
1604
 margin:0px; 
1605
 border-color:#B2B2B2 black black #B2B2B2;
1606
 border-style:solid;
1607
 border-width:1px;
1608
}
1609
.button .arrow { width:15px; }
1610
.num { font-weight:bold; font-size: larger }
1611
.button.thing { 
1612
 margin:0px;
1613
 padding:0px;
1614
}
1615
.button-body { 
1616
 background-color:transparent;
1617
}
1618
.button .blog {
1619
 border:1px solid #c7def7;
1620
 color:gray;
1621
 text-align:center;
1622
 margin:0px;
1623
 -moz-border-radius:4px;
1624
 -webkit-border-radius:4px;
1625
 border-radius:4px;
1626
 background-color:white;
1627
}
1628
.button .blog .r { color:gray;  }
1629
.button .blog .score { white-space:nowrap; }
1630
.button {color:#369;}
1631
.button a:hover { text-decoration:underline }
1632
.button .blog1 { font-size:x-small; }
1633
.button .blog1 .arrow { float:left; margin-left:2px;  margin-right: 2px;  }
1634
.button .blog1 .headimgcell {
1635
 background-color:#c7def7;
1636
 width:18px;
1637
 float:left; 
1638
}
1639
.button .blog1 .score {
1640
 float:center;
1641
 margin-top:2px;
1642
 margin-right:5px; 
1643
}
1644
.button .blog2 { font-size:small; }
1645
.button .blog2 .arrow { width:15px; margin-left: auto; margin-right: auto;  }
1646
.button .blog2 .bottomreddit { color:black; background-color: #c7def7; font-size: small; }
1647
.button .blog2 .score .submit { 
1648
 display:block;
1649
 font-size:x-small; 
1650
 line-height:17px;
1651
}
1652
.button .blog.blog3 { 
1653
 font-size:small; 
1654
 border:none; 
1655
 background-color:transparent;
1656
}
1657
.button .blog3 .left { float:left; width: 50%; }
1658
.button .blog2 .arrow { width:15px; margin-left: auto; margin-right: auto;  }
1659
.button .blog3 .right { float:right; margin-top: 5px; }
1660
.button .blog3 .score .submit { 
1661
 display:block;
1662
 font-size:x-small; 
1663
 line-height:17px;
1664
}
1665
.blog5 .right { float:right; }
1666
.blog5 .left  { float:left; display:block; margin-top: 10px; }
1667
.blog5 .clearleft { clear:left; }
1668
.button .blog.blog5 { border:none; text-align: left; font-size: small; }
1669
.blog5 a.bling { float:left; }
1670
.blog5 .container { margin-left:35px; margin-top: 2px; height: 50px;}
1671
.blog5 ul { display:inline; }
1672
.blog5 ul a { color:#515481; font-weight: bold; text-decoration: underline;  }
1673
.blog5 li { display:inline; padding: 1px 10px 1px 10px; }
1674
.blog5 li.selected {  
1675
 background-color:#F8F8F1; 
1676
 color:#000; 
1677
 border-color:#CCC; 
1678
 border-style:solid solid none solid;
1679
 border-width:1px;
1680
}
1681
.blog5 .votes {
1682
 height:25px; 
1683
 background-color:#F8F8F1; 
1684
 border:1px solid #CCC;
1685
 padding-top:5px; 
1686
}
1687
.blog5 .arrow {
1688
 margin-right:15px; 
1689
 margin-left:5px; 
1690
 color:black; 
1691
 cursor:pointer;
1692
 display:inline; 
1693
 background-position:left center;
1694
 background-repeat:no-repeat; 
1695
 padding-left:20px; 
1696
}
1697
.blog5 .votes.disabled .arrow { color:#888; }
1698
.blog5 .arrow:hover { text-decoration:none; }
1699
.blog5 .arrow b { font-size:larger; }
1700
.blog5 .arrow.upmod b   { color:#FF8B60; }
1701
.blog5 .arrow.downmod b { color:#9494FF; }
1702
.blog5 .right { margin-right:5px; font-size: medium; font-style: italic;  }
1703
.optional {color:green}
1704
.instructions { font-size:larger;  }
1705
.instructions h1, .instructions h2, .instructions h3 { margin-top:20px; margin-bottom: 20px;  }
1706
.instructions p { margin:10px; max-width: 60em}
1707
.instructions pre { margin:5px;  margin-right: 10px; }
1708
.instructions iframe { margin:5px 10px 5px 0px; }
1709
.instructions input, .instructions select { margin:0 .5em }
1710
.instructions a:focus { -moz-outline-style:none; }
1711
.instructions strong { font-weight:bold; }
1712
.instructions .buttons { margin-left:1em; max-width: 50em; }
1713
.instructions .buttons li { margin-top:1em; 
1714
 border-bottom:1px solid #e0e0e0;  
1715
 padding-bottom:1em;}      
1716
.instructions code {
1717
 display:block; 
1718
 font-family:monospace; 
1719
 font-size:small;
1720
 margin:5px; 
1721
 background-color:#FF9; 
1722
 padding:10px; 
1723
 max-width:50em;}
1724
.self-service.instructions { 
1725
 margin-bottom:50px; 
1726
 }
1727
.self-service.instructions p{ 
1728
 margin-left:20px; 
1729
}
1730
.self-service.instructions ul { 
1731
 list-style-type:circle; 
1732
 margin-left:60px; 
1733
}
1734
.self-service.instructions li + li { 
1735
 padding-top:10px; 
1736
}
1737
.self-service.instructions li.done { 
1738
 text-decoration:line-through;
1739
 list-style-image:url(/static/green-check.png);
1740
}
1741
.self-service.instructions li.unfinished { 
1742
 font-weight:bold;
1743
 list-style-image:url(/static/red-arrow.png);
1744
}
1745
.feedback.instructions dl { 
1746
 margin-left:20px; 
1747
}
1748
.feedback.instructions dt { 
1749
 margin-top:10px; 
1750
}
1751
.feedback.instructions dd { 
1752
 background:transparent none no-repeat scroll bottom left;
1753
 background-image:url(/static/red-arrow.png);
1754
 padding-left:35px; 
1755
}
1756
.button-demo a.view-code,
1757
.button-demo a.hide-code { float:right; margin-bottom: 1em; }
1758
.button-demo a.hide-code { display:none; }
1759
.instructions .button-demo code { display:none; }
1760
.button-demo.show-demo a.view-code { display:none; }
1761
.button-demo.show-demo a.hide-code { display:inline; }
1762
.button-demo.show-demo code { display:block; }
1763
#preview { float:right; width: 30em; margin: 10px; }
1764
#preview span { color:lightgray;  }
1765
#preview #previewbox {
1766
 border-width:.2em;
1767
 border-style:dashed;
1768
 border-color:lightgray;
1769
 padding:1em;
1770
 font-size:larger;
1771
}
1772
.bookmarklet {
1773
 border:solid #888888 1px;
1774
 padding:0px 2px;
1775
}
1776
.toolbar {
1777
 font-size:small;
1778
 border-bottom:1px solid #336699;
1779
 background-color:#CEE3F8;
1780
}
1781
.toolbar .left-side {
1782
 height:19px;
1783
 float:left;
1784
 border-right:solid #336699 1px;
1785
 background-color:#EFF7FF;
1786
}
1787
.toolbar .middle-side {
1788
 text-align:center;
1789
 background-color:#EFF7FF;
1790
 cursor:pointer;
1791
}
1792
.toolbar .middle-side a, .toolbar .middle-side b {
1793
 display:block;
1794
 border-left:none;
1795
}
1796
.toolbar .middle-side input[type=text] {
1797
 font-size:14px;
1798
 vertical-align:baseline;
1799
 width:100%;
1800
 height:18px;
1801
 border:none;
1802
 border-top:solid transparent 1px;
1803
 margin-left:2px;
1804
}
1805
.toolbar .middle-side .url {
1806
 overflow:hidden;
1807
}
1808
.toolbar .middle-side .domain {
1809
 color:#888;
1810
 font-size:small;
1811
}
1812
.toolbar .right-side {
1813
 float:right;
1814
 background-color:#EFF7FF;
1815
 margin-top:-1px;
1816
 height:19px;
1817
}
1818
.toolbar a, .toolbar b {
1819
 font-weight:normal;
1820
 display:inline-block;
1821
 height:18px;
1822
 border-left:solid #336699 1px;
1823
 white-space:nowrap;
1824
 padding:1px 4px 0px;
1825
 overflow:hidden;
1826
 outline:none;
1827
 -moz-outline:none;
1828
}
1829
.toolbar .likes .score.likes {display:inline-block;}
1830
.toolbar .dislikes .score.dislikes {display:inline-block;}
1831
.toolbar a, .toolbar .clickable {
1832
 cursor:pointer;
1833
 color:#336699;
1834
 text-decoration:none;
1835
}
1836
.toolbar .clickable:active, .pushed-button {
1837
 background-color:#cee3f8 !important;
1838
 color:orangered !important;
1839
}
1840
.toolbar a img, toolbar b img {
1841
 vertical-align:middle;
1842
 padding-top:3px;
1843
 vertical-align:-3px;
1844
}
1845
.toolbar .content {
1846
 float:left;
1847
 vertical-align:middle;
1848
}
1849
.toolbar .logo {
1850
 margin:0px;
1851
 padding:0 2px;
1852
 border-left:none;
1853
 vertical-align:top;
1854
}
1855
.toolbar .title {
1856
 padding-left:1em;
1857
 padding-right:1em;
1858
 color:black;
1859
 display:block;
1860
 overflow:hidden;
1861
}
1862
.toolbar .title:active {
1863
 color:orangered;
1864
}
1865
.toolbar .controls {
1866
 float:right;
1867
}
1868
.toolbar .arrow {
1869
 display:inline-block;
1870
 width:auto;
1871
 margin:0px;
1872
 background-position:left center;
1873
 padding-left:16px;
1874
}
1875
.toolbar .arrow.upmod   { 
1876
 background-image:url(/static/aminiupmod.gif); 
1877
}
1878
.toolbar .arrow.downmod { 
1879
 background-image:url(/static/aminidownmod.gif); 
1880
}
1881
.toolbar .arrow.up      { 
1882
 background-image:url(/static/aminiupgray.gif); 
1883
}
1884
.toolbar .arrow.down    { 
1885
 background-image:url(/static/aminidowngray.gif); 
1886
}
1887
.toolbar-status-bar {
1888
 border-top:solid #336699 1px;
1889
 border-bottom:solid #336699 1px;
1890
 background-color:#F6E69F;
1891
 padding:0px 2px;
1892
 overflow:auto;
1893
}
1894
.toolbar-status-bar .login-arrow-left {
1895
 overflow:auto;
1896
 background-image:url(/static/tb-loginarrow-left.png);
1897
 background-position:top right;
1898
}
1899
.toolbar-status-bar .login-arrow-right {
1900
 float:right;
1901
 margin-right:75px;
1902
}
1903
.toolbar-status-bar .login-message {
1904
 float:left;
1905
 background-color:#F6E69F;
1906
 padding-right:3px;
1907
}
1908
.tb-comments-panel-toggle {
1909
}
1910
.comments-panel .infobar {
1911
 padding:3px 10px 7px;
1912
 margin:5px 10px 10px 3px;
1913
}
1914
.min-body {
1915
 height:100%;
1916
}
1917
.min-body .content {
1918
 margin-top:0px;
1919
 border-right:solid #369 1px;
1920
 min-height:100%;
1921
 max-width:60em;
1922
 overflow:auto;
1923
}
1924
.min-body .content h1, .min-body .content h2 {
1925
 padding-left:13px;
1926
 display:inline-block;
1927
 margin-bottom:15px;
1928
}
1929
.min-body .content #noresults {
1930
 margin:0 0 0 13px;
1931
}
1932
.starkcomment + .clearleft + .starkcomment {
1933
 margin-top:10px
1934
}
1935
.starkcomment .commentbox {
1936
 color:black;
1937
 background-color:#f0f0f0;
1938
 padding:5px;
1939
 margin-left:0px;
1940
 margin-right:10px;
1941
}
1942
.starkcomment .tagline {
1943
 text-align:right;
1944
}
1945
form .blurb {
1946
 margin-bottom:5px;
1947
}
1948
form .spacer + .spacer {
1949
 margin:15px 0;
1950
}
1951
form input[type=checkbox],
1952
form input[type=radio] {margin:2px .5em 0 0; }
1953
.pretty-form {
1954
 font-size:larger;
1955
 vertical-align:top;
1956
}
1957
.pretty-form p {margin:3px ;}
1958
.pretty-form input[type=checkbox],
1959
.pretty-form input[type=radio] {margin:2px .5em 0 0; }
1960
.pretty-form img { margin:3px .5em}
1961
.pretty-form input[type=text],
1962
.pretty-form textarea,
1963
.pretty-form input[type=password] {
1964
 border:1px solid gray;
1965
 width:300px; 
1966
 padding:2px;
1967
 -webkit-box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
1968
 -moz-box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
1969
 box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
1970
}
1971
.pretty-form .infobar {
1972
 width:285px; 
1973
 margin:5px;
1974
 }
1975
.pretty-form input[type=text],
1976
.pretty-form input[type=file],
1977
.pretty-form input[type=password],
1978
.pretty-form select,
1979
.pretty-form b,
1980
.pretty-form textarea,
1981
.pretty-form button  { margin:3px 5px; }
1982
.pretty-form th { text-align:right }
1983
.delete-field {
1984
 background-color:white;
1985
 padding:10px;
1986
}
1987
.delete-field td {
1988
 vertical-align:top;
1989
}
1990
.pretty-form .delete-field {
1991
 background:transparent;
1992
}
1993
.pretty-form.short-text input[type=text],
1994
.pretty-form.short-text textarea,
1995
.pretty-form.short-text input[type=password] {width:2em }
1996
#url-field button {margin:10px 5px 0 0;}
1997
#url-field .title-status { color:red; font-size: small}
1998
.opt-form { font-size:larger }
1999
.opt-form form { display:inline; }
2000
.preftable th {
2001
 padding:10px; 
2002
 font-weight:bold; 
2003
 vertical-align:top;
2004
 text-align:right;
2005
 white-space:nowrap;
2006
}
2007
.preftable th label { display:block; }
2008
.sharetable.preftable th label { display:inline; }
2009
.preftable th span { display:block; }
2010
.preftable td.prefright { padding:8px 0;}
2011
.preftable .spacer { margin-bottom:5px; }
2012
.preftable .note { width:100%; vertical-align: top; padding-top: 10px; }
2013
.over18 button { margin:0 10px 0 10px; padding: 5px}
2014
.entry .buttons li.nsfw-stamp {
2015
 border:1px solid #ff7777 !important;
2016
 padding:0 4px;
2017
 background-color:white;
2018
}
2019
.nsfw-stamp acronym {
2020
 border:none;
2021
 color:black;
2022
 text-decoration:none;
2023
}
2024
.entry .buttons li.trial-stamp, .entry .buttons li.reported-stamp {
2025
 border:1px solid black !important;
2026
 padding:0 4px;
2027
 background-color:#f6e69f;
2028
}
2029
.entry .buttons li.trial-stamp .spam {
2030
 color:#e00;
2031
}
2032
.entry .buttons li.trial-stamp .kosher {
2033
 color:#090;
2034
}
2035
.suspicious { background-color:#f6e69f }
2036
.thing.spam { background-color:#FA8072 }
2037
.comment.spam > .child, .message.spam > .child {
2038
 background-color:white;
2039
}
2040
.comment.spam > .child {
2041
 margin-left:0;
2042
 padding-left:15px;
2043
}
2044
.message.spam > .child {
2045
 /* There's a thin pink "border" due to the parent's padding:7px,
2046
 which we could try to fix here some day. */
2047
}
2048
.banned-user {
2049
 overflow:hidden;
2050
 opacity:.7;
2051
 filter:alpha(opacity=70); 
2052
}
2053
.banned-user .title {
2054
 text-decoration:line-through;
2055
}
2056
.approval-checkmark {
2057
 cursor:pointer;
2058
 height:0.8em;
2059
 vertical-align:baseline;
2060
 margin-left:3px;
2061
}
2062
.little { font-size:smaller  }
2063
.gray { color:gray }
2064
.stats { float:left; margin-right: 2em; border-collapse: collapse; font-size: larger; }
2065
.stats td.space {width:20px}
2066
.stats td.sec { padding-bottom:7px; font-size : 18px; font-weight: normal }
2067
.stats a {color:#369}
2068
.stats a:hover {text-decoration:underline;}
2069
.stats td.k { color:gray }
2070
.stats th { text-align:left; background-color: whitesmoke; 
2071
 color:#369; font-weight: bold;}
2072
.stats td.ri { padding-left:20px; text-align: right}
2073
.thumbnail {
2074
 float:left; 
2075
 margin:0px 5px; 
2076
 overflow:hidden;
2077
 width:70px; 
2078
}
2079
.stylesheet-customize-container { }
2080
.stylesheet-customize-container textarea { margin:0; padding: 0px; }
2081
.stylesheet-customize-container h2 { margin-top:15px; margin-bottom: 10px;  }
2082
.image-upload .new-image { margin-left:20px }
2083
.image-upload span  { padding-left:5px; }
2084
ul#image-preview-list {
2085
 margin:20px 320px 20px 20px;
2086
 font-size:larger;
2087
}
2088
ul#image-preview-list li {
2089
 padding-bottom:10px; 
2090
 margin-bottom:20px; 
2091
 vertical-align:top; 
2092
 width:45%; 
2093
 height:100px; 
2094
 float:left;
2095
 position:relative; 
2096
}
2097
ul#image-preview-list .preview {
2098
 width:100px;                                     
2099
 float:left;
2100
 display:block;
2101
 text-align:center;
2102
 max-height:100px;
2103
 overflow:hidden;
2104
}
2105
ul#image-preview-list .preview img {
2106
 max-width:100px; 
2107
 padding:auto;
2108
}
2109
ul#image-preview-list .description {
2110
 vertical-align:top;
2111
 margin-left:105px; 
2112
}
2113
ul#image-preview-list .description pre {
2114
 display:inline;
2115
 padding:5px;
2116
}
2117
.sheets { margin-right:315px; }
2118
.sheets .col { float:left;  }
2119
.sheets .col > div { margin:0 5px; }
2120
.sheets .col textarea { width:100% }
2121
.sheets .buttons { margin-left:5px }
2122
.sheets .btn { margin-left:0px; margin-right: 5px; }
2123
.sheets .btn.right { float:right; margin-right: 3px;}
2124
#validation-errors {
2125
 margin-left:40px; 
2126
 margin-top:10px; 
2127
 list-style-type:disc;
2128
}
2129
#validation-errors a,
2130
#validation-errors li,
2131
.errors h2 { color:red }
2132
#validation-errors a:hover { text-decoration:underline; }
2133
#validation-errors pre { padding:10px; color: black; }
2134
#preview-table {
2135
 padding-right:15px;  
2136
}
2137
#preview-table > table {  
2138
 border-width:.2em;
2139
 border-style:dashed;
2140
 border-color:lightgray;
2141
 padding:5px; 
2142
 margin:5px; 
2143
 width:100%;
2144
}
2145
#preview-table > table > tbody > tr { padding-bottom:10px;  }
2146
#preview-table > table > tbody > tr > td { padding:5px; padding-right: 15px;}
2147
#preview-table > table > tbody > tr > th {
2148
 padding:5px; padding-right: 15px;
2149
 font-weight:bold; 
2150
 vertical-align:top;
2151
 font-size:larger;
2152
 text-align:right;
2153
}
2154
#img-preview-container {
2155
 border-width:.2em;
2156
 border-style:dashed;
2157
 border-color:lightgray;
2158
 padding:5px; 
2159
 margin:5px; 
2160
 float:left;
2161
}
2162
.private-feeds.instructions .prefright { 
2163
 line-height:2em;
2164
}
2165
.private-feeds.instructions .feedlink {
2166
 padding:2px 5px;
2167
 font-weight:bold;
2168
 margin-right:5px; 
2169
 border:1px solid #0000FF;
2170
 color:white; 
2171
 padding-left:22px; 
2172
 background:#336699 none no-repeat scroll top left;
2173
}
2174
.private-feeds.instructions .feedlink.rss-link {
2175
 background-image:url(/static/rss.png);
2176
}
2177
.private-feeds.instructions .feedlink.json-link {
2178
 background-color:#DDDDDD;
2179
 background-image:url(/static/json.png);
2180
 color:black; 
2181
}
2182
.socialite.instructions ul {
2183
 margin:10px;
2184
 max-width:60em;
2185
}
2186
.socialite.instructions ul > li {
2187
 list-style-type:disc;
2188
 list-style-position:inside;
2189
}
2190
.socialite.instructions hr {
2191
 color:#C6C6C6;
2192
 border:none;
2193
 border-top:1px solid #C6C6C6;
2194
 margin:20px 0px 20px 0px;
2195
 max-width:60em;
2196
}
2197
.socialite.instructions p.screenshot {
2198
 text-align:center;
2199
}
2200
.socialite.instructions .logotext {
2201
 line-height:32px;
2202
}
2203
.socialite.instructions .logotext .logo {
2204
 float:left;
2205
 margin-right:10px;
2206
}
2207
.socialite.instructions .logoclear {
2208
 clear:left;
2209
}
2210
.socialite.instructions .features {
2211
 padding-left:15px;
2212
 max-width:60em;
2213
}
2214
.socialite .buttonclear {
2215
 overflow:hidden;
2216
 float:right;
2217
 margin-right:20px;
2218
}
2219
.socialite a.installbutton {
2220
 background:transparent none no-repeat scroll top right;
2221
 background-image:url(/static/socialite/installbutton-end.png);   
2222
 color:#FFF;
2223
 display:block;
2224
 float:left;
2225
 font:bold 18px "Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif;
2226
 height:50px;
2227
 margin-right:6px;
2228
 padding-right:48px; 
2229
 text-decoration:none;
2230
}
2231
.socialite a.installbutton span {
2232
 background:transparent none no-repeat;
2233
 background-image:url(/static/socialite/installbutton.png);   
2234
 display:block;
2235
 line-height:30px;
2236
 padding:10px 0 10px 17px;
2237
}
2238
.socialite a.installbutton:hover {
2239
 background-position:bottom right;
2240
}
2241
.socialite a.installbutton:hover span {
2242
 background-position:bottom left;
2243
} 
2244
#sr-header-area {
2245
 padding:3px 0px 3px 5px;
2246
 background-color:#f0f0f0;
2247
 white-space:nowrap;
2248
 overflow:hidden;
2249
 text-transform:uppercase;
2250
 border-bottom:1px solid gray;
2251
 font-size:90%;
2252
 }
2253
#sr-header-area .selected a {
2254
 color:orangered;
2255
}
2256
.dropdown.srdrop .selected {
2257
 background:transparent none no-repeat scroll center right;
2258
 background-image:url(/static/droparrowgray.gif); 
2259
 display:inline-block;
2260
 vertical-align:bottom;
2261
 padding-right:21px;
2262
 padding-left:5px; 
2263
 color:black;
2264
 font-weight:normal;
2265
 margin-left:-5px; 
2266
 margin-right:10px;
2267
 }
2268
.srdrop .choice {padding-top:3px;}
2269
.srdrop .choice.top-option {
2270
 font-style:italic;
2271
 border-bottom:1px dotted #369;
2272
}
2273
.srdrop .choice.bottom-option {
2274
 font-style:italic;
2275
 border-top:1px dotted #369;
2276
}
2277
.sr-bar .separator {color:gray; }
2278
.sr-bar a {color:black;} 
2279
#sr-more-link {
2280
 color:black;
2281
 background-color:#f0f0f0;
2282
 position:absolute;
2283
 right:0px;
2284
 top:3px;
2285
 padding:0 5px 0 15px;
2286
 font-weight:bold;
2287
 margin:0;
2288
}
2289
#sr-more-link:hover {text-decoration:underline;}
2290
.subscription-box li {
2291
 clear:left;
2292
 margin-bottom:10px;
2293
}
2294
.subscription-box .fancy-toggle-button {
2295
 margin-right:5px;
2296
 float:left;
2297
}
2298
.subscription-box .title {
2299
 font-size:medium;
2300
 color:blue;
2301
 margin-right:5px;
2302
}
2303
.subscription-box h1{ text-align:center; }
2304
.toggle.deltranslator-button { display:inline; }
2305
#sr { margin-left:0px }
2306
#sr-list-wrapper {
2307
 width:454px;
2308
 height:200px;
2309
 border:1px solid gray;
2310
 border-top:none;
2311
 margin:0 5px;
2312
 font-size:smaller;
2313
 position:relative;
2314
}
2315
#sr-list-cover {
2316
 position:absolute;
2317
 background:gray none no-repeat scroll center center;
2318
 background-color:url(/static/throbber.gif); 
2319
 height:100%;
2320
 width:100%;
2321
 opacity:.7;
2322
 filter:alpha(opacity=70); 
2323
 z-index:1000;
2324
 display:none;
2325
}
2326
#sr-list {
2327
 overflow:auto;
2328
 position:absolute;
2329
 height:100%;
2330
 width:100%;
2331
}
2332
#sr-searchfield { margin:0 5px; }
2333
.sr-name {
2334
 font-size:small;
2335
 vertical-align:top;
2336
 padding:3px 3px 3px 0;
2337
}
2338
.sr-description {
2339
 padding:3px
2340
 }
2341
.sr-row {
2342
 cursor:default;
2343
 }
2344
.sr-row.sr-selected {
2345
 background:#EFF7FF none no-repeat scroll 0px 5px;
2346
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
2347
 background-position:-4px -334px;
2348
}
2349
.sr-arrow {
2350
 width:10px;
2351
 height:12px;
2352
 }
2353
#sr-autocomplete-area {
2354
 position:relative;
2355
 z-index:100;
2356
 }
2357
#sr-drop-down {
2358
 position:absolute;
2359
 width:498px;
2360
 border:1px solid gray;
2361
 background:white;
2362
 display:none;
2363
 left:0;
2364
}
2365
#sr-drop-down table {
2366
 width:100%;
2367
}
2368
.sr-name-row {
2369
 cursor:default;
2370
 }
2371
.sr-name-row.sr-selected {
2372
 background-color:#369;
2373
 color:white;
2374
}
2375
.submit-header {
2376
 font-size:larger;
2377
 font-weight:bold;
2378
}
2379
#suggested-reddits {
2380
 margin-top:5px;
2381
 font-size:small;
2382
}
2383
#suggested-reddits ul {
2384
}
2385
#suggested-reddits li {
2386
 display:inline;
2387
 padding-right:5px;
2388
}
2389
.formtabs-content {
2390
 width:520px;
2391
 border-top:4px solid #5f99cf;
2392
 padding-top:10px;
2393
 }
2394
.formtabs-content .infobar {
2395
 margin:0;
2396
 padding:5px;
2397
 }
2398
ul.tabmenu.formtab {
2399
 display:block;
2400
 padding-left:10px;
2401
 font-size:larger;
2402
}
2403
.tabmenu.formtab li {
2404
 margin:0;
2405
 }
2406
.tabmenu.formtab a {
2407
 font-weight:normal;
2408
 outline:none;
2409
 padding:0px 12px;
2410
 vertical-align:bottom;
2411
 border:1px solid #c1c1c1;
2412
 border-bottom:none;
2413
}
2414
.tabmenu.formtab .selected a {
2415
 color:white;
2416
 font-size:130%;
2417
 background-color:#5f99cf;
2418
 border:none;
2419
}
2420
.expando {
2421
 clear:left;
2422
 margin:5px 0 5px 0;
2423
}
2424
.expando-content {
2425
 display:none;
2426
}
2427
.expando-button {
2428
 float:left;
2429
 height:23px;
2430
 width:23px;
2431
 margin:2px 5px 2px 0;
2432
 background:white none no-repeat scroll center center;
2433
}
2434
.expando-button.selftext.collapsed {
2435
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
2436
 background-position:-4px -352px;
2437
}
2438
.expando-button.selftext.collapsed:hover, .eb-sch {
2439
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
2440
 background-position:-4px -383px;
2441
}
2442
.expando-button.selftext.expanded, .eb-se {
2443
 margin-bottom:5px;
2444
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
2445
 background-position:-4px -414px;
2446
}
2447
.expando-button.selftext.expanded:hover, .eb-seh {
2448
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
2449
 background-position:-4px -445px;
2450
}
2451
.expando-button.video.collapsed {
2452
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
2453
 background-position:-4px -476px;
2454
}
2455
.expando-button.video.collapsed:hover, .eb-vch {
2456
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
2457
 background-position:-4px -507px;
2458
}
2459
.expando-button.video.expanded, .eb-ve {
2460
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
2461
 background-position:-4px -538px;
2462
}
2463
.expando-button.video.expanded:hover, .eb-veh {
2464
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
2465
 background-position:-4px -569px;
2466
}
2467
.subreddit .usertext .md {
2468
 padding:2px 5px;
2469
 background-color:#fafafa;
2470
 border:1px solid #CCC;
2471
 -moz-border-radius:7px;
2472
 -webkit-border-radius:7px;
2473
 border-radius:7px;
2474
}
2475
.link .usertext .md {
2476
 padding:0 5px;
2477
 background-color:#fafafa;
2478
 border:1px solid #369;
2479
 -moz-border-radius:7px;
2480
 -webkit-border-radius:7px;
2481
 border-radius:7px;
2482
}
2483
.usertext {
2484
 font-size:small;
2485
 position:relative;
2486
}
2487
.usertext-edit {
2488
 margin-top:5px;
2489
 padding:0 1px; 
2490
 width:500px;
2491
}
2492
.usertext-edit textarea {
2493
 width:500px;
2494
 height:100px;
2495
}
2496
.usertext.border .usertext-body {
2497
 background-color:#ffc; padding-left: 5px;
2498
}
2499
.usertext.grayed .usertext-body {
2500
 color:gray;
2501
 background-color:#f0f0f0;
2502
 padding-left:5px;
2503
 padding-right:5px;
2504
 display:inline-block;
2505
}
2506
.usertext button {
2507
 margin:5px 5px 10px 0;
2508
}
2509
.usertext .help-toggle {
2510
 font-size:smaller;
2511
 float:right;
2512
 margin-top:5px; 
2513
}
2514
.usertext .bottom-area {
2515
 overflow:hidden;
2516
 width:100%;
2517
}
2518
.usertext table.markhelp {
2519
 background-color:white;
2520
 margin:5px 0px; 
2521
 width:100%;
2522
}
2523
.usertext .markhelp, 
2524
.usertext .markhelp td, 
2525
.usertext .markhelp tr {
2526
 border:1px solid #C0C0C0;
2527
 padding:4px;
2528
 margin:0px;
2529
}
2530
.usertext .markhelp .spaces {background-color:#c0c0c0}
2531
.roundfield {
2532
 width:500px;
2533
 background-color:#cee3f8;
2534
 -moz-border-radius:4px;
2535
 -webkit-border-radius:4px;
2536
 border-radius:4px;
2537
 padding:5px 10px 10px 10px;
2538
 font-size:large;
2539
}
2540
.roundfield .title {
2541
}
2542
.roundfield .roundfield-content {
2543
 margin-top:5px;
2544
 border:none;
2545
 vertical-align:top;
2546
}
2547
.roundfield .usertext-edit {
2548
 width:500px;
2549
}
2550
.roundfield textarea,
2551
.roundfield input[type=text],
2552
.roundfield input[type=password] {
2553
 font-size:100%;
2554
 width:492px;
2555
 padding:3px;
2556
 margin:0;
2557
 border:1px solid gray;
2558
}
2559
.roundfield.captcha .capimage {
2560
 margin-bottom:10px;
2561
}
2562
.roundfield label { font-size:smaller; padding-right: 2px;  }
2563
.linefield {
2564
 width:514px;
2565
 padding:7px 5px;
2566
 font-size:large;
2567
 background-color:#CEE3F8;
2568
 margin-bottom:10px;
2569
}
2570
.linefield .title {
2571
 /*background-color:#CEE3F8;
2572
 /*background-color:#EFF7FF;*!/
2573
 color:#336699;*/
2574
 font-weight:bold;
2575
 padding:1px 10px;
2576
}
2577
.linefield .title + .gray {
2578
 font-size:x-small;
2579
}
2580
.linefield .delete-field {
2581
 padding:0; 
2582
 font-size:smaller; 
2583
}
2584
.linefield span + span { 
2585
 margin-left:10px; 
2586
}
2587
.linefield .info { 
2588
 font-style:italic;
2589
 color:red;
2590
 font-size:small;
2591
}
2592
.linefield .linefield-content {
2593
 /*border-color:#CEE3F8;
2594
 /*border-color:#EFF7FE;*!/
2595
 border-style:solid none none;
2596
 border-width:4px medium medium;*/
2597
 padding:2px 7px 5px;
2598
 vertical-align:top;
2599
}
2600
.linefield.usertext .usertext-edit {
2601
 font-size:small;
2602
}
2603
.linefield.usertext .edit-usertext {
2604
 font-size:x-small;
2605
 float:right;
2606
}
2607
.linefield .upload {
2608
 font-size:small;
2609
}
2610
.linefield .upload label {
2611
 font-size:small;
2612
}
2613
.linefield.usertext .infobar {
2614
 width:100%;
2615
}
2616
.linefield.usertext .usertext-buttons {
2617
 display:none;
2618
}
2619
.linefield textarea,
2620
.linefield input[type=text],
2621
.linefield input[type=password] {
2622
 font-size:100%;
2623
 width:492px;
2624
 padding:3px;
2625
 margin:0;
2626
 border:1px solid gray;
2627
}
2628
.linefield select { margin:0; }
2629
.linefield 
2630
.linefield.captcha .capimage {
2631
 margin-bottom:10px;
2632
}
2633
.linefield label { font-size:smaller; padding-right: 2px;  }
2634
.linefield span{ font-size:smaller; }
2635
.linefield input[type="text"].small-text { 
2636
 font-size:smaller;
2637
 width:100%; 
2638
}
2639
.campaign { 
2640
 border:1px solid #336699; 
2641
 background-color:#EFF7FF;
2642
 padding:5px;
2643
 -webkit-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
2644
 -moz-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
2645
 box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
2646
}
2647
.campaign .status { 
2648
 font-size:x-small;
2649
}
2650
.existing-campaigns > table { 
2651
 font-size:x-small;
2652
 width:100%;
2653
 margin:0px 0; 
2654
 border:none;
2655
}
2656
.existing-campaigns td.bid { 
2657
 background:transparent none no-repeat scroll center right;
2658
 padding-right:15px;
2659
}
2660
.existing-campaigns td.bid.paid { 
2661
 background-image:url(/static/green-check.png);  
2662
}
2663
.existing-campaigns td.bid .info{ 
2664
 margin-right:3px; 
2665
}
2666
.prefright p.minimum-spend {
2667
 padding-left:1em;
2668
 font-size:small;
2669
 color:gray;
2670
}
2671
.prefright p.minimum-spend.error {
2672
 font-weight:bold;
2673
 color:red;
2674
}
2675
.existing-campaigns > table > tbody > tr > td { 
2676
 text-align:right;
2677
 border:1px solid #369;
2678
 padding:1px 5px;
2679
}
2680
.existing-campaigns > table > tbody > tr#edit-campaign-tr > td { 
2681
 text-align:left;
2682
}
2683
.existing-campaigns > table > tbody > tr > th { 
2684
 text-align:center;
2685
 font-weight:bold;
2686
 padding:1px 5px;
2687
 border:solid #369;
2688
 border-width:0px 1px 1px;
2689
}
2690
.existing-campaigns > table > tbody > tr > th:first-child,
2691
.existing-campaigns > table > tbody > tr > td:first-child {
2692
 border-left:none;
2693
}
2694
.existing-campaigns > table > tbody > tr > th:last-child,
2695
.existing-campaigns > table > tbody > tr > td:last-child {
2696
 border-right:none;
2697
}
2698
.existing-campaigns > table > tbody > tr:last-child > th,
2699
.existing-campaigns > table > tbody > tr:last-child > td {
2700
 border-bottom:none;
2701
}
2702
.campaign ul {  
2703
 font-size:x-small;
2704
 list-style-type:disc; 
2705
 margin:0 20px 10px; 
2706
}
2707
.existing-campaigns td > button { margin:0px 5px 0px 0px;  }
2708
.campaign .bid-info { font-size:x-small; }
2709
.campaign .bid-info.error { color:red; }
2710
.campaign .buttons { float:right; }
2711
.campaign td.prefright { 
2712
 padding:4px;
2713
}
2714
.campaign #bid {
2715
 text-align:right;
2716
}
2717
.campaign .targeting {
2718
 margin-left:25px; 
2719
}
2720
.campaign .targeting input{
2721
 width:95%;
2722
 -webkit-border-radius:7px;
2723
 -moz-border-radius:7px;
2724
 border-radius:7px;
2725
}
2726
.campaign #suggested-reddits ul {
2727
 margin: 0 20px 10px 0;
2728
}
2729
.campaign th { 
2730
 font-size:small;
2731
 padding:4px; 
2732
 padding-top:8px;
2733
}
2734
.linefield .campaign input[type=text] { 
2735
 font-size:x-small; 
2736
}
2737
.linefield-content .infotext {
2738
 margin-top:5px;
2739
}
2740
 .linefield-content .infotext p {
2741
 margin: 5px;
2742
 }
2743
.traffic-table {margin:10px 20px; }
2744
.traffic-table a:hover { text-decoration:underline; }
2745
.traffic-table th { font-weight:bold; text-align: center;}
2746
.traffic-table th,
2747
.traffic-table td { padding:0 5px; }
2748
.traffic-table td { text-align:right; }
2749
.traffic-table td.up   { color:#FF8B60; }
2750
.traffic-table td.down { color:#336699; }
2751
.traffic-table td.gray { color:gray; font-style: italic; }
2752
.traffic-table tr.max  { border:2px solid #FF8B60; }
2753
.traffic-table tr.min  { border:2px solid #336699; }
2754
.traffic-table tr.odd { background-color:#E0E0E0; }
2755
.traffic-table tr.mean { font-style:italic; border-top: 1px solid; }
2756
.traffic-table .prelim { font-style:italic; }
2757
.traffic-table .totals { font-style:italic; border-top: 1px solid black; }
2758
.traffic-graph {
2759
 padding:10px; 
2760
 border:1px solid #B0B0B0; 
2761
 margin-left:10px;
2762
 margin-bottom:10px;
2763
 display:inline-block;
2764
}
2765
.traffic-graph .title { 
2766
 text-align:center;
2767
}
2768
.promoted-traffic h1 { 
2769
 border:none;
2770
 margin-bottom:10px; 
2771
}
2772
.promoted-traffic .usertable {  margin-left:0px;  }
2773
.promoted-traffic h1 a { 
2774
 font-size:small;
2775
 margin-left:10px; 
2776
}
2777
.award-square-container {
2778
 max-width:1000px;
2779
 overflow:hidden;
2780
}
2781
.award-square {
2782
 float:left;
2783
 padding:10px 0px 30px 40px;
2784
 white-space:nowrap;
2785
 width:300px;
2786
}
2787
.award-square.mini {
2788
 width:100px;
2789
 white-space:normal;
2790
 text-align:center;
2791
}
2792
.award-square img {
2793
 float:left;
2794
 margin:0 10px;
2795
 width:70px;
2796
 height:70px;
2797
}
2798
.award-square.mini img {
2799
 float:none;
2800
 margin-bottom:7px;
2801
}
2802
.award-square .award-name {
2803
 color:black;
2804
 font-size:22px;
2805
 font-family:verdana, arial, helvetica, sans-serif;
2806
 font-weight:bold;
2807
 line-height:1em;
2808
}
2809
.award-square.mini .award-name {
2810
 font-size:18px;
2811
 min-height:36px;
2812
 display:block;
2813
}
2814
.award-square .winner-info {
2815
 line-height:15px;
2816
 margin-top:15px;
2817
 color:gray;
2818
}
2819
.award-square .winner-name {
2820
 font-size:18px;
2821
 color:#336699;
2822
}
2823
.lined-table {
2824
 margin:5px;
2825
}
2826
table.lined-table {
2827
 margin:5px 3px;
2828
}
2829
.lined-table th, .lined-table td {
2830
 border:solid #cdcdcd 1px;
2831
 padding:3px;
2832
}
2833
.lined-table th {
2834
 text-align:center;
2835
 font-weight:bold;
2836
}
2837
.sponsorshipbox { 
2838
 max-width:300px;
2839
}
2840
.sponsorshipbox span { 
2841
 color:gray;
2842
}
2843
.sponsorshipbox div { 
2844
 border:1px solid #D0D0D0; 
2845
 width:300px; 
2846
}
2847
.sponsorshipbox .promote-pixel {
2848
 right:0;
2849
}
2850
.sidecontentbox a.helplink {
2851
 float:right;
2852
 margin-top:4px;
2853
}
2854
.trophy-table {
2855
 width:100%;
2856
}
2857
.trophy-area .content {
2858
 background-color:#f5f5f5;
2859
}
2860
.trophy-info {
2861
 text-align:center;
2862
 vertical-align:top;
2863
}
2864
.trophy-info div {
2865
 margin-left:auto;
2866
 margin-right:auto;
2867
 width:130px;
2868
 vertical-align:top;
2869
 padding:15px 0 15px;
2870
}
2871
.trophy-icon {
2872
 margin-bottom:2px;
2873
 width:40px;
2874
 height:40px;
2875
}
2876
.trophy-info.left {
2877
 margin-right:10px;
2878
}
2879
.trophy-info.right {
2880
}
2881
.trophy-name {
2882
 color:black !important;
2883
}
2884
.trophy-description {
2885
 color:#555555;
2886
 font-size:x-small;
2887
}
2888
.dust {
2889
 text-align:center;
2890
 margin:45px auto;
2891
 color:#d0d0d0;
2892
}
2893
.removecup-button {
2894
 display:inline;
2895
}
2896
.cup-info-box {
2897
 border:dashed #eeaa33 2px;
2898
 padding:5px;
2899
}
2900
.cup-info-box tt {
2901
 background-color:#f5f5aa;
2902
}
2903
/* Datepicker
2904
----------------------------------*/
2905
.datepicker {
2906
 z-index:1000; 
2907
 display:none;
2908
 -moz-border-radius:6px;
2909
 -webkit-border-radius:6px;
2910
 border-radius:6px;
2911
 -webkit-box-shadow:0px 4px 6px 3px hsla(0, 0%, 0%, .2), inset 0px 1px 0px 0px hsla(0, 0%, 100%, .9);
2912
 -moz-box-shadow:0px 4px 6px 3px hsla(0, 0%, 0%, .2), inset 0px 1px 0px 0px hsla(0, 0%, 100%, .9);
2913
 box-shadow:0px 4px 6px 3px hsla(0, 0%, 0%, .2), inset 0px 1px 0px 0px hsla(0, 0%, 100%, .9);
2914
 text-shadow: 0px 1px 0px hsla(0,0%,100%,.8);
2915
 }
2916
 .datepicker::before {
2917
 content:' ';
2918
 display:block;
2919
 width:0;
2920
 height:0;
2921
 border:10px solid;
2922
 position:absolute;
2923
 top:-20px;
2924
 left:17px;
2925
 border-color:transparent transparent #369;
2926
 }
2927
 .datepicker::after {
2928
 content:' ';
2929
 display:block;
2930
 width:0;
2931
 height:0;
2932
 border:10px solid;
2933
 position:absolute;
2934
 top:-18px;
2935
 left:17px;
2936
 border-color:transparent transparent #E5F2FF;
2937
 }
2938
.datepicker.inuse { display:block; }
2939
.ui-datepicker-inline {
2940
 font-size:x-small; 
2941
 padding:5px; 
2942
}
2943
.ui-corner-all {
2944
 -webkit-border-radius:6px;
2945
 -moz-border-radius: 6px;
2946
 border-radius:6px;
2947
}
2948
.ui-datepicker-header {
2949
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 89%)), to( hsl(210, 54%, 79%)));
2950
 background:-moz-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
2951
 background-color:#ADC9E6;
2952
 border: 1px solid #5E96CF;
2953
 color:#2E6399;
2954
 font-weight:bold;
2955
 font-size: 1.3em;
2956
 text-shadow:0px 1px 0px hsla(0,0%,100%,.7);
2957
 -webkit-box-shadow:inset 0px 1px 0px hsla(0,100%,100%,.8);
2958
 -moz-box-shadow:inset 0px 1px 0px hsla(0,100%,100%,.8);
2959
 box-shadow:inset 0px 1px 0px hsla(0,100%,100%,.8);
2960
}
2961
.ui-datepicker-inline .ui-datepicker-prev {float:left; }
2962
.ui-datepicker-inline .ui-datepicker-next {float:right; }
2963
.ui-datepicker-inline .ui-datepicker-prev span, 
2964
.ui-datepicker-inline .ui-datepicker-next span {
2965
 display:block;
2966
 text-align:center;
2967
 margin-right:1px;
2968
 margin-bottom:1px;
2969
 font-size:1.5em;
2970
}
2971
.ui-datepicker-inline .ui-datepicker-prev:active, 
2972
.ui-datepicker-inline .ui-datepicker-next:active {
2973
 color:white;
2974
}
2975
.ui-datepicker-inline .ui-datepicker-prev.ui-state-disabled, 
2976
.ui-datepicker-inline .ui-datepicker-next.ui-state-disabled {
2977
 display:none; 
2978
}
2979
.ui-datepicker-inline .ui-datepicker-prev, 
2980
.ui-datepicker-inline .ui-datepicker-next {
2981
 display:block;
2982
 cursor:pointer;
2983
 padding:0px 5px;
2984
}
2985
.ui-datepicker-year {
2986
 margin-left: none !important; //Undoes linefield span
2987
}
2988
.ui-datepicker-inline .ui-datepicker-title {text-align:center; padding: 5px; margin: 0em 2em;}
2989
.ui-datepicker-inline table {
2990
 clear:right;
2991
 margin-top: 5px;
2992
 border:1px solid hsl(210, 54%, 59%);
2993
}
2994
.ui-datepicker-inline .ui-datepicker-calendar th,
2995
.ui-datepicker-inline .ui-datepicker-calendar td {
2996
 padding:0px;
2997
 border:1px solid #5E96CF;
2998
 -webkit-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
2999
 -moz-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
3000
 box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
3001
 }
3002
.ui-datepicker-calendar th {
3003
 font-size:1.1em;
3004
}
3005
.ui-datepicker-inline .ui-datepicker-calendar th span,
3006
.ui-datepicker-inline .ui-datepicker-calendar td span,
3007
.ui-datepicker-inline .ui-datepicker-calendar td a { 
3008
 border: 0px;
3009
 margin:auto;
3010
 padding:3px; 
3011
 display:block;
3012
 width:30px; 
3013
 height:2em;
3014
 text-align:center;
3015
 vertical-align:middle; 
3016
 color:black;
3017
 background-color:#C8DBEF;
3018
 font-size:1.5em;
3019
 font-weight:bold;
3020
 -webkit-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
3021
 -moz-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
3022
 box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
3023
}
3024
.ui-datepicker-inline .ui-datepicker-calendar th span {
3025
 text-align:center; 
3026
 border:none; 
3027
}
3028
.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a,
3029
.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today span,
3030
.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active
3031
 {
3032
 color: white;;
3033
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 65%)), to( hsl(210, 54%, 45%)));
3034
 background:-moz-linear-gradient(top, hsl(210, 54%, 65%), hsl(210, 54%, 45%));
3035
 background-color:#4F8AC9;
3036
 -webkit-box-shadow:inset 0px 2px 3px hsla(0,0%,0%,.6);
3037
 -moz-box-shadow:inset 0px 2px 3px hsla(0,0%,0%,.6);
3038
 box-shadow:inset 0px 2px 3px hsla(0,0%,0%,.6);
3039
 text-shadow:0px -1px 0px hsla(0,0%,0%,.8);
3040
}
3041
.ui-datepicker-inline .ui-datepicker-calendar td span {
3042
 color:#888;
3043
}
3044
.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-hover  {
3045
 background:#6BB3FF; 
3046
 color:white;
3047
 text-shadow:0px -1px 0px hsla(0,0%,0%,.6);
3048
}
3049
.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
3050
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(0, 54%, 75%)), to( hsl(0, 54%, 55%)));
3051
 background:-moz-linear-gradient(top, hsl(0,54%,75%), hsl(0,54%,55%));
3052
 background-color:#E19D9D;
3053
}
3054
.date-input {
3055
 display:inline;
3056
 position:relative; 
3057
}
3058
.date-input input {
3059
 border:1px solid #888; 
3060
 padding:2px;
3061
 text-align:center; 
3062
 margin:0 2px; 
3063
}
3064
.date-input .drop-choices {  
3065
 position:absolute;
3066
 border:1px solid #369;
3067
 background-color:#E5F2FF;
3068
 margin:10px 3px;
3069
}
3070
.payment-setup input[name=bid] { width:6em; text-align: right; }
3071
.payment-setup form { margin:20px;  }
3072
.payment-setup p { margin-bottom:10px; }
3073
.pay-form textarea[disabled] {
3074
 font-size:smaller;
3075
 padding:0; 
3076
}
3077
.pay-form *[disabled],
3078
.pay-form input[disabled]
3079
 {
3080
 border:none;
3081
 color:black;
3082
 font-weight:bold;
3083
 background-color:white;
3084
}
3085
.bid-table { margin:5px 10px;  }
3086
.bid-table td, 
3087
.bid-table th 
3088
{
3089
 padding:2px 5px; 
3090
 text-align:right; 
3091
}
3092
.bid-table th 
3093
{
3094
 text-align:center; 
3095
 font-weight:bold; 
3096
}
3097
.create-promotion .help { 
3098
 font-size:x-small;
3099
}
3100
.create-promotion .help p { 
3101
 margin:5px;
3102
}
3103
.create-promotion .help a.help { 
3104
 font-weight:bold;
3105
 text-decoration:none;
3106
 float:right;
3107
 color:orangered;
3108
}
3109
.create-promo { float:left; width: 520px; margin-right: 20px;} 
3110
.create-promo .infobar { 
3111
 margin-right:0; 
3112
 border-color:red;
3113
 color:black;
3114
 background:none; 
3115
 width:100%;
3116
}
3117
.create-promo h2 { margin-top:10px; color: black; }
3118
.create-promo ol { margin:0px 30px 10px 30px; }
3119
.create-promo ol > li {
3120
 list-style-type:disc; 
3121
}
3122
.create-promo .rules { float: left; margin-left:  15px; }
3123
.create-reddit h1,
3124
.create-promotion h1 { font-size:200%; color: #999; xmargin:10px 0 0 5px;  }
3125
.create-promotion .sitetable { margin:5px;  }
3126
.create-promotion .infobar { margin-left:12px; width:  479px; background-color: #fbd8d8; margin-bottom: 10px;  }
3127
.create-reddit h1 b { color:#666;  }
3128
.create-promotion .create-promo .save-button { float:right; margin-right: 3px;  }
3129
 .create-promotion .create-promo .save-button button {
3130
 margin-top:0px;
3131
 }
3132
.bidding-history { padding-top:10px; }
3133
.bidding-history .linefield {
3134
 width:auto; 
3135
 overflow:hidden; 
3136
 padding-left:10px; 
3137
 border-left:1px #DDD dashed;  }
3138
.bidding-history .linefield .bid-table,
3139
.bidding-history .linefield .notes { font-size:x-small; }
3140
.bidding-history .linefield .notes { margin-top:10px; }
3141
.bidding-history .linefield .notes p {
3142
 text-indent:-20px;  
3143
 padding-left:20px; 
3144
 margin-bottom:2px; 
3145
 font-family:courier;
3146
}
3147
.bidding-history table.bidding-history tr:hover { 
3148
 background-color:#AAA; 
3149
}
3150
.bidding-history table.bidding-history th,
3151
.bidding-history table.bidding-history td { 
3152
 padding:2px 5px;
3153
 text-align:right;
3154
 font-size:x-small; 
3155
}
3156
.bidding-history table.bidding-history th { 
3157
 font-weight:bold;
3158
}
3159
.bidding-history div.graph { 
3160
 height:8px;
3161
 background-color:#336699;
3162
}
3163
.pay-form tr.input-error th {
3164
 color:red;
3165
 font-weight:bold;
3166
 font-style:italic; 
3167
}
3168
.pay-form th { padding:0px }
3169
.pay-form tr.input-error input,
3170
.pay-form tr.input-error textarea,
3171
.pay-form tr.input-error select { border:1px solid red; }
3172
.pay-form input[name=expirationDate],
3173
.pay-form input[name=cardCode] { width:10ex; }
3174
.pay-form .optional { font-size:smaller; }
3175
.pay-form .disabled .optional { display:none; }
3176
.pay-form p.info { color:red; }
3177
.pay-link { font-size:smaller; margin-left: 10px;  }
3178
dt { margin-left:10px; font-weight: bold;  }
3179
dd { margin-left:20px;  }
3180
.calendar {
3181
 white-space:nowrap;
3182
 overflow:hidden; 
3183
 width:100%; 
3184
 position:relative;
3185
 padding-top:120px; 
3186
 padding-bottom:100px; 
3187
 margin:20px 0; 
3188
}
3189
.calendar div.grid {
3190
 position:absolute;
3191
 top:0px;
3192
 bottom:0px;
3193
}
3194
.calendar div.grid.today {
3195
 background-color:yellow; 
3196
}
3197
.calendar div.grid div.header {
3198
 font-weight:bold; 
3199
 border-bottom:2px solid gray;
3200
 text-align:center; 
3201
}
3202
.calendar div.grid + div.grid {
3203
 border-left:1px dashed gray; 
3204
}
3205
.calendar .blob {
3206
 margin:0;
3207
 padding:0px; 
3208
 z-index:10; 
3209
 float:left;
3210
 cursor:pointer; 
3211
}
3212
.calendar .blob.link:hover { 
3213
 border:1px solid red;
3214
 box-shadow:2px 2px 2px #000;
3215
 -moz-box-shadow:2px 2px 2px #000;
3216
 z-index:100; 
3217
}
3218
.calendar .blob .bid {
3219
 text-align:right;
3220
 font-weight:bold; 
3221
 padding:5px 5px 0px 5px;  
3222
}
3223
.calendar .blob.link {
3224
 margin:-1px -2px 0px -2px; 
3225
 border:1px solid black;
3226
}
3227
.calendar .blob.link .title{
3228
 font-size:small; 
3229
 padding:0 5px 5px 5px; 
3230
 display:block; 
3231
}
3232
.borderless td {
3233
 border:none;
3234
}
3235
.titlebox {
3236
 font-size:larger;
3237
}
3238
.titlebox h1 {
3239
 font-family:arial,verdana,helvetica,sans-serif;
3240
 margin:0px;
3241
 margin-bottom:5px;
3242
 font-weight:bold;
3243
 font-size:19px;
3244
}
3245
.titlebox h1 a {
3246
 color:black;
3247
}
3248
.titlebox .karma {
3249
 font-size:18px;
3250
 font-weight:bold;
3251
}
3252
.titlebox .fancy-toggle-button {
3253
 display:inline-block;
3254
 margin-right:5px;
3255
}
3256
.titlebox .bottom {
3257
 border-top:1px solid gray;
3258
 padding-top:2px;
3259
 font-size:80%;
3260
 color:gray;
3261
}
3262
.titlebox .age {float:right;}
3263
.titlebox .md { font-size:90%; }
3264
.titlebox .account-notes {
3265
 font-weight:normal;
3266
 font-size:small;
3267
 margin-left:5px;
3268
}
3269
.titlebox .account-notes .unusual {
3270
 background-color:#ffdddd;
3271
 border:solid red 1px;
3272
 padding:1px 2px 2px;
3273
 margin-left:5px;
3274
}
3275
.sidecontentbox {
3276
 font-size:normal;
3277
}
3278
.sidecontentbox .content {
3279
 margin:0;
3280
 padding:5px;
3281
 border:1px solid gray;
3282
 font-size:larger;
3283
}
3284
.sidecontentbox .more { 
3285
 margin-top:5px; 
3286
 text-align:right; 
3287
 font-size:smaller;
3288
}
3289
.sidecontentbox .more a { 
3290
 color:gray; 
3291
}
3292
.sidecontentbox h1 {
3293
 text-transform:uppercase;
3294
 margin:0;
3295
 color:gray;
3296
 font-size:130%;
3297
}
3298
.sidecontentbox .author {
3299
 display:block;
3300
}
3301
.titlebox form.toggle {
3302
 margin:0;
3303
 padding:5px 0px 5px 20px;
3304
 font-size:smaller;
3305
 color:gray;
3306
 background:white none no-repeat scroll center left;
3307
}
3308
.titlebox form.leavemoderator-button {
3309
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
3310
 background-position:-4px -600px;
3311
}
3312
.titlebox form.leavecontributor-button {
3313
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
3314
 background-position:-4px -624px;
3315
}
3316
.icon-menu a {
3317
 padding-left:20px;
3318
 background:white none no-repeat scroll center left;
3319
} 
3320
.icon-menu li {margin:5px 0;}
3321
.icon-menu .reddit-edit {
3322
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
3323
 background-position:-4px -648px;
3324
}
3325
.icon-menu .reddit-traffic {
3326
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
3327
 background-position:-4px -672px;
3328
}
3329
.icon-menu .reddit-reported {
3330
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
3331
 background-position:-4px -696px;
3332
}
3333
.icon-menu .reddit-spam {
3334
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
3335
 background-position:-4px -720px;
3336
}
3337
.icon-menu .reddit-ban {
3338
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
3339
 background-position:-4px -744px;
3340
}
3341
.icon-menu .reddit-moderators {
3342
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
3343
 background-position:-4px -600px;
3344
}
3345
.icon-menu .moderator-mail {
3346
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
3347
 background-position:-4px -768px;
3348
}
3349
.icon-menu .reddit-contributors {
3350
 background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
3351
 background-position:-4px -624px;
3352
}
3353
.linkinfo {
3354
 padding:5px;
3355
 border:1px solid #5f99cf;
3356
 background-color:#EFF7FF;
3357
 font-family:arial,helvetica,sans-serif;
3358
 font-size:larger;
3359
 -moz-border-radius:3px;
3360
 -webkit-border-radius:3px;
3361
 border-radius:3px;
3362
}
3363
.linkinfo .score .number {
3364
 font-size:22px;
3365
 font-weight:bold;
3366
 }
3367
.linkinfo .score .word {
3368
 font-size:15px;
3369
 font-weight:bold;
3370
 }
3371
.linkinfo .upvotes {font-size:80%; color: orangered;}
3372
.linkinfo .downvotes {font-size:80%; color: #5f99cf; }
3373
.linkinfo .shortlink {font-size:80%; margin-top: 3px; }
3374
.linkinfo .shortlink a {font-size:120%; font-family: monospace}
3375
.linkinfo table {margin-top:5px;}
3376
.linkinfo td, .linkinfo th {
3377
 padding:2px;
3378
 font-size:smaller;
3379
 border:1px solid gray;
3380
}
3381
a.adminbox {
3382
 border:solid 1px #eeeeee;
3383
 color:#cdcdcd;
3384
 font-family:monospace;
3385
 text-align:center;
3386
 padding-right:1px;
3387
}
3388
a.adminbox:hover {
3389
 text-decoration:none;
3390
 color:orangered;
3391
 border:solid 1px orangered;
3392
}
3393
.email {
3394
 font-family:monospace;
3395
 font-size:larger;
3396
}
3397
.lined-table, .lined-table th, .lined-table td {
3398
 border:solid #cdcdcd 1px;
3399
 border-collapse:collapse;
3400
 padding:2px;
3401
 margin-bottom:10px;
3402
}
3403
.lined-table th {
3404
 font-weight:bold;
3405
}
3406
.wide {
3407
 width:100%;
3408
}
3409
.centered {
3410
 text-align:center;
3411
 vertical-align:middle;
3412
}
3413
.sr-ad-table .inherited {
3414
 background-color:#ddeeff;
3415
}
3416
.sr-ad-table .overridden {
3417
 background-color:#ffeedd;
3418
}
3419
.sr-ad-table .unused {
3420
 background-color:#eee;
3421
}
3422
.sr-ad-table .inherited .whence {
3423
 font-style:italic;
3424
}
3425
.sr-ad-table .overridden .whence {
3426
 font-weight:bold;
3427
}
3428
.sr-ad-table .details {
3429
 font-size:150%;
3430
 padding:10px;
3431
 vertical-align:top;
3432
}
3433
.sr-ad-table .details div {
3434
}
3435
.sr-ad-table .details .codename {
3436
 font-size:150%;
3437
 margin-bottom:20px;
3438
}
3439
.sr-ad-table .weight {
3440
 width:4em;
3441
}
3442
.ad-assign-table .warning {
3443
 font-weight:bold;
3444
 color:red;
3445
}
3446
.usage-table .intersection {
3447
 color:#888;
3448
 font-family:monospace;
3449
 text-align:right;
3450
 border-left:none;
3451
 border-right:none;
3452
}
3453
.usage-table .intersection span {
3454
 padding:1px 3px 0 2px;
3455
}
3456
.usage-table .empty.intersection {
3457
 text-align:center;
3458
 color:#ccc;
3459
}
3460
.usage-table .elapsed.intersection {
3461
 color:black;
3462
}
3463
.usage-table .count.intersection {
3464
 color:black;
3465
}
3466
.usage-table .average.intersection {
3467
 color:black;
3468
 border-right:solid #cdcdcd 1px;
3469
}
3470
.usage-table .empty.intersection, .usage-table .average.intersection {
3471
 padding-left:0;
3472
 margin-left:0;
3473
 border-right:solid #cdcdcd 1px;
3474
 padding-right:5px;
3475
}
3476
a.pretty-button:hover { text-decoration:none !important }
3477
.pretty-button {
3478
 margin-left:5px;
3479
 margin-bottom:5px;
3480
 border:1px solid #666;
3481
 padding:1px 6px;
3482
 background:white none repeat-x scroll center left;
3483
 color:#111;
3484
 font-size:10px;
3485
 font-weight:normal;
3486
 line-height:20px;
3487
 -moz-border-radius:3px;
3488
 -webkit-border-radius:3px;
3489
 border-radius:3px;
3490
 outline-style:none;
3491
}
3492
a.pretty-button.negative {
3493
 color:black;
3494
 background-image:url(/static/bg-button-negative-unpressed.png);
3495
}
3496
a.pretty-button.negative.pressed {
3497
 color:white;
3498
 background-image:url(/static/bg-button-negative-pressed.png);
3499
}
3500
a.pretty-button.positive {
3501
 color:black;
3502
 background-image:url(/static/bg-button-positive-unpressed.png);
3503
}
3504
a.pretty-button.positive.pressed {
3505
 color:white;
3506
 background-image:url(/static/bg-button-positive-pressed.png);
3507
}
3508
/*
3509
.jury-box .pretty-button a.pressed {
3510
 margin:-1px 4px -1px 1px;
3511
 border-width:2px;
3512
 border-color:black;
3513
 color:white;
3514
}
3515
*/
3516
.organic-listing .ontrial, .help-cover.juryduty {
3517
 background-color:#ffecf8;
3518
}
3519
.organic-listing .ontrial a.title {
3520
 color:#555;
3521
}
3522
.organic-listing .ontrial .midcol {
3523
 margin-top:20px;
3524
}
3525
.we-need-help {
3526
 font-size:larger;
3527
 font-weight:bold;
3528
 line-height:18px;
3529
}
3530
.organic-listing .how-to-classify {
3531
 font-weight:bold;
3532
}
3533
.jury-box .arrow-msg {
3534
 display:none;
3535
 color:red;
3536
 margin-top:5px;
3537
}
3538
.jury-box .thanks-for-voting {
3539
 margin-left:1em;
3540
 display:none;
3541
 color:red;
3542
}
3543
.jury-box .thanks-for-voting a {
3544
 margin-left:1em;
3545
}
3546
.sitetable .linkontrial {
3547
 padding-top:5px;
3548
}
3549
.sitetable .we-need-help {
3550
 display:none;
3551
}
3552
.oatmeal img { 
3553
 display:block;
3554
 margin:5px auto; 
3555
}
3556
.lounge { display:none }
3557
.lounge p { margin-top:5px; }
3558
.gold-accent {
3559
 margin-top:10px;
3560
 padding:0 10px 5px;
3561
 background-color:#fffdcc;
3562
 border:solid 1px #e1b000;
3563
 color:#9a7d2e;
3564
 display:inline-block;
3565
}
3566
tr.gold-accent { 
3567
 display:table-row; 
3568
 -moz-border-radius:3px;
3569
 -webkit-border-radius:3px;
3570
 border-radius:3px;
3571
}
3572
tr.gold-accent + tr > td { 
3573
 padding-top:10px; 
3574
}
3575
.friend-note button[type=submit] { 
3576
 display:none; 
3577
 font-size:x-small;
3578
 padding-top:1px;
3579
 padding-bottom:1px; 
3580
 margin:0px;
3581
 margin-left:5px;
3582
 width:45px;
3583
}
3584
.friend-note.edited button[type=submit] { display:inline-block; }
3585
.friend-note.edited input[type=text] { width:250px; margin-right: 0px; }
3586
.gold-accent h1,
3587
.gold-accent th {
3588
 color:#6a4d00;
3589
 font-family:"Hoefler Text","Palatino Linotype","Book Antiqua",
3590
 Palatino,georgia,garamond,FreeSerif,serif;
3591
 font-variant:small-caps;
3592
}
3593
.gold-accent .pretty-form input[type=text] {
3594
 margin-top:1px;
3595
 margin-bottom:2px;
3596
 margin-left:0;  /* or else friends with benefits'
3597
 "note" td and th don't line up */
3598
}
3599
.gold-accent .pretty-form input[type=text]#name {
3600
 -moz-border-radius:3px;
3601
 -webkit-border-radius:3px;
3602
 border-radius:3px;
3603
}
3604
.gold-accent .pretty-form button {
3605
 background-color:#fff088;
3606
 color:#6a4d00;
3607
 border:1px solid #9a7d2e;
3608
 -moz-border-radius:3px;
3609
 -webkit-border-radius:3px;
3610
 border-radius:3px;
3611
}
3612
.gold-expiration-info {
3613
 margin:3px 0 5px;
3614
}
3615
.gold-expiration-info .karma {
3616
 color:#583800;
3617
}
3618
.giftgold {
3619
 margin-bottom:5px;
3620
}
3621
.giftgold a {
3622
 padding-left:20px;
3623
 color:#9a7d2e;
3624
 font-weight:bold;
3625
 background-image:url(/static/giftgold.png);
3626
 background-repeat:no-repeat;
3627
}
3628
.tiny {
3629
 font-size:xx-small;
3630
}
3631
.gold-accent.comment-visits-box {
3632
 color:#583800;
3633
 margin:0px 5px 15px;
3634
 padding:7px 10px 7px 7px;
3635
 max-width:550px;
3636
}
3637
.gold-form {
3638
 font-family:"Hoefler Text","Palatino Linotype","Book Antiqua", Palatino,georgia,garamond,FreeSerif,serif;
3639
 min-height:600px;
3640
 line-height:22px;
3641
}
3642
.gold-form .roundfield {
3643
 border:1px solid #E1B000;
3644
 background-color:#fffdcc;
3645
 color:#6a4d00;
3646
}
3647
.gold-form .roundfield-content .gray a {
3648
 margin-left:0.8em;
3649
 font-size:small;
3650
}
3651
.gold-form .note {
3652
 font-size:11px;
3653
 font-style:italic;
3654
 color:#222;
3655
 margin-top:7px;
3656
}
3657
.gold-form .spacer {
3658
 margin-top:20px !important;
3659
}
3660
.gold-subsection {
3661
 display:none;
3662
 position:absolute;
3663
}
3664
.gold-form textarea, .gold-form input[type=text] {
3665
 margin-top:3px;
3666
}
3667
.gold-logo {
3668
 float:left;
3669
 margin-right:15px;
3670
}
3671
.giftmessage {
3672
 border:solid #888 1px;
3673
 color:black;
3674
 background-color:white;
3675
 padding:0 10px;
3676
 margin-bottom:15px;
3677
 display:inline-block;
3678
 -moz-border-radius:3px;
3679
 -webkit-border-radius:3px;
3680
 border-radius:3px;
3681
}
3682
.gold-button {
3683
 padding-top:2px;
3684
 margin-top:8px;
3685
 margin-right:8px;
3686
 color:#482800;
3687
 background-color:#efcc4c;
3688
 border-color:#fff088 #fff088 #6a3d00 #6a3d00;
3689
 font-size:16px;
3690
 font-family:Palatino,georgia,garamond,FreeSerif,serif;
3691
 -webkit-appearance:none;
3692
 text-shadow:0px 1px 0px hsla(0,0%,100%,.7);
3693
}
3694
.gold-dropdown {
3695
 color:#482800;
3696
 background-color:#fff088;
3697
 font-size:16px;
3698
 font-family:"Hoefler Text","Palatino Linotype","Book Antiqua",
3699
 Palatino,georgia,garamond,FreeSerif,serif;
3700
}
3701
.comment-visits-box .title {
3702
 font-weight:bold;
3703
}
3704
.comment-visits-box label {
3705
 margin-left:5px;
3706
}
3707
.new-comment .usertext-body {
3708
 background-color:#e5efff;
3709
 border:solid 1px #cddaf3;
3710
 margin:-1px 0;
3711
}
3712
.role {
3713
 width:800px;
3714
}
3715
.styled-input {
3716
 border:1px solid gray;
3717
 padding:2px;
3718
 -webkit-box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
3719
 -moz-box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
3720
 box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
3721
}