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 | } |