API tools faq
paste
Advertisement
Aelyon

#08 Hope (tumblr theme)

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