API tools faq
paste
Advertisement
Aelyon

#07 Hello Sweetie (tumblr theme)

Aelyon
Feb 8th, 2013
1,871
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.61 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  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. - like button by:
  14. http://like-button.tumblr.com/
  15. - back to top button:
  16. http://www.allblogtools.com/tricks-and-hacks/how-to-add-a-tumblr-like-back-to-top-button-in-blogger/
  17.  
  18. background:smoky purple by yoksel
  19. http://www.colourlovers.com/pattern/template/216070/Foliate_smoke
  20.  
  21. -->
  22.  
  23. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
  24.  
  25. <head>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  28. <script type="text/javascript">
  29. WebFontConfig = {
  30. google: { families: [ 'Euphoria+Script::latin' ] }
  31. };
  32. (function() {
  33. var wf = document.createElement('script');
  34. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  35. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  36. wf.type = 'text/javascript';
  37. wf.async = 'true';
  38. var s = document.getElementsByTagName('script')[0];
  39. s.parentNode.insertBefore(wf, s);
  40. })(); </script>
  41.  
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
  44.  
  45.  
  46. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
  47. <script>
  48. $().ready(function() {
  49. $("[title]").style_my_tooltips({
  50. tip_follows_cursor: "on",
  51. tip_delay_time: 200
  52. });
  53. });
  54. </script>
  55.  
  56. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  57. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  58. <script type="text/javascript" charset="utf-8">
  59. var $j = jQuery.noConflict();
  60. $j(function() {
  61. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  62. $j("img").lazyload({
  63. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  64. effect: "fadeIn",
  65. });
  66. });
  67. </script>
  68.  
  69.  
  70. <title>{Title}</title>
  71. <link rel="shortcut icon" href="{Favicon}">
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73. {block:Description}
  74. <meta name="description" content="{MetaDescription}" />
  75. {/block:Description}
  76.  
  77.  
  78. <meta name="image:sidebar" content="">
  79.  
  80. <meta name="image:background" content="http://static.tumblr.com/67707f9c97a946542d9c41a0948798cd/qsrvl5m/bqemhx41g/tumblr_static_3360000.png">
  81. <meta name="image:top 1" content="">
  82. <meta name="image:top 2" content="">
  83. <meta name="image:top 3" content="">
  84. <meta name="image:top 4" content="">
  85.  
  86.  
  87. <meta name="color:background" content="#fdf3d0">
  88. <meta name="color:blockquote" content="#c072a2">
  89. <meta name="color:blog title" content="#d3be81">
  90. <meta name="color:bold" content="#b96998">
  91. <meta name="color:description" content="#3d6b66">
  92. <meta name="color:inside" content="#e5e5e5">
  93. <meta name="color:links" content="#b6b6b6">
  94. <meta name="color:links hover" content="#d1bb78">
  95. <meta name="color:music player" content="#374478">
  96. <meta name="color:mainlinks" content="#d1bb78">
  97. <meta name="color:mainlinks bg" content="#92796c">
  98. <meta name="color:post bg" content="#efefef">
  99. <meta name="color:post text" content="#5f5f5f">
  100. <meta name="color:post links" content="#b9b9b9">
  101. <meta name="color:post links hover" content="#b87282">
  102. <meta name="color:permabar bg" content="#526b70">
  103. <meta name="color:sidebar" content="#7c4461">
  104. <meta name="color:sidebar box" content="#b48b72">
  105. <meta name="color:sidebar box hover" content="#aa687d">
  106. <meta name="color:selection" content="#d1d1d1">
  107. <meta name="color:selection bg" content="#9c5c82">
  108.  
  109. <meta name="if:400px" content="">
  110. <meta name="if:500px" content="">
  111. <meta name="if:infinite scrolling" content="">
  112. <meta name="if:description on hover" content="">
  113. <meta name="if:title fancy font" content="">
  114. <meta name="if:posts fancy font" content="">
  115. <meta name="if:fixed topbar" content="">
  116. <meta name="if:tardis music player" content="">
  117. <meta name="if:scroll to top" content="">
  118. <meta name="if:reblog appear" content="">
  119.  
  120.  
  121. <meta name="text:Index" content="Index">
  122. <meta name="text:Message" content="Message">
  123. <meta name="text:Archive" content="Archive">
  124. <meta name="text:Random" content="Random">
  125. <meta name="text:name 1" content="link 1">
  126. <meta name="text:url 1" content="/">
  127. <meta name="text:name 2" content="link 2">
  128. <meta name="text:url 2" content="/">
  129. <meta name="text:name 3" content="link 3">
  130. <meta name="text:url 3" content="/">
  131. <meta name="text:name 4" content="link 4">
  132. <meta name="text:url 4" content="/">
  133. <meta name="text:name 5" content="link 5">
  134. <meta name="text:url 5" content="/">
  135. <meta name="text:name 6" content="link 6">
  136. <meta name="text:url 6" content="/">
  137.  
  138. </head>
  139.  
  140. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  141.  
  142. <style type="text/css">
  143.  
  144. body
  145.  
  146. {font-family:calibri;
  147. background-color:{color:background};
  148. color:{color:post text};
  149. background-image:url('{image:background}');
  150. background-position: fixed;
  151. background-attachment:fixed;
  152. background-repeat:repeat;}
  153.  
  154. a
  155. {text-decoration:none;
  156. color:{color:post links};
  157. -webkit-transition: all 0.5s ease-in-out;
  158. -moz-transition: all 0.5s ease-in-out;
  159. transition: all 0.5s ease-in-out;}
  160. a:hover
  161. {color:{color:post links hover};}
  162.  
  163. strong
  164. {color:{color:bold};}
  165.  
  166. ::selection
  167. {background:{color:Selection bg};
  168. color:{color:Selection};}
  169.  
  170. ::-moz-selection
  171. {background:{color:Selection bg};
  172. color:{color:Selection};}
  173.  
  174. ::-webkit-selection
  175. {background:{color:Selection bg};
  176. color:{color:Selection};}
  177.  
  178. #s-m-t-tooltip{
  179. position:absolute;
  180. padding:2px 5px;
  181. word-wrap:break-word;
  182. text-transform:lowercase;
  183. font-family:calibri;
  184. font-size:10px;
  185. border:2px solid {color:selection};
  186. z-index:1500;
  187. color:{color:selection};
  188. background-color:{color:selection bg};}
  189.  
  190. /*--Sidebar--*/
  191.  
  192. #sidebar
  193. {position:fixed;
  194. top:0px;
  195. width:218px;
  196. height:100%;
  197. margin-left:580px;
  198. padding:11px;
  199. background-color:{color:sidebar};}
  200.  
  201. #sidebar img
  202. {position:fixed;
  203. margin-top:62px;
  204. max-height:200px;
  205. min-height:200px;
  206. max-width:200px;
  207. min-width:200px;
  208. padding:5px;
  209. border:4px solid {color:sidebar box};
  210. {block:ifroundedsidebar}
  211. -moz-border-radius:110px 110px 110px 110px;
  212. -webkit-border-radius:110px 110px 110px 110px;
  213. border-radius:110px 110px 110px 110px;
  214. {/block:ifroundedsidebar}
  215. z-index:100;
  216. -webkit-transition: all 0.5s ease-in-out;
  217. -moz-transition: all 0.5s ease-in-out;
  218. transition: all 0.5s ease-in-out;}
  219.  
  220.  
  221. /*--Description--*/
  222.  
  223. #description
  224. {position:relative;
  225. padding:4px;
  226. z-index:400;
  227. letter-spacing:2px;
  228. text-align:center;
  229. overflow:hidden;
  230. color:{color:description};
  231. background-color:{color:sidebar box};
  232. -webkit-transition: all 0.7s ease-in-out;
  233. -moz-transition: all 0.7s ease-in-out;
  234. transition: all 0.7s ease-in-out;}
  235.  
  236. #desctext
  237. {font-family:calibri;
  238. font-size:11px;
  239. text-align:center;
  240. {block:ifdescriptiononhover}
  241. height:14px;
  242. margin-top:-14px;
  243. letter-spacing:0px;
  244. overflow:hidden;
  245. background-color:{color:inside};
  246. opacity:0;
  247. {/block:ifdescriptiononhover}
  248. {block:ifnotdescriptiononhover}
  249. opacity:1;
  250. height:100%;
  251. padding:2px;
  252. margin-top:4px;
  253. text-align:center;
  254. background-color:{color:inside};
  255. {/block:ifnotdescriptiononhover}
  256. -webkit-transition: all 1s ease-in-out;
  257. -moz-transition: all 1s ease-in-out;
  258. transition: all 1s ease-in-out;}
  259.  
  260. #desctext:hover
  261. {opacity:1;
  262. height:100%;
  263. padding:2px;
  264. margin-top:4px;
  265. text-align:center;
  266. background-color:{color:inside};
  267. -webkit-transition: all 1s ease-in-out;
  268. -moz-transition: all 1s ease-in-out;
  269. transition: all 1s ease-in-out;}
  270.  
  271. /*--Additional Links--*/
  272.  
  273. #addlinks
  274. {position:fixed;
  275. font-size:12px;
  276. width:150px;
  277. margin-top:287px;
  278. margin-left:34px;
  279. font-size:12px;
  280. z-index:400;
  281. letter-spacing:2px;
  282. overflow:hidden;
  283. text-align:center;
  284. font-family:georgia;
  285. -webkit-transition: all 0.7s ease-in-out;
  286. -moz-transition: all 0.7s ease-in-out;
  287. transition: all 0.7s ease-in-out;}
  288. #addlinks a
  289. {color:{color:links};
  290. -webkit-transition: all 0.7s ease-in-out;
  291. -moz-transition: all 0.7s ease-in-out;
  292. transition: all 0.7s ease-in-out;}
  293. #addlinks a:hover
  294. {color:{color:links hover};}
  295.  
  296. #link1
  297. {background-color:{color:sidebar box};
  298. margin-top:2px;
  299. padding:3px;
  300. font-size:12px;
  301. -webkit-transition: all 0.5s ease-in-out;
  302. -moz-transition: all 0.5s ease-in-out;
  303. transition: all 0.5s ease-in-out;}
  304. #link2
  305. {background-color:{color:sidebar box};
  306. margin-top:2px;
  307. padding:3px;
  308. font-size:12px;
  309. -webkit-transition: all 0.5s ease-in-out;
  310. -moz-transition: all 0.5s ease-in-out;
  311. transition: all 0.5s ease-in-out;}
  312. #link3
  313. {background-color:{color:sidebar box};
  314. margin-top:2px;
  315. padding:3px;
  316. font-size:12px;
  317. -webkit-transition: all 0.5s ease-in-out;
  318. -moz-transition: all 0.5s ease-in-out;
  319. transition: all 0.5s ease-in-out;}
  320. #link4
  321. {background-color:{color:sidebar box};
  322. margin-top:2px;
  323. padding:3px;
  324. font-size:12px;
  325. -webkit-transition: all 0.5s ease-in-out;
  326. -moz-transition: all 0.5s ease-in-out;
  327. transition: all 0.5s ease-in-out;}
  328. #link5
  329. {background-color:{color:sidebar box};
  330. margin-top:2px;
  331. padding:3px;
  332. font-size:12px;
  333. -webkit-transition: all 0.5s ease-in-out;
  334. -moz-transition: all 0.5s ease-in-out;
  335. transition: all 0.5s ease-in-out;}
  336. #link6
  337. {background-color:{color:sidebar box};
  338. margin-top:2px;
  339. padding:3px;
  340. font-size:12px;
  341. -webkit-transition: all 0.5s ease-in-out;
  342. -moz-transition: all 0.5s ease-in-out;
  343. transition: all 0.5s ease-in-out;}
  344. #link1:hover
  345. {background-color:{color:sidebar box hover};
  346. -webkit-transition: all 0.5s ease-in-out;
  347. -moz-transition: all 0.5s ease-in-out;
  348. transition: all 0.5s ease-in-out;}
  349. #link2:hover
  350. {background-color:{color:sidebar box hover};
  351. -webkit-transition: all 0.5s ease-in-out;
  352. -moz-transition: all 0.5s ease-in-out;
  353. transition: all 0.5s ease-in-out;}
  354. #link3:hover
  355. {background-color:{color:sidebar box hover};
  356. -webkit-transition: all 0.5s ease-in-out;
  357. -moz-transition: all 0.5s ease-in-out;
  358. transition: all 0.5s ease-in-out;}
  359. #link4:hover
  360. {background-color:{color:sidebar box hover};
  361. -webkit-transition: all 0.5s ease-in-out;
  362. -moz-transition: all 0.5s ease-in-out;
  363. transition: all 0.5s ease-in-out;}
  364. #link5:hover
  365. {background-color:{color:sidebar box hover};
  366. -webkit-transition: all 0.5s ease-in-out;
  367. -moz-transition: all 0.5s ease-in-out;
  368. transition: all 0.5s ease-in-out;}
  369. #link6:hover
  370. {background-color:{color:sidebar box hover};
  371. -webkit-transition: all 0.5s ease-in-out;
  372. -moz-transition: all 0.5s ease-in-out;
  373. transition: all 0.5s ease-in-out;}
  374.  
  375.  
  376. /*--Posts--*/
  377.  
  378. .post
  379. {overflow:auto;
  380. word-wrap:break-word;
  381. font-size:12px;
  382. border:10px solid {color:post bg};
  383. background-color:{color:post bg};
  384. {block:if500px}margin-left:14px;{/block:if500px}
  385. {block:if400px}margin-left:60px;{/block:if400px}
  386. {block:if500px}width:500px;{/block:if500px}
  387. {block:if400px}width:400px;{/block:if400px}
  388. z-index:800;
  389. -webkit-transition: all 0.5s ease-in-out;
  390. -moz-transition: all 0.5s ease-in-out;
  391. transition: all 0.5s ease-in-out;}
  392.  
  393.  
  394. .post img
  395. {-webkit-transition: all 0.7s ease-in-out;
  396. -moz-transition: all 0.7s ease-in-out;
  397. transition: all 0.7s ease-in-out;}
  398.  
  399.  
  400.  
  401. /*--Quotes--*/
  402.  
  403. #quotes
  404. {position:relative;
  405. text-align:center;
  406. {block:if500px}width:490px;{/block:if500px}
  407. {block:if400px}width:390px;{/block:if400px}
  408. word-wrap:break-word;
  409. margin-top:0px;
  410. font-family:georgia;
  411. font-size:18px;
  412. {block:ifpostsfancyfont}font-family:'Euphoria Script', cursive; font-size:30px;
  413. {/block:ifpostsfancyfont}}
  414.  
  415. #qpack
  416. {position:relative;
  417. margin-bottom:10px;
  418. max-height:100%;}
  419.  
  420.  
  421. /*--Melody--*/
  422.  
  423. {block:iftardismusicplayer}
  424. #tardis
  425. {position:relative;
  426. height:10px;
  427. width:10px;
  428. border:2px solid {color:music player};
  429. margin:10px 0px 0px 42px;
  430. background-color:#DBDACC;
  431. moz-box-shadow:inset -2px -2px 5px #a7b0a4;
  432. -webkit-box-shadow:inset -2px -2px 5px #a7b0a4;
  433. box-shadow:inset -2px -2px 5px #a7b0a4;
  434. z-index:60;
  435. -webkit-transition: all 0.5s ease-in-out;
  436. -moz-transition: all 0.5s ease-in-out;
  437. transition: all 0.5s ease-in-out;}
  438. #tardis:hover
  439. {background-color:#fff9e8;
  440. -moz-box-shadow: -2px -2px 15px #ffffff;
  441. -webkit-box-shadow: -2px -2px 15px #ffffff;
  442. box-shadow: -2px -2px 15px #ffffff;}
  443.  
  444. #musicplay
  445. {position:relative;
  446. overflow:hidden;
  447. width:27px;
  448. height:27px;
  449. margin:5px;}
  450.  
  451.  
  452.  
  453. #musici img
  454. {position:absolute;
  455. margin-top:-150px;
  456. margin-left:15px;
  457. z-index:2;}
  458.  
  459.  
  460.  
  461. {/block:iftardismusicplayer}
  462.  
  463. {block:ifnottardismusicplayer}
  464. #musicplay
  465. {position:relative;
  466. overflow:hidden;
  467. margin:25px 26px;
  468. width:27px;
  469. height:27px;
  470. border:5px solid{color:music player};
  471. z-index:4;}
  472.  
  473. #musici img
  474. {position:absolute;
  475. margin-top:-84px;
  476. margin-left:15px;
  477. z-index:2;}
  478. {/block:ifnottardismusicplayer}
  479. #mel1
  480. {float:left;
  481. {block:iftardismusicplayer}margin-top:-90px; margin-left:87px;
  482. {/block:iftardismusicplayer}
  483. {block:ifnottardismusicplayer}margin-top:-80px; margin-left:100px;
  484. {/block:ifnottardismusicplayer}
  485. padding:0px 0px 2px 5px;
  486. border-left:20px solid {color:blockquote};
  487. height:16px;
  488. -webkit-transition: all 0.3s ease-out;
  489. -moz-transition: all 0.3s ease-out;
  490. transition: all 0.3s ease-out;}
  491.  
  492. #mel1:hover
  493. {border-left:30px solid {color:blockquote};}
  494.  
  495. #mel2
  496. {float:left;
  497. {block:iftardismusicplayer}margin-top:-65px; margin-left:87px;
  498. {/block:iftardismusicplayer}
  499. {block:ifnottardismusicplayer}
  500. margin-top:-55px;
  501. margin-left:100px;
  502. {/block:ifnottardismusicplayer}
  503. padding:0px 0px 2px 5px;
  504. height:16px;
  505. border-left:20px solid {color:blockquote};
  506. -webkit-transition: all 0.3s ease-out;
  507. -moz-transition: all 0.3s ease-out;
  508. transition: all 0.3s ease-out;}
  509.  
  510. #mel2:hover
  511. {border-left:30px solid {color:blockquote};}
  512.  
  513. #mel3
  514. {float:left;
  515. {block:iftardismusicplayer}margin-top:-40px; margin-left:87px;
  516. {/block:iftardismusicplayer}
  517. {block:ifnottardismusicplayer}
  518. margin-top:-30px;
  519. margin-left:100px;
  520. {/block:ifnottardismusicplayer}
  521. padding:0px 0px 2px 5px;
  522. height:16px;
  523. border-left:20px solid {color:blockquote};
  524. -webkit-transition: all 0.3s ease-out;
  525. -moz-transition: all 0.3s ease-out;
  526. transition: all 0.3s ease-out;}
  527.  
  528. #mel3:hover
  529. {border-left:30px solid {color:blockquote};}
  530.  
  531. /*--Ask--*/
  532.  
  533. .ask
  534. {min-height:140px;}
  535.  
  536. #aski img
  537. {margin-top:18px;
  538. margin-left:5px;
  539. padding:10px;
  540. border:4px solid {color:blockquote};}
  541.  
  542.  
  543. #quest
  544. {{block:if500px}width:320px;{/block:if500px}
  545. {block:if400px}width:230px;{/block:if400px}
  546. margin-left:140px;
  547. margin-top:-120px;
  548. padding:10px;
  549. text-wrap:break-word;
  550. font-size:16px;
  551. text-align:center;
  552. text-shadow:5px 1px 35px #000000;
  553. font-family: calibri;
  554. background-color:{color:inside};
  555. border:4px solid {color:blockquote};}
  556.  
  557.  
  558. /*-Mainlinks--*/
  559.  
  560.  
  561. .mainlinks
  562. {{block:iffixedtopbar}position:fixed; top:0px;{/block:iffixedtopbar}
  563. margin-left:-10px;
  564. margin-bottom:170px;
  565. width:571px;
  566. padding:2px 0px;
  567. text-align:center;
  568. letter-spacing:1px;
  569. font-size:28px;
  570. text-shadow: -1px -1px black, -1px -1px #444;
  571. {block:iftitlefancyfont}font-family: 'Euphoria Script', cursive;
  572. font-size:30px;{/block:iftitlefancyfont}
  573. z-index:1090;
  574. color:{color:blog title};
  575. background-color:{color:sidebar};}
  576.  
  577. #mlink
  578. {font-size:32px;
  579. text-align:center;
  580. text-shadow: 1px 1px 20px #000;
  581. padding-top:40px;
  582. font-family:Times New Roman;
  583. -webkit-transition: all 0.5s ease-in-out;
  584. -moz-transition: all 0.5s ease-in-out;
  585. transition: all 0.5s ease-in-out;}
  586. #mlink:hover
  587. {text-shadow: -1px -1px black, -1px -1px #444;}
  588.  
  589.  
  590. #m1
  591. {position:absolute;
  592. min-width:120px;
  593. max-width:120px;
  594. min-height:120px;
  595. max-height:120px;
  596. margin-top:10px;
  597. border:8px solid {color:mainlinks bg};
  598. background-color:{color:mainlinks bg};
  599. color:{color:mainlinks};
  600. background-image:url('{image:top 1}');
  601. z-index:1090;
  602. -webkit-transition: all 0.5s ease-in-out;
  603. -moz-transition: all 0.5s ease-in-out;
  604. transition: all 0.5s ease-in-out;}
  605. #m1:hover
  606. {margin-top:20px;}
  607.  
  608. #m2
  609. {position:absolute;
  610. min-width:120px;
  611. max-width:120px;
  612. min-height:120px;
  613. max-height:120px;
  614. margin-left:145px;
  615. margin-top:10px;
  616. border:8px solid {color:mainlinks bg};
  617. background-color:{color:mainlinks bg};
  618. color:{color:mainlinks};
  619. background-image:url('{image:top 2}');
  620. z-index:1090;
  621. -webkit-transition: all 0.5s ease-in-out;
  622. -moz-transition: all 0.5s ease-in-out;
  623. transition: all 0.5s ease-in-out;}
  624. #m2:hover
  625. {margin-top:20px;}
  626. #m3
  627. {position:absolute;
  628. min-width:120px;
  629. max-width:120px;
  630. min-height:120px;
  631. max-height:120px;
  632. margin-top:10px;
  633. margin-left:290px;
  634. border:8px solid {color:mainlinks bg};
  635. color:{color:mainlinks};
  636. background-color:{color:mainlinks bg};
  637. background-image:url('{image:top 3}');
  638. z-index:1090;
  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. #m3:hover
  643. {margin-top:20px;}
  644. #m4
  645. {position:absolute;
  646. min-width:120px;
  647. max-width:120px;
  648. min-height:120px;
  649. max-height:120px;
  650. margin-top:10px;
  651. margin-left:435px;
  652. border:8px solid {color:mainlinks bg};
  653. background-color:{color:mainlinks bg};
  654. color:{color:mainlinks};
  655. background-image:url('{image:top 4}');
  656. z-index:1090;
  657. -webkit-transition: all 0.5s ease-in-out;
  658. -moz-transition: all 0.5s ease-in-out;
  659. transition: all 0.5s ease-in-out;}
  660. #m4:hover
  661. {margin-top:20px;}
  662.  
  663.  
  664.  
  665. /*-----Time, Notes, Links & Reblogs-----*/
  666.  
  667. #postlinky
  668. {position:relative;
  669. text-align:right;
  670. height:10px;
  671. font-size:22px;
  672. margin-top:-4px;
  673. margin-bottom:22px;
  674. text-shadow: -1px -1px black, -1px -1px #444;
  675. {block:if500px}width:500px;{/block:if500px}
  676. {block:if400px}width:400px;{/block:if400px}}
  677. #postlinky a
  678. {color:{color:inside};
  679. -webkit-transition: all 0.5s ease-in-out;
  680. -moz-transition: all 0.5s ease-in-out;
  681. transition: all 0.5s ease-in-out;}
  682. #postlinky a:hover
  683. {color:{color:blockquote};}
  684.  
  685. /*-----Tags-----*/
  686.  
  687. #tags
  688. {padding:4px 4px 2px;
  689. margin-bottom:20px;
  690. min-height:20px;
  691. border-left:5px solid {color:post bg};
  692. border-right:5px solid {color:post bg};
  693. border-bottom:5px solid {color:post bg};
  694. text-align:center;
  695. font-size:12px;
  696. background-color:{color:permabar bg};
  697. {block:if500px}margin-left:14px;{/block:if500px}
  698. {block:if400px}margin-left:60px;{/block:if400px}
  699. {block:if500px}width:502px;{/block:if500px}
  700. {block:if400px}width:402px;{/block:if400px}}
  701. #tags a
  702. {color:{color:tags};}
  703.  
  704.  
  705. /*-----General-----*/
  706.  
  707.  
  708. .wrap
  709. {position:absolute;
  710. top:0px;
  711. {block:iffixedtopbar}top:200px;{/block:iffixedtopbar}
  712. left:30px;}
  713.  
  714. blockquote
  715. {color:{color:post text};
  716. background-color:{color:inside};
  717. margin:10px;
  718. line-height:15px;
  719. padding-left:5px;
  720. padding-top:3px;
  721. padding-bottom:3px;
  722. border-left:6px solid {color:blockquote};}
  723.  
  724.  
  725. #pagination
  726. {position:absolute;
  727. bottom:40px;
  728. width:218px;
  729. text-align:center;
  730. font-family:calibri;
  731. font-size:14px;
  732. color:{color:sidebar box};}
  733. #pagination a
  734. {font-size:18px;
  735. color:{color:links};
  736. text-shadow:1px 1px #000;
  737. -webkit-transition: all 0.5s ease-in-out;
  738. -moz-transition: all 0.5s ease-in-out;
  739. transition: all 0.5s ease-in-out;}
  740. #pagination a:hover
  741. {color:#000;
  742. text-shadow:1px 1px {color:links hover};}
  743.  
  744.  
  745. li.note
  746. {padding: 3px 5px;
  747. text-align:left;
  748. letter-spacing: 0.5px;
  749. font-size:10px;
  750. width:490px;
  751. text-transform:lowercase;
  752. color:{color:mainlinks bg};}
  753. li.note a
  754. {color:{color:sidebar};}
  755.  
  756. .notes img
  757. {width:20px;
  758. margin-left:20px;
  759. position:relative;
  760. top: 1px;
  761. opacity: 0.8;}
  762.  
  763. .credit a
  764. {position:fixed;
  765. font-size:16px;
  766. font-family:calibri;
  767. bottom:8px;
  768. right:12px;
  769. color:{color:sidebar};
  770. text-shadow:1px 1px {color:sidebar box};
  771. -webkit-transition: all 0.5s ease-in-out;
  772. -moz-transition: all 0.5s ease-in-out;
  773. transition: all 0.5s ease-in-out;}
  774.  
  775. .credit a:hover
  776. {color:{color:links hover};
  777. text-shadow: -1px -1px black, -1px -1px #444;}
  778.  
  779. {block:ifscrolltotop}
  780. #scroll-top
  781. {position:fixed;
  782. left:723px;
  783. bottom:60px;
  784. width:10px;
  785. height:10px;
  786. font-size:16px;
  787. text-shadow: 1px 1px 20px #000;
  788. opacity:.6;
  789. -webkit-transition: all 0.5s ease-in-out;
  790. -moz-transition: all 0.5s ease-in-out;
  791. transition: all 0.5s ease-in-out;}
  792. #scroll-top:hover
  793. {text-shadow: -1px -1px black, -1px -1px #444;}
  794. {/block:ifscrolltotop}
  795.  
  796. iframe#tumblr_controls{position:fixed !important;}
  797.  
  798.  
  799. {CustomCSS}
  800.  
  801.  
  802. </style>
  803.  
  804. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  805.  
  806. <style> .my-like {!important; height:17px; width:19px; margin-top:1.8px; font-size:20px; display:inline-block; vertical-align:top; color:{color:inside};
  807. -webkit-transition: all 0.5s ease-in-out;
  808. -moz-transition: all 0.5s ease-in-out;
  809. transition: all 0.5s ease-in-out;}
  810. .my-liked, .my-like:hover { !important; height:17px; width:19px; margin-top:1.8px; font-size:20px; display:inline-block; vertical-align:top; color:#A83131; } </style> <script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style=" display:none;" > </iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false ); }; </script>
  811.  
  812.  
  813. </head>
  814.  
  815. <body>
  816.  
  817. <div class="credit"><a href="http://aelyon.tumblr.com/" title="theme by Aelyon">இ </a></div>
  818.  
  819. <div class="wrap">
  820.  
  821.  
  822. <div id="sidebar"><a href="/" title="{title}"><img src="{image:sidebar}"/></a>
  823.  
  824. <div id="addlinks">
  825. <div id="description">Description <div id="desctext">{Description}</div></div>
  826.  
  827. {block:ifurl1}
  828. <a href="{text:url 1}" title="{text:name 1}"><div id="link1">{text:name 1}</div> </a>
  829. {/block:ifurl1}
  830. {block:ifurl2}
  831. <a href="{text:url 2}" title="{text:name 2}"><div id="link2">{text:name 2}</div> </a>
  832. {/block:ifurl2}
  833. {block:ifurl3}
  834. <a href="{text:url 3}" title="{text:name 3}"><div id="link3">{text:name 3}</div></a>
  835. {/block:ifurl3}
  836. {block:ifurl4}
  837. <a href="{text:url 4}" title="{text:name 4}"><div id="link4">{text:name 4}</div></a>
  838. {/block:ifurl4}
  839. {block:ifurl5}
  840. <a href="{text:url 5}" title="{text:name 5}"><div id="link5">{text:name 5}</div></a>
  841. {/block:ifurl5}
  842. {block:ifurl6}
  843. <a href="{text:url 6}" title="{text:name 6}"><div id="link6">{text:name 6}</div></a>
  844. {/block:ifurl6}
  845.  
  846. </div>
  847.  
  848. {block:ifnotinfinitescrolling}
  849. {block:Pagination}
  850. <div id="pagination">
  851. {block:PreviousPage}
  852. <a href="{PreviousPage}" title="Previous Page">≪</a>
  853. {/block:PreviousPage}
  854. {CurrentPage} / {TotalPages}
  855. {block:NextPage}
  856. <a href="{NextPage}" title="Next Page">≫</a>
  857. {/block:NextPage}</div>
  858. {/block:Pagination}
  859. {/block:ifnotinfinitescrolling}
  860.  
  861. </div>
  862.  
  863. <div class="mainlinks">
  864. {Title}
  865. <a href="/" title="index"><div id="m1"><div id="mlink">{text:Index}</div></div></a>
  866. <a href="/ask" title="ask"><div id="m2"><div id="mlink">{text:Message}</div></div></a>
  867. <a href="/archive" title="archive"><div id="m3"><div id="mlink">{text:Archive}</div></div></a>
  868. <a href="/random" title="random"><div id="m4"><div id="mlink">{text:Random}</div></div></a>
  869.  
  870.  
  871. </div>
  872.  
  873.  
  874. {block:Posts}
  875.  
  876.  
  877.  
  878. <div class="post">
  879.  
  880. {block:Date}
  881. <div id="postlinky"> <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{24HourWithZero}:{Minutes}:{Seconds} on {MonthNumber} {Month} {Year}">☕ </a>
  882. {/block:Date}
  883.  
  884.  
  885.  
  886. <a href="{Permalink}" title="{NoteCountWithLabel}"> ☁ </a>
  887.  
  888.  
  889.  
  890. {block:ContentSource}
  891. <a href="{SourceURL}" title="source: {SourceTitle}"> ✑ </a>
  892. {/block:ContentSource}
  893.  
  894. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like">❤</div>
  895.  
  896. {block:ifreblogappear}
  897. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"> ↻ </a>
  898. {/block:ifreblogappear}
  899.  
  900. </div>
  901.  
  902.  
  903. {block:Text}
  904.  
  905. <div style="text-align:center; font-family:georgia; font-size:20px; {block:ifpostsfancyfont}font-family:'Euphoria Script', cursive;font-size:24px;{/block:ifpostsfancyfont}">{Title}</div>
  906. {Body}
  907. {/block:Text}
  908.  
  909.  
  910. {block:Photo}
  911.  
  912. {LinkOpenTag}
  913.  
  914. {block:if500px}
  915. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  916. {/block:if500px}
  917. {block:if400px}
  918. <img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}"/>
  919. {/block:if400px}
  920.  
  921. {LinkCloseTag}
  922. {block:HighRes}
  923. <div style="margin-left:0px; margin-top:-7px; font-size:22px;">
  924. <a href="{PhotoURL-HighRes}"> ↳</a></div>
  925. {/block:HighRes}
  926. {block:Caption}{Caption}{/block:Caption}
  927.  
  928. {/block:Photo}
  929.  
  930. {block:Photoset}
  931.  
  932. {block:if500px}{Photoset-500}{/block:if500px}
  933. {block:if400px}{Photoset-400}{/block:if400px}
  934. {block:Caption}{Caption}{/block:Caption}
  935.  
  936. {/block:Photoset}
  937.  
  938. {block:Quote}
  939. <div id="qpack">
  940. <div id="quotes">❝{Quote}❞</div></div>
  941. <div style="position:relative; padding:4px; font-size:12px; margin-left:24px;">{block:Source}
  942. <div style="position:relative; font-size:23px; margin-left:-24px; color:blockquote; margin-bottom:-20px;">✎</div>{Source}{/block:Source}</div>
  943. {/block:Quote}
  944.  
  945. {block:Link}<div style="text-align:center; font-size:24px; {block:ifpostsfancyfont}font-family:'Euphoria Script', cursive;
  946. {/block:ifpostsfancyfont}">
  947. <a href="{URL}"target="{Target}">{Name}</a></strong></div>
  948. {block:Description}{Description}{/block:Description}{/block:Link}
  949.  
  950.  
  951. {block:Chat}
  952. {block:Title}
  953. <div style="text-align:center; font-size:24px; {block:ifpostsfancyfont}font-family:'Euphoria Script', cursive;
  954. {/block:ifpostsfancyfont}">
  955. {Title}</div>{/block:Title}
  956. {block:Lines}<div style="margin-top:10px; border-bottom:1px dashed grey; padding:2px;">{block:Label}
  957. <strong><big>{Label}</big></strong>{/block:Label}
  958. {Line}</div>{/block:Lines}
  959. {/block:Chat}
  960.  
  961.  
  962. {block:Audio}
  963.  
  964. {block:iftardismusicplayer}
  965. <div id="tardis"></div>
  966. <div style="position:relative;
  967. height:50px;
  968. width:5px;
  969. margin-left:46.5px;
  970. margin-top:20px;
  971. margin-bottom:-70px;
  972. background-color:{color:music player}; z-index:49;"></div>
  973. <div style="position:relative;
  974. height:10px;
  975. width:66px;
  976. margin:0px 0px 0px 16px;
  977. background-color:{color:music player};"></div>
  978. <div style="position:relative;
  979. padding:20px;
  980. width:30px;
  981. margin:0px 0px 0px 10px;
  982. border-left:5px solid {color:music player};
  983. border-right:5px solid {color:music player};
  984. border-top:10px solid {color:music player};
  985. overflow:hidden;
  986. z-index:50;"></div>
  987. <div style="position:relative; height:90px; width:70px; margin:0px 0px 10px 10px; padding:5px; overflow:hidden; background-color:{color:music player}; z-index:50;">
  988.  
  989. <div id="musicplay">{AudioPlayerGrey}
  990. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}</div>
  991. {/block:AudioPlayer}
  992. </div>
  993.  
  994. {/block:iftardismusicplayer}
  995. {block:ifnottardismusicplayer}
  996. <div style="width:90px; border:5px solid {color:music player};">
  997. <div id="musicplay">{AudioPlayerGrey}
  998. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}</div>
  999. {/block:AudioPlayer}
  1000. </div>
  1001. {/block:ifnottardismusicplayer}
  1002. {block:AlbumArt}
  1003.  
  1004. <div id="musici">
  1005. <img src="{AlbumArtURL}" height="70"/>
  1006. </div>
  1007.  
  1008. {/block:AlbumArt}
  1009.  
  1010. <div id="mel1">
  1011. {block:Artist}
  1012. {Artist}{/block:Artist}</div>
  1013. <div id="mel2">
  1014. {block:Album}{Album}{/block:Album}</div>
  1015. <div id="mel3">
  1016. {block:TrackName}
  1017. <em>{TrackName}</em>
  1018. {/block:TrackName}</div>
  1019. {block:Caption}<div style=" margin-top:10px;">{Caption}</div>{/block:Caption}
  1020.  
  1021.  
  1022. {/block:Audio}
  1023.  
  1024.  
  1025. {block:Video}
  1026.  
  1027. {block:if500px}{Video-500}{/block:if500px}
  1028. {block:if400px}{Video-400}{/block:if400px}
  1029. {block:Caption}{Caption}{/block:Caption}
  1030.  
  1031. {/block:Video}
  1032.  
  1033. {block:Answer}
  1034. <div class="ask">
  1035. <div id="aski">
  1036. <a href="{Askerurl}"><img src="{AskerPortraitURL-96}"/></a></div>
  1037. <div id="quest"> ❝ {Question} ❞ </div>
  1038. </div><div style="margin-top:20px;">{Answer}</div>
  1039. {/block:Answer}
  1040.  
  1041.  
  1042. </div>
  1043.  
  1044. <div id="tags">
  1045. {block:Tags}<a href="{TagUrl}"> #{Tag} </a>{/block:Tags}
  1046.  
  1047. </div>
  1048.  
  1049.  
  1050. {/block:Posts}
  1051.  
  1052. <div id="note">
  1053. {block:PostNotes}
  1054. {PostNotes}
  1055. {/block:PostNotes}
  1056. </div>
  1057.  
  1058.  
  1059. </div>
  1060.  
  1061.  
  1062. <script type='text/javascript'>
  1063. $(function() {
  1064. $.fn.scrolltoTop = function() {
  1065. var scrollLink = $(this),
  1066. win = $(window);
  1067. scrollLink.hide();
  1068. if (win.scrollTop() != '0'){
  1069. scrollLink.fadeIn('slow')
  1070. }
  1071. win.scroll(function() {
  1072. if (win.scrollTop() == '0'){
  1073. scrollLink.fadeOut('slow')
  1074. }
  1075. else{
  1076. scrollLink.fadeIn('slow')
  1077. }
  1078. });
  1079. scrollLink.click(function() {
  1080. $('html, body').animate({
  1081. scrollTop: 0
  1082. }, 'slow')
  1083. })
  1084. }
  1085. });
  1086. $(function() {
  1087. $('#scroll-top').scrolltoTop();
  1088. });
  1089. </script>
  1090. <a id='scroll-top' href='#' title='Scroll to top'>▲</a>
  1091.  
  1092.  
  1093. </body>
  1094.  
  1095. </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!