View difference between Paste ID: J8c473Zb and 3rrx7i2m
SHOW: | | - or go back to the newest paste.
1
/* CREDIT fit @ dreamwidth */
2
3
/* main layout */
4
5
	body {
6
background: url(http://i.imgur.com/5VlYn.png);
7
}
8
9
a, a:link, a:visited {
10
	text-decoration: none;
11
        color: #000;
12
	}
13
14
15
blockquote {
16
        background: url(http://i.imgur.com/ecUCq.png);
17
        font-size: 10px;
18
        width: 250px;
19
        padding-left: 10px;
20
        padding-right: 10px;
21
        padding-bottom: 10px;
22
        margin-left: -2px;
23
	}
24
25
26
#content {  	
27
	width: 700px;
28
	margin-right: auto; 
29
	margin-left: auto;	
30
	margin-bottom: auto;
31
	background-color: transparent;
32
	}
33
34
35
#maincontent {	 	
36
	background: transparent;
37
	border-right: 0px #f7f7f7 solid;
38
        margin-right: auto;
39
        margin-left: auto;
40
        margin-top: 30px;
41
		}
42
43
44
45
#sidebar {
46
	background:  url(http://i.imgur.com/0CnXF.png);
47
	float: top;
48
        margin-top: 40px;
49
        width: 700px;
50
        height: 60px;
51
       -moz-border-radius: 4px;
52
       -webkit-border-radius: 4px;
53
       -khtml-border-radius: 4px;
54
      }
55
56
57
	#header {		
58
        display: none;
59
	}
60
61
62
#footer {			
63
64
        width: 700px;
65
	padding: 5px;
66
	font-family: courier new;
67
	font-size: 16px;
68
	background: transparent;
69
	color: #000;	
70
        text-transform: uppercase;
71
        text-align: center;
72
	}
73
74
75
	/* header -- links to views; title of journal; subtitle of journal */	
76
77
78
79
ul.navheader {	
80
	padding: 0px;	
81
	margin: 0px;
82
	}
83
84
85
86
ul.navheader li  {
87
	display:inline;			
88
	padding: 0 10px 0 0px;
89
	}
90
91
.title, .subtitle {
92
	display:none;
93
	}
94
95
	/* sidebar */ 	
96
97
.defaultuserpic {
98
        display: none;
99
	}
100
101
.defaultuserpic img { 
102
        display: none;
103
 }
104
105
.sbarheader {
106
	padding: 0px;
107
	}
108
109
110
.sbarbody {
111
	padding: 0px;	
112
	}
113
114
115
.sbarbody2 {
116
        display: none;
117
	}
118
119
120
table.calendar {
121
	display:none;
122
	}
123
124
125
.sbarcalendar {
126
	display:none;
127
128
	}
129
130
.sbarcalendarposts {
131
	display:none;
132
	}
133
134
ul.sbarlist{
135
        position: absolute; 
136
        top: 93px;
137
        background: transparent;
138
        align: center;
139
        margin-left: 20px;
140
	}
141
142
143
div#sidebar a { 
144
       color: #fff;
145
       } 
146
147
div#sidebar a:hover, div#sidebar li.sbaritem:hover a{
148
       color: #000; 
149
        }
150
151
152
li.sbaritem{	
153
        display: inline;
154
        background: url(http://i.imgur.com/0CnXF.png);
155
        padding-top: 5px;
156
        padding-left: 10px;
157
        padding-right: 10px;
158
        margin-right: 20px;
159
        color: #fff!important;
160
        font-size: 25px;
161
        font-family: courier new;
162
        text-transform: uppercase;
163
       -moz-border-radius: 4px;
164
       -webkit-border-radius: 4px;
165
       -khtml-border-radius: 4px;
166
       -webkit-transition: all 0.5s ease;
167
       -moz-transition: all 0.5s ease;
168
       -o-transition: all 0.5s ease;
169
}
170
171
li.sbaritem:hover{
172
       color: #000;
173
       background: url(http://i.imgur.com/MV2an.png);
174
       padding-top: 20px;
175
       padding-bottom: 20px;
176
      -moz-border-radius: 0px;
177
      -webkit-border-radius: 0px;
178
      -khtml-border-radius: 0px;
179
	}
180
181
182
li.sbartitle{
183
	padding-left: 0px;
184
	margin-left: 0px;	
185
        display: none;
186
	} 
187
188
189
	/* maincontent */	
190
191
.subcontent {
192
        background: transparent;
193
        padding: 20px;
194
	}
195
196
197
.entry	{
198
	background: #fff;
199
	color: #000;
200
	font-family: georgia;
201
	font-size: 11px;
202
        line-height: 10px;
203
	text-align: justify;
204
      	padding: 30px;
205
	}
206
207
208
209
.entry img {
210
	max-width: 250px;
211
	}
212
213
214
 .entry ul li {
215
	padding-left: 5px;
216
	margin-left: 15px;
217
	}
218
219
 .entry ol li {
220
	padding-left: 5px;
221
	margin-left: 15px;
222
	}
223
224
225
226
.userpic, .userpicfriends {
227
        background: transparent!important;
228
        float: right;
229
        margin-top: -30px;
230
        margin-right: 0px;
231
        padding: 10px;
232
        color: #fff;
233
        font-family: century gothic;
234
        font-size: 0px;
235
} 
236
237
.userpic img:hover, .userpicfriends img:hover {
238
239
-webkit-transform: rotate(-90deg);
240
-moz-transform: rotate(-90deg);
241
height: 100px;
242
width: 100px;
243
}
244
245-
         font-family: century gothic;
245+
246-
         font-size: 10px;
246+
        display: none!important;
247-
         text-transform: uppercase;
247+
        height: 0px;
248-
         color: #e3baa8;
248+
        width: 0px;
249-
         margin-right: 10px;
249+
        font-size: 0px;
250
	}
251
252
253
.userpicfriends img, .userpic img {
254
        height: 50px;
255
        width: 50px;
256
        -moz-border-radius: 50px;
257
        -webkit-border-radius: 50px;
258
        -kthml-border-radius: 50px;
259
       -webkit-transition: all 0.9s ease;
260
       -moz-transition: all 0.9s ease;
261
       -o-transition: all 0.9s ease;
262
	}
263
264
.date {		
265
        font-family: courier new;
266
        float: left; 
267
        text-transform: uppercase;
268
        font-size: 20px;
269
        width: 100px;
270
        margin-left: -120px;
271
        letter-spacing: -1px;
272
        line-height: 17px;
273
	}
274
275
276
.subject, h2 {		
277
        margin-left: 25px;
278
        text-align: left;
279
	font-family: century gothic;
280
        font-weight: bold;
281
	font-size: 28px;
282
        letter-spacing: -2px;
283
	text-transform: uppercase;
284
        background: transparent;
285
	}
286
287
.subject a:link, .subject a:visited, code,  .datesubjectcomment a:link, .datesubjectcomment a:visited {
288
         color: #000;       
289
        -webkit-transition: all 0.5s ease;
290
        -moz-transition: all 0.5s ease;
291
        -o-transition: all 0.5s ease;
292
}
293
294
.subject a:link:hover {
295
         margin-left: 10px;
296
       
297
}
298
299
.datesubject { 		
300
	}
301
302
303
.currents {
304
	margin-top: 10px; 
305
        margin-bottom: -10px;
306
	text-transform: uppercase;
307
	color: #000;
308
	font-size: 10px;
309
	line-height: 10px;
310
	font-family: georgia; 
311
        font-style: italic;
312
        text-align: left;
313
        padding-bottom: 2px;
314
		}
315
316
317
.ljtags { 
318
	text-transform: uppercase;
319
	font-size: 10px;
320
	color: #000;
321
        font-family: georgia;
322
        font-style: italic;
323
        margin-top: 10px;
324
        margin-bottom: -10px;
325
        text-align: left;
326
        
327
	}
328
329
330
.ljtags a {
331
        color: #000;
332
}
333
334
335
.comments {
336
        padding-top: 10px;
337
	margin-bottom: -15px;
338
        font-family: georgia;
339
        font-style: italic;
340
        font-size: 10px;
341
        text-transform: uppercase;
342
        text-align: left;
343
        color: #000;
344
       -webkit-transition: all 0.5s ease;
345
       -moz-transition: all 0.5s ease;
346
       -o-transition: all 0.5s ease;
347
       	}
348
349
.comments:hover {
350
        margin-left: 5px;
351
}
352
353
354
355
	/* maincontent -- year/archive pages */
356
357
358
ul.year {
359
	text-align: center;
360
	padding-bottom: 5px;
361
	}
362
363
364
365
ul.year li { 
366
	display: inline;		
367
	}
368
369
370
371
table.yeartable {
372
	margin-left: auto;
373
	margin-right: auto;
374
	}
375
376
377
378
table.yeartable td.yeardate, table.yeartable td.yearday {
379
	border-width: 0px;
380
	border-style: solid;
381
	border-color: #999999;
382
	}
383
384
385
table.yeartable td.yearday {
386
	background-color: #eeeeee;
387
	text-align: center;
388
	}
389
390
391
td.yearmonth {
392
	border-style: none;
393
	}
394
395
396
397
398
	/* footer */
399
400
ul.navfooter{
401
	padding: 0px;	
402
	margin: 0px;
403
	}
404
405
406
407
ul.navfooter li  {
408
	display: inline;	
409
	margin: 0 5px 0 5px;
410
	}
411
412
413
414
.clearfoot {		
415
	clear: both;
416
	}
417
418
419
420
421
	/* misc  */
422
423
424
425
.ljtaglist {
426
	list-style-type: none;
427
	padding: 10px;
428
	background-color: #ffffff;
429
	font-family: lucida console;
430
	font-size: 9px;
431
	text-align: left;
432
	}
433
434
435
.clear {		
436
	height: 0px;
437
	}
438
439
440
441
.skiplinks {
442
	text-align: center;
443
	}
444
445
.separator{
446
	margin-top: -30px!important;
447
        }
448
449
450
451
/* replace default ljuser icon */
452
453
454
455
	img[src*="s.dreamwidth.org/img/silk/identity/user.png"], img[src*="s.dreamwidth.org/img/silk/identity/user.png"], img[src*="s.dreamwidth.org/img/silk/identity/user.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
456
457
458
459
background: transparent url(http://i.imgur.com/97lkv.png) no-repeat; padding: 16px 3px 3px 16px !important; }
460
461
462
	img[src*="s.dreamwidth.org/img/silk/identity/community.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
463
464
465
background: transparent url(http://i.imgur.com/uIbgW.png) no-repeat; padding: 16px 3px 3px 16px !important; }
466
467
div.ContextualPopup .Content {
468
469
         padding: 5px;
470
         background: #fdfdfd!important;
471
         border: 0px;
472
         }
473
474
div.ContextualPopup div.Inner {
475
476
          background: #fff!important;
477
          color: #000!important;
478
          font-family: tahoma;
479
          text-transform: uppercase;
480
          border: 0px;
481
          }
482
483
484
div.ContextualPopup .Userpic {
485
486
           padding: 10px;
487
           background: #fdfdfd;
488
           }
489
490
491
492
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {
493
494
           text-decoration: none!important;
495
           font-weight: normal;
496
           color:#000!important;
497
           font-size: 10px;
498
           }
499
500
div.ContextualPopup div.Inner a:hover }
501
color:#fff!important; 
502
background-color: #fdfdfd;
503
text-transform: uppercase;
504
505
}
506
507
#lj_controlstrip {
508
background:#ffaaa6 none repeat scroll 0 0;
509
text-transform: uppercase;
510
511
}
512
513
#lj_controlstrip td {
514
border-bottom:medium none;
515
border-right:0px solid #151515;
516
color:#000;
517
text-transform: uppercase;
518
519
}
520
521
#lj_controlstrip_statustext {
522
color:#000;
523
font-weight: bold!important;
524
font-family: courier new;
525
text-transform: uppercase;
526
}
527
528
#lj_controlstrip a {
529
color:#000;
530
font-family: courier new;
531
text-transform: uppercase;
532
text-transform: bold;
533
534
}
535
536
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
537
538
border-right:0 none;
539
540
}
541
542
#lj_controlstrip_login td {
543
544
border-bottom:0 none;
545
546
}
547
548
#lj_controlstrip td td {
549
550
border-bottom:0 none;
551
552
}
553
554
#lj_controlstrip_userpic {
555
556
background-image: none;
557
558
}
559
560
#lj_controlstrip_loggedout_userpic {
561
562
background-image: none;
563
564
}
565
566
#lj_controlstrip input {
567
background: #fdfdfd none repeat scroll 0 0 !important;
568
border:medium none;
569
color:#000!important;
570
text-weight: bold!important;
571
font-family: courier new;
572
text-transform: uppercase;
573
574
}
575
576
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
577
background:#fdfdfd none repeat scroll 0 0 !important;
578
border:medium none;
579
color:#000!important;
580
font-weight: bold!important;
581
font-family: courier new;
582
text-transform: uppercase;
583
584
}
585
586
#lj_controlstrip .ljuser a b {
587
background: #fdfdfd none repeat scroll 0 0;
588
letter-spacing:0;
589
text-decoration:none !important;
590
591
}
592
593
tbody {
594
background: url(http://i.imgur.com/5VlYn.png);
595
596
}