API tools faq
paste
Advertisement
Aelyon

#03 GRID Once Upon A Time (Tumblr Theme)

Aelyon
Jun 4th, 2013
609
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.95 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. <!--***Theme by Aelyon***-->
  6.  
  7. <!--Please do not remove the credits and respect my terms of use. Thank you.-->
  8.  
  9. <!--*Credits*
  10. Icons used designed by Artua, LazyCrazy and MessBook.
  11. Book wrap by Cloaks.
  12. All can be downloaded for free in their sites or deviantart.
  13. Posts Background found in http://shadowhousecreations.blogspot.gr/2010_06_01_archive.html.
  14. -->
  15.  
  16. <head>
  17.  
  18. <!--Scripts to make some things work restrain from touching-->
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Astloch' rel='stylesheet' type='text/css'>
  21. <script type="text/javascript">
  22. WebFontConfig = {
  23. google: { families: [ 'Astloch::latin' ] }
  24. };
  25. (function() {
  26. var wf = document.createElement('script');
  27. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  28. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  29. wf.type = 'text/javascript';
  30. wf.async = 'true';
  31. var s = document.getElementsByTagName('script')[0];
  32. s.parentNode.insertBefore(wf, s);
  33. })(); </script>
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  36. <script type="text/javascript">
  37. WebFontConfig = {
  38. google: { families: [ 'Playball::latin' ] }};
  39. (function() {
  40. var wf = document.createElement('script');
  41. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  42. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  43. wf.type = 'text/javascript';
  44. wf.async = 'true';
  45. var s = document.getElementsByTagName('script')[0];
  46. s.parentNode.insertBefore(wf, s);
  47. })(); </script>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=UnifrakturMaguntia' rel='stylesheet' type='text/css'>
  50. <script type="text/javascript">
  51. WebFontConfig = {
  52. google: { families: [ 'UnifrakturMaguntia::latin' ] }
  53. };
  54. (function() {
  55. var wf = document.createElement('script');
  56. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  57. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  58. wf.type = 'text/javascript';
  59. wf.async = 'true';
  60. var s = document.getElementsByTagName('script')[0];
  61. s.parentNode.insertBefore(wf, s);
  62. })(); </script>
  63.  
  64. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  65. <script src="http://dl.dropbox.com/u/33213779/jquery.masonry.min.js"></script>
  66. <script src="https://raw.github.com/desandro/imagesloaded/master/jquery.imagesloaded.min.js"></script>
  67.  
  68. <script>
  69. $(function(){
  70. var $container = $('#container');
  71. $container.imagesLoaded(function(){
  72. $('#container').masonry({
  73. // options
  74. itemSelector : '.post',
  75. gutterWidth: 0,
  76. isFitWidth: false,
  77. });
  78. });
  79.  
  80. });
  81.  
  82. </script>
  83.  
  84. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
  85. <script>
  86. $().ready(function() {
  87. $("[title]").style_my_tooltips({
  88. tip_follows_cursor: "on",
  89. tip_delay_time: 200
  90. });
  91. });
  92. </script>
  93.  
  94. <title>{Title}</title>
  95. <link rel="shortcut icon" href="{Favicon}">
  96. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  97. {block:Description}
  98. <meta name="description" content="{MetaDescription}" />
  99. {/block:Description}
  100.  
  101.  
  102. <!--custom images-->
  103.  
  104.  
  105. <meta name="image:Background" content=""/>
  106. <meta name="image:Sidebar image" content=""/>
  107. <meta name="image:Post bg" content="http://25.media.tumblr.com/bf3ae00fbed867d4a6328abc63be9a77/tumblr_mnq2j1TA011rpz2goo2_r4_500.png"/>
  108. <meta name="image:Book wrap" content="http://static.tumblr.com/qsrvl5m/6QSmbgbg6/archaic_by_cloaks__2_.jpg"/>
  109. <meta name="image:Currently" content="http://static.tumblr.com/qsrvl5m/6eumbfuaf/32_2.png"/>
  110. <meta name="image:Letter" content="http://static.tumblr.com/qsrvl5m/xIlmbfuu6/32_2.png"/>
  111. <meta name="image:Past" content="http://24.media.tumblr.com/tumblr_mao3glmHwq1rqipypo3_100.png"/>
  112. <meta name="image:Link 5" content="http://static.tumblr.com/83b656711ea3d4a2cfe57e5f24f2ff4a/qsrvl5m/ACMmnv6ad/tumblr_static_key_by_artdesigner.lv.png"/>
  113. <meta name="image:Link 6" content="http://static.tumblr.com/83b656711ea3d4a2cfe57e5f24f2ff4a/qsrvl5m/ACMmnv6ad/tumblr_static_key_by_artdesigner.lv.png"/>
  114.  
  115. <!--custom colors-->
  116.  
  117. <meta name="color:Background" content="#b8b8b6" />
  118. <meta name="color:Description bg" content="#cec6b8" />
  119. <meta name="color:Background" content="#eee" />
  120. <meta name="color:Post text" content="#6f6f6f" />
  121. <meta name="color:Post link" content="#4f4f4f" />
  122. <meta name="color:Post link hover" content="#8f8f8f" />
  123. <meta name="color:Post bold" content="#8f8f8f" />
  124. <meta name="color:Post bg" content="#e0d5be" />
  125. <meta name="color:Post box" content="#dbd0c0" />
  126. <meta name="color:Post title" content="#5f5f5f" />
  127. <meta name="color:Blog title" content="#5f5f5f" />
  128. <meta name="color:Wrapper" content="#9f9f9f" />
  129. <meta name="color:Question bg" content="#8f8f8f" />
  130. <meta name="color:Question box" content="#b49473" />
  131. <meta name="color:Bookmark" content="#83807a" />
  132. <meta name="color:Additional link" content="#c5b192" />
  133. <meta name="color:Blockquote bg" content="#e6e1d3" />
  134. <meta name="color:Blockquote box" content="#e6e1d3" />
  135. <meta name="color:Selection text" content="#f4f4f4" />
  136. <meta name="color:Selection bg" content="#cec0aa" />
  137. <meta name="color:Credit" content="#f1f1f1" />
  138.  
  139. <!--your extra links-->
  140.  
  141. <meta name="text:url 1" content="" />
  142. <meta name="text:url 2" content="" />
  143. <meta name="text:url 3" content="" />
  144. <meta name="text:url 4" content="" />
  145. <meta name="text:url 5" content="" />
  146. <meta name="text:url 6" content="" />
  147. <meta name="text:name url 1" content="" />
  148. <meta name="text:name url 2" content="" />
  149. <meta name="text:name url 3" content="" />
  150. <meta name="text:name url 4" content="" />
  151. <meta name="text:name url 5" content="" />
  152. <meta name="text:name url 6" content="" />
  153.  
  154. <!--if section-->
  155.  
  156. <meta name="if:Hover permabar" content="">
  157. <meta name="if:Common fonts" content="">
  158. <meta name="if:Ask portrait 96" content="">
  159. <meta name="if:Ask portrait 64" content="">
  160. <meta name="if:Ask portrait 48" content="">
  161.  
  162.  
  163. </head>
  164.  
  165.  
  166. <style type="text/css">
  167.  
  168. @import url(http://fonts.googleapis.com/css?family=Astloch);
  169. @import url(http://fonts.googleapis.com/css?family=Playball);
  170. @import url(http://fonts.googleapis.com/css?family=UnifrakturMaguntia);
  171.  
  172. body
  173. {background-color:{color:Background};
  174. background-image:url('{image:Background}');
  175. background-position: fixed;
  176. background-attachment:fixed;
  177. background-repeat:repeat;}
  178. a
  179. {text-decoration:none;
  180. color:{color:Post link};
  181. font-family:'Playball', cursive;
  182. font-size:14px;}
  183. a:hover
  184. {color:{color:Post link hover};}
  185. strong
  186. {font-size:15px;
  187. padding:0.5;
  188. color:{color:Post bold};}
  189.  
  190.  
  191. h3:first-letter {font-size:50px; font-family: 'UnifrakturMaguntia', cursiveda; margin:2px; text-transform:uppercase; border:2px solid {color:Post text};}
  192.  
  193. ::selection
  194. {background:{color:Selection bg};
  195. color:{color:Selection text};}
  196.  
  197. ::-moz-selection
  198. {background:{color:Selection bg};
  199. color:{color:Selection text};}
  200.  
  201. ::-webkit-selection
  202. {background:{color:Selection bg};
  203. color:{color:Selection text};}
  204.  
  205. #s-m-t-tooltip{
  206. position:absolute;
  207. padding:1px 5px;
  208. word-wrap:break-word;
  209. text-transform:uppercase;
  210. font-family:calibri;
  211. font-size:10px;
  212. border:2px solid {color:Selection bg};
  213. z-index:1500;
  214. color:{color:Selection bg};
  215. background-color:{color:Selection text};}
  216.  
  217.  
  218. /*----Sidebar----*/
  219.  
  220. #sidebar img
  221. {position:relative;
  222. repeat:norepeat;
  223. border:5px solid {color:Blog Title};
  224. background-image:url('{image:Sidebar image}');
  225. top:50px;
  226. margin-left:-6px;
  227. max-width:420px; min-width:420px; max-height:290px; min-height:30px;}
  228.  
  229. /*----Description----*/
  230.  
  231. .desc
  232. {position:absolute;
  233. text-align:center;
  234. width:430px;
  235. max-height:330px;
  236. overflow:auto;
  237. top:40px;
  238. left:495px;
  239. padding:5px 5px 10px 5px;
  240. {block:ifCommonfonts}font-family:palatino;{/block:ifCommonfonts}
  241. {block:ifnotCommonfonts}font-family:Astloch, cursive;{/block:ifnotCommonfonts}
  242. background-color:{color:Description bg};
  243. opacity:1;
  244. z-index:900;}
  245.  
  246.  
  247. /*----Posts background----*/
  248.  
  249.  
  250. #posts
  251. {position:absolute;
  252. width:910px;
  253. top:0px;
  254. left:35px;
  255. background-color:{color:Post box};
  256. font-size:13px;
  257. letter-spacing:1px;
  258. font-family:'Playball', cursive;
  259. {block:ifCommonfonts}font-family:palatino;{/block:ifCommonfonts}
  260. padding:20px 20px 90px 20px;
  261. background-image:url('{image:Post bg}');
  262. z-index:300;}
  263.  
  264.  
  265. #container
  266. {position:relative;
  267. width:995px;
  268. top:50px;
  269. padding-bottom:20px;
  270. padding-top:20px;}
  271.  
  272.  
  273. /*----Posts----*/
  274.  
  275. .post
  276. {position:relative;
  277. overflow:auto;
  278. word-wrap:break-word;width:400px;
  279. border:10px solid {color:Post bg};
  280. background-color:{color:Post bg};
  281. margin:10px 65px 10px 0px;
  282. z-index:400;}
  283. .post a:hover
  284. {color:{color:Post link hover};}
  285. .post strong
  286. {font-size:15px;
  287. padding:0.5;
  288. color:{color:Post bold};}
  289.  
  290. #postT
  291. {font-family: 'UnifrakturMaguntia', cursiveda;
  292. font-size:20px;
  293. text-align:center;
  294. color:{color:Post title};}
  295.  
  296. #posttxt
  297. {font-size:12px;
  298. letter-spacing:1px;
  299. color:{color:Post text};
  300. {block:ifCommonfonts}font-size:10px;{/block:ifCommonfonts}
  301. padding:5px 5px 40px 5px;}
  302.  
  303. /*----Links----*/
  304.  
  305. #Lpost
  306. {text-align:center;}
  307. #Lpost a
  308. {font-family: 'UnifrakturMaguntia', cursiveda;
  309. font-size:20px;}
  310.  
  311. /*----Quotes----*/
  312.  
  313. #quotes
  314. {font-family: 'UnifrakturMaguntia', cursiveda;
  315. font-size:24px;
  316. text-align:center;
  317. margin-bottom:10px;
  318. color:{color:Post title};}
  319.  
  320. /*----Chat----*/
  321.  
  322. #ChatpostT
  323. {font-family:'Playball', cursive;
  324. font-size:20px;
  325. text-align:center;
  326. color:{color:Post title};}
  327.  
  328.  
  329. /*----Music----*/
  330.  
  331.  
  332. #mp
  333. {position:absolute;
  334. overflow:hidden;
  335. width:27px;
  336. height:27px;
  337. border:42px solid #000;
  338. opacity:.4;
  339. z-index:600;
  340. -ms-transition: all 0.5s ease-in-out;
  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.  
  345. #mp:hover
  346. {opacity:0.2;
  347. -ms-transition: all 0.5s ease-in-out;
  348. -webkit-transition: all 0.5s ease-in-out;
  349. -o-transition: all 0.5s ease-in-out;
  350. -moz-transition: all 0.5s ease-in-out;
  351. transition: all 0.5s ease-in-out;}
  352.  
  353. #melody img
  354. {position:absolute;
  355. border:5px solid {color:Blockquote box};
  356. -ms-transition: all 0.5s ease-in-out;
  357. -webkit-transition: all 0.5s ease-in-out;
  358. -o-transition: all 0.5s ease-in-out;
  359. -moz-transition: all 0.5s ease-in-out;
  360. transition: all 0.5s ease-in-out;
  361. opacity:.8;
  362. z-index:580;}
  363.  
  364.  
  365. #melodyinfo
  366. {position:absolute;
  367. text-align:left;
  368. padding-left:5px;
  369. margin-left:111px;
  370. line-height:23px;
  371. word-wrap:break-word;
  372. overflow:auto;
  373. border-left:10px solid {color:Selection bg};
  374. -ms-transition: all 0.5s ease-in-out;
  375. -webkit-transition: all 0.5s ease-in-out;
  376. -o-transition: all 0.5s ease-in-out;
  377. -moz-transition: all 0.5s ease-in-out;
  378. transition: all 0.5s ease-in-out;}
  379.  
  380. #melodyinfo:hover
  381. {border-left:20px solid {color:Selection text};
  382. -ms-transition: all 0.5s ease-in-out;
  383. -webkit-transition: all 0.5s ease-in-out;
  384. -o-transition: all 0.5s ease-in-out;
  385. -moz-transition: all 0.5s ease-in-out;
  386. transition: all 0.5s ease-in-out;}
  387.  
  388. /*----Question----*/
  389.  
  390. .message
  391. {float:left;
  392. font-family:'Playball', cursive;
  393. font-size:14px;
  394. word-wrap:break-word;
  395. padding:5px;
  396. overflow:hidden;
  397. width:380px;
  398. word-wrap:break-word;
  399. background-color:{color:Question bg};
  400. border:5px solid {color:Question box};}
  401.  
  402. #Qimg img
  403. {float:left;
  404. padding:5px;
  405. background-color:{color:Blockquote bg};
  406. border:5px solid{color:Question box};}
  407.  
  408. #Question
  409. {float:left;
  410. text-align:left;
  411. padding:6px;
  412. color:{color:Post title};
  413. margin-bottom:5px;
  414. margin-left:2px;
  415. word-wrap:break-word;
  416. max-width:250px;}
  417.  
  418.  
  419. /*----Bookmark----*/
  420.  
  421.  
  422. #bookmark
  423. {position:fixed;
  424. width:0px;
  425. height:270px;
  426. top:-210px;
  427. left:522px;
  428. border-right:15px solid {color:bookmark};
  429. border-top:15px solid {color:bookmark};
  430. border-left:15px solid {color:bookmark};
  431. border-bottom:15px solid transparent;
  432. -ms-transition: all 1s ease-in-out;
  433. -webkit-transition: all 1s ease-in-out;
  434. -o-transition: all 1s ease-in-out;
  435. -moz-transition: all 1s ease-in-out;
  436. transition: all 1s ease-in-out;
  437. z-index:1000;}
  438.  
  439. #bookmark:hover
  440. {top:0px;}
  441.  
  442.  
  443. /*----Bookmark's Links----*/
  444.  
  445.  
  446. #nav1
  447. {position:relative;
  448. margin-top:2px;
  449. left:-10px;}
  450.  
  451. #nav1 img
  452. {max-width:22px;
  453. -ms-transition: all 1s ease-in-out;
  454. -webkit-transition: all 1s ease-in-out;
  455. -o-transition: all 1s ease-in-out;
  456. -moz-transition: all 1s ease-in-out;
  457. transition: all 1s ease-in-out;}
  458. #nav1 img:hover
  459. {opacity:0.7;}
  460.  
  461. #nav2
  462. {position:relative;
  463. margin-top:15px;
  464. left:-10px;}
  465.  
  466. #nav2 img
  467. {max-width:22px;
  468. -ms-transition: all 1s ease-in-out;
  469. -webkit-transition: all 1s ease-in-out;
  470. -o-transition: all 1s ease-in-out;
  471. -moz-transition: all 1s ease-in-out;
  472. transition: all 1s ease-in-out;}
  473. #nav2 img:hover
  474. {opacity:0.7;}
  475.  
  476.  
  477. #nav3
  478. {position:relative;
  479. margin-top:15px;
  480. left:-10px;}
  481.  
  482. #nav3 img
  483. {max-width:22px;
  484. -ms-transition: all 1s ease-in-out;
  485. -webkit-transition: all 1s ease-in-out;
  486. -o-transition: all 1s ease-in-out;
  487. -moz-transition: all 1s ease-in-out;
  488. transition: all 1s ease-in-out;}
  489. #nav3 img:hover
  490. {opacity:0.7;}
  491.  
  492. #ad5
  493. {position:relative;
  494. margin-top:15px;
  495. left:-10px;}
  496.  
  497. #ad5 img
  498. {max-width:22px;
  499. -ms-transition: all 1s ease-in-out;
  500. -webkit-transition: all 1s ease-in-out;
  501. -o-transition: all 1s ease-in-out;
  502. -moz-transition: all 1s ease-in-out;
  503. transition: all 1s ease-in-out;}
  504. #ad5 img:hover
  505. {opacity:0.7;}
  506.  
  507.  
  508. #ad6
  509. {position:relative;
  510. margin-top:15px;
  511. left:-10px;}
  512.  
  513. #ad6 img
  514. {max-width:22px;
  515. -ms-transition: all 1s ease-in-out;
  516. -webkit-transition: all 1s ease-in-out;
  517. -o-transition: all 1s ease-in-out;
  518. -moz-transition: all 1s ease-in-out;
  519. transition: all 1s ease-in-out;}
  520. #ad6 img:hover
  521. {opacity:0.7;}
  522.  
  523.  
  524.  
  525. #blogT
  526. {position:absolute;
  527. text-align:center;
  528. color:{color:Blog Title};
  529. width:400px; top:-26px; font-size:26px;
  530. font-family:'Playball', cursive;}
  531.  
  532.  
  533. /*---Additional links---*/
  534.  
  535. #adb1
  536. {position:fixed;
  537. width:10px;
  538. height:100%;
  539. background-color:{color:Additional link};
  540. top:0px;
  541. left:27px;
  542. -webkit-transition: all 0.5s ease-out;
  543. -moz-transition: all 0.5s ease-out;
  544. transition: all 0.5s ease-out;
  545. z-index:530;}
  546. #ad1:hover
  547. {opacity:0.6;
  548. -webkit-transition: all 0.5s ease-out;
  549. -moz-transition: all 0.5s ease-out;
  550. transition: all 0.5s ease-out;}
  551. #ad1
  552. {position:fixed;
  553. width:10px;
  554. height:100%;
  555. background-color:{color:Additional link};
  556. top:0px;
  557. left:27px;
  558. opacity:0.15;
  559. z-index:540;
  560. background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 5%, #000 100%);
  561. background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 5%,#000 100%);
  562. background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 5%, #000 100%);}
  563.  
  564.  
  565. #adb2
  566. {position:fixed;
  567. width:10px;
  568. height:100%;
  569. background-color:{color:Additional link};
  570. top:0px;
  571. left:17px;
  572. z-index:30;}
  573.  
  574. #ad2:hover
  575. {opacity:0.6;
  576. -webkit-transition: all 0.5s ease-in-out;
  577. -moz-transition: all 0.5s ease-in-out;
  578. transition: all 0.5s ease-in-out;}
  579.  
  580. #ad2
  581. {position:fixed;
  582. width:10px;
  583. height:100%;
  584. background-color:{color:Additional link};
  585. top:0px;
  586. left:17px;
  587. opacity:0.18;
  588. z-index:40;
  589. background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 60%, #000 100%);
  590. background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 60%,#000 100%);
  591. background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 60%, #000 100%);}
  592.  
  593.  
  594. #adb3
  595. {position:fixed;
  596. width:10px;
  597. height:100%;
  598. background-color:{color:Additional link};
  599. top:0px;
  600. left:985px;
  601. z-index:30;}
  602. #ad3:hover
  603. {opacity:0.6;
  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. #ad3
  608. {position:fixed;
  609. width:10px;
  610. height:100%;
  611. background-color:{color:Additional link};
  612. top:0px;
  613. left:985px;
  614. opacity:0.25;
  615. z-index:40;
  616. background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 80%, #000 100%);
  617. background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 80%,#000 100%);
  618. background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 80%, #000 100%);}
  619.  
  620. #adb4
  621. {position:fixed;
  622. width:9px;
  623. height:100%;
  624. background-color:{color:Additional link};
  625. top:0px;
  626. left:995px;
  627. z-index:30;}
  628. #ad4:hover
  629. {opacity:0.6;
  630. -webkit-transition: all 0.5s ease-in-out;
  631. -moz-transition: all 0.5s ease-in-out;
  632. transition: all 0.5s ease-in-out;}
  633. #ad4
  634. {position:fixed;
  635. width:9px;
  636. height:100%;
  637. top:0px;
  638. left:995px;
  639. opacity:0.2;
  640. z-index:40;
  641. background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 70%, #000 100%);
  642. background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 70%,#000 100%);
  643. background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 70%, #000 100%);}
  644.  
  645.  
  646. /*----Surroundings----*/
  647.  
  648. #bookiea
  649. {position:fixed;
  650. width:40px;
  651. height:100%;
  652. background-color:{color:book wrap};
  653. background-image:url('{image:Book wrap}');
  654. top:0px;
  655. left:0px;}
  656.  
  657. #bookieb
  658. {position:fixed;
  659. width:40px;
  660. height:100%;
  661. background-color:{color:book wrap};
  662. background-image:url('{image:Book wrap}');
  663. top:0px;
  664. left:983px;}
  665.  
  666. #fadingb1
  667. {position:fixed;
  668. width:40px;
  669. height:100%;
  670. opacity:0.3;
  671. background-color:{color:book wrap};
  672. background-image:url('{image:Book wrap}');
  673. top:0px;
  674. left:0px;
  675. background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 60%, #000 100%);
  676. background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 60%,#000 100%);
  677. background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 60%, #000 100%);}
  678.  
  679.  
  680.  
  681. #fadingb2
  682. {position:fixed;
  683. width:40px;
  684. height:100%;
  685. opacity:0.3;
  686. background-color:{color:book wrap};
  687. background-image:url('{image:Book wrap}');
  688. top:0px;
  689. left:982px;
  690. background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 60%, #000 100%);
  691. background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 60%,#000 100%);
  692. background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 60%, #000 100%);}
  693.  
  694. #credit a
  695. {position:fixed;
  696. font-family:'Playball', cursive;
  697. font-size:16px;
  698. bottom:10px;
  699. right:15px;
  700. color:{color:credit};}
  701.  
  702. blockquote
  703. {text-align:auto;
  704. margin:10px;
  705. line-height:15px;
  706. padding-left:2px;
  707. padding-top:2px;
  708. padding-bottom:2px;
  709. border-left:6px solid{color:Blockquote box};
  710. background-color:{color:Blockquote bg};}
  711.  
  712. .permabar
  713. {float:left;
  714. width:384px;
  715. min-height:10px;
  716. background-color:{color:Blockquote bg};
  717. bottom:0px;
  718. padding:5px 15px 5px 0px;
  719. text-align:right;
  720. color:{color:description};
  721. {block:ifHoverpermabar}opacity:0;{/block:ifHoverpermabar}
  722. -webkit-transition: all 0.5s ease-out;
  723. -moz-transition: all 0.5s ease-out;
  724. transition: all 0.5s ease-out;}
  725.  
  726.  
  727. .permabar:hover
  728. {{block:ifHoverpermabar}opacity:1;
  729. -webkit-transition: all 0.5s ease-out;
  730. -moz-transition: all 0.5s ease-out;
  731. transition: all 0.5s ease-out;
  732. {/block:ifHoverpermabar}}
  733.  
  734. #next
  735. {position:absolute;
  736. left:895px;
  737. height:30px;
  738. font-size:16px;
  739. margin-right:10px;
  740. bottom:5px;
  741. text-align:right;
  742. color:{color:Post text};
  743. z-index:1100;}
  744. #next a
  745. {position:absolute;
  746. margin-left:14px;
  747. font-size:20px;
  748. margin-top:-4px;
  749. color:{color:Post text};
  750. z-index:1100;}
  751.  
  752. #previous big
  753. {position:absolute;
  754. left:34px;
  755. text-align:right;
  756. height:30px;
  757. font-size:16px;
  758. bottom:-2px;
  759. color:{color:Post text};
  760. z-index:1100;}
  761. #previous
  762. {position:absolute;
  763. left:15px;
  764. bottom:5px;}
  765. #previous a
  766. {position:absolute;
  767. margin-left:14px;
  768. bottom:5px;
  769. font-size:20px;
  770. margin-top:-4px;
  771. color:{color:Post text};
  772. z-index:1100;}
  773.  
  774. #notes
  775. {margin-left:25px;
  776. list-style-type:none;
  777. background: transparent;
  778. text-transform: lowercase;
  779. }
  780.  
  781. .note {
  782. padding: 1px;
  783. text-align:left;
  784. letter-spacing: 0.5px;
  785. font-size:11px;
  786. }
  787. .note img
  788. {opacity:0;}
  789.  
  790. iframe#tumblr_controls{position:fixed !important;}
  791.  
  792.  
  793. {CustomCSS}
  794.  
  795.  
  796.  
  797. </style>
  798.  
  799.  
  800. </head>
  801. <body>
  802.  
  803. <div id="credit">
  804. <a href="http://aelyon.tumblr.com">theme designer</a>
  805. </div>
  806.  
  807.  
  808. <div id="bookiea"></div><div id="fadingb1"></div>
  809. <div id="bookieb"></div>
  810. <div id="fadingb2"></div>
  811.  
  812. <div id="adb4"></div>
  813. <a href="{text:url 4}"><span style="cursor:" title="{text:name url 4}"><div id="ad4"></span></div></a>
  814.  
  815.  
  816. <div id="backcoverb"></div>
  817. <div id="backcover"></div>
  818.  
  819. <div class="fademark">
  820. <div id="bookmark">
  821. <div id="nav1">
  822. <a href="/" title="Index"><img src="{image:Currently}"></a></div>
  823. <div id="nav2">
  824. <a href="/ask" title="Message"><img src="{image:Letter}"></a></div>
  825. <div id="nav3">
  826. <a href="/archive" title="Archive"><img src="{image:Past}"></a></div>
  827. <div id="ad5"><a href="{text:url 5}" title="{text:name url 5}"><img src="{image:Link 5}"></a></div>
  828. <div id="ad6"><a href="{text:url 6}" title="{text:name url 6}"><img src="{image:Link 6}"></a></div>
  829. </div>
  830. </div>
  831.  
  832. </div>
  833. <div id="adb1"></div>
  834. <div id="adb2"></div>
  835. <div id="adb3"></div>
  836. <a href="{text:url 1}"><span style="cursor:" title="{text:name url 1}"><div id="ad1"></span></div></a>
  837. <a href="{text:url 2}"><span style="cursor:" title="{text:name url 2}"><div id="ad2"></span></div></a>
  838. <a href="{text:url 3}"><span style="cursor:" title="{text:name url 3}"><div id="ad3"></span></div></a>
  839.  
  840.  
  841. <div id="posts">
  842.  
  843. <div id="sidebar">
  844. <img src="{image:Sidebar Image}"/></div>
  845. <div class="desc"><h3><strong><small>{Description}</small></strong></h3></div>
  846.  
  847. <div id="blogT"><h3>{Title}</h3></div>
  848.  
  849.  
  850. {block:Pagination}
  851. <div id="previous">
  852. {block:PreviousPage}
  853. <a href="{PreviousPage}">≪ </a>
  854. <big> {CurrentPage} </big> {/block:PreviousPage}</div>
  855. <div id="next">
  856. {block:NextPage}
  857. <a href="{NextPage}"> ≫</a>
  858. <big> {CurrentPage} </big> {/block:NextPage}</div>
  859. {/block:Pagination}
  860.  
  861. <!--posts beggining-->
  862.  
  863.  
  864. <div id="container">
  865.  
  866. {block:Posts}
  867. <div class="post">
  868.  
  869. <!--Text Form-->
  870. {block:Text}
  871. {block:Title}
  872. <div id="postT"><div style=>{Title}</div></div>
  873. {/block:Title}
  874. <div id="posttxt"><em><big>{Body}</big></em></div>
  875. {/block:Text}
  876.  
  877.  
  878. <!--Photo Form-->
  879. {block:Photo}
  880. {LinkOpenTag}
  881. <img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}"/>
  882. {LinkCloseTag}
  883. {block:HighRes}<a href="{PhotoURL-HighRes}">*</a>{/block:HighRes}
  884. {block:Caption}
  885. {Caption}
  886. {/block:Caption}
  887. {/block:Photo}
  888.  
  889. {block:Photoset}
  890. {Photoset-400}
  891. {block:Caption}
  892. {Caption}
  893. {/block:Caption}
  894. {/block:Photoset}
  895.  
  896.  
  897. {block:Quote}
  898. <div id="quotes">
  899. {Quote}
  900. </div>
  901. {block:Source}
  902. {Source}
  903. {/block:Source}
  904. {/block:Quote}
  905.  
  906.  
  907. {block:Link}
  908. <div id="Lpost">
  909. <a href="{URL}"target="{Target}">{Name}</a>
  910. </div>
  911. {block:Description}{Description}{/block:Description}
  912. {/block:Link}
  913.  
  914. <!--Chat Form-->
  915. {block:Chat}
  916. {block:Title}
  917. <div id="ChatpostT">{Title}</div>
  918. {/block:Title}
  919. {block:Lines}<div style="border-bottom:3px solid {color:Blockquote bg}; padding:2px 1px;">
  920. {block:Label}
  921. <big>{Label}</big>{/block:Label}
  922. {Line}<br></div>
  923. {/block:Lines}
  924. {/block:Chat}
  925.  
  926.  
  927. {block:Audio}
  928.  
  929. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  930.  
  931. <div style="padding:8px; min-height:120px;">
  932. {block:AudioPlayer}
  933. <div id="mp">{AudioPlayerBlack}</div>
  934. {block:AlbumArt}
  935. <div id="melody">
  936. <img src="{AlbumArtURL}" height="100"/></div>
  937. {/block:AlbumArt}
  938. {/block:AudioPlayer}
  939. <div id="melodyinfo">{block:Artist}
  940. <big>⚔ </big>{Artist}
  941. {/block:Artist}{block:Album}
  942. <p><big>⚔ </big>{Album}</p>
  943. {/block:Album}{block:TrackName}
  944. <p><big>⚔ </big><em>{TrackName}</em></p>
  945. {/block:TrackName}</div>
  946. {block:Caption}<div style="margin-top:120px;"><p>{Caption}</p></div>{/block:Caption}
  947. </div>
  948. {/block:Audio}
  949.  
  950.  
  951. {block:Video}
  952. {Video-400}
  953. {block:Caption}
  954. {Caption}
  955. {/block:Caption}
  956. {/block:Video}
  957.  
  958.  
  959. {block:Answer}
  960. <div class="message"><div id="Qimg">
  961. <a href="{AskerUrl}">
  962. {block:ifaskportrait96}
  963. <img src="{AskerPortraitURL-96}"/>
  964. {/block:ifaskportrait96}
  965. {block:ifaskportrait64}
  966. <img src="{AskerPortraitURL-64}"/>
  967. {/block:ifaskportrait64}
  968. {block:ifaskportrait48}
  969. <img src="{AskerPortraitURL-48}"/>
  970. {/block:ifaskportrait48}
  971. </a>
  972. <div id="Question"><big>❝ {Question} ❞</big></div></div></div>
  973. <p><div style="float:left; word-wrap:break-word; font-size:14px; padding:5px; color:{color:Post text}; max-width:375px;
  974. font-family:'Playball', cursive;
  975. {block:ifCommonfonts}font-family:palatino; font-size:12px;{/block:ifCommonfonts}">{Answer}</div></p>
  976. {/block:Answer}
  977.  
  978. <div class="permabar">
  979.  
  980. {block:Date}
  981. <a href="{Permalink}"><img src="http://static.tumblr.com/qsrvl5m/0iombft54/icon_sandclock_17.png" alt=""> {DayOfMonth} {Month} {Year}</time> </a>
  982. {/block:Date}
  983.  
  984. {block:NoteCount}
  985. <img src="http://static.tumblr.com/qsrvl5m/dbTmbf9vp/mail-18.png" alt=""><a href="{Permalink}"> {NoteCountWithLabel} </a>
  986. {/block:NoteCount}
  987.  
  988. {block:ContentSource}
  989. <a href="{SourceURL}"><img src="http://static.tumblr.com/qsrvl5m/NBembfs7g/dyqb5rlj.png" alt=""> {SourceTitle}</a>
  990. {/block:ContentSource}
  991.  
  992. {block:Tags}
  993. <a href="{TagURL}"><img src="" alt=""> #{Tag}</a>
  994. {/block:Tags}
  995.  
  996. </div>
  997.  
  998.  
  999. <div id="notes">
  1000. {block:PostNotes}
  1001. {PostNotes}
  1002. {/block:PostNotes}
  1003. </div>
  1004.  
  1005. </div>
  1006.  
  1007.  
  1008. {/block:Posts}
  1009. </div>
  1010. </div>
  1011. </div>
  1012.  
  1013.  
  1014. </body>
  1015.  
  1016. </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!