SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
2 | ||
3 | <!-- | |
4 | ||
5 | theme #033 by Rose @ itsacrimetheme.tumblr.com | |
6 | Please do not copy or claim as your own | |
7 | Do not remove this credit from the code | |
8 | Thank you :3 | |
9 | ||
10 | --> | |
11 | ||
12 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
13 | ||
14 | <head> | |
15 | ||
16 | ||
17 | <!-- DEFAULT VARIABLES --> | |
18 | ||
19 | <meta name="color:accent" content="#d13843" /> | |
20 | <meta name="color:asktext" content="#2e2c27" /> | |
21 | <meta name="color:askbackground" content="#f8f8f8" /> | |
22 | <meta name="color:background" content="#f8f8f8" /> | |
23 | <meta name="color:bold" content="#272726" /> | |
24 | <meta name="color:border" content="#e9e8e7" /> | |
25 | <meta name="color:buttonsbg" content="#fcfcfc" /> | |
26 | <meta name="color:descriptiontext" content="#797979" /> | |
27 | <meta name="color:entries" content="#f3f3f3" /> | |
28 | <meta name="color:infolink" content="#929292" /> | |
29 | <meta name="color:infotext" content="#cecece" /> | |
30 | <meta name="color:italics" content="#616160" /> | |
31 | <meta name="color:link" content="#d13843" /> | |
32 | <meta name="color:posts" content="#fbfbfb" /> | |
33 | <meta name="color:sidebar" content="#e7e7e7" /> | |
34 | <meta name="color:tags" content="#6d6d6d" /> | |
35 | <meta name="color:text" content="#959595" /> | |
36 | ||
37 | <meta name="image:background" content="" /> | |
38 | <meta name="image:sidebarbg1" content="" /> | |
39 | <meta name="image:sidebarbg2" content="" /> | |
40 | ||
41 | <meta name="text:blogtitle" content="" /> | |
42 | <meta name="text:asker" content="said" /> | |
43 | <meta name="text:bodyfontsize" content="11px" /> | |
44 | <meta name="text:Link1" content="" /> | |
45 | <meta name="text:Link1 Title" content="" /> | |
46 | <meta name="text:Link2" content="" /> | |
47 | <meta name="text:Link2 Title" content="" /> | |
48 | <meta name="text:Link3" content="" /> | |
49 | <meta name="text:Link3 Title" content="" /> | |
50 | <meta name="text:Link4" content="" /> | |
51 | <meta name="text:Link4 Title" content="" /> | |
52 | <meta name="text:Link5" content="" /> | |
53 | <meta name="text:Link5 Title" content="" /> | |
54 | <meta name="text:Link6" content="" /> | |
55 | <meta name="text:Link6 Title" content="" /> | |
56 | ||
57 | ||
58 | <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title> | |
59 | <link rel="shortcut icon" href="{Favicon}"> | |
60 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
61 | {block:Description} | |
62 | <meta name="description" content="{MetaDescription}" /> | |
63 | {/block:Description} | |
64 | ||
65 | <link href='http://fonts.googleapis.com/css?family=Playfair+Display|Homemade+Apple' rel='stylesheet' type='text/css'> | |
66 | ||
67 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> | |
68 | ||
69 | <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script> | |
70 | <script> | |
71 | $().ready(function() { | |
72 | $("[title]").style_my_tooltips({ | |
73 | tip_follows_cursor: "on", //on/off | |
74 | tip_delay_time: 200 //milliseconds | |
75 | }); | |
76 | }); | |
77 | </script> | |
78 | ||
79 | ||
80 | <style type="text/css"> | |
81 | ||
82 | body {background-color:{color:background}; color:{color:text}; font-family: Tahoma; font-size: {text:bodyfontsize}; line-height:128%; text-align:justify; letter-spacing: 1px; margin:0px; background-image:url('{image:background}'); background-attachment: fixed;} | |
83 | ||
84 | a, a:link, a:active, a:visited {color:{color:link}; text-decoration: none;} | |
85 | a:hover {color:{color:text}; text-decoration: none; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;} | |
86 | ||
87 | img a {border:0px;} | |
88 | b, strong{font-weight: bold; color:{color:bold};letter-spacing: 0px;} | |
89 | i, em {font-style: italic; color:{color:italics};} | |
90 | s, strike, del {color: {color:italics};} | |
91 | u {font-style:underline; border-bottom: 1px dashed {color:accent}; color: {color:text};} | |
92 | p {margin-top: 6px;} | |
93 | blockquote {padding-left: 5px; margin: 5px 0 5px 5px; border-left: 1px solid {color:border}; word-wrap: break-word;} | |
94 | blockquote img {max-width:100%; height: auto;} | |
95 | p img {max-width:100%; height: auto;} | |
96 | pre {width:95%; margin: 10px auto; font-family: Courier; font-size:11px; padding: 6px 7px 6px 7px; word-wrap: break-word; background-color:{color:sidebar}; color: {color:sidebartext}; border: 1px solid {color:border}; max-height:170px!important; overflow-y:auto;} | |
97 | ||
98 | h1 { | |
99 | width: 400px; | |
100 | height: auto; | |
101 | margin: 2px auto 5px auto; | |
102 | font-family:'Playfair Display', serif; | |
103 | font-weight:normal; | |
104 | font-style:italic; | |
105 | font-size:19px; | |
106 | color: {color:accent}; | |
107 | } | |
108 | ||
109 | #s-m-t-tooltip { | |
110 | position: absolute; | |
111 | max-width: 300px; | |
112 | padding: 1px 8px 1px 8px; | |
113 | z-index: 99999; | |
114 | display: inline-block; | |
115 | font-family: Calibri; | |
116 | font-size: 9px; | |
117 | text-transform: uppercase; | |
118 | color: {color:bold}; | |
119 | background-color:{color:posts}; | |
120 | border: 1px solid {color:entries}; | |
121 | box-shadow: 2px 2px 8px #222; | |
122 | } | |
123 | ||
124 | /* SIDEBAR */ | |
125 | ||
126 | #sidebar { | |
127 | width: 340px; | |
128 | height: 100%; | |
129 | position:fixed; | |
130 | margin: 0; | |
131 | background-color: {color:sidebar}; | |
132 | background-image: url('{image:sidebarbg1}'); | |
133 | background-attachment:fixed; | |
134 | background-size:340px auto; | |
135 | background-position:bottom left; | |
136 | background-repeat:no-repeat; | |
137 | } | |
138 | ||
139 | #blogtitle { | |
140 | font-family:'Playfair Display', serif; | |
141 | font-size: 28px; | |
142 | line-height: 26px; | |
143 | letter-spacing: -1px; | |
144 | text-align:right; | |
145 | margin: 0 auto 10px auto; | |
146 | text-transform:none; | |
147 | color: {color:bold}; | |
148 | text-shadow: -1px -1px 0px {color:posts}; | |
149 | } | |
150 | ||
151 | #description { | |
152 | width: 220px; | |
153 | height: auto; | |
154 | position:absolute; | |
155 | text-align:justify; | |
156 | font-size: 11px; | |
157 | bottom: 20px; | |
158 | margin-left:45px; | |
159 | padding: 15px; | |
160 | color: {color:descriptiontext}; | |
161 | background-color: {color:sidebar}; | |
162 | } | |
163 | ||
164 | /* PAGINATION */ | |
165 | ||
166 | #pagination { | |
167 | width: 210px; | |
168 | height: auto; | |
169 | margin: 8px auto 0 auto; | |
170 | font-family: 'Playfair Display', serif; | |
171 | font-size:13px; | |
172 | text-align:right; | |
173 | padding: 3px 2px; | |
174 | border-top: 1px solid {color:border}; | |
175 | color: {color:descriptiontext}; | |
176 | } | |
177 | ||
178 | #pagination a { | |
179 | padding: 1px 3px; | |
180 | font-weight:normal; | |
181 | color: {color:infolink}; | |
182 | background-color: {color:posts}; | |
183 | } | |
184 | ||
185 | #pagination a:hover { | |
186 | color: {color:bold}; | |
187 | font-style: italic; | |
188 | } | |
189 | ||
190 | .current_page { | |
191 | font-weight: bold; | |
192 | padding: 1px 5px; | |
193 | color: {color:bold}; | |
194 | } | |
195 | ||
196 | /* SIDEBAR LINKS */ | |
197 | ||
198 | #rightbar { | |
199 | width: 200px; | |
200 | height: 100%; | |
201 | position:fixed; | |
202 | text-align:center; | |
203 | margin: 0 0 0 1000px; | |
204 | background-image: url('{image:sidebarbg2}'); | |
205 | background-size:200px auto; | |
206 | background-position:bottom; | |
207 | background-repeat:no-repeat; | |
208 | background-color: {color:sidebar}; | |
209 | } | |
210 | ||
211 | #icon { | |
212 | width: 160px; | |
213 | height:160px; | |
214 | margin: 120px auto 0 auto; | |
215 | text-align:center; | |
216 | border-radius:100%; | |
217 | } | |
218 | ||
219 | #icon img { | |
220 | width: 96px; | |
221 | height: 96px; | |
222 | border: 10px solid {color:background}; | |
223 | border-radius:100%; | |
224 | } | |
225 | ||
226 | #sidelinks { | |
227 | width: 160px; | |
228 | height: auto; | |
229 | margin: 25px auto 30px auto; | |
230 | } | |
231 | ||
232 | #sidelinks a { | |
233 | display:block; | |
234 | font-family:'Calibri', sans-serif; | |
235 | font-size: 10px; | |
236 | line-height:10px; | |
237 | text-transform:uppercase; | |
238 | padding: 5px; | |
239 | margin-bottom:4px; | |
240 | color: {color:text}; | |
241 | background-color: {color:posts}; | |
242 | } | |
243 | ||
244 | #sidelinks a:hover { | |
245 | color: {color:posts}; | |
246 | box-shadow: inset 170px 0 0 {color:link}; | |
247 | } | |
248 | ||
249 | /* SEARCH BAR */ | |
250 | ||
251 | #searchthing { | |
252 | width: 160px; | |
253 | height: auto; | |
254 | font-family: Arial; | |
255 | font-size:10px; | |
256 | margin: 15px auto 0 auto; | |
257 | opacity:0.8; | |
258 | background-color:{color:posts}; | |
259 | } | |
260 | ||
261 | #sf { | |
262 | background: url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') {color:background} left center no-repeat; | |
263 | background-size: 10px 10px; | |
264 | width:143px; | |
265 | } | |
266 | ||
267 | .sfm input { | |
268 | font-size: 9px; | |
269 | border: 0px; | |
270 | text-transform: none; | |
271 | margin-top: 0px; | |
272 | letter-spacing: 1px; | |
273 | padding: 4px 8px; | |
274 | font-family: calibri, helvetica, arial; | |
275 | color: {color:italics}; | |
276 | background-color: {color:posts}; | |
277 | } | |
278 | ||
279 | /* CREDIT | |
280 | touch this and I'll turn you into a frog */ | |
281 | ||
282 | #othello { | |
283 | width: 36px; | |
284 | height: 9px; | |
285 | position: fixed; | |
286 | overflow: hidden; | |
287 | bottom: 10px; | |
288 | right: 10px; | |
289 | padding: 2px; | |
290 | font-size: 8px; | |
291 | text-transform: uppercase; | |
292 | letter-spacing: 1px; | |
293 | text-align: center; | |
294 | z-index: 999; | |
295 | -webkit-transition: all 0.4s ease-in-out; | |
296 | -moz-transition: all 0.4s ease-in-out; | |
297 | -o-transition: all 0.4s ease-in-out; | |
298 | transition: all 0.4s ease-in-out; | |
299 | background-color:#373737; | |
300 | } | |
301 | ||
302 | #othello a { | |
303 | color:#fefefe; | |
304 | } | |
305 | ||
306 | .othello { | |
307 | line-height: 10px; | |
308 | -webkit-transition: all 0.4s ease-in-out; | |
309 | -moz-transition: all 0.4s ease-in-out; | |
310 | -o-transition: all 0.4s ease-in-out; | |
311 | transition: all 0.4s ease-in-out; | |
312 | } | |
313 | ||
314 | .desdemona { | |
315 | line-height: 16px; | |
316 | color: #f6db36; | |
317 | } | |
318 | ||
319 | #othello a:hover .othello { | |
320 | margin-top: -13px; | |
321 | -webkit-transition: all 0.4s ease-in-out; | |
322 | -moz-transition: all 0.4s ease-in-out; | |
323 | -o-transition: all 0.4s ease-in-out; | |
324 | transition: all 0.4s ease-in-out; | |
325 | } | |
326 | ||
327 | /* POSTS */ | |
328 | ||
329 | #entries { | |
330 | width: 580px; | |
331 | height: auto; | |
332 | padding: 0px 0px 30px 0px; | |
333 | margin: 0px 0 0px 380px; | |
334 | position:absolute; | |
335 | background-color: {color:background}; | |
336 | } | |
337 | ||
338 | #entry { | |
339 | width: 540px; | |
340 | height: auto; | |
341 | padding: 10px 20px 20px 20px; | |
342 | margin: 20px auto 0px auto; | |
343 | } | |
344 | ||
345 | #posts { | |
346 | width:500px; | |
347 | height: auto; | |
348 | padding:20px; | |
349 | background-color: {color:posts}; | |
350 | border: 1px solid {color:border}; | |
351 | } | |
352 | ||
353 | /* INFO */ | |
354 | ||
355 | #info { | |
356 | width: 478px; | |
357 | height: auto; | |
358 | padding: 20px 10px 5px 10px; | |
359 | margin: 15px auto 2px auto; | |
360 | font-family: 'Homemade Apple', serif; | |
361 | font-size:16px; | |
362 | text-transform:normal; | |
363 | text-align:center; | |
364 | color: {color:infotext}; | |
365 | border-top: 1px solid {color:background}; | |
366 | } | |
367 | ||
368 | #info a { | |
369 | font-family: 'Homemade Apple', serif; | |
370 | color: {color:infolink}; | |
371 | } | |
372 | ||
373 | #info a:hover { | |
374 | color: {color:infotext}; | |
375 | } | |
376 | ||
377 | ||
378 | /* BUTTONS */ | |
379 | ||
380 | #buttons { | |
381 | width: 30px; | |
382 | height: 60px; | |
383 | position: absolute; | |
384 | margin: 0px 0 0 510px; | |
385 | } | |
386 | ||
387 | .likebutton { | |
388 | width:16px; | |
389 | height:16px; | |
390 | padding: 3px; | |
391 | background-color: {color:buttonsbg}; | |
392 | border: 1px solid {color:border}; | |
393 | } | |
394 | ||
395 | .reblogbutton { | |
396 | width:16px; | |
397 | height:16px; | |
398 | padding: 3px; | |
399 | margin-top:4px; | |
400 | background-color: {color:buttonsbg}; | |
401 | border: 1px solid {color:border}; | |
402 | } | |
403 | ||
404 | ||
405 | /* TAGS */ | |
406 | ||
407 | #tagbox { | |
408 | width: 510px; | |
409 | height: auto; | |
410 | padding: 1px 10px; | |
411 | margin: -10px auto 10px auto; | |
412 | font-family:Trebuchet MS; | |
413 | font-size:8px; | |
414 | color: {color:border}; | |
415 | } | |
416 | ||
417 | #tagbox a { | |
418 | font-family: Tahoma; | |
419 | font-size:9px; | |
420 | line-height: 9px; | |
421 | color: {color:tags}; | |
422 | } | |
423 | ||
424 | #tagbox a:hover { | |
425 | color: {color:infotext};} | |
426 | ||
427 | /* CONTENT */ | |
428 | ||
429 | #titled { | |
430 | text-align:center; | |
431 | font-family: 'Playfair Display', serif; | |
432 | font-size: 27px; | |
433 | line-height:25px; | |
434 | letter-spacing:-1px; | |
435 | text-align:right; | |
436 | margin: 10px auto 20px auto; | |
437 | color: {color:italics}; | |
438 | } | |
439 | ||
440 | #titled a { | |
441 | font-family: 'Playfair Display', serif; | |
442 | color: {color:accent}; | |
443 | } | |
444 | ||
445 | #titled a:hover { | |
446 | color: {color:italics}; | |
447 | } | |
448 | ||
449 | #question { | |
450 | width: 500px; | |
451 | height: auto; | |
452 | padding: 0px; | |
453 | text-align:right; | |
454 | margin: 0 auto 20px auto; | |
455 | color: {color:asktext}; | |
456 | } | |
457 | ||
458 | #askericon { | |
459 | width: 48px; | |
460 | padding: 10px; | |
461 | border-radius:100%; | |
462 | } | |
463 | ||
464 | #askericon img { | |
465 | width: 48px; | |
466 | height: 48px; | |
467 | border: 6px solid {color:background}; | |
468 | border-radius:100%; | |
469 | } | |
470 | ||
471 | #ask { | |
472 | width: 402px; | |
473 | padding: 10px 0px 10px 10px; | |
474 | text-align:justify; | |
475 | } | |
476 | ||
477 | .asker { | |
478 | font-family: 'Playfair Display', serif; | |
479 | font-style: italic; | |
480 | font-size:18px; | |
481 | line-height: 15px; | |
482 | color: {color:italics}; | |
483 | } | |
484 | ||
485 | #answer { | |
486 | width: 500px; | |
487 | height: auto; | |
488 | margin: -10px auto 10px auto; | |
489 | text-align:left; | |
490 | } | |
491 | ||
492 | .image { | |
493 | opacity: 0.99; | |
494 | -webkit-transition: all 0.5s ease-in-out; | |
495 | -moz-transition: all 0.5s ease-in-out; | |
496 | -o-transition: all 0.5s ease-in-out; | |
497 | transition: all 0.5s ease-in-out; | |
498 | } | |
499 | ||
500 | .image:hover { | |
501 | opacity:1; | |
502 | -webkit-transition: all 0.5s ease-in-out; | |
503 | -moz-transition: all 0.5s ease-in-out; | |
504 | -o-transition: all 0.5s ease-in-out; | |
505 | transition: all 0.5s ease-in-out; | |
506 | } | |
507 | ||
508 | .qqmarkleft { | |
509 | font-size: 80px; | |
510 | font-family: 'Playfair Display', serif; | |
511 | font-weight: bold; | |
512 | line-height: 100px; | |
513 | position: relative; | |
514 | margin: 0px 0 -70px 30px; | |
515 | color: {color:entries}; | |
516 | opacity: 0.8; | |
517 | } | |
518 | ||
519 | .qqmarkright { | |
520 | font-family: 'Playfair Display', serif; | |
521 | font-size: 80px; | |
522 | font-weight: bold; | |
523 | padding-right: 0px; | |
524 | line-height: 30px; | |
525 | text-align: right; | |
526 | position: relative; | |
527 | margin:0 30px 0 -10px; | |
528 | color: {color:entries}; | |
529 | opacity: 0.8; | |
530 | } | |
531 | ||
532 | .qquote { | |
533 | width: 75%; | |
534 | font-family: 'Playfair Display', serif; | |
535 | font-size: 23px; | |
536 | text-align: justify; | |
537 | padding-top: 10px; | |
538 | letter-spacing: 1px; | |
539 | line-height: 25px; | |
540 | text-transform: none; | |
541 | text-indent: 15px; | |
542 | margin: 0px 10px; | |
543 | margin-bottom: 10px; | |
544 | position: relative; | |
545 | } | |
546 | ||
547 | .qquote:first-letter { | |
548 | font-size: 110%; | |
549 | color: {color:accent}; | |
550 | } | |
551 | ||
552 | .qusource { | |
553 | width: 95%; | |
554 | text-align:right; | |
555 | font-size: 10px; | |
556 | font-family: Tahoma; | |
557 | color: {color:text}; | |
558 | line-height: 10px; | |
559 | opacity: 0.7; | |
560 | margin-bottom:15px; | |
561 | padding: 2px; | |
562 | } | |
563 | .qusource a { | |
564 | text-align:right; | |
565 | font-size: 9px; | |
566 | line-height: 9px; | |
567 | padding: 1px 3px; | |
568 | text-transform:uppercase; | |
569 | color: {color:link}; | |
570 | opacity: 0.9; | |
571 | } | |
572 | .qusource a:hover { | |
573 | opacity: 1; | |
574 | padding: 1px 3px; | |
575 | color: {color:text}; | |
576 | background-color:transparent; | |
577 | } | |
578 | ||
579 | #audio { | |
580 | margin-bottom: 0px; | |
581 | width: 490px; | |
582 | height:100px; | |
583 | padding: 5px; | |
584 | background-color: transparent; | |
585 | } | |
586 | ||
587 | .cover { | |
588 | width: 100px; | |
589 | height: 100px; | |
590 | position: absolute; | |
591 | margin-left: 390px; | |
592 | } | |
593 | ||
594 | .cover img { | |
595 | width: 100px; | |
596 | height: 100px; | |
597 | float: left; | |
598 | border-radius: 100%; | |
599 | } | |
600 | ||
601 | .playercontainer { | |
602 | width:80px; | |
603 | height:80px; | |
604 | position:absolute; | |
605 | display:block; | |
606 | background-color: #ffffff; | |
607 | z-index:6; | |
608 | opacity:0.6; | |
609 | -webkit-transition:all 0.7s ease-in-out; | |
610 | -moz-transition:all 0.7s ease-in-out; | |
611 | -o-transition:all 0.7s ease-in-out; | |
612 | -ms-transition:all 0.7s ease-in-out; | |
613 | transition:all 0.7s ease-in-out; | |
614 | margin-left: 400px; | |
615 | margin-top: 10px; | |
616 | border-radius: 100%; | |
617 | } | |
618 | ||
619 | .playercontainer:hover { | |
620 | opacity:0.8; | |
621 | -webkit-transition:all 0.7s ease-in-out; | |
622 | -moz-transition:all 0.7s ease-in-out; | |
623 | -o-transition:all 0.7s ease-in-out; | |
624 | -ms-transition:all 0.7s ease-in-out; | |
625 | transition:all 0.7s ease-in-out; | |
626 | } | |
627 | ||
628 | .player { | |
629 | width: 25px; | |
630 | height: 25px; | |
631 | overflow: hidden; | |
632 | margin: 26px 27px; | |
633 | background-color:#ffffff; | |
634 | } | |
635 | ||
636 | .sugarbabylove { | |
637 | margin-left:0px; | |
638 | float:left; | |
639 | width:373px; | |
640 | height: 90px; | |
641 | padding:5px; | |
642 | margin-bottom:5px; | |
643 | font-size:10px; | |
644 | line-height:13px; | |
645 | letter-spacing:0px; | |
646 | color: {color:asktext}; | |
647 | text-align:right; | |
648 | } | |
649 | ||
650 | .sugarbabylove small { | |
651 | font-family: 'Helvetica',sans-serif; | |
652 | font-size:8px; | |
653 | color: {color:info}; | |
654 | } | |
655 | ||
656 | .trackname { | |
657 | text-align:right; | |
658 | font-family: 'Playfair Display', serif; | |
659 | font-size:22px; | |
660 | line-height:22px; | |
661 | letter-spacing:-1px; | |
662 | color: {color:bold}; | |
663 | padding: 15px 0px 13px 0px; | |
664 | } | |
665 | ||
666 | .chat .line { | |
667 | margin: 1px 2px; | |
668 | padding: 2px; | |
669 | line-height:150%; | |
670 | color: {color:italic}; | |
671 | } | |
672 | ||
673 | .chat .line.odd { | |
674 | color: {color:text}; | |
675 | } | |
676 | ||
677 | .label { | |
678 | font-family:'Playfair Display', serif; | |
679 | font-size:110%; | |
680 | font-weight:bold; | |
681 | color:{color:bold}; | |
682 | } | |
683 | ||
684 | .cap { | |
685 | margin: 15px auto 0 auto; | |
686 | padding: 0 10px; | |
687 | } | |
688 | ||
689 | .cap img { | |
690 | max-width:100%; | |
691 | height: auto; | |
692 | } | |
693 | ||
694 | #notes {background-color: transparent; width:520px; margin: 30px auto 10px auto; padding:15px; color: {color:infotext};} | |
695 | #notestext {width: 500px; margin: 5px auto 5px auto; background-color: transparent; padding:5px 0; text-align: left; font-size:11px;} | |
696 | #notes blockquote a {color:{color:link}; font-weight:normal; background-color: transparent; padding: 5px; margin:0; font-style:italic;} | |
697 | #notes a {color:{color:infolink};} | |
698 | ||
699 | ol.notes {list-style: none; padding:0px;} | |
700 | ol.notes li {background-color: {color:entries}; margin: 0 px; padding: 5px; color: {color:italic};} | |
701 | ol.notes .avatar {border: 1px solid {color:posts}; height: 10px; padding: 0px; width: 10px; margin-right: 5px;} | |
702 | ol.notes li .clear {height: 0px!important;} | |
703 | ol.notes li blockquote {border-color: {color:border}!important; background-color: {color:posts}; padding: 5px; width:90%; margin: 4px auto 0px auto; } | |
704 | ||
705 | ::-webkit-scrollbar-corner { | |
706 | background-color:{color:background}; | |
707 | } | |
708 | ||
709 | ::-webkit-scrollbar-thumb:vertical { | |
710 | background-color: {color:accent}; | |
711 | width:7px; | |
712 | height:auto; | |
713 | border: 1px solid {color:accent}; | |
714 | -webkit-border-radius: 1px; | |
715 | } | |
716 | ||
717 | ::-webkit-scrollbar-thumb:horizontal { | |
718 | background-color: {color:accent}; | |
719 | width:auto; | |
720 | height:7px; | |
721 | border: 1px solid {color:accent}; | |
722 | -webkit-border-radius: 1px; | |
723 | } | |
724 | ||
725 | ::-webkit-scrollbar { | |
726 | height:7px; | |
727 | width:7px; | |
728 | background-color:{color:background}; | |
729 | } | |
730 | ||
731 | ::-moz-selection {background-color:{color:bold}; color:{color:posts};} | |
732 | ::selection {background-color: {color:bold}; color: {color:posts};} | |
733 | ||
734 | ||
735 | .source { | |
736 | display:none; | |
737 | } | |
738 | ||
739 | ||
740 | {CustomCSS} | |
741 | ||
742 | ||
743 | </style> | |
744 | ||
745 | <script type="text/javascript"> | |
746 | <!-- | |
747 | function handleThis(formElm) | |
748 | { | |
749 | window.location="http://{Name}.tumblr.com/tagged/"+formElm.number.value+""; | |
750 | return false; | |
751 | } | |
752 | // --> | |
753 | </script> | |
754 | ||
755 | </head> | |
756 | ||
757 | <body> | |
758 | ||
759 | <div id="othello"><a href="http://itsacrimetheme.tumblr.com/" target="_blank" title="theme by itsacrimescene"><div class="othello">theme</div><div class="desdemona">crime</div></a></div> | |
760 | ||
761 | ||
762 | <div id="sidebar"> | |
763 | ||
764 | {block:Description}<div id="description"> | |
765 | ||
766 | <div id="blogtitle">{text:blogtitle}</div> | |
767 | ||
768 | {Description} | |
769 | ||
770 | {block:Pagination} | |
771 | <div id="pagination"> | |
772 | {block:PreviousPage} | |
773 | <a href="{PreviousPage}" title="previous page">«</a> | |
774 | {/block:PreviousPage} | |
775 | ||
776 | {block:JumpPagination length="8"} | |
777 | {block:CurrentPage} | |
778 | <span class="current_page">{PageNumber}</span> | |
779 | {/block:CurrentPage} | |
780 | ||
781 | {block:JumpPage} | |
782 | <a class="jump_page" href="{URL}">{PageNumber}</a> | |
783 | {/block:JumpPage} | |
784 | {/block:JumpPagination} | |
785 | ||
786 | {block:NextPage} | |
787 | <a href="{NextPage}" title="next page">»</a> | |
788 | {/block:NextPage} | |
789 | </div> | |
790 | {/block:Pagination} | |
791 | ||
792 | </div>{/block:Description} | |
793 | ||
794 | </div> <!-- sidebar //--> | |
795 | ||
796 | ||
797 | <div id="rightbar"> | |
798 | ||
799 | <div id="icon"><a href="/"><img src="{PortraitURL-96}"></a></div> | |
800 | ||
801 | <div id="sidelinks"> | |
802 | <a href="/">home</a> | |
803 | <a href="/ask">ask</a> | |
804 | <a href="/archive">archive</a> | |
805 | ||
806 | {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1} | |
807 | {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} | |
808 | {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3} | |
809 | {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4} | |
810 | {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5} | |
811 | {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6} | |
812 | {block:HasPages}{block:Pages} | |
813 | <a href="{URL}">{Label}</a>{/block:Pages} {/block:HasPages} | |
814 | </div> | |
815 | ||
816 | <div id="searchthing"> | |
817 | ||
818 | <form onsubmit="return handleThis(this)" class="sfm" name="theform"> | |
819 | <input type="text" name="number" id="sf" /> | |
820 | </form> | |
821 | </div> <!-- searchthing //--> | |
822 | ||
823 | </div> <!-- rightbar //--> | |
824 | ||
825 | ||
826 | <div id="entries"> | |
827 | ||
828 | {block:Posts} | |
829 | ||
830 | <div id="entry"> | |
831 | ||
832 | <div id="posts"> | |
833 | ||
834 | {block:Date} | |
835 | ||
836 | <div id="buttons"> | |
837 | <div class="likebutton">{LikeButton color="gray" size="16"}</div> | |
838 | ||
839 | <div class="reblogbutton">{ReblogButton color="gray" size="16"}</div> | |
840 | </div> | |
841 | ||
842 | {/block:Date} | |
843 | ||
844 | ||
845 | {block:Quote} | |
846 | <div class="qqmarkleft">“</div><center><div class="qquote">{Quote}</div></center><div class="qqmarkright">”</div> | |
847 | {block:Source} | |
848 | <div class="qusource"> {Source} </div> | |
849 | {/block:Source} | |
850 | {/block:Quote} | |
851 | ||
852 | {block:Text} | |
853 | {block:Title}<div id="titled">{Title}</div> | |
854 | {/block:Title} | |
855 | {Body} | |
856 | {/block:Text} | |
857 | ||
858 | {block:Link} | |
859 | <div id="titled">« <a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description} | |
860 | {/block:Link} | |
861 | ||
862 | {block:Photo} | |
863 | <div class="image"><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</center></div> | |
864 | {/block:Photo} | |
865 | ||
866 | {block:Photoset} | |
867 | <div class="image"><center>{Photoset-500}</center></div> | |
868 | {/block:Photoset} | |
869 | ||
870 | {block:Chat} | |
871 | {block:Title}<div id="titled"><a href="{Permalink}">{Title}</a></div>{/block:Title} | |
872 | <div class="chat"> | |
873 | {block:Lines}<div class="chat"><div class="line {Alt}"> | |
874 | <div class="{Alt} user_{UserNumber}"> | |
875 | {block:Label} | |
876 | <span class="label">{Label}</span> | |
877 | {/block:Label} | |
878 | {Line}</div> | |
879 | </div></div> | |
880 | {/block:Lines} | |
881 | </div> | |
882 | {/block:Chat} | |
883 | ||
884 | {block:Video} | |
885 | {Video-500} | |
886 | {/block:Video} | |
887 | ||
888 | {block:Answer} | |
889 | <table id="question"> | |
890 | <tr> | |
891 | <td id="askericon"><img src="{AskerPortraitURL-48}"></td> | |
892 | <td id="ask"> | |
893 | <span class="asker">{Asker} {text:asker}:</span><br> | |
894 | {Question}</td> | |
895 | ||
896 | </tr> | |
897 | </table> | |
898 | ||
899 | <div id="answer"> | |
900 | {Replies} | |
901 | </div> | |
902 | ||
903 | {/block:Answer} | |
904 | ||
905 | {block:Audio}<div id="audio"> | |
906 | <div class="cover"><img src="http://static.tumblr.com/ougddg1/R5Emaxcio/defaultmusic.png"></div> | |
907 | {block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt} | |
908 | {block:AudioPlayer}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div> | |
909 | </div>{/block:AudioPlayer} | |
910 | <div class="sugarbabylove"> | |
911 | {block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName} | |
912 | {block:Artist}{Artist}{/block:Artist} | |
913 | {block:Album} <small>&&</small> {Album}{/block:Album} | |
914 | ||
915 | </div> | |
916 | </div> | |
917 | {/block:Audio} | |
918 | ||
919 | ||
920 | {block:Photo}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photo} | |
921 | {block:Video}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Video} | |
922 | {block:Photoset}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset} | |
923 | {block:Audio}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Audio} | |
924 | ||
925 | ||
926 | <div class="source"> | |
927 | {block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource} | |
928 | </div> | |
929 | ||
930 | {block:Date} | |
931 | <div id="info"> | |
932 | {block:text}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:text} | |
933 | {block:photo}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:photo} | |
934 | {block:photoset}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:photoset} | |
935 | {block:quote}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:quote} | |
936 | {block:audio}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:audio} | |
937 | {block:video}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:video} | |
938 | {block:chat}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:chat} | |
939 | {block:link}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:link} | |
940 | {block:answer}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} answered{/block:NotReblog}{/block:answer} | |
941 | <a href="{Permalink}" title="{DayOfMonthWithZero} {Month} {Year} @ {24HourWithZero}:{Minutes}">{TimeAgo}</a> {block:NoteCount}& {NoteCountWithLabel}{/block:NoteCount} | |
942 | {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}">via</a> {block:ContentSource}/<a href="{ReblogRootURL}" title="originally {ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom} | |
943 | ||
944 | </div> | |
945 | {/block:Date} | |
946 | ||
947 | ||
948 | </div> <!-- posts //--> | |
949 | ||
950 | </div> <!-- entry //--> | |
951 | ||
952 | {block:HasTags} | |
953 | <div id="tagbox">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div> | |
954 | {/block:HasTags} | |
955 | ||
956 | {/block:Posts} | |
957 | ||
958 | {block:PostNotes} | |
959 | <div id="notes"><div id="notestext">{PostNotes}</div></div> | |
960 | {/block:PostNotes} | |
961 | ||
962 | </div> <!-- entries //--> | |
963 | ||
964 | ||
965 | </body> | |
966 | </html> |