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 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
3 | <head><title>{Title}</title> | |
4 | <link rel="shortcut icon" href="{image:Favicon}"> | |
5 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
6 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
7 | ||
8 | <!--THEME BY BLOOD-AND-HUGS! uvu | |
9 | Please be respectful and don't remove the credit. I always think Credit looks pretty nice on a theme anyway! uou | |
10 | If you have any questions specific to this theme, or bugs, just head over to blood-and-hugs.tumblr.com n send me an ask, I don't bite. | |
11 | Have a lovely day~! --> | |
12 | ||
13 | {block:ifcustomcursor} | |
14 | <style>body, a, a:hover { cursor:url("{image:cursor}"), auto; }</style> | |
15 | {/block:ifcustomcursor} | |
16 | ||
17 | <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" /> | |
18 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script> | |
19 | ||
20 | <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> | |
21 | ||
22 | <meta name="if:custom cursor" content="1" /> | |
23 | <meta name="if:alternative links" content="0"/> | |
24 | <meta name="if:Music Player" content="1"/> | |
25 | <meta name="if:250" content="0" /> | |
26 | <meta name="if:400" content="0" /> | |
27 | <meta name="if:500" content="1" /> | |
28 | ||
29 | <meta name="image:Favicon" content="{favicon}"/> | |
30 | <meta name="image:background" content=""/> | |
31 | <meta name="color:background" content=""/> | |
32 | <meta name="color:text" content=""/> | |
33 | <meta name="color:link" content=""/> | |
34 | <meta name="color:link hover" content=""/> | |
35 | <meta name="image:Sidebar" content=""/> | |
36 | <meta name="color:posts" content=""/> | |
37 | <meta name="color:description" content="#ffffff"/> | |
38 | <meta name="color:title" content=""/> | |
39 | <meta name="color:post info" content=""/> | |
40 | <meta name="text:Link1" content="Link1"/> | |
41 | <meta name="text:Link1url" content="Link1url"/> | |
42 | <meta name="text:Link2" content="Link2"/> | |
43 | <meta name="text:Link2url" content="Link2url"/> | |
44 | <meta name="text:Link3" content="Link3"/> | |
45 | <meta name="text:Link3url" content="Link3url"/> | |
46 | <meta name="text:Link4" content="Link4"/> | |
47 | <meta name="text:Link4url" content="Link4url"/> | |
48 | <meta name="text:Music Player Code" content="music code here"/> | |
49 | <meta name="color:music player" content="#ffffff"/> | |
50 | <meta name="color:scrollbar" content=""/> | |
51 | <meta name="color:scrollbar thumb" content=""/> | |
52 | <meta name="color:navigation hover" content="#F6CED8"/> | |
53 | <meta name="color:link1" content="#F5A9BC"/> | |
54 | <meta name="color:link2" content="#DA81F5"/> | |
55 | <meta name="color:link3" content="#81BEF7"/> | |
56 | <meta name="color:link4" content="#58FAAC"/> | |
57 | <meta name="color:Chat speaker" content=""/> | |
58 | <meta name="text:Sideimg distance from left" content="-100px"/> | |
59 | <meta name="text:Sideimg distance from top" content="200px"/> | |
60 | <meta name="text:Post distance from left" content="320px"/> | |
61 | <meta name="color:selection text" content=""/> | |
62 | <meta name="color:selection background" content=""/> | |
63 | <meta name="color:blockquote" content=""/> | |
64 | <meta name="color:Asker" content=""/> | |
65 | <meta name="color:Track name" content=""/> | |
66 | <meta name="color:Artist name" content=""/> | |
67 | <meta name="color:Album name" content=""/> | |
68 | <meta name="text:Tag Preceder" content="Filed Under:"/> | |
69 | <meta name="color:navigation hover" content="#f7dfd9"/> | |
70 | <meta name="color:Italics" content=""/> | |
71 | <meta name="color:Bold" content=""/> | |
72 | <meta name="image:Cursor" content="http://i.imgur.com/ZOrzC.png"/> | |
73 | <meta name="color:Post Title" content=""/> | |
74 | <meta name="color:Hover text background" content="#A9F5A9"/> | |
75 | <meta name="color:hover text" content="#EFFBEF"/> | |
76 | <meta name="color:link1 hover" content=""/> | |
77 | <meta name="color:link2 hover" content=""/> | |
78 | <meta name="color:link3 hover" content=""/> | |
79 | <meta name="color:link4 hover" content=""/> | |
80 | <meta name="image:music player" content="http://www.myspacelyts.net/albums/ee115/yayitssteph/graphics/pixels/music/music7.gif"/> | |
81 | ||
82 | <style type="text/css"> | |
83 | ||
84 | @font-face {font-family:"Punkboy"; src:url('http://static.tumblr.com/9wzbixa/kMum26o0j/punkboy_tbs.ttf');} | |
85 | ||
86 | @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); } | |
87 | ||
88 | ||
89 | body { | |
90 | background:{color:Background}; | |
91 | background-image: url("{image:Background}"); | |
92 | margin:0px; | |
93 | color:{color:text}; | |
94 | font-family:Calibri; | |
95 | font-size:11px; | |
96 | line-height:100%; | |
97 | background-attachment: fixed; | |
98 | } | |
99 | ||
100 | a { | |
101 | text-decoration:none; | |
102 | outline:none; | |
103 | -moz-outline-style:none; | |
104 | color:{color:link}; | |
105 | -webkit-transition: color 0.5s linear; | |
106 | -moz-transition: color 0.5s linear; | |
107 | -ms-transition: color 0.5s linear; | |
108 | -o-transition: color 0.5s linear; | |
109 | transition: color 0.5s linear; | |
110 | -webkit-transition: letter-spacing 0.5s linear; | |
111 | -moz-transition: letter-spacing 0.5s linear; | |
112 | -ms-transition: letter-spacing 0.5s linear; | |
113 | -o-transition: letter-spacing 0.5s linear; | |
114 | transition: letter-spacing 0.5s linear; | |
115 | } | |
116 | ||
117 | a:hover { | |
118 | text-decoration:none; | |
119 | outline:none; | |
120 | -moz-outline-style:none; | |
121 | color:{color:link hover}; | |
122 | letter-spacing: 3px; | |
123 | } | |
124 | ||
125 | post i, em { | |
126 | color: {color:Italics}; | |
127 | } | |
128 | ||
129 | post b, strong { | |
130 | color: {color:Bold}; | |
131 | } | |
132 | ||
133 | ::selection {color:{color:selection text};background:{color:selection background};} | |
134 | ::-moz-selection {color:{color:selection text};background:{color:selection background};} | |
135 | ||
136 | img { | |
137 | border:none; | |
138 | } | |
139 | ||
140 | post img { | |
141 | max-width: 100%; | |
142 | } | |
143 | ||
144 | blockquote { | |
145 | padding-left:3px; | |
146 | border-left:4px solid; | |
147 | border-color: {color:blockquote}; | |
148 | } | |
149 | ||
150 | blockquote blockquote { | |
151 | padding-left:3px; | |
152 | border-left:4px solid | |
153 | border-color:{color:blockquote}; | |
154 | } | |
155 | ||
156 | blockquote blockquote blockquote { | |
157 | padding-left:3px; | |
158 | border-left:4px solid; | |
159 | border-color:{color:blockquote}; | |
160 | } | |
161 | ||
162 | h1 { | |
163 | font-size:15px; | |
164 | font-family: "littlefont"; | |
165 | color: {color:post title}; | |
166 | } | |
167 | ||
168 | #s-m-t-tooltip { | |
169 | position:relative; | |
170 | overflow:hidden; | |
171 | z-index:999; | |
172 | max-width:200px; | |
173 | margin:10px 0 0 10px; | |
174 | padding:3px 4px 4px 4px; | |
175 | font:9px calibri; | |
176 | background:{color:hover text background}; | |
177 | letter-spacing:1px; | |
178 | line-height:100%; | |
179 | font-weight:bold; | |
180 | color:{color:hover text}; | |
181 | text-transform:uppercase; | |
182 | border-radius:3px; | |
183 | } | |
184 | ||
185 | #entries { | |
186 | padding:10px; | |
187 | width:500px; | |
188 | margin-left:{text:Post distance from left}; | |
189 | margin-top:0px; | |
190 | z-index: 1; | |
191 | } | |
192 | ||
193 | #post { | |
194 | margin-top: 24px; | |
195 | padding:10px; | |
196 | background-color: {color:Posts}; | |
197 | z-index: 1; | |
198 | {block:if250} | |
199 | width:250px; | |
200 | {/block:if250} | |
201 | {block:if400} | |
202 | width:400px; | |
203 | {/block:if400} | |
204 | {block:if500} | |
205 | width:500px; | |
206 | {/block:if500} | |
207 | } | |
208 | ||
209 | #info2 { | |
210 | background-color: {color:Post Info}; | |
211 | text-align: left; | |
212 | } | |
213 | ||
214 | #tags { | |
215 | padding: 3px; | |
216 | } | |
217 | ||
218 | #title { | |
219 | font-size:50px; | |
220 | text-align:center; | |
221 | position: fixed; | |
222 | color: {color:Title}; | |
223 | margin-left: 0px; | |
224 | width: 200px; | |
225 | margin-top: 70px; | |
226 | line-height: 1; | |
227 | font-family:"Punkboy" | |
228 | } | |
229 | ||
230 | #sidebar img { | |
231 | position: fixed; | |
232 | margin-left:{text:Sideimg distance from left}; | |
233 | margin-top:{text:Sideimg distance from top}; | |
234 | z-index: -1; | |
235 | } | |
236 | ||
237 | #sidebar2 img { | |
238 | position:fixed; | |
239 | margin-left: 180px; | |
240 | margin-top: 70px; | |
241 | width: 60px; | |
242 | height: 60px; | |
243 | border-style: solid; | |
244 | border-width: 6px; | |
245 | border-color: {color:description}; | |
246 | } | |
247 | ||
248 | .bubble | |
249 | { | |
250 | position: fixed; | |
251 | margin-left: 180px; | |
252 | margin-top: 150px; | |
253 | width: 100px; | |
254 | height: auto; | |
255 | text-align:center; | |
256 | padding: 4px; | |
257 | padding-bottom: 6px; | |
258 | background: {color:description}; | |
259 | -webkit-border-radius: 0px; | |
260 | -moz-border-radius: 0px; | |
261 | border-radius: 0px; | |
262 | } | |
263 | ||
264 | .bubble:after | |
265 | { | |
266 | content: ''; | |
267 | position: absolute; | |
268 | border-style: solid; | |
269 | border-width: 10px 14px 0; | |
270 | border-color: {color:description} transparent; | |
271 | display: block; | |
272 | width: 0; | |
273 | z-index: 1; | |
274 | bottom: -10px; | |
275 | left: 0px; | |
276 | } | |
277 | ||
278 | ::-webkit-scrollbar {width: 9px; height: 3px; background: {color:Scrollbar};} | |
279 | ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar Thumb} ; border: 0px;} | |
280 | ||
281 | #pagination { | |
282 | font-size:20px; | |
283 | text-align:center; | |
284 | } | |
285 | ||
286 | #homelink { | |
287 | font-size: 12px; | |
288 | position:fixed; | |
289 | margin-left: 260px; | |
290 | margin-top: 70px; | |
291 | color: {color:description}; | |
292 | border-radius: 50px; | |
293 | -webkit-transition: color 0.25s ease-out; | |
294 | } | |
295 | ||
296 | #homelink:hover { | |
297 | color:{color:navigation hover}; | |
298 | } | |
299 | ||
300 | #link1 { | |
301 | background-color:{color:Link1}; | |
302 | position: fixed; | |
303 | margin-left: 280px; | |
304 | margin-top: 72px; | |
305 | border-radius: 100px; | |
306 | width: 7px; | |
307 | height: 7px; | |
308 | -webkit-transition: background-color 0.25s ease-out; | |
309 | overflow:hidden; | |
310 | } | |
311 | ||
312 | #link1:hover { | |
313 | background-color:{color:Link1 hover}; | |
314 | } | |
315 | ||
316 | #link2 { | |
317 | background-color:{color:link2}; | |
318 | position: fixed; | |
319 | margin-left: 280px; | |
320 | margin-top: 92px; | |
321 | border-radius: 100px; | |
322 | width: 7px; | |
323 | height: 7px; | |
324 | -webkit-transition: background-color 0.25s ease-out; | |
325 | overflow:hidden; | |
326 | } | |
327 | ||
328 | #link2:hover { | |
329 | background-color: {color:link2 hover}; | |
330 | } | |
331 | ||
332 | #link3 { | |
333 | background-color:{color:link3}; | |
334 | position: fixed; | |
335 | margin-left: 280px; | |
336 | margin-top: 112px; | |
337 | border-radius: 100px; | |
338 | width: 7px; | |
339 | height: 7px; | |
340 | -webkit-transition: width 0.25s ease-out; | |
341 | overflow:hidden; | |
342 | } | |
343 | ||
344 | #link3:hover { | |
345 | background-color:{color:link3 hover}; | |
346 | } | |
347 | ||
348 | #link4 { | |
349 | background-color:{color:link4}; | |
350 | position: fixed; | |
351 | margin-left: 280px; | |
352 | margin-top: 132px; | |
353 | border-radius: 100px; | |
354 | width: 7px; | |
355 | height: 7px; | |
356 | -webkit-transition: width 0.25s ease-out; | |
357 | overflow:hidden; | |
358 | } | |
359 | ||
360 | #link4:hover { | |
361 | background-color:{color:link4 hover}; | |
362 | } | |
363 | ||
364 | #asklink { | |
365 | font-size: 12px; | |
366 | position:fixed; | |
367 | margin-left: 260px; | |
368 | margin-top: 90px; | |
369 | color: {color:description}; | |
370 | border-radius: 50px; | |
371 | -webkit-transition: color 0.25s ease-out; | |
372 | } | |
373 | ||
374 | #asklink:hover { | |
375 | color:{color:navigation hover}; | |
376 | } | |
377 | ||
378 | #archivelink { | |
379 | font-size: 12px; | |
380 | position:fixed; | |
381 | margin-left: 260px; | |
382 | margin-top: 110px; | |
383 | color: {color:description}; | |
384 | border-radius: 50px; | |
385 | -webkit-transition: color 0.25s ease-out; | |
386 | } | |
387 | ||
388 | #archivelink:hover { | |
389 | color:{color:navigation hover}; | |
390 | } | |
391 | ||
392 | #creditlink{ | |
393 | font-size: 12px; | |
394 | position:fixed; | |
395 | margin-left: 260px; | |
396 | margin-top: 130px; | |
397 | color: {color:description}; | |
398 | border-radius: 50px; | |
399 | -webkit-transition: color 0.25s ease-out; | |
400 | } | |
401 | ||
402 | #creditlink:hover { | |
403 | color:{color:navigation hover}; | |
404 | } | |
405 | ||
406 | #info { | |
407 | text-align:left; | |
408 | margin-top:10px; | |
409 | } | |
410 | ||
411 | #asker { | |
412 | float:left; | |
413 | margin-right:5px; | |
414 | } | |
415 | ||
416 | .bubble2 | |
417 | { | |
418 | position: relative; | |
419 | width: 495px; | |
420 | padding: 4px; | |
421 | padding-bottom: 6px; | |
422 | background: {color:Asker}; | |
423 | -webkit-border-radius: 0px; | |
424 | -moz-border-radius: 0px; | |
425 | border-radius: 0px; | |
426 | } | |
427 | ||
428 | .bubble2:after | |
429 | { | |
430 | content: ''; | |
431 | position: absolute; | |
432 | border-style: solid; | |
433 | border-width: 15px 14px 0; | |
434 | border-color: {color:Asker} transparent; | |
435 | display: block; | |
436 | width: 0; | |
437 | z-index: 1; | |
438 | bottom: -15px; | |
439 | left: 467px; | |
440 | } | |
441 | ||
442 | #music { | |
443 | float:left; | |
444 | margin-right: 5px; | |
445 | } | |
446 | ||
447 | #audioplayer { | |
448 | width:25px; | |
449 | height:40px; | |
450 | overflow:hidden; | |
451 | position:absolute; | |
452 | margin-top:25px; | |
453 | margin-bottom:25px; | |
454 | margin-left: 25px; | |
455 | -moz-border-radius: 30px; | |
456 | -webkit-border-radius: 30px; | |
457 | border-radius: 0px; | |
458 | opacity: 0.7; | |
459 | filter:alpha(opacity=70); | |
460 | -moz-opacity: 0.7; | |
461 | -khtml-opacity: 0.7 | |
462 | } | |
463 | ||
464 | #albumart { | |
465 | width: 20px; | |
466 | } | |
467 | ||
468 | #quote { | |
469 | font-size: 12px; | |
470 | text-align: center; | |
471 | z-index: 1; | |
472 | } | |
473 | ||
474 | #speaker { | |
475 | color: {color:Chat Speaker}; | |
476 | letter-spacing: 1px; | |
477 | } | |
478 | ||
479 | #bubble-music { | |
480 | position:fixed; | |
481 | left:20px; | |
482 | top:600px; | |
483 | width:30px; | |
484 | height:25px; | |
485 | background-color:{color:music player}; | |
486 | -moz-border-radius:100%; | |
487 | overflow:hidden; | |
488 | -webkit-transition: all 0.5s ease-out; | |
489 | -moz-transition: all 0.5s ease-out; | |
490 | transition: all 0.5s ease-out | |
491 | ||
492 | } | |
493 | ||
494 | #bubble-music:hover { | |
495 | width: 85px; | |
496 | height:25px; | |
497 | } | |
498 | ||
499 | .music_embed { | |
500 | margin:-23px 0px 0px 40px; | |
501 | z-index:1; | |
502 | font-family:consolas; | |
503 | font-size:8px; | |
504 | -webkit-transition: all 0.5s ease-out; | |
505 | -moz-transition: all 0.5s ease-out; | |
506 | transition: all 0.5s ease-out | |
507 | } | |
508 | ||
509 | #bubble-music:hover .music_embed { | |
510 | margin:-23px 0px 0px 30px; | |
511 | opacity:1; | |
512 | } | |
513 | ||
514 | .bubble2 | |
515 | { | |
516 | position: relative; | |
517 | {block:if500} | |
518 | width: 495px; | |
519 | {/block:if500} | |
520 | {block:if400} | |
521 | width:395px; | |
522 | {/block:if400} | |
523 | {block:if250} | |
524 | width:245px; | |
525 | {/block:if250} | |
526 | height: 45px; | |
527 | padding: 4px; | |
528 | padding-bottom: 6px; | |
529 | background: {color:Asker}; | |
530 | -webkit-border-radius: 0px; | |
531 | -moz-border-radius: 0px; | |
532 | border-radius: 0px; | |
533 | } | |
534 | ||
535 | .bubble2:after | |
536 | { | |
537 | content: ''; | |
538 | position: absolute; | |
539 | border-style: solid; | |
540 | border-width: 15px 14px 0; | |
541 | border-color: {color:Asker} transparent; | |
542 | display: block; | |
543 | width: 0; | |
544 | z-index: 1; | |
545 | bottom: -15px; | |
546 | {block:if500} | |
547 | left: 467px; | |
548 | {/block:if500} | |
549 | {block:if400} | |
550 | left: 367px; | |
551 | {/block:if400} | |
552 | {block:if250} | |
553 | left: 217px; | |
554 | {/block:if250} | |
555 | } | |
556 | ||
557 | .bubble3 | |
558 | { | |
559 | position: relative; | |
560 | {block:if500} | |
561 | width: 495px; | |
562 | {/block:if500} | |
563 | {block:if400} | |
564 | width:395px; | |
565 | {/block:if400} | |
566 | {block:if250} | |
567 | width:245px; | |
568 | {/block:if250} | |
569 | height: 45px; | |
570 | padding: 4px; | |
571 | padding-bottom: 6px; | |
572 | background: {color:Asker}; | |
573 | -webkit-border-radius: 0px; | |
574 | -moz-border-radius: 0px; | |
575 | border-radius: 0px; | |
576 | } | |
577 | ||
578 | .bubble3:after | |
579 | { | |
580 | content: ''; | |
581 | position: absolute; | |
582 | border-style: solid; | |
583 | border-width: 13px 14px 0; | |
584 | border-color: {color:Asker} transparent; | |
585 | display: block; | |
586 | width: 0; | |
587 | bottom: -10px; | |
588 | {block:if500} | |
589 | left: 467px; | |
590 | {/block:if500} | |
591 | {block:if400} | |
592 | left: 367px; | |
593 | {/block:if400} | |
594 | {block:if250} | |
595 | left: 217px; | |
596 | {/block:if250} | |
597 | } | |
598 | ||
599 | #trackname { | |
600 | background-color:{color:track name}; | |
601 | padding: 4px; | |
602 | position: absolute; | |
603 | margin-left: 100px; | |
604 | margin-top: -70px; | |
605 | {block:if500} | |
606 | width: 395px; | |
607 | {/block:if500} | |
608 | {block:if400} | |
609 | width: 295px; | |
610 | {/block:if400} | |
611 | {block:if250} | |
612 | width: 145px; | |
613 | {/block:if250} | |
614 | } | |
615 | ||
616 | #artistname { | |
617 | background-color:{color:artist name}; | |
618 | padding: 4px; | |
619 | position: absolute; | |
620 | margin-left: 100px; | |
621 | margin-top: -48px; | |
622 | {block:if500} | |
623 | width: 395px; | |
624 | {/block:if500} | |
625 | {block:if400} | |
626 | width: 295px; | |
627 | {/block:if400} | |
628 | {block:if250} | |
629 | width: 145px; | |
630 | {/block:if250} | |
631 | } | |
632 | ||
633 | #albumname { | |
634 | background-color:{color:album name}; | |
635 | padding: 4px; | |
636 | position: absolute; | |
637 | margin-left: 100px; | |
638 | margin-top: -26px; | |
639 | {block:if500} | |
640 | width: 395px; | |
641 | {/block:if500} | |
642 | {block:if400} | |
643 | width: 295px; | |
644 | {/block:if400} | |
645 | {block:if250} | |
646 | width: 145px; | |
647 | {/block:if250} | |
648 | } | |
649 | ||
650 | ||
651 | {block:ifalternativelinks} | |
652 | #link1 { | |
653 | background-color:{color:Link1}; | |
654 | position: fixed; | |
655 | margin-left: 280px; | |
656 | margin-top: 72px; | |
657 | border-radius: 100px; | |
658 | width: 7px; | |
659 | height: 7px; | |
660 | -webkit-transition: width 0.25s ease-out; | |
661 | overflow:hidden; | |
662 | } | |
663 | ||
664 | #link1:hover { | |
665 | width: 50px; | |
666 | overflow:visible; | |
667 | text-align: center; | |
668 | line-height: 0.2; | |
669 | } | |
670 | ||
671 | #link2 { | |
672 | background-color:{color:link2}; | |
673 | position: fixed; | |
674 | margin-left: 280px; | |
675 | margin-top: 92px; | |
676 | border-radius: 100px; | |
677 | width: 7px; | |
678 | height: 7px; | |
679 | -webkit-transition: width 0.25s ease-out; | |
680 | overflow:hidden; | |
681 | } | |
682 | ||
683 | #link2:hover { | |
684 | width: 50px; | |
685 | overflow:visible; | |
686 | text-align: center; | |
687 | line-height: 0.2; | |
688 | } | |
689 | ||
690 | #link3 { | |
691 | background-color:{color:link3}; | |
692 | position: fixed; | |
693 | margin-left: 280px; | |
694 | margin-top: 112px; | |
695 | border-radius: 100px; | |
696 | width: 7px; | |
697 | height: 7px; | |
698 | -webkit-transition: width 0.25s ease-out; | |
699 | overflow:hidden; | |
700 | } | |
701 | ||
702 | #link3:hover { | |
703 | width: 50px; | |
704 | overflow:visible; | |
705 | text-align: center; | |
706 | line-height: 0.2; | |
707 | } | |
708 | ||
709 | #link4 { | |
710 | background-color:{color:link4}; | |
711 | position: fixed; | |
712 | margin-left: 280px; | |
713 | margin-top: 132px; | |
714 | border-radius: 100px; | |
715 | width: 7px; | |
716 | height: 7px; | |
717 | -webkit-transition: width 0.25s ease-out; | |
718 | overflow:hidden; | |
719 | } | |
720 | ||
721 | #link4:hover { | |
722 | width: 50px; | |
723 | overflow:visible; | |
724 | text-align: center; | |
725 | line-height: 0.2; | |
726 | } | |
727 | {/block:ifalternativelinks} | |
728 | ||
729 | {CustomCSS}</style></head><body> | |
730 | ||
731 | <div id="title">{title}</div> | |
732 | <div id="sidebar"><img src="{image:Sidebar}"></div> | |
733 | ||
734 | <div id="sidebar2"><img src="{portraiturl-96}"></div> | |
735 | <div class="bubble">{Description}</div> | |
736 | ||
737 | <a href="/" title="home"><div id="homelink"><i class="fa fa-home"></i></div></a> | |
738 | <a href="/ask" title="Ask"><div id="asklink"><i class="fa fa-comments"></i></div></a> | |
739 | <a href="/archive" title="history"><div id="archivelink"><i class="fa fa-calendar"></i></div></a> | |
740 | <a href="http://blood-and-hugs.tumblr.com/" title="theme"><div id="creditlink"><i class="fa fa-star"></i></div></a> | |
741 | ||
742 | <div id="pagnation"> | |
743 | <div id="pagination"> | |
744 | {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} | |
745 | {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination} | |
746 | </div> | |
747 | </div> | |
748 | ||
749 | <a href="{text:link1url}" title="{text:Link1}"><div id="link1"></div></a> | |
750 | <a href="{text:link2url}" title="{text:link2}"><div id="link2"></div></a> | |
751 | <a href="{text:link3url}" title="{text:link3}"><div id="link3"></div></a> | |
752 | <a href="{text:link4url}" title="{text:link4}"><div id="link4"></div></a> | |
753 | ||
754 | {block:ifalternativelinks} | |
755 | <a href="{text:link1url}"><div id="link1"><br>{text:Link1}</div></a> | |
756 | <a href="{text:link2url}"><div id="link2"><br>{text:Link2}</div></a> | |
757 | <a href="{text:link3url}"><div id="link3"><br>{text:Link3}</div></a> | |
758 | <a href="{text:link4url}"><div id="link4"><br>{text:Link4}</div></a> | |
759 | {/block:ifalternativelinks} | |
760 | ||
761 | <!--Original music player by Fukuo! Check em out pls --> | |
762 | - | <img style="margin:7px;" src="http://www.myspacelyts.net/albums/ee115/yayitssteph/graphics/pixels/music/music7.gif"> |
762 | + | |
763 | <div id="bubble-music"> | |
764 | <img style="margin:7px;" src="{image:music player}"> | |
765 | <div class="music_embed"> | |
766 | {text:Music Player Code} | |
767 | </div> | |
768 | </div> | |
769 | {/block:ifmusicplayer} | |
770 | ||
771 | <div id="entries">{block:Posts}<div id="post"> | |
772 | ||
773 | {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text} | |
774 | ||
775 | {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo} | |
776 | ||
777 | {block:Photoset} | |
778 | {block:if500}{Photoset-500}{/block:if500} | |
779 | {block:if400}{photoset-400}{/block:if400} | |
780 | {block:if250}{photoset-250}{/block:if250} | |
781 | {block:Caption}{Caption}{/block:Caption}{/block:Photoset} | |
782 | ||
783 | <div id="quote">{block:Quote}<div class="bubble3">{Quote}</div>{block:Source} <br>—{Source}{/block:Source}{/block:Quote} </div> | |
784 | ||
785 | ||
786 | {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link} | |
787 | ||
788 | {block:Chat} | |
789 | {block:Lines}{block:Label}<div id="speaker">{Label}</div>{/block:Label}{Line}{/block:Lines} | |
790 | {/block:Chat} | |
791 | ||
792 | {block:Audio} | |
793 | <div id= "audioplayer">{AudioPlayerWhite}</div> | |
794 | {block:AlbumArt} | |
795 | <img src="{AlbumArtURL}" width="75"> | |
796 | {/block:AlbumArt} | |
797 | <div id="music info"> | |
798 | <div id="trackname">{block:TrackName} | |
799 | {TrackName} | |
800 | {/block:TrackName} | |
801 | </div> | |
802 | <div id="artistname"> | |
803 | {block:Artist} | |
804 | {Artist} | |
805 | {/block:Artist} | |
806 | </div> | |
807 | <div id="albumname"> | |
808 | {block:Album} | |
809 | {Album} | |
810 | {/block:Album} | |
811 | </div> | |
812 | </div> | |
813 | {caption} | |
814 | {/block:Audio} | |
815 | ||
816 | {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video} | |
817 | ||
818 | {block:Answer}<div class="bubble2"><div id="asker"><img src="{AskerPortraitURL-48}"></div>{Asker}:<br>{Question}</div><br>{Answer}{/block:Answer} | |
819 | ||
820 | <div id="info"> <div id="info2"> | |
821 | {block:Date}{Timeago}{/block:Date}<a href="{Permalink}"> {block:notecount}//{Notecount}{Postnotes-16}{/block:notecount}</a> | |
822 | {block:RebloggedFrom}//<a href="{ReblogParentURL}" | |
823 | title="{ReblogParentTitle}">Via</a>//<a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}<br> </div> <div id="tags">{block:HasTags}{text:Tag preceder}{block:Tags} <a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}</div></div> | |
824 | ||
825 | </div> | |
826 | {block:PostNotes}{PostNotes}{/block:PostNotes} | |
827 | {/block:Posts}</div> | |
828 | ||
829 | </body></html> | |
830 | ||
831 | </body></html> |