API tools faq
paste
Advertisement
Aelyon

#06 Moon Fairy (tumblr theme)

Aelyon
Feb 2nd, 2013
1,984
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.12 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.  
  11. background image:Fractal 2-Stars by greenaleydis
  12. (http://greenaleydis-stock.deviantart.com/art/Fractal-2-Stars-83227335)
  13.  
  14. sidebar image by かなた
  15.  
  16. -->
  17.  
  18. <head>
  19.  
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Englebert' rel='stylesheet' type='text/css'>
  22.  
  23. <script type="text/javascript">
  24. WebFontConfig = {
  25. google: { families: [ 'Englebert::latin' ] }
  26. };
  27. (function() {
  28. var wf = document.createElement('script');
  29. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  30. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  31. wf.type = 'text/javascript';
  32. wf.async = 'true';
  33. var s = document.getElementsByTagName('script')[0];
  34. s.parentNode.insertBefore(wf, s);
  35. })(); </script>
  36. <title>{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />
  41. {/block:Description}
  42.  
  43. <meta name="image:sidebar" content="http://static.tumblr.com/df0f02e799b329c46c46cfc3aac0ac86/qsrvl5m/Dnjmhka6z/tumblr_static_karem1tk.png">
  44.  
  45. <meta name="image:background" content="http://static.tumblr.com/430657b514f51eb4f4b48c8d76216855/qsrvl5m/MbXmhjo8e/tumblr_static_fractal_2___stars_by_greenaleydis_stock.jpg">
  46.  
  47. <meta name="color:post bg" content="#efefef">
  48. <meta name="color:post text" content="#5f5f5f">
  49. <meta name="color:post border" content="#e4e1e1">
  50. <meta name="color:blockquote box" content="#d5d5d5">
  51. <meta name="color:blockquote" content="#478b8f">
  52. <meta name="color:permabar bg" content="#74beb3">
  53. <meta name="color:sidebar box" content="#5c8b84">
  54. <meta name="color:post links" content="#919191">
  55. <meta name="color:links" content="#d8d4d4">
  56. <meta name="color:links hover" content="#fff">
  57. <meta name="color:bold" content="#4f4f4f">
  58. <meta name="color:permalinks" content="#8f8f8f">
  59. <meta name="color:description" content="#2f2f2f">
  60.  
  61. <meta name="if:400px" content="">
  62. <meta name="if:500px" content="">
  63. <meta name="if:250px" content="">
  64. <meta name="if:sidebar hover" content="">
  65. <meta name="if:moon fairy" content="">
  66. <meta name="if:shine on hover" content="">
  67. <meta name="if:reblog appear" content="">
  68. <meta name="if:image hover" content="">
  69. <meta name="if:infinite Scrolling" content="">
  70.  
  71. <meta name="text:image posts title" content="Image post">
  72. <meta name="text:video posts title" content="Video post">
  73. <meta name="text:music posts title" content="Music post">
  74. <meta name="text:quote posts title" content="Quote post">
  75. <meta name="text:answer posts title" content="Answer post">
  76.  
  77.  
  78. <meta name="text:name 1" content="link 1">
  79. <meta name="text:url 1" content="/">
  80. <meta name="text:name 2" content="link 2">
  81. <meta name="text:url 2" content="/">
  82. <meta name="text:name 3" content="link 3">
  83. <meta name="text:url 3" content="/">
  84. <meta name="text:name 4" content="link 4">
  85. <meta name="text:url 4" content="/">
  86. <meta name="text:name 5" content="link 5">
  87. <meta name="text:url 5" content="/">
  88. <meta name="text:name 6" content="link 6">
  89. <meta name="text:url 6" content="/">
  90. <meta name="text:name 7" content="link 7">
  91. <meta name="text:url 7" content="/">
  92. </head>
  93.  
  94. <style type="text/css">
  95.  
  96. @import url(http://fonts.googleapis.com/css?family=Englebert);
  97.  
  98. body
  99.  
  100. {font-family:calibri;
  101. background-color:{color:Background};
  102. color:{color:post text};
  103. background-image:url('{image:background}');
  104. background-position: fixed;
  105. background-attachment:fixed;
  106. background-repeat:repeat;}
  107.  
  108. a
  109. {text-decoration:none;
  110. color:{color:post links};
  111. -webkit-transition: all 0.5s ease-in-out;
  112. -moz-transition: all 0.5s ease-in-out;
  113. transition: all 0.5s ease-in-out;}
  114. a:hover
  115. {color:{color:links hover};
  116. -webkit-transition: all 0.5s ease-in-out;
  117. -moz-transition: all 0.5s ease-in-out;
  118. transition: all 0.5s ease-in-out;}
  119.  
  120. img
  121. {-webkit-transition: all 0.7s ease-in-out;
  122. -moz-transition: all 0.7s ease-in-out;
  123. transition: all 0.7s ease-in-out;}
  124.  
  125. {block:ifimagehover}
  126. img:hover
  127. {opacity:0.7;
  128. -webkit-transition: all 0.5s ease-in-out;
  129. -moz-transition: all 0.5s ease-in-out;
  130. transition: all 0.5s ease-in-out;}
  131. {/block:ifimagehover}
  132.  
  133. /*--Sidebar--*/
  134.  
  135. {block:ifmoonfairy}
  136. #fairy img
  137. {position:fixed;
  138. margin-top:147px;
  139. margin-left:-271px;
  140. width:210px;
  141. z-index:200;
  142. opacity:0.4;
  143. z-index:200;}
  144. {/block:ifmoonfairy}
  145.  
  146.  
  147. #sidebar img
  148. {position:fixed;
  149. margin-top:156px;
  150. margin-left:-262px;
  151. min-width:200px;
  152. min-height:200px;
  153. max-height:200px;
  154. max-width:200px;
  155. border:4px solid {color:sidebar box};
  156. -moz-border-radius:110px 110px 110px 110px;
  157. -webkit-border-radius:110px 110px 110px 110px;
  158. border-radius:110px 110px 110px 110px;
  159. z-index:100;
  160. -webkit-transition: all 0.5s ease-in-out;
  161. -moz-transition: all 0.5s ease-in-out;
  162. transition: all 0.5s ease-in-out;}
  163.  
  164. {block:ifsidebarhover}
  165. #sidebar img:hover
  166. {-moz-box-shadow: 0px 0px 25px #ffffff;
  167. -webkit-box-shadow: 0px 0px 25px #ffffff;
  168. box-shadow: 0px 0px 25px #ffffff;
  169. -webkit-transition: all 0.5s ease-in-out;
  170. -moz-transition: all 0.5s ease-in-out;
  171. transition: all 0.5s ease-in-out;}
  172. {/block:ifsidebarhover}
  173.  
  174.  
  175. /*--Description--*/
  176.  
  177. #description
  178. {position:fixed; font-size:12px; width:150px; height:148px; margin-top:185px; margin-left:-232px; z-index:400; overflow:hidden; text-align:center; color:{color:description};
  179. -webkit-transition: all 0.7s ease-in-out;
  180. -moz-transition: all 0.7s ease-in-out;
  181. transition: all 0.7s ease-in-out;
  182. opacity:0;}
  183.  
  184. {block:ifshineonhover}
  185. #description:hover
  186. {opacity:1;
  187. -webkit-transition: all 0.7s ease-in-out;
  188. -moz-transition: all 0.7s ease-in-out;
  189. transition: all 0.7s ease-in-out;}
  190. {/block:ifshineonhover}
  191. /*--Posts--*/
  192.  
  193. .post
  194. {position:relative;
  195. overflow:auto;
  196. {block:if500px}width:500px;{/block:if500px}
  197. {block:if400px}width:400px;{/block:if400px}
  198. {block:if250px}width:250px;{/block:if250px}
  199. padding:20px 10px 10px 10px;
  200. right:10px;
  201. word-wrap:break-word;
  202. margin:20px;
  203. font-size:12px;
  204. overflow:auto;
  205. border:3px solid {color:post border};
  206. background-color:{color:post bg};
  207. -moz-border-radius:10px 10px 0px 0px;
  208. -webkit-border-radius:10px 10px 0px 0px;
  209. border-radius:30px 30px 0px 0px;
  210. z-index:1000;
  211. -webkit-transition: all 0.5s ease-in-out;
  212. -moz-transition: all 0.5s ease-in-out;
  213. transition: all 0.5s ease-in-out;}
  214. .post a
  215. {text-decoration:none;
  216. color:{color:post links};}
  217. .post a:hover
  218. {color:{color:links hover};
  219. -webkit-transition: all 0.5s ease-in-out;
  220. -moz-transition: all 0.5s ease-in-out;
  221. transition: all 0.5s ease-in-out;}
  222.  
  223. .post img
  224. {-webkit-transition: all 0.7s ease-in-out;
  225. -moz-transition: all 0.7s ease-in-out;
  226. transition: all 0.7s ease-in-out;}
  227.  
  228.  
  229. .post:hover
  230. {{block:ifshineonhover}
  231. -moz-box-shadow: -1px 3px 25px #aaa;
  232. -webkit-box-shadow: -1px 3px 25px #aaa;
  233. box-shadow: -1px 3px 25px #aaa;
  234. -webkit-transition: all 0.5s ease-in-out;
  235. -moz-transition: all 0.5s ease-in-out;
  236. transition: all 0.5s ease-in-out;
  237. {/block:ifshineonhover}}
  238.  
  239.  
  240. /*--Quotes--*/
  241.  
  242. #quotes
  243. {position:relative;
  244. text-align:center;
  245. {block:if500px}width:430px;{/block:if500px}
  246. {block:if400px}width:330px;{/block:if400px}
  247. {block:if250px}width:190px;{/block:if250px}
  248. margin-left:65px;
  249. word-wrap:break-word;
  250. margin-top:-60px;
  251. margin-bottom:10px;
  252. font-family: 'Englebert', sans-serif;
  253. font-size:18px;}
  254.  
  255. #qpack
  256. {position:relative;
  257. min-height:80px;}
  258.  
  259. /*--Melody--*/
  260.  
  261. .music
  262. {float:left;
  263. {block:if400px}max-width:260px;{/block:if400px}
  264. {block:if500px}max-width:290px;{/block:if500px}
  265. {block:if250px}max-width:185px;{/block:if250px}
  266. min-height:60px;
  267. margin-top:5px;
  268. {block:if400px}margin-left:125px;{/block:if400px}
  269. {block:if500px}margin-left:125px;{/block:if500px}
  270. {block:if250px}margin-left:60px;{/block:if250px}
  271. padding:5px;
  272. margin-bottom:10px;
  273. overflow:hidden;
  274. background-color:{color:blockquote box};}
  275.  
  276.  
  277. #musicplay
  278. {position:relative;
  279. overflow:hidden;
  280. width:27px;
  281. height:27px;
  282. border:13px solid #e5e5e5;
  283. margin:5px;}
  284.  
  285.  
  286. #musicinfo
  287. {float:left;
  288. width:165px;
  289. margin-top:-55px;
  290. margin-left:70px;}
  291.  
  292. #musici img
  293. {position:absolute;
  294. margin:5px;
  295. border:5px solid {color:blockquote box};
  296. z-index:501;}
  297.  
  298.  
  299.  
  300. /*--Ask--*/
  301.  
  302.  
  303. .ask
  304. {min-height:140px;}
  305.  
  306. #aski img
  307. {margin-top:26px;
  308. margin-left:22px;
  309. border:4px solid {color:blockquote box};}
  310.  
  311.  
  312. #quest
  313. {{block:if500px}width:320px;{/block:if500px}
  314. {block:if400px}width:230px;{/block:if400px}
  315. margin-left:140px;
  316. margin-top:-125px;
  317. padding:10px;
  318. text-wrap:break-word;
  319. font-size:16px;
  320. text-align:center;
  321. font-family: calibri;
  322. background-color:{color:blockquote box};}
  323.  
  324.  
  325. /*--Links--*/
  326.  
  327.  
  328.  
  329. #mainlinks
  330. {position:fixed;
  331. margin-left:-335px;
  332. margin-top:265px;
  333. color:{color:sidebar box};}
  334. #mainlinks a
  335. {list-style-type:circle;
  336. font-size:14px;
  337. font-family: 'Englebert', sans-serif;
  338. color:{color:links};
  339. -webkit-transition: all 0.5s ease-in-out;
  340. -moz-transition: all 0.5s ease-in-out;
  341. transition: all 0.5s ease-in-out;}
  342. #mainlinks a:hover
  343. {letter-spacing:2px;
  344. font-size:16px;
  345. {block:ifshineonhover}
  346. text-shadow: -2px -1px 9px #fff;
  347. {/block:ifshineonhover}
  348. -webkit-transition: all 1s ease-in-out;
  349. -moz-transition: all 1s ease-in-out;
  350. transition: all 1s ease-in-out;}
  351.  
  352. #link1 a
  353. {color:{color:links};
  354. position:fixed;
  355. margin-left:-60px;
  356. margin-top:20px;
  357. -webkit-transition: all 0.5s ease-in-out;
  358. -moz-transition: all 0.5s ease-in-out;
  359. transition: all 0.5s ease-in-out;}
  360. #link1 a:hover
  361. {color:{color:links hover};
  362. text-shadow:0px 3px 14px #ffffff;
  363. -webkit-transition: all 0.5s ease-in-out;
  364. -moz-transition: all 0.5s ease-in-out;
  365. transition: all 0.5s ease-in-out;}
  366.  
  367.  
  368.  
  369. #link2 a
  370. {color:{color:links};
  371. position:fixed;
  372. margin-left:-270px;
  373. margin-top:60px;
  374. -webkit-transition: all 0.5s ease-in-out;
  375. -moz-transition: all 0.5s ease-in-out;
  376. transition: all 0.5s ease-in-out;}
  377. #link2 a:hover
  378. {color:{color:links hover};
  379. text-shadow:0px 3px 14px #ffffff;
  380. -webkit-transition: all 0.5s ease-in-out;
  381. -moz-transition: all 0.5s ease-in-out;
  382. transition: all 0.5s ease-in-out;}
  383.  
  384.  
  385. #link3 a
  386. {color:{color:links};
  387. position:fixed;
  388. margin-left:-294px;
  389. margin-top:210px;
  390. -webkit-transition: all 0.5s ease-in-out;
  391. -moz-transition: all 0.5s ease-in-out;
  392. transition: all 0.5s ease-in-out;}
  393. #link3 a:hover
  394. {color:{color:links hover};
  395. text-shadow:0px 3px 14px #ffffff;
  396. -webkit-transition: all 0.5s ease-in-out;
  397. -moz-transition: all 0.5s ease-in-out;
  398. transition: all 0.5s ease-in-out;}
  399.  
  400.  
  401. #link4 a
  402. {color:{color:links};
  403. position:fixed;
  404. margin-left:-370px;
  405. margin-top:130px;
  406. -webkit-transition: all 0.5s ease-in-out;
  407. -moz-transition: all 0.5s ease-in-out;
  408. transition: all 0.5s ease-in-out;}
  409. #link4 a:hover
  410. {color:{color:links hover};
  411. text-shadow:0px 3px 14px #ffffff;
  412. -webkit-transition: all 0.5s ease-in-out;
  413. -moz-transition: all 0.5s ease-in-out;
  414. transition: all 0.5s ease-in-out;}
  415.  
  416.  
  417. #link5 a
  418. {color:{color:links};
  419. position:fixed;
  420. margin-left:-32px;
  421. margin-top:330px;
  422. -webkit-transition: all 0.5s ease-in-out;
  423. -moz-transition: all 0.5s ease-in-out;
  424. transition: all 0.5s ease-in-out;}
  425. #link5 a:hover
  426. {color:{color:links hover};
  427. text-shadow:0px 3px 14px #ffffff;
  428. -webkit-transition: all 0.5s ease-in-out;
  429. -moz-transition: all 0.5s ease-in-out;
  430. transition: all 0.5s ease-in-out;}
  431.  
  432. #link6 a
  433. {color:{color:links};
  434. position:fixed;
  435. margin-left:-270px;
  436. margin-top:400px;
  437. -webkit-transition: all 0.5s ease-in-out;
  438. -moz-transition: all 0.5s ease-in-out;
  439. transition: all 0.5s ease-in-out;}
  440. #link6 a:hover
  441. {color:{color:links hover};
  442. text-shadow:0px 3px 14px #ffffff;
  443. -webkit-transition: all 0.5s ease-in-out;
  444. -moz-transition: all 0.5s ease-in-out;
  445. transition: all 0.5s ease-in-out;}
  446.  
  447.  
  448. #link7 a
  449. {color:{color:links};
  450. position:fixed;
  451. margin-left:-200px;
  452. margin-top:480px;
  453. -webkit-transition: all 0.5s ease-in-out;
  454. -moz-transition: all 0.5s ease-in-out;
  455. transition: all 0.5s ease-in-out;}
  456. #link7 a:hover
  457. {color:{color:links hover};
  458. text-shadow:0px 3px 14px #ffffff;
  459. -webkit-transition: all 0.5s ease-in-out;
  460. -moz-transition: all 0.5s ease-in-out;
  461. transition: all 0.5s ease-in-out;}
  462.  
  463.  
  464.  
  465. /*-----Random-----*/
  466.  
  467.  
  468. .wrap
  469. {position:absolute;
  470. {block:if400px}right:140px;{block:if400px}
  471. {block:if500px}right:50px;{block:if500px}
  472. {block:if250px}right:140px;{block:if250px}}
  473.  
  474. #blogtitle a
  475. {position:fixed;
  476. font-size:26px;
  477. font-family: 'Englebert', sans-serif;
  478. word-wrap:break-word;
  479. color:{color:links};
  480. text-align:left;
  481. width:120px;
  482. margin-top:77px;
  483. margin-left:-170px;
  484. text-shadow:2px 2px {color:bold};
  485. -webkit-transition: all 0.5s ease-in-out;
  486. -moz-transition: all 0.5s ease-in-out;
  487. transition: all 0.5s ease-in-out;}
  488.  
  489. #blogtitle a:hover
  490. {color:{color:links hover};
  491. text-shadow:2px 2px 2px {color:links};
  492. -webkit-transition: all 0.5s ease-in-out;
  493. -moz-transition: all 0.5s ease-in-out;
  494. transition: all 0.5s ease-in-out;}
  495.  
  496.  
  497. blockquote
  498. {color:{color:post text};
  499. background:{color:blockquote box};
  500. margin:10px;
  501. line-height:15px;
  502. padding-left:5px;
  503. padding-top:3px;
  504. padding-bottom:3px;
  505. border-left:6px solid {color:blockquote};}
  506.  
  507. #posttitle
  508. {position:relative;
  509. margin-left:13px;
  510. min-height:10px;
  511. word-wrap:break-word;
  512. text-align:center;
  513. padding:4px;
  514. font-size:16px;
  515. font-family: 'Englebert', sans-serif;
  516. letter-spacing:1px;
  517. -moz-border-radius:20px 20px 20px 20px;
  518. -webkit-border-radius:20px 20px 20px 20px;
  519. border-radius:20px 20px 20px 20px;
  520. border:3px solid {color:post border};
  521. background-color:{color:Permabar bg};
  522. {block:if500px}width:504px;{/block:if500px}
  523. {block:if400px}width:404px;{/block:if400px}
  524. {block:if250px}width:254px;{/block:if250px}
  525. text-shadow:1px 0.5px 0px #000000;
  526. -webkit-transition: all 0.5s ease-in-out;
  527. -moz-transition: all 0.5s ease-in-out;
  528. transition: all 0.5s ease-in-out;
  529. z-index:100;}
  530.  
  531. #posttitle a
  532. {color:{color:permalinks};
  533. -webkit-transition: all 0.7s ease-in-out;
  534. -moz-transition: all 0.7s ease-in-out;
  535. transition: all 0.7s ease-in-out;}
  536. #posttitle a:hover
  537. {color:{color:links hover};
  538. text-shadow:0px 0px 4px #000;
  539. -webkit-transition: all 0.5s ease-in-out;
  540. -moz-transition: all 0.5s ease-in-out;
  541. transition: all 0.5s ease-in-out;}
  542. #posttitle:hover
  543. {{block:ifshineonhover}
  544. -moz-box-shadow: -1px 3px 25px #aaa;
  545. -webkit-box-shadow: -1px 3px 25px #aaa;
  546. box-shadow: -1px 3px 25px #aaa;
  547. -webkit-transition: all 0.5s ease-in-out;
  548. -moz-transition: all 0.5s ease-in-out;
  549. transition: all 0.5s ease-in-out;
  550. {/block:ifshineonhover}}
  551.  
  552. #permabar
  553. {padding:4px 6px;
  554. border-left:3px solid {color:post border};
  555. border-right:3px solid {color:post border};
  556. border-bottom:3px solid {color:post border};
  557. position:relative;
  558. text-align:center;
  559. margin-left:10px;
  560. margin-top:-20px;
  561. margin-bottom:20px;
  562. font-size:12px;
  563. background-color:{color:Permabar bg};
  564. {block:if500px}width:508px;{/block:if500px}
  565. {block:if400px}width:408px;{/block:if400px}
  566. {block:if250px}width:258px;{/block:if250px}}
  567. #permabar a
  568. {color:{color:permalinks};
  569. -webkit-transition: all 0.5s ease-in-out;
  570. -moz-transition: all 0.5s ease-in-out;
  571. transition: all 0.5s ease-in-out;}
  572. #permabar a:hover
  573. {color:{color:links hover};
  574. -webkit-transition: all 0.5s ease-in-out;
  575. -moz-transition: all 0.5s ease-in-out;
  576. transition: all 0.5s ease-in-out;}
  577.  
  578.  
  579. #previous a
  580. {position:fixed;
  581. {block:if500px}right:40px;{/block:if500px}
  582. {block:if400px}right:100px;{/block:if400px}
  583. {block:if250px}right:120px;{/block:if250px}
  584. margin-top:250px;
  585. font-family:calibri; font-size:20px; color:{color:links}; z-index:800; text-shadow:2px 2px {color:bold};}
  586. #previous a:hover
  587. {color:{color:links hover};
  588. text-shadow:2px 2px 2px {color:links};
  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.  
  593.  
  594. #next a
  595. {position:fixed;
  596. {block:if500px}right:30px;{/block:if500px}
  597. {block:if400px}right:90px;{/block:if400px}
  598. {block:if250px}right:110px;{/block:if250px}
  599. margin-top:250px;
  600. font-family:calibri; font-size:20px; color:{color:links}; z-index:800; text-shadow:2px 2px {color:bold};}
  601. #next a:hover
  602. {color:{color:links hover};
  603. text-shadow:2px 2px 2px {color:links};
  604. -webkit-transition: all 0.5s ease-in-out;
  605. -moz-transition: all 0.5s ease-in-out;
  606. transition: all 0.5s ease-in-out;}
  607.  
  608.  
  609. li.note
  610. {padding: 3px 5px;
  611. text-align:left;
  612. letter-spacing: 0.5px;
  613. font-size:10px;
  614. {block:if500px}width:490px;{/block:if500px}
  615. {block:if400px}width:390px;{/block:if400px}
  616. {block:if250px}width:240px;{/block:if250px}
  617. text-transform:lowercase;
  618. color:#9f9f9f;}
  619.  
  620. .notes img
  621. {width: 20px;
  622. position: relative;
  623. top: 1px;
  624. opacity: 0.8;
  625. border-radius: 5px 5px 5px 5px;
  626. -moz-border-radius: 5px 5px 5px 5px;}
  627.  
  628. .credit a
  629. {position:fixed;
  630. font-size:18px;
  631. font-family: 'Alex Brush', cursive;
  632. bottom:8px;
  633. right:12px;
  634. color:{color:links};
  635. text-shadow:2px 2px {color:bold};
  636. -webkit-transition: all 0.5s ease-in-out;
  637. -moz-transition: all 0.5s ease-in-out;
  638. transition: all 0.5s ease-in-out;}
  639.  
  640. .credit a:hover
  641. {color:{color:links hover};
  642. text-shadow:2px 2px 2px {color:links};
  643. -webkit-transition: all 0.5s ease-in-out;
  644. -moz-transition: all 0.5s ease-in-out;
  645. transition: all 0.5s ease-in-out;}
  646.  
  647.  
  648.  
  649.  
  650. {CustomCSS}
  651.  
  652. </style>
  653.  
  654. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  655.  
  656. </head>
  657.  
  658. <body>
  659.  
  660. <div class="credit"><a href="http://aelyon.tumblr.com/" title="theme designer">இ </a></div>
  661.  
  662. <div class="wrap">
  663.  
  664. <div id="blogtitle"><a href="/">{Title}</a></div>
  665.  
  666.  
  667. {block:ifmoonfairy}
  668. <div id="fairy"><img src="http://25.media.tumblr.com/4270d87fcc6dc2c97db558533092ed2d/tumblr_mh70x098vo1rpz2goo1_400.png"/></div>
  669. {/block:ifmoonfairy}
  670.  
  671. <div id="sidebar"><img src="{image:sidebar}"/>
  672.  
  673. <div id="description">{Description}</div>
  674.  
  675. </div>
  676.  
  677. <div id="mainlinks">
  678. <li><a href="/">Index</a></li>
  679. <li><a href="/ask">Message</a></li>
  680. <li><a href="/archive">Archive</a></li></div>
  681. {block:ifurl1}
  682. <div id="link1"><a href="{text:url 1}" title="{text:name 1}"> ✶ </a></div>
  683. {/block:ifurl1}
  684. {block:ifurl2}
  685. <div id="link2"><a href="{text:url 2}" title="{text:name 2}"> ✶ </a></div>
  686. {/block:ifurl2}
  687. {block:ifurl3}
  688. <div id="link3"><a href="{text:url 3}" title="{text:name 3}"> ✶ </a></div>
  689. {/block:ifurl3}
  690. {block:ifurl4}
  691. <div id="link4"><a href="{text:url 4}" title="{text:name 4}"> ✶ </a></div>
  692. {/block:ifurl4}
  693. {block:ifurl5}
  694. <div id="link5"><a href="{text:url 5}" title="{text:name 5}"> ✶ </a></div>
  695. {/block:ifurl5}
  696. {block:ifurl6}
  697. <div id="link6"><a href="{text:url 6}" title="{text:name 6}"> ✶ </a></div>
  698. {/block:ifurl6}
  699. {block:ifurl7}
  700. <div id="link7"><a href="{text:url 7}" title="{text:name 7}"> ✶ </a></div>
  701. {/block:ifurl7}
  702.  
  703. <div class = "autopagerize_page_element" >
  704.  
  705. {block:Posts}
  706.  
  707.  
  708. <div id="posttitle">
  709. <a href="{Permalink}">
  710. {block:Text}{Title}{/block:Text}
  711. {block:Photo}{text:image posts title}{/block:Photo}
  712. {block:Photoset}{text:image posts title}{/block:Photoset}
  713. {block:Audio}{text:music posts title}{/block:Audio}
  714. {block:Video}{text:video posts title}{/block:Video}
  715. {block:Chat}{block:Title}{Title}{/block:Title}{/block:Chat}
  716. {block:Quote}{text:quote posts title}{/block:Quote}
  717. {block:Answer}{text:answer posts title}{/block:Answer} </a>
  718. {block:Link}<a href="{URL}"target="{Target}">{Name}</a></strong>{block:Link}
  719. </div>
  720.  
  721. <div class="post">
  722.  
  723.  
  724. {block:Text}
  725. {Body}
  726. {/block:Text}
  727.  
  728.  
  729. {block:Photo}
  730.  
  731. {LinkOpenTag}
  732.  
  733. {block:if500px}
  734. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  735. {/block:if500px}
  736. {block:if400px}
  737. <img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}"/>
  738. {/block:if400px}
  739. {block:if250px}
  740. <img src="{PhotoURL-250}" width="250px" alt="{PhotoAlt}"/>
  741. {/block:if250px}
  742.  
  743. {LinkCloseTag}
  744. {block:HighRes}
  745. <div style="margin-left:0px; margin-top:-7px; font-size:22px;">
  746. <a href="{PhotoURL-HighRes}"> ↳</a></div>
  747. {/block:HighRes}
  748. {block:Caption}{Caption}{/block:Caption}
  749.  
  750. {/block:Photo}
  751.  
  752. {block:Photoset}
  753.  
  754. {block:if500px}{Photoset-500}{/block:if500px}
  755. {block:if400px}{Photoset-400}{/block:if400px}
  756. {block:if250px}{Photoset-250}{/block:if250px}
  757. {block:Caption}{Caption}{/block:Caption}
  758.  
  759. {/block:Photoset}
  760.  
  761. {block:Quote}
  762. <div id="qpack">
  763. <div style="font-size:40px; margin-left:6px; border-right:2px dotted {color:blockquote box}; width:55px;"> ✎ </div>
  764. <div id="quotes">❝{Quote}❞</div></div>
  765. <div style=" padding:2px;">{block:Source}{Source}{/block:Source}</div>{/block:Quote}
  766.  
  767.  
  768. {block:Link}
  769. {block:Description}{Description}{/block:Description}{/block:Link}
  770.  
  771.  
  772. {block:Chat}{block:Lines}<div style="margin-top:10px; border-bottom:1px dashed grey; padding:2px;">{block:Label}
  773. <div style="font-size:14px; font-family: 'Englebert', sans-serif;"><strong>{Label}</strong></div>{/block:Label}
  774. <div style="font-size:12px;">- {Line}</div></div>{/block:Lines}{/block:Chat}
  775.  
  776.  
  777. {block:Audio}
  778. {block:AlbumArt}
  779. <div id="musici">
  780. {block:if500px}<img src="{AlbumArtURL}" height="100"/>
  781. {/block:if500px}
  782. {block:if400px}<img src="{AlbumArtURL}" height="100"/>
  783. {/block:if400px}
  784. {block:if250px}<img src="{AlbumArtURL}" height="50"/>
  785. {/block:if250px}
  786.  
  787. </div>
  788. {/block:AlbumArt}
  789. <div class="music">
  790. {block:AudioPlayer}<div id="musicplay">{AudioPlayerGrey}
  791. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}</div>
  792. {/block:AudioPlayer}
  793. <div id="musicinfo">
  794. {block:Artist}<big>○</big> {Artist} {/block:Artist}
  795. {block:Album}<p><small>◐</small> {Album} </p>{/block:Album}
  796. {block:TrackName}<p><big>●</big><em> {TrackName}</em></p>{/block:TrackName}
  797. </div></div>
  798. {block:Caption}<div style=" margin-top:90px;">{Caption}</div>{/block:Caption}
  799.  
  800.  
  801. {/block:Audio}
  802.  
  803.  
  804. {block:Video}
  805.  
  806. {block:if500px}{Video-500}{/block:if500px}
  807. {block:if400px}{Video-400}{/block:if400px}
  808. {block:if250px}{Video-250}{/block:if250px}
  809. {block:Caption}{Caption}{/block:Caption}
  810.  
  811. {/block:Video}
  812.  
  813. {block:AskEnabled}
  814. {block:Answer}
  815. <div class="ask">
  816. <div id="aski">
  817. <a href="{Askerurl}"><img src="{AskerPortraitURL-96}"/></a></div>
  818. <div id="quest"> ❝ {Question} ❞ </div>
  819. </div>{Answer}
  820. {/block:Answer}
  821. {/block:AskEnabled}
  822.  
  823. </div>
  824.  
  825. <div id="permabar">
  826.  
  827. {block:Date}
  828. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">
  829. | <em>{TimeAgo}</em> |</a>
  830. {/block:Date}
  831.  
  832. {block:NoteCount}
  833. <a href="{Permalink}">| <em>{NoteCountWithLabel}</em> |</a>
  834. {/block:NoteCount}
  835.  
  836. {block:ContentSource}
  837. <a href="{SourceURL}">| {SourceTitle}|</a>
  838. {/block:ContentSource}
  839.  
  840. {block:ifreblogappear}
  841. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"> |<em> Reblog </em>|</a>
  842. {/block:ifreblogappear}
  843.  
  844. {block:Tags}<a href="{TagUrl}">| #{Tag} |</a>{/block:Tags}
  845. </div>
  846.  
  847.  
  848. {/block:Posts}
  849.  
  850. <div id="note">
  851. {block:PostNotes}
  852. {PostNotes}
  853. {/block:PostNotes}
  854. </div>
  855.  
  856. </div>
  857.  
  858. </div>
  859.  
  860. {block:IfNotInfiniteScrolling}
  861. {block:Pagination}
  862. <div id="previous">
  863. {block:PreviousPage}
  864. <a href="{PreviousPage}" title="Previous Page">≪ </a>
  865. {/block:PreviousPage}</div>
  866. <div id="next">
  867. {block:NextPage}
  868. <a href="{NextPage}" title="Next Page"> <p> ≫</p></a><
  869. {/block:NextPage}</div>
  870. {/block:Pagination}
  871. {/block:IfNotInfiniteScrolling}
  872.  
  873. </body>
  874.  
  875.  
  876.  
  877. </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!