API tools faq
paste
Advertisement
Aelyon

#03 Once Upon A Time (Tumblr Theme)

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