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 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
5 | ||
6 | <!-- ***Theme by Aℯℓyℴn*** | |
7 | ||
8 | PLEASE RESPECT MY TERMS OF USE AND DO NOT STEAL, USE AS BASE OR REMOVE THE CREDIT | |
9 | thank you! | |
10 | credits: | |
11 | - tooltip's style by: | |
12 | http://manos.malihu.gr/style-my-tooltips-jquery-plugin | |
13 | ||
14 | --> | |
15 | ||
16 | <head> | |
17 | ||
18 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | |
19 | <script src="http://dl.dropbox.com/u/33213779/jquery.masonry.min.js"></script> | |
20 | <script src="https://raw.github.com/desandro/imagesloaded/master/jquery.imagesloaded.min.js"></script> | |
21 | ||
22 | <script> | |
23 | $(function(){ | |
24 | var $container = $('#container'); | |
25 | $container.imagesLoaded(function(){ | |
26 | $('#container').masonry({ | |
27 | // options | |
28 | itemSelector : '#post', | |
29 | gutterWidth: 0, | |
30 | isFitWidth: false, | |
31 | }); | |
32 | }); | |
33 | ||
34 | }); | |
35 | ||
36 | </script> | |
37 | ||
38 | {block:iffancyfonts} | |
39 | <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'> | |
40 | <script type="text/javascript"> | |
41 | WebFontConfig = { | |
42 | google: { families: [ 'Allura::latin' ] } | |
43 | }; | |
44 | (function() { | |
45 | var wf = document.createElement('script'); | |
46 | wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + | |
47 | '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; | |
48 | wf.type = 'text/javascript'; | |
49 | wf.async = 'true'; | |
50 | var s = document.getElementsByTagName('script')[0]; | |
51 | s.parentNode.insertBefore(wf, s); | |
52 | })(); </script> | |
53 | {/block:iffancyfonts} | |
54 | ||
55 | ||
56 | <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script> | |
57 | <script> | |
58 | $().ready(function() { | |
59 | $("[title]").style_my_tooltips({ | |
60 | tip_follows_cursor: "on", | |
61 | tip_delay_time: 200 | |
62 | }); | |
63 | }); | |
64 | </script> | |
65 | ||
66 | <title>{Title}</title> | |
67 | ||
68 | <link rel="shortcut icon" href="{Favicon}"> | |
69 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
70 | {block:Description} | |
71 | <meta name="description" content="{MetaDescription}" /> | |
72 | {/block:Description} | |
73 | <meta name="image:sidebar" content="http://static.tumblr.com/038740cd86aa750eca2873b6369d7588/fqrkqvs/XTsmic932/tumblr_static_200x200.png"> | |
74 | <meta name="image:background" content=""> | |
75 | <meta name="image:Index" content="http://static.tumblr.com/3e7b9da71e39804f89c00767a2f4594c/fqrkqvs/07Jmic9ej/tumblr_static_60x60.png"> | |
76 | <meta name="image:Ask" content="http://static.tumblr.com/3e7b9da71e39804f89c00767a2f4594c/fqrkqvs/07Jmic9ej/tumblr_static_60x60.png"> | |
77 | <meta name="image:Archive" content="http://static.tumblr.com/3e7b9da71e39804f89c00767a2f4594c/fqrkqvs/07Jmic9ej/tumblr_static_60x60.png"> | |
78 | <meta name="image:wrapper" content=""> | |
79 | ||
80 | - | <meta name="color:background" content="#e6dfd9"> |
80 | + | <meta name="color:background" content="#c2ab96"> |
81 | <meta name="color:blockquote" content="#916781"> | |
82 | <meta name="color:bold" content="#3f7b9b"> | |
83 | <meta name="color:inner" content="#e0d8c7"> | |
84 | <meta name="color:letters" content="#6f6f6f"> | |
85 | - | <meta name="color:links" content="#bb8aa3"> |
85 | + | <meta name="color:links" content="#5b6157"> |
86 | <meta name="color:links hover" content="#ad7e7e"> | |
87 | <meta name="color:my links" content="#4a807e"> | |
88 | <meta name="color:my links hover" content="#a994b9"> | |
89 | <meta name="color:my links bg" content="#dfb9ac"> | |
90 | <meta name="color:my links bg hover" content="#69778b"> | |
91 | <meta name="color:permabar hover" content="#c9b794"> | |
92 | <meta name="color:post bg" content="#dbcfb5"> | |
93 | <meta name="color:post titles" content="#6f6f6f"> | |
94 | <meta name="color:selection" content="#d1d1d1"> | |
95 | <meta name="color:selection bg" content="#9c5c82"> | |
96 | <meta name="color:sidebar" content="#cecebb"> | |
97 | <meta name="color:tags" content="#387275"> | |
98 | <meta name="color:wrapper" content="#f5f3f2"> | |
99 | ||
100 | <meta name="if:250px" content=""> | |
101 | <meta name="if:fancy fonts" content=""> | |
102 | <meta name="if:icon permalinks" content=""> | |
103 | <meta name="if:image fading" content=""> | |
104 | <meta name="if:reblog appear" content=""> | |
105 | <meta name="if:wrapper" content=""> | |
106 | ||
107 | ||
108 | <meta name="text:Subtitle" content="Aelyon's 8th theme"> | |
109 | ||
110 | <meta name="text:Index" content="You can"> | |
111 | <meta name="text:Ask" content="edit"> | |
112 | <meta name="text:Archive" content="their titles!"> | |
113 | <meta name="text:name 1" content="link 1"> | |
114 | <meta name="text:url 1" content="http://"> | |
115 | <meta name="text:name 2" content="link 2"> | |
116 | <meta name="text:url 2" content="http://"> | |
117 | <meta name="text:url 3" content="http://"> | |
118 | <meta name="text:name 3" content="link 3"> | |
119 | <meta name="text:url 3" content="http://"> | |
120 | <meta name="text:name 4" content="link 4"> | |
121 | <meta name="text:url 4" content="http://"> | |
122 | <meta name="text:name 5" content="link 5"> | |
123 | <meta name="text:url 5" content="http://"> | |
124 | <meta name="text:name 6" content="link 6"> | |
125 | <meta name="text:url 6" content="http://"> | |
126 | ||
127 | <style type="text/css"> | |
128 | ||
129 | {block:iffancyfonts} | |
130 | @import url(http://fonts.googleapis.com/css?family=Allura); | |
131 | {/block:iffancyfonts} | |
132 | ||
133 | body | |
134 | ||
135 | {font-family:times new romans; | |
136 | font-size:12px; | |
137 | background-color:{color:background}; | |
138 | color:{color:bold}; | |
139 | background-image:url('{image:background}'); | |
140 | background-position: fixed; | |
141 | background-attachment:fixed; | |
142 | background-repeat:repeat;} | |
143 | ||
144 | a | |
145 | {color:{color:links}; | |
146 | text-decoration:none; | |
147 | -webkit-transition: all 0.5s ease-in-out; | |
148 | -moz-transition: all 0.5s ease-in-out; | |
149 | transition: all 0.5s ease-in-out;} | |
150 | a:hover | |
151 | {color:{color:links hover};} | |
152 | ||
153 | strong | |
154 | {color:{color:bold};} | |
155 | ||
156 | em | |
157 | {color:{color:blockquote};} | |
158 | ||
159 | ||
160 | {block:ifimagefading} | |
161 | img | |
162 | {opacity:.7; | |
163 | -webkit-transition: all 0.7s ease-in-out; | |
164 | -moz-transition: all 0.7s ease-in-out; | |
165 | transition: all 0.7s ease-in-out;} | |
166 | img:hover | |
167 | {opacity:1;} | |
168 | {/block:ifimagefading} | |
169 | ||
170 | ::selection | |
171 | {background:{color:selection bg}; | |
172 | color:{color:selection};} | |
173 | ||
174 | ::-moz-selection | |
175 | {background:{color:selection bg}; | |
176 | color:{color:selection};} | |
177 | ||
178 | ::-webkit-selection | |
179 | {background:{color:selection bg}; | |
180 | color:{color:selection};} | |
181 | ||
182 | #s-m-t-tooltip{ | |
183 | position:absolute; | |
184 | padding:1px 4px; | |
185 | word-wrap:break-word; | |
186 | text-transform:uppercase; | |
187 | font-family:calibri; | |
188 | font-size:9px; | |
189 | border:2px solid {color:selection}; | |
190 | z-index:1500; | |
191 | color:{color:selection}; | |
192 | background-color:{color:selection bg};} | |
193 | ||
194 | blockquote | |
195 | {color:{color:letters}; | |
196 | background-color:{color:inner}; | |
197 | margin:10px; | |
198 | line-height:15px; | |
199 | padding-left:5px; | |
200 | padding-top:3px; | |
201 | padding-bottom:3px; | |
202 | border-left:6px solid {color:blockquote};} | |
203 | ||
204 | /*--Sidebar--*/ | |
205 | ||
206 | #sidebar | |
207 | {position:fixed; | |
208 | top:120px;} | |
209 | ||
210 | #sidebar img | |
211 | {position:fixed; | |
212 | left:20px; | |
213 | max-width:200px; | |
214 | min-width:200px; | |
215 | padding:10px; | |
216 | border:5px solid {color:sidebar}; | |
217 | {block:ifimagefading} | |
218 | opacity:.7; | |
219 | {/block:ifimagefading} | |
220 | -webkit-transition: all 0.7s ease-in-out; | |
221 | -moz-transition: all 0.7s ease-in-out; | |
222 | transition: all 0.7s ease-in-out;} | |
223 | #sidebar img:hover | |
224 | {opacity:1;} | |
225 | ||
226 | /*--Description--*/ | |
227 | ||
228 | #mystuff | |
229 | {position:fixed; | |
230 | margin-top:240px; | |
231 | left:20px; | |
232 | width:324px; | |
233 | min-height:150px; | |
234 | overflow:auto; | |
235 | text-align:right; | |
236 | border:5px solid {color:post bg}; | |
237 | background-color:{color:post bg};} | |
238 | ||
239 | #blogtitle | |
240 | {position:relative; | |
241 | letter-spacing:1px; | |
242 | text-align:right; | |
243 | margin-left:80px; | |
244 | right:7px; | |
245 | {block:iffancyfonts}font-size:26px; | |
246 | font-family: 'Allura', cursive; | |
247 | {/block:iffancyfonts} | |
248 | {block:ifnotfancyfonts} | |
249 | font-size:22px; | |
250 | {/block:ifnotfancyfonts}} | |
251 | ||
252 | #subtitle | |
253 | {float:right; | |
254 | text-align:right; | |
255 | margin:0px 10px 10px 0px; | |
256 | font-size:10px; | |
257 | letter-spacing:1px;} | |
258 | ||
259 | #describe | |
260 | {text-align:left; | |
261 | font-size:11px; | |
262 | margin-bottom:5px; | |
263 | font-family:calibri; | |
264 | word-wrap:break-word;} | |
265 | ||
266 | ||
267 | /*--Posts--*/ | |
268 | ||
269 | #container | |
270 | {position:absolute; | |
271 | top:10px; | |
272 | {block:ifnot250px}left:370px; width:780px;{/block:ifnot250px} | |
273 | {block:if250px}left:365px; width:870px;{/block:if250px}} | |
274 | ||
275 | #post | |
276 | {position:relative; | |
277 | border:8px solid {color:post bg}; | |
278 | margin:10px; | |
279 | padding:2px 2px 2px 2px; | |
280 | overflow:auto; | |
281 | color:{color:letters}; | |
282 | background-color:{color:post bg}; | |
283 | {block:if250px}width:250px;{/block:if250px} | |
284 | {block:ifnot250px}width:310px;{/block:ifnot250px} | |
285 | z-index:300;} | |
286 | ||
287 | #ptitle | |
288 | {text-align:center; | |
289 | color:{color:post titles}; | |
290 | {block:iffancyfonts} | |
291 | font-size:26px; | |
292 | font-family: 'Allura', cursive; | |
293 | {/block:iffancyfonts} | |
294 | {block:ifnotfancyfonts}font-size:18px;{/block:ifnotfancyfonts}} | |
295 | ||
296 | ||
297 | /*--Wrapper--*/ | |
298 | ||
299 | {block:ifwrapper} | |
300 | #wrapper | |
301 | {position:fixed; | |
302 | top:0px; | |
303 | bottom:0px; | |
304 | height:100%; | |
305 | {block:if250px}width:882px;{/block:if250px} | |
306 | {block:ifnot250px}width:720px;{/block:ifnot250px} | |
307 | left:368px; | |
308 | background-color:{color:wrapper}; | |
309 | background-image:url('{image:wrapper}'); | |
310 | opacity:.4; | |
311 | -moz-box-shadow: 1px 0px 28px {color:wrapper}; | |
312 | -webkit-box-shadow: 1px 0px 58px {color:wrapper}; | |
313 | box-shadow: 1px 0px 58px {color:wrapper}; | |
314 | z-index:1;} | |
315 | {/block:ifwrapper} | |
316 | ||
317 | {block:ifimagefading} | |
318 | #photoset | |
319 | {opacity:.7; | |
320 | -webkit-transition: all 0.7s ease-in-out; | |
321 | -moz-transition: all 0.7s ease-in-out; | |
322 | transition: all 0.7s ease-in-out;} | |
323 | ||
324 | #photoset:hover | |
325 | {opacity:1;} | |
326 | {/block:ifimagefading} | |
327 | ||
328 | ||
329 | /*--Music--*/ | |
330 | ||
331 | ||
332 | #audio | |
333 | {position:relative; | |
334 | {block:ifnot250px}width:196px; | |
335 | {/block:ifnot250px} | |
336 | overflow:hidden; | |
337 | margin-top:35px; | |
338 | margin-left:105px;} | |
339 | ||
340 | #album img | |
341 | {position:relative; | |
342 | margin-top:-55px; | |
343 | margin-left:8px; | |
344 | margin-bottom:10px; | |
345 | padding:5px; | |
346 | border:3px solid {color:permabar bg}; | |
347 | {block:ifimagefading}opacity:.7; | |
348 | {/block:ifimagefading} | |
349 | -webkit-transition: all 0.7s ease-in-out; | |
350 | -moz-transition: all 0.7s ease-in-out; | |
351 | transition: all 0.7s ease-in-out;} | |
352 | ||
353 | ||
354 | /*--Message--*/ | |
355 | ||
356 | .message | |
357 | {position:relative; | |
358 | {block:if250px}width:135px;{/block:if250px} | |
359 | {block:ifnot250px}width:189px;{/block:ifnot250px} | |
360 | min-height:65px; | |
361 | {block:if250px}margin-left:95px;{/block:if250px} | |
362 | {block:ifnot250px}margin-left:100px;{/block:ifnot250px} | |
363 | margin-top:5px; | |
364 | padding:10px; | |
365 | word-wrap:break-word; | |
366 | background-color:{color:inner};} | |
367 | ||
368 | .message:before | |
369 | {content:""; | |
370 | position:absolute; | |
371 | right:100%; | |
372 | top:18px; | |
373 | width:0; | |
374 | height:0; | |
375 | border-top:10px dotted transparent; | |
376 | border-right:26px solid {color:inner}; | |
377 | border-bottom:10px dotted transparent;} | |
378 | ||
379 | #asker | |
380 | {position:absolute; | |
381 | {block:if250px}margin:4px;{/block:if250px} | |
382 | {block:ifnot250px}margin:8px;{/block:ifnot250px} | |
383 | padding:5px; | |
384 | border:2px solid {color:permabar bg};} | |
385 | ||
386 | ||
387 | {block:ifimagefading} | |
388 | #album img:hover | |
389 | {opacity:1;} | |
390 | {/block:ifimagefading} | |
391 | ||
392 | /*--Mainlinks--*/ | |
393 | ||
394 | #mainlinks | |
395 | {position:fixed; | |
396 | left:274px; | |
397 | top:50px; | |
398 | z-index:300;} | |
399 | ||
400 | #index img | |
401 | {position:relative; | |
402 | border:4px solid {color:sidebar}; | |
403 | padding:5px; | |
404 | max-width:60px; | |
405 | min-width:60px; | |
406 | max-height:60px; | |
407 | min-height:60px; | |
408 | {block:ifimagefading}opacity:.7;{/block:ifimagefading} | |
409 | -webkit-transition: all 0.7s ease-in-out; | |
410 | -moz-transition: all 0.7s ease-in-out; | |
411 | transition: all 0.7s ease-in-out;} | |
412 | #index img:hover | |
413 | {opacity:1;} | |
414 | ||
415 | #ask img | |
416 | {position:relative; | |
417 | border:4px solid {color:sidebar}; | |
418 | margin-top:20px; | |
419 | padding:5px; | |
420 | max-width:60px; | |
421 | min-width:60px; | |
422 | max-height:60px; | |
423 | min-height:60px; | |
424 | {block:ifimagefading}opacity:.7;{/block:ifimagefading} | |
425 | -webkit-transition: all 0.7s ease-in-out; | |
426 | -moz-transition: all 0.7s ease-in-out; | |
427 | transition: all 0.7s ease-in-out;} | |
428 | #ask img:hover | |
429 | {opacity:1;} | |
430 | ||
431 | #archive img | |
432 | {position:relative; | |
433 | border:4px solid {color:sidebar}; | |
434 | margin-top:20px; | |
435 | padding:5px; | |
436 | max-width:60px; | |
437 | min-width:60px; | |
438 | max-height:60px; | |
439 | min-height:60px; | |
440 | {block:ifimagefading}opacity:.7;{/block:ifimagefading} | |
441 | -webkit-transition: all 0.7s ease-in-out; | |
442 | -moz-transition: all 0.7s ease-in-out; | |
443 | transition: all 0.7s ease-in-out;} | |
444 | #archive img:hover | |
445 | {opacity:1;} | |
446 | ||
447 | /*--Addlinks--*/ | |
448 | ||
449 | ||
450 | .mylinks | |
451 | {float:left; | |
452 | margin-top:32px; | |
453 | margin-left:2px; | |
454 | overflow:hidden; | |
455 | letter-spacing:2px; | |
456 | font-size:10px; | |
457 | font-family:calibri; | |
458 | text-align:center; | |
459 | z-index:1000; | |
460 | text-transform:uppercase; | |
461 | -webkit-transition: all 0.7s ease-in-out; | |
462 | -moz-transition: all 0.7s ease-in-out; | |
463 | transition: all 0.7s ease-in-out;} | |
464 | ||
465 | #link1 | |
466 | {background-color:{color:my links bg}; | |
467 | color:{color:my links}; | |
468 | padding:1px 10px; | |
469 | margin-right:20px; | |
470 | -webkit-transition: all 0.5s ease-in-out; | |
471 | -moz-transition: all 0.5s ease-in-out; | |
472 | transition: all 0.5s ease-in-out;} | |
473 | #link2 | |
474 | {background-color:{color:my links bg}; | |
475 | color:{color:my links}; | |
476 | margin-top:4px; | |
477 | padding:1px 10px; | |
478 | margin-right:20px; | |
479 | -webkit-transition: all 0.5s ease-in-out; | |
480 | -moz-transition: all 0.5s ease-in-out; | |
481 | transition: all 0.5s ease-in-out;} | |
482 | #link3 | |
483 | {margin-top:4px; | |
484 | margin-right:20px; | |
485 | padding:1px 10px; | |
486 | background-color:{color:my links bg}; | |
487 | color:{color:my links}; | |
488 | -webkit-transition: all 0.5s ease-in-out; | |
489 | -moz-transition: all 0.5s ease-in-out; | |
490 | transition: all 0.5s ease-in-out;} | |
491 | #link4 | |
492 | {margin-top:4px; | |
493 | margin-right:20px; | |
494 | padding:1px 10px; | |
495 | background-color:{color:my links bg}; | |
496 | color:{color:my links}; | |
497 | -webkit-transition: all 0.5s ease-in-out; | |
498 | -moz-transition: all 0.5s ease-in-out; | |
499 | transition: all 0.5s ease-in-out;} | |
500 | #link5 | |
501 | {margin-top:4px; | |
502 | margin-right:20px; | |
503 | padding:1px 10px; | |
504 | background-color:{color:my links bg}; | |
505 | color:{color:my links}; | |
506 | -webkit-transition: all 0.5s ease-in-out; | |
507 | -moz-transition: all 0.5s ease-in-out; | |
508 | transition: all 0.5s ease-in-out;} | |
509 | #link6 | |
510 | {margin-top:4px; | |
511 | margin-right:20px; | |
512 | padding:1px 10px; | |
513 | background-color:{color:my links bg}; | |
514 | color:{color:my links}; | |
515 | -webkit-transition: all 0.5s ease-in-out; | |
516 | -moz-transition: all 0.5s ease-in-out; | |
517 | transition: all 0.5s ease-in-out;} | |
518 | #link1:hover | |
519 | {background-color:{color:my links bg hover}; | |
520 | color:{color:my links hover};} | |
521 | #link2:hover | |
522 | {background-color:{color:my links bg hover}; | |
523 | color:{color:my links hover};} | |
524 | #link3:hover | |
525 | {background-color:{color:my links bg hover}; | |
526 | color:{color:my links hover};} | |
527 | #link4:hover | |
528 | {background-color:{color:my links bg hover}; | |
529 | color:{color:my links hover};} | |
530 | #link5:hover | |
531 | {background-color:{color:my links bg hover}; | |
532 | color:{color:my links hover};} | |
533 | #link6:hover | |
534 | {background-color:{color:my links bg hover}; | |
535 | color:{color:my links hover};} | |
536 | ||
537 | /*--Permalinks--*/ | |
538 | ||
539 | {block:ificonpermalinks} | |
540 | #postlinky | |
541 | {position:relative; | |
542 | text-align:right; | |
543 | height:10px; | |
544 | font-size:14px; | |
545 | margin-top:-5px; | |
546 | margin-bottom:10px; | |
547 | text-shadow: -1px -1px black, -1px -1px #444; | |
548 | {block:if250px}width:250px;{/block:if250px} | |
549 | {block:ifnot250px}width:310px;{/block:ifnot250px}} | |
550 | #postlinky a | |
551 | {color:#9f9f9f; | |
552 | opacity:.4; | |
553 | -webkit-transition: all 0.5s ease-in-out; | |
554 | -moz-transition: all 0.5s ease-in-out; | |
555 | transition: all 0.5s ease-in-out;} | |
556 | #postlinky a:hover | |
557 | {color:{color:blockquote};} | |
558 | {/block:ificonpermalinks} | |
559 | ||
560 | ||
561 | {block:ifnoticonpermalinks} | |
562 | #permabar a | |
563 | {text-align:left; | |
564 | font-size:9px; | |
565 | margin-left:6px; | |
566 | text-transform:uppercase; | |
567 | font-family:calibri; | |
568 | letter-spacing:1px; | |
569 | color:{color:links}; | |
570 | {/block:ifnoticonpermalinks} | |
571 | #permabar a:hover | |
572 | {color:{color:permabar hover};} | |
573 | #permabar | |
574 | {position:relative; | |
575 | padding-top:10px; | |
576 | bottom:2px; | |
577 | {block:if250px}width:245px;{/block:if250px} | |
578 | {block:ifnot250px}width:290px;{/block:ifnot250px} | |
579 | z-index:300;} | |
580 | ||
581 | #tags a | |
582 | {float:left; | |
583 | margin-left:-2px; | |
584 | bottom:2px; | |
585 | margin-top:6px; | |
586 | font-size:9px; | |
587 | font-family:calibri; | |
588 | letter-spacing:1px; | |
589 | text-transform:uppercase; | |
590 | color:{color:tags}; | |
591 | background:none;} | |
592 | ||
593 | /*--Pagination--*/ | |
594 | ||
595 | #pagination | |
596 | {position:fixed; | |
597 | left:30px; | |
598 | bottom:15px; | |
599 | padding:5px 10px; | |
600 | background-color:{color:post bg};} | |
601 | #pagination a | |
602 | {font-family:calibri; | |
603 | letter-spacing:1px; | |
604 | font-size:10px;} | |
605 | ||
606 | /*--Permalink Notes--*/ | |
607 | ||
608 | li.note | |
609 | {padding:3px 3px; | |
610 | text-align:left; | |
611 | letter-spacing: 0.5px; | |
612 | font-size:10px; | |
613 | text-transform:uppercase; | |
614 | {block:if250px}width:200px;{/block:if250px} | |
615 | {block:ifnot250px}width:260px;{/block:ifnot250px} | |
616 | text-transform:lowercase; | |
617 | color:{color:letters};} | |
618 | li.note a | |
619 | {color:{color:tags};} | |
620 | ||
621 | .notes img | |
622 | {width:20px; | |
623 | margin-left:10px; | |
624 | position:relative; | |
625 | top: 1px; | |
626 | opacity: 0.8; | |
627 | background:none;} | |
628 | ||
629 | /*--Do not remove the credit--*/ | |
630 | ||
631 | ||
632 | #credit a | |
633 | {position:fixed; | |
634 | bottom:10px; | |
635 | font-size:16px; | |
636 | font-family:calibri; | |
637 | color:{color:sidebar}; | |
638 | text-shadow: -1px -1px black, -1px -1px {color:tags}; | |
639 | -webkit-transition: all 0.5s ease-in-out; | |
640 | -moz-transition: all 0.5s ease-in-out; | |
641 | transition: all 0.5s ease-in-out;} | |
642 | ||
643 | #credit a:hover | |
644 | {color:{color:tags}; | |
645 | text-shadow: -1px -1px black, -1px -1px #444;} | |
646 | ||
647 | ||
648 | ||
649 | iframe#tumblr_controls{position:fixed !important;} | |
650 | ||
651 | ||
652 | {CustomCSS} | |
653 | ||
654 | ||
655 | </style> | |
656 | ||
657 | ||
658 | </head> | |
659 | ||
660 | ||
661 | <body> | |
662 | ||
663 | <div id="pagefit" width="100%"> | |
664 | ||
665 | {block:ifwrapper}<div id="wrapper"></div>{/block:ifwrapper} | |
666 | ||
667 | <div id="sidebar"><img src="{image:sidebar}"/> | |
668 | ||
669 | <div id="mystuff"> | |
670 | ||
671 | <div class="mylinks"> | |
672 | {block:ifurl1} | |
673 | <a href="{text:url 1}" title="{text:name 1}"><div id="link1">{text:name 1}</div> </a> | |
674 | {/block:ifurl1} | |
675 | {block:ifurl2} | |
676 | <a href="{text:url 2}" title="{text:name 2}"><div id="link2">{text:name 2}</div> </a> | |
677 | {/block:ifurl2} | |
678 | {block:ifurl3} | |
679 | <a href="{text:url 3}" title="{text:name 3}"><div id="link3">{text:name 3}</div></a> | |
680 | {/block:ifurl3} | |
681 | {block:ifurl4} | |
682 | <a href="{text:url 4}" title="{text:name 4}"><div id="link4">{text:name 4}</div></a> | |
683 | {/block:ifurl4} | |
684 | {block:ifurl5} | |
685 | <a href="{text:url 5}" title="{text:name 5}"><div id="link5">{text:name 5}</div></a> | |
686 | {/block:ifurl5} | |
687 | {block:ifurl6} | |
688 | <a href="{text:url 6}" title="{text:name 6}"><div id="link6">{text:name 6}</div></a> | |
689 | {/block:ifurl6} | |
690 | </div> | |
691 | ||
692 | <div id="describe"> | |
693 | <div id="blogtitle">{Title}</div> | |
694 | <div id="subtitle"><em>{text:Subtitle}</em><br></div> | |
695 | ||
696 | {Description} | |
697 | </div> | |
698 | ||
699 | ||
700 | </div> | |
701 | </div> | |
702 | ||
703 | ||
704 | <div id="mainlinks"> | |
705 | <div id="index"><a href="/" title="{text:index}"><img src="{image:Index}"/></a></div> | |
706 | <div id="ask"><a href="/ask" title="{text:ask}"><img src="{image:Ask}"/></a></div> | |
707 | <div id="archive" title="{text:archive}"><a href="/archive"><img src="{image:Archive}"/></a> | |
708 | </div> | |
709 | </div> | |
710 | ||
711 | <div id="container"> | |
712 | ||
713 | ||
714 | {block:Posts} | |
715 | ||
716 | ||
717 | ||
718 | ||
719 | <div id="post"> | |
720 | ||
721 | {block:IndexPage} | |
722 | {block:ificonpermalinks} | |
723 | {block:Date} | |
724 | ||
725 | <div id="postlinky"> <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{24HourWithZero}:{Minutes}:{Seconds} on {MonthNumber} {Month} {Year}">☕ </a> | |
726 | {/block:Date} | |
727 | ||
728 | <a href="{Permalink}" title="{NoteCountWithLabel}"> ☁ </a> | |
729 | ||
730 | {block:ContentSource} | |
731 | <a href="{SourceURL}" title="source: {SourceTitle}"> ϟ </a> | |
732 | {/block:ContentSource} | |
733 | ||
734 | {block:ifreblogappear} | |
735 | <a href="{ReblogURL}" target="_blank" class="details" title="reblog"> ↻ </a> | |
736 | {/block:ifreblogappear} | |
737 | ||
738 | </div> | |
739 | {/block:ificonpermalinks} | |
740 | {/block:IndexPage} | |
741 | ||
742 | ||
743 | <!--Text--> | |
744 | ||
745 | {block:Text} | |
746 | <div id="ptitle">{Title}</div> | |
747 | {Body} | |
748 | {/block:Text} | |
749 | ||
750 | <!--Photo--> | |
751 | ||
752 | {block:Photo} | |
753 | {LinkOpenTag} | |
754 | {block:if250px} | |
755 | <img src="{PhotoURL-250}"/> | |
756 | {/block:if250px} | |
757 | {block:ifnot250px} | |
758 | <img src="{PhotoURL-400}" width="310px" /> | |
759 | {/block:ifnot250px} | |
760 | {LinkCloseTag} | |
761 | {block:Caption}{Caption}{/block:Caption} | |
762 | {/block:Photo} | |
763 | ||
764 | ||
765 | {block:Photoset} | |
766 | <div id="photoset"> | |
767 | <center> | |
768 | {Photoset-250} | |
769 | </center> | |
770 | </div> | |
771 | {block:Caption}{Caption}{/block:Caption} | |
772 | {/block:Photoset} | |
773 | ||
774 | <!--Quote--> | |
775 | ||
776 | {block:Quote} | |
777 | <div style="{block:iffancyfonts}font-family: 'Allura', cursive; font-size:22px;{/block:iffancyfonts}{block:ifnotfancyfonts}font-size:18px;{/block:ifnotfancyfonts} color:{color:post titles}; margin-bottom:10px;"> | |
778 | {block:ifnotfancyfonts}<em>{/block:ifnotfancyfonts}" {Quote} "{block:ifnotfancyfonts}</em>{/block:ifnotfancyfonts}</div><center> | |
779 | {block:Source}- stated by<big> {Source}</big></center>{/block:Source} | |
780 | {/block:Quote} | |
781 | ||
782 | <!--Link--> | |
783 | ||
784 | {block:Link} | |
785 | <div style="text-align:center; font-size:18px; {block:iffancyfonts}font-family: 'Allura', cursive; font-size:26px;{/block:iffancyfonts}"> | |
786 | <a href="{URL}"target="{Target}">{Name}</a></strong></div> | |
787 | {block:Description}{Description}{/block:Description} | |
788 | {/block:Link} | |
789 | ||
790 | <!--Chat--> | |
791 | ||
792 | {block:Chat} | |
793 | {block:Title}<div style="{block:iffancyfonts}font-family: 'Allura', cursive; text-align:center; font-size:24px; {/block:iffancyfonts} | |
794 | {block:ifnotfancyfonts}font-size:18px;{/block:ifnotfancyfonts} text-align:center; margin-bottom:10px; color:{color:post titles};">{Title}</div>{/block:Title} | |
795 | {block:Lines}<div style="border-bottom:3px solid {color:permabar bg}; padding:2px 1px;"> | |
796 | {block:Label}<strong>{Label}</strong>{/block:Label} | |
797 | {Line}<br></div> | |
798 | {/block:Lines} | |
799 | {/block:Chat} | |
800 | ||
801 | <!--Audio--> | |
802 | ||
803 | {block:Audio} | |
804 | <div id="audio">{AudioPlayerGrey}</div> | |
805 | ||
806 | {/block:AudioPlayer} | |
807 | {block:AlbumArt} | |
808 | ||
809 | <div id="album"><img src="{AlbumArtURL}" height="70"/></div> | |
810 | ||
811 | {/block:AlbumArt} | |
812 | ||
813 | {block:Artist}<p><strong>Artist:</strong> {Artist}</p>{/block:Artist} | |
814 | {block:Album}<p><strong>Album:</strong> {Album}</p>{/block:Album} | |
815 | {block:TrackName}<p><strong>Song:</strong> {TrackName}</p> | |
816 | {/block:TrackName} | |
817 | {block:Caption}{Caption}{/block:Caption} | |
818 | ||
819 | {/block:Audio} | |
820 | ||
821 | <!--Video--> | |
822 | ||
823 | {block:Video} | |
824 | <center> | |
825 | {Video-250} | |
826 | </center> | |
827 | {block:Caption}{Caption}{/block:Caption} | |
828 | {/block:Video} | |
829 | ||
830 | <!--Answer--> | |
831 | ||
832 | {block:Answer} | |
833 | <div id="asker"><a href="{Askerurl}"><img src="{AskerPortraitURL-48}"/></a></div> | |
834 | <div class="message">❝ {Question} ❞ </div> | |
835 | <div style="padding-left:2px; text-decoration:capitalize;">{Answer}</div> | |
836 | {/block:Answer} | |
837 | ||
838 | ||
839 | ||
840 | ||
841 | ||
842 | <div id="permabar"> | |
843 | ||
844 | {block:IndexPage} | |
845 | {block:ifnoticonpermalinks} | |
846 | {block:Date} | |
847 | <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {24Hour}:{Minutes} {DayOfMonth}/{MonthNumber}/{Year}</time> </a> | |
848 | {/block:Date} | |
849 | ||
850 | <a href="{Permalink}"> No {NoteCountWithLabel} </a> | |
851 | ||
852 | {block:ContentSource} | |
853 | <a href="{SourceURL}"> <strong> {SourceTitle}</strong></a> | |
854 | {/block:ContentSource} | |
855 | ||
856 | {block:ifreblogappear} | |
857 | <a href="{ReblogURL}" target="_blank" class="details"> Reblog </a> | |
858 | {/block:ifreblogappear} | |
859 | {/block:ifnoticonpermalinks} | |
860 | {/block:IndexPage} | |
861 | ||
862 | <div id="tags"> | |
863 | {block:Tags} | |
864 | <a href="{TagUrl}" > #{Tag} </a> | |
865 | {/block:Tags} | |
866 | </div> | |
867 | </div> | |
868 | ||
869 | <br> | |
870 | ||
871 | <div id="note"> | |
872 | {block:PostNotes} | |
873 | {PostNotes} | |
874 | {/block:PostNotes} | |
875 | </div> | |
876 | ||
877 | </div> | |
878 | ||
879 | {/block:Posts} | |
880 | ||
881 | </div> | |
882 | ||
883 | <div id="credit"><a href="http://aelyon.tumblr.com/" title="theme by Aelyon">இ </a></div> | |
884 | ||
885 | {block:Pagination} | |
886 | <div id="pagination"> | |
887 | {block:PreviousPage} | |
888 | <a href="{PreviousPage}" title="Previous Page"><</a> | |
889 | {/block:PreviousPage} | |
890 | {CurrentPage} from {TotalPages} | |
891 | {block:NextPage} | |
892 | <a href="{NextPage}" title="Next Page"><big>></big></a> | |
893 | {/block:NextPage}</div> | |
894 | {/block:Pagination} | |
895 | ||
896 | </div> | |
897 | ||
898 | </body> | |
899 | ||
900 | </html> |