API tools faq
paste
Advertisement
Aelyon

#02 Joy (tumblr theme)

Aelyon
Sep 16th, 2012
396
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.71 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. <!--***Theme by Aelyon***-->
  5.  
  6. <!--Please do not remove the credits and respect my terms of use. Thank you.-->
  7.  
  8. <!--*Credits*
  9. Navigation links: Xiao Icons by Delacro (http://www.freeiconsweb.com/Free-Downloads.asp?id=273)
  10.  
  11. Background: http://www.dinpattern.com/
  12. -->
  13.  
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <meta name="image:Sidebar img" content="http://static.tumblr.com/qsrvl5m/vFgmafn1j/200x200.png"/>
  23. <meta name="image:Background" content="http://static.tumblr.com/qsrvl5m/rjKmagrnl/bg3.png"/>
  24. <meta name="image:Index" content="http://25.media.tumblr.com/tumblr_ma472bBQgW1rsgy9ho11_r1_100.png"/>
  25. <meta name="image:Message" content="http://25.media.tumblr.com/tumblr_ma472bBQgW1rsgy9ho10_r1_100.png"/>
  26. <meta name="image:Archive" content="http://25.media.tumblr.com/tumblr_ma472bBQgW1rsgy9ho12_r1_100.png"/>
  27.  
  28. <meta name="color:Sidebar bg" content="#8f8f8f" />
  29. <meta name="color:Description" content="#777" />
  30. <meta name="color:Description bg" content="#f1f1f1" />
  31. <meta name="color:Description box" content="#5f5f5f" />
  32. <meta name="color:Background" content="#eee" />
  33. <meta name="color:Blog title" content="#eee" />
  34. <meta name="color:Post title" content="#2f2f2f" />
  35. <meta name="color:Post text" content="#6f6f6f" />
  36. <meta name="color:Post link" content="#9f9f9f" />
  37. <meta name="color:Post link hover" content="#fff" />
  38. <meta name="color:Post bold" content="#3f3f3f" />
  39. <meta name="color:Post Italics" content="#9f9f9f" />
  40. <meta name="color:Post bg" content="#f3f3f3" />
  41. <meta name="color:Permalink" content="#6f6f6f" />
  42. <meta name="color:Permabar" content="#e3e3e3" />
  43. <meta name="color:wrapper" content="#efefef" />
  44. <meta name="color:Question bg" content="#cfcfcf" />
  45. <meta name="color:Question box" content="#9f9f9f" />
  46. <meta name="color:Title bg" content="#7f7f7f" />
  47. <meta name="color:Top line" content="#5f5f5f" />
  48. <meta name="color:Nav box" content="#3f3f3f" />
  49. <meta name="color:Nav hover" content="#cfcfcf" />
  50. <meta name="color:Add links" content="#3f3f3f" />
  51. <meta name="color:Add links hover" content="#f7f7f7" />
  52. <meta name="color:Add links bg" content="#8f8f8f" />
  53. <meta name="color:Add links bg hover" content="#cfcfcf" />
  54. <meta name="color:Pagination" content="#000" />
  55. <meta name="color:Pagination Hover" content="#9f9f9f" />
  56. <meta name="color:Blockquote bg" content="#f2f2f2" />
  57. <meta name="color:Blockquote line" content="#8f8f8f" />
  58. <meta name="color:Selection text" content="#f4f4f4" />
  59. <meta name="color:Selection bg" content="#cfcfcf" />
  60.  
  61. <meta name="text:Name 1" content="">
  62. <meta name="text:Url 1" content="http://">
  63. <meta name="text:Name 2" content="">
  64. <meta name="text:url 2" content="http://">
  65. <meta name="text:Url 3" content="">
  66. <meta name="text:Name 3" content="">
  67. <meta name="text:Url 3" content="http://">
  68. <meta name="text:Name 4" content="">
  69. <meta name="text:Url 4" content="http://">
  70. <meta name="text:Name 5" content="">
  71. <meta name="text:Url 5" content="http://">
  72. <meta name="text:Name 6" content="">
  73. <meta name="text:Url 6" content="http://">
  74.  
  75. <meta name="text:Sidebars distance from top" content="230px">
  76. <meta name="text:Sidebars distance from left" content="510px">
  77. <meta name="text:Music player height" content="20px">
  78. <meta name="text:Music Player" content="">
  79.  
  80.  
  81. <meta name="if:Infinite Scroll" content="0"/>
  82. <meta name="if:permalinks hover" content="">
  83. <meta name="if:Additional links hover" content="">
  84. <meta name="if:Description hover" content="">
  85. <meta name="if:Nav border" content="">
  86. <meta name="if:400px" content="">
  87. <meta name="if:500px" content="">
  88. <meta name="if:250px" content="">
  89. <meta name="if:Sidebar 200" content="">
  90. <meta name="if:Sidebar 300" content="">
  91. <meta name="if:Music" content="">
  92.  
  93. </head>
  94.  
  95. <style type="text/css">
  96. body
  97. {font-family:calibri;
  98. background-color:{color:Background};
  99. background-image:url('{image:Background}');
  100. background-position: fixed;
  101. background-attachment:fixed;
  102. background-repeat:repeat;}
  103.  
  104. a
  105. {text-decoration:none;
  106. color:{color:Post text};
  107. font-family:consolas;
  108. font-size:12px;}
  109.  
  110. b
  111. {color:{color:Post bold};}
  112. i
  113. {color:{color:Post italics};}
  114.  
  115. ::selection
  116. {background:{color:Selection bg};
  117. color:{color:Selection text};}
  118.  
  119. ::-moz-selection
  120. {background:{color:Selection bg};
  121. color:{color:Selection text};}
  122.  
  123. ::-webkit-selection
  124. {background:{color:Selection bg};
  125. color:{color:Selection text};}
  126.  
  127.  
  128. #wrapper
  129. {position:fixed center;
  130. margin:0 auto;
  131. {block:if500px}width:550px;{/block:if500px}
  132. {block:if400px}width:450px;{/block:if400px}
  133. {block:if250px}width:300px;{/block:if250px}}
  134.  
  135. .sidebar
  136. {position:fixed;
  137. overflow:hidden;
  138. margin-left:{text:Sidebars Distance from left};
  139. margin-top:{text:Sidebars Distance from top};
  140. padding:5px;
  141. {block:ifSidebar200}
  142. width:200px;
  143. height:200px;
  144. -moz-border-radius: 110px 110px 110px 110px;
  145. border-radius: 110px 110px 110px 110px;
  146. {/block:ifSidebar200}
  147. {block:ifSidebar300}
  148. width:300px;
  149. height:300px;
  150. -moz-border-radius: 210px 210px 210px 210px;
  151. border-radius: 210px 210px 210px 210px;
  152. {/block:ifSidebar300}
  153. background-color:{color:Sidebar bg};}
  154.  
  155. .sidebar img
  156. {position:fixed center;
  157. min-height:200px;
  158. {block:ifSidebar200}
  159. max-width:200px;
  160. max-height:200px;
  161. -moz-border-radius: 100px 100px 100px 100px;
  162. border-radius: 100px 100px 100px 100px;
  163. {/block:ifSidebar200}
  164. {block:ifSidebar300}
  165. max-width:300px;
  166. max-height:300px;
  167. -moz-border-radius: 20px 200px 200px 200px;
  168. border-radius: 200px 200px 200px 200px;
  169. {/block:ifSidebar300}}
  170.  
  171. #description
  172. {width:150px;
  173. padding-left:50px;
  174. padding-bottom:2px;
  175. font-size:10px;
  176. font-family:consolas;
  177. color:{color:Description};}
  178.  
  179. {block:ifMusic}
  180. #MP
  181. {position:fixed center;
  182. overflow:hidden;
  183. margin-left:-60%;}
  184.  
  185. .MP
  186. {position:fixed;
  187. overflow:hidden;
  188. height:20px;
  189. width:35px;
  190. padding-top:{text:music player height}}
  191. {/block:ifMusic}
  192.  
  193. #descbox
  194. {position:fixed;
  195. overflow:hidden;
  196. border:5px solid {color:Description box};
  197. top:20px;
  198. {block:ifDescriptionhover}
  199. min-height:80px;
  200. max-width:30px;
  201. margin-left:-68px;
  202. {/block:ifDescriptionhover}
  203. {block:ifNotDescriptionhover}
  204. margin-left:-238px;
  205. min-height:80px;
  206. {/block:ifNotDescriptionhover}
  207. padding:10px;
  208. background-color:{color:Description bg};
  209. -moz-border-radius: 110px 0px 0px 110px;
  210. border-radius: 110px 0px 0px 110px;
  211. -webkit-transition: opacity 0.9s linear;
  212. -webkit-transition: all 0.9s ease-in-out;
  213. -moz-transition: all 0.9s ease-in-out;
  214. -o-transition: all 0.9s ease-in-out;}
  215.  
  216. #descbox:hover
  217. {margin-left:-238px;
  218. opacity:1;
  219. min-height:80px;
  220. max-width:240px;
  221. -webkit-transition: opacity 0.9s linear;
  222. -webkit-transition: all 0.9s ease-in-out;
  223. -moz-transition: all 0.9s ease-in-out;
  224. -o-transition: all 0.9s ease-in-out;}
  225.  
  226.  
  227. #posts
  228. {position:fixed center;
  229. {block:if500px}width:540px;{/block:if500px}
  230. {block:if400px}width:440px;{/block:if400px}
  231. {block:if250px}width:290px;{/block:if250px}
  232. overflow:hidden;
  233. margin-top:-30px;
  234. margin-bottom:-40px;
  235. padding-top:20px;
  236. padding-bottom:20px;
  237. font-size:12px;
  238. font-family:consolas;
  239. background-color:{color:wrapper};}
  240.  
  241. .post
  242. {margin-left:10px;
  243. border:10px solid {color:post bg};
  244. {block:if500px}width:500px;{/block:if500px}
  245. {block:if400px}width:400px;{/block:if400px}
  246. {block:if250px}width:250px;{/block:if250px}
  247. background-color:{color:Post bg};
  248. position: center;
  249. margin-bottom: 3px;
  250. margin-top:40px;
  251. -moz-border-radius: 5px 5px 5px 5px;
  252. border-radius: 5px 5px 5px 5px;
  253. }
  254. .post a
  255. {color:{color:Post link};}
  256. .post strong
  257. {color:{color:Post bold};}
  258. .post i
  259. {color:{color:Post Italics};}
  260.  
  261. .post a:hover
  262. {color:{color:Post link hover};}
  263.  
  264. #postT
  265. {font-family:consolas;
  266. font-size:16px;
  267. text-align:center;
  268. color:{color:Post title};}
  269.  
  270. #posttxt
  271. {font-family:calibri;
  272. font-size:12px;
  273. padding:2px;
  274. color:{color:Post text};}
  275.  
  276. .Lpost
  277. {text-align:center;}
  278. .Lpost a
  279. {font-family:calibri;
  280. font-size:16px;
  281. color:{color:Post link};
  282. -webkit-transition: all 0.4s ease-out;
  283. -moz-transition: all 0.4s ease-out;
  284. transition: all 0.4s ease-out;}
  285. .Lpost a:hover
  286. {color:{color:Post link hover};
  287. -webkit-transition: all 0.4s ease-out;
  288. -moz-transition: all 0.4s ease-out;
  289. transition: all 0.4s ease-out;}
  290.  
  291. #ChatpostT
  292. {font-family:consolas;
  293. font-size:16px;
  294. text-align:center;
  295. color:{color:Post title};}
  296.  
  297. #Quotes
  298. {padding:5px;
  299. margin-bottom:10px;
  300. font-size:19px;
  301. font-family:Arial italic;}
  302.  
  303.  
  304. #melodyBox
  305. {overflow:hidden;
  306. position:absolute;
  307. margin-top:36px;
  308. margin-left:36px;
  309. width:28px;
  310. height:28px;
  311. background-color:#000;
  312. -moz-border-radius: 25px 25px 25px 25px;
  313. border-radius: 25px 25px 25px 25px;
  314. opacity: 0.6;
  315. filter:alpha(opacity=60);
  316. -moz-opacity: 0.6;
  317. -khtml-opacity: 0.6;}
  318.  
  319. #melody img
  320. {-moz-border-radius: 25px 25px 25px 25px;
  321. border-radius: 25px 25px 25px 25px;}
  322.  
  323.  
  324. #message
  325. {text-align:center;
  326. overflow:auto;
  327. font-family:georgia;
  328. font-size:12px;
  329. padding:10px;
  330. {block:if500px}width:430px;{/block:if500px}
  331. {block:if400px}width:330px;{/block:if400px}
  332. {block:if250px}width:280px;{/block:if250px}
  333. }
  334.  
  335. .message
  336. {border:5px solid {color:Question box};
  337. background-color:{color:Question bg};
  338. -moz-border-radius: 25px 25px 25px 25px;
  339. border-radius: 25px 25px 25px 25px;}
  340.  
  341. #Qimg
  342. {float:left;
  343. padding:10px;
  344. background-color:#f5f5f5;
  345. -moz-border-radius: 25px 25px 25px 25px;
  346. border-radius: 25px 25px 25px 25px;}
  347.  
  348. #Qimg img
  349. {-moz-border-radius: 25px 25px 25px 25px;
  350. border-radius: 25px 25px 25px 25px;}
  351.  
  352.  
  353. #response
  354. {overflow:auto;
  355. padding:1px;
  356. font-size:12px;}
  357.  
  358. .top
  359. {position:fixed;
  360. {block:if500px}width:540px;{/block:if500px}
  361. {block:if400px}width:440px;{/block:if400px}
  362. {block:if250px}width:290px;{/block:if250px}
  363. height:27px;
  364. margin:0 auto;
  365. top:0px;
  366. background-color:{color:Title bg};
  367. }
  368. .line
  369. {position:fixed;
  370. {block:if500px}width:540px;{/block:if500px}
  371. {block:if400px}width:440px;{/block:if400px}
  372. {block:if250px}width:290px;{/block:if250px}
  373. height:5px;
  374. margin:0 auto;
  375. top:27px;
  376. background-color:{color:Top line};}
  377.  
  378. #Btitle
  379. {position:fixed center;
  380. margin:0 auto;
  381. text-align:center;
  382. font-family:calibri;
  383. font-size:17px;
  384. padding:2px;
  385. color:{color:Blog title};}
  386.  
  387. #Btitle a
  388. {font-size:17px;
  389. color:{color:Pagination};
  390. -webkit-transition: all 0.6s ease;
  391. -moz-transition: all 0.6s ease;
  392. -o-transition: all 0.6s ease;}
  393. #Btitle a:hover
  394. {-webkit-transition: all 0.6s ease;
  395. -moz-transition: all 0.6s ease;
  396. -o-transition: all 0.6s ease;
  397. color:{color:Pagination Hover};}
  398.  
  399.  
  400. .sideleft
  401. {position:fixed;
  402. width:8px;
  403. height:5000px;
  404. margin-left:-8px;
  405. margin-top:-10px;
  406. background-color:{color:Title bg};}
  407.  
  408. .sideright
  409. {position:fixed;
  410. overflow:hidden;
  411. width:8px;
  412. height:5000px;
  413. {block:if500px}margin-left:540px;{block:if500px}
  414. {block:if400px}margin-left:440px;{/block:if400px}
  415. {block:if250px}margin-left:290px;{/block:if250px}
  416. margin-top:-10px;
  417. background-color:{color:Title bg};
  418. }
  419.  
  420. .permabar
  421. {float:left;
  422. overflow:auto;
  423. {block:if500px}width:514px;{/block:if500px}
  424. {block:if400px}width:414px;{/block:if400px}
  425. {block:if250px}width:265px;{/block:if250px}
  426. padding-left:6px;
  427. padding-top:3px;
  428. padding-bottom:4px;
  429. {block:if500px}margin-left:-2%;{/block:if500px}
  430. {block:if400px}margin-left:-2.5%;{/block:if400px}
  431. {block:if250px}margin-left:-4%;{/block:if250px}
  432. margin-top:1%;
  433. font-family:consolas;
  434. background-color:{color:Permabar};
  435. {block:ifpermalinkshover}opacity:0;{/block:ifpermalinkshover}
  436. -webkit-transition: all 0.4s ease-out;
  437. -moz-transition: all 0.4s ease-out;
  438. transition: all 0.4s ease-out; }
  439. .permabar a:hover
  440. {color:{color:Post link hover};
  441. -webkit-transition: all 0.4s ease-out;
  442. -moz-transition: all 0.4s ease-out;
  443. transition: all 0.4s ease-out;}
  444. .permabar a
  445. {font-size:11px;
  446. font-family:consolas;
  447. color:{color:Permalink};}
  448.  
  449. .permabar:hover
  450. {filter: alpha (opacity=100);
  451. opacity: 1;
  452. -webkit-transition: all 0.5s ease-out;
  453. -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;cursor: }
  454.  
  455. /*Additional Links*/
  456. #adlinks
  457. {position:fixed;
  458. margin-left:45px;
  459. {block:ifAdditionallinkshover}
  460. margin-top:-50px;
  461. {/block:ifAdditionallinkshover}
  462. {block:ifNotAdditionallinkshover}
  463. margin-top:10px;
  464. {/block:ifNotAdditionallinkshover}
  465. {block:ifAdditionallinkshover}
  466. opacity:0;
  467. {/block:ifAdditionallinkshover}
  468.  
  469. -webkit-transition: margin 0.9s ease-out;
  470. -moz-transition: margin 0.9s ease-out;
  471. -o-transition: margin 0.9s ease-out;}
  472.  
  473. {block:ifAdditionallinkshover}
  474. #adlinks:hover
  475. {margin-top:10px;
  476. margin-left:45px;
  477. opacity:1;
  478. -webkit-transition: margin 0.9s ease-out;
  479. -moz-transition: margin 0.9s ease-out;
  480. -o-transition: margin 0.9s ease-out;}
  481. {/block:ifAdditionallinkshover}
  482.  
  483. #ad1
  484. {width:120px;
  485. height:16px;
  486. margin-top:0px;
  487. text-align:center;
  488. font-family:calibri;
  489. letter-spacing:2px;
  490. padding:1px;
  491. font-size:10px;
  492. background-color:{color:Add links bg};
  493. border-radius: 50px 50px 50px 50px;
  494. -moz-border-radius: 50px 50px 50px 50px;
  495. -webkit-transition: margin 0.9s ease-out;
  496. -moz-transition: margin 0.9s ease-out;
  497. -o-transition: margin 0.9s ease-out;}
  498.  
  499. #ad1 a
  500. {color:{color:Add links};}
  501.  
  502. #ad1:hover
  503. {background-color:{color:Add links bg hover};
  504. -webkit-transition: margin 0.9s ease-out;
  505. -moz-transition: margin 0.9s ease-out;
  506. -o-transition: margin 0.9s ease-out;}
  507.  
  508. #ad1 a:hover
  509. {color:{color:Add links hover};
  510. -webkit-transition: margin 0.9s ease-out;
  511. -moz-transition: margin 0.9s ease-out;
  512. -o-transition: margin 0.9s ease-out;}
  513.  
  514. #ad2
  515. {width:120px;
  516. height:16px;
  517. margin-top:10px;
  518. text-align:center;
  519. font-family:calibri;
  520. letter-spacing:2px;
  521. padding:1px;
  522. font-size:10px;
  523. background-color:{color:Add links bg};
  524. border-radius: 50px 50px 50px 50px;
  525. -moz-border-radius: 50px 50px 50px 50px;
  526. -webkit-transition: margin 0.9s ease-out;
  527. -moz-transition: margin 0.9s ease-out;
  528. -o-transition: margin 0.9s ease-out;}
  529.  
  530. #ad2 a
  531. {color:{color:Add links};}
  532.  
  533. #ad2:hover
  534. {background-color:{color:Add links bg hover};
  535. -webkit-transition: margin 0.9s ease-out;
  536. -moz-transition: margin 0.9s ease-out;
  537. -o-transition: margin 0.9s ease-out;}
  538.  
  539. #ad2 a:hover
  540. {color:{color:Add links hover};
  541. -webkit-transition: margin 0.9s ease-out;
  542. -moz-transition: margin 0.9s ease-out;
  543. -o-transition: margin 0.9s ease-out;}
  544.  
  545. #ad3
  546. {width:120px;
  547. height:16px;
  548. margin-top:10px;
  549. text-align:center;
  550. font-family:calibri;
  551. letter-spacing:2px;
  552. padding:1px;
  553. font-size:10px;
  554. background-color:{color:Add links bg};
  555. border-radius: 50px 50px 50px 50px;
  556. -moz-border-radius: 50px 50px 50px 50px;
  557. -webkit-transition: margin 0.9s ease-out;
  558. -moz-transition: margin 0.9s ease-out;
  559. -o-transition: margin 0.9s ease-out;}
  560.  
  561. #ad3 a
  562. {color:{color:Add links};}
  563.  
  564. #ad3:hover
  565. {background-color:{color:Add links bg hover};
  566. -webkit-transition: margin 0.9s ease-out;
  567. -moz-transition: margin 0.9s ease-out;
  568. -o-transition: margin 0.9s ease-out;}
  569.  
  570. #ad3 a:hover
  571. {color:{color:Add links hover};
  572. -webkit-transition: margin 0.9s ease-out;
  573. -moz-transition: margin 0.9s ease-out;
  574. -o-transition: margin 0.9s ease-out;}
  575.  
  576. #ad4
  577. {width:120px;
  578. height:16px;
  579. margin-top:10px;
  580. text-align:center;
  581. font-family:calibri;
  582. letter-spacing:2px;
  583. padding:1px;
  584. font-size:10px;
  585. background-color:{color:Add links bg};
  586. border-radius: 50px 50px 50px 50px;
  587. -moz-border-radius: 50px 50px 50px 50px;
  588. -webkit-transition: margin 0.9s ease-out;
  589. -moz-transition: margin 0.9s ease-out;
  590. -o-transition: margin 0.9s ease-out;}
  591.  
  592. #ad4 a
  593. {color:{color:Add links};}
  594.  
  595. #ad4:hover
  596. {background-color:{color:Add links bg hover};
  597. -webkit-transition: margin 0.9s ease-out;
  598. -moz-transition: margin 0.9s ease-out;
  599. -o-transition: margin 0.9s ease-out;}
  600.  
  601. #ad4 a:hover
  602. {color:{color:Add links hover};
  603. -webkit-transition: margin 0.9s ease-out;
  604. -moz-transition: margin 0.9s ease-out;
  605. -o-transition: margin 0.9s ease-out;}
  606.  
  607. #ad5
  608. {width:120px;
  609. height:16px;
  610. margin-top:10px;
  611. text-align:center;
  612. font-family:calibri;
  613. letter-spacing:2px;
  614. padding:1px;
  615. font-size:10px;
  616. background-color:{color:Add links bg};
  617. border-radius: 50px 50px 50px 50px;
  618. -moz-border-radius: 50px 50px 50px 50px;
  619. -webkit-transition: margin 0.9s ease-out;
  620. -moz-transition: margin 0.9s ease-out;
  621. -o-transition: margin 0.9s ease-out;}
  622.  
  623. #ad5 a
  624. {color:{color:Add links};}
  625.  
  626. #ad5:hover
  627. {background-color:{color:Add links bg hover};
  628. -webkit-transition: margin 0.9s ease-out;
  629. -moz-transition: margin 0.9s ease-out;
  630. -o-transition: margin 0.9s ease-out;
  631. -webkit-transition: margin 0.9s ease-out;
  632. -moz-transition: margin 0.9s ease-out;
  633. -o-transition: margin 0.9s ease-out;}
  634. }
  635.  
  636. #ad5 a:hover
  637. {color:{color:Add links hover};
  638. -webkit-transition: margin 0.9s ease-out;
  639. -moz-transition: margin 0.9s ease-out;
  640. -o-transition: margin 0.9s ease-out;}
  641.  
  642. #ad6
  643. {width:120px;
  644. height:16px;
  645. margin-top:10px;
  646. text-align:center;
  647. font-family:calibri;
  648. letter-spacing:2px;
  649. padding:1px;
  650. font-size:10px;
  651. background-color:{color:Add links bg};
  652. border-radius: 50px 50px 50px 50px;
  653. -moz-border-radius: 50px 50px 50px 50px;
  654. -webkit-transition: margin 0.9s ease-out;
  655. -moz-transition: margin 0.9s ease-out;
  656. -o-transition: margin 0.9s ease-out;}
  657.  
  658. #ad6 a
  659. {color:{color:Add links};}
  660.  
  661.  
  662. #ad6:hover
  663. {background-color:{color:Add links bg hover};
  664. -webkit-transition: margin 0.9s ease-out;
  665. -moz-transition: margin 0.9s ease-out;
  666. -o-transition: margin 0.9s ease-out;}
  667.  
  668. #ad6 a:hover
  669. {color:{color:Add links hover};
  670. -webkit-transition: margin 0.9s ease-out;
  671. -moz-transition: margin 0.9s ease-out;
  672. -o-transition: margin 0.9s ease-out;}
  673.  
  674.  
  675. .navbar
  676. {position:fixed;
  677. margin-top:450px;
  678. margin-left:-50px;}
  679.  
  680.  
  681. #nav1
  682. {width:20px;
  683. height:20px;
  684. padding:2px 0px 0px 4px;
  685. {block:ifNavborder}
  686. border:2px solid {color:Nav box};
  687. {/block:ifNavborder}
  688. border-radius: 25px 25px 25px 25px;
  689. -moz-border-radius: 25px 25px 25px 25px;
  690. -webkit-transition: margin 0.9s ease-out;
  691. -moz-transition: margin 0.9s ease-out;
  692. -o-transition: margin 0.9s ease-out;}
  693.  
  694. #nav1:hover
  695. {background-color:{color:Nav hover};
  696. opacity:0.4;
  697. -webkit-transition: margin 0.9s ease-out;
  698. -moz-transition: margin 0.9s ease-out;
  699. -o-transition: margin 0.9s ease-out;}
  700.  
  701. #nav2
  702. {width:20px;
  703. height:20px;
  704. margin-top:10px;
  705. padding:2px 0px 0px 4px;
  706. {block:ifNavborder}
  707. border:2px solid {color:Nav box};
  708. {/block:ifNavborder}
  709. border-radius: 25px 25px 25px 25px;
  710. -moz-border-radius: 25px 25px 25px 25px;
  711. -webkit-transition: margin 0.9s ease-out;
  712. -moz-transition: margin 0.9s ease-out;
  713. -o-transition: margin 0.9s ease-out;}
  714.  
  715. #nav2:hover
  716. {background-color:{color:Nav hover};
  717. opacity:0.4;
  718. -webkit-transition: margin 0.9s ease-out;
  719. -moz-transition: margin 0.9s ease-out;
  720. -o-transition: margin 0.9s ease-out;}
  721.  
  722. #nav3
  723. {width:20px;
  724. height:20px;
  725. margin-top:10px;
  726. padding:2px 0px 0px 4px;
  727. {block:ifNavborder}
  728. border:2px solid {color:Nav box};
  729. {/block:ifNavborder}
  730. border-radius: 25px 25px 25px 25px;
  731. -moz-border-radius: 25px 25px 25px 25px;
  732. -webkit-transition: margin 0.9s ease-out;
  733. -moz-transition: margin 0.9s ease-out;
  734. -o-transition: margin 0.9s ease-out;}
  735.  
  736. #nav3:hover
  737. {background-color:{color:Nav hover};
  738. opacity:0.4;
  739. -webkit-transition: margin 0.9s ease-out;
  740. -moz-transition: margin 0.9s ease-out;
  741. -o-transition: margin 0.9s ease-out;}
  742.  
  743. blockquote
  744. {text-align:auto;
  745. color:{color:Post text};
  746. background:{color:Blockquote bg};
  747. margin:10px;
  748. line-height:15px;
  749. padding-left:2px;
  750. padding-top:2px;
  751. padding-bottom:2px;
  752. border-left:3px {color:Blockquote line} solid; solid;}
  753.  
  754. ol.notes {
  755. padding: 0px;
  756. margin: 15px 0px;
  757. list-style-type: none;
  758. background: transparent;
  759. border: 0px;
  760. letter-spacing: 0px;
  761. text-transform: lowercase;
  762. }
  763.  
  764. li.note {
  765. padding: 1px;
  766. text-align: left;
  767. letter-spacing: 0.5px;
  768. font-size:10px;
  769. text-transform:lowercase;
  770. }
  771.  
  772. .notes img{
  773. width: 15px;
  774. position: relative;
  775. top: 1px;
  776. opacity: 0.8;
  777. border-radius: 5px 5px 5px 5px;
  778. -moz-border-radius: 5px 5px 5px 5px}
  779.  
  780. /*REMOVING THIS IS AGAINST THE TERMS OF USE! IF YOU DO SO YOU AUTOMATICALLY BEING CONSIDERED A THIEF*/
  781. .credit
  782. {position:fixed;
  783. bottom:10px;
  784. right:8px;
  785. letter-spacing:1px;
  786. font-size:10px;
  787. font-family: calibri;
  788. color:{color:credit};}
  789. /*End of credit*/
  790.  
  791.  
  792.  
  793.  
  794. {CustomCSS}
  795.  
  796.  
  797. </style>
  798.  
  799. </head>
  800.  
  801. {block:IfInfiniteScroll}
  802. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  803. {/block:IfInfiniteScroll}
  804.  
  805. <body>
  806. <!--Back to top button-->
  807.  
  808.  
  809. <!--REMOVING THIS IS AGAINST THE TERMS OF USE! IF YOU DO SO YOU AUTOMATICALLY BEING CONSIDERED A THIEF-->
  810. <div class="credit">
  811. <a href="http://aelyon.tumblr.com">
  812. <div class="credit tx">theme designer</div>
  813. </div>
  814. </a></div>
  815. <!--End of credit-->
  816.  
  817. <div id="wrapper">
  818.  
  819. <!--Description-->
  820. <div id="descbox">
  821. {block:ifMusic}<div class="MP"><div id="MP">
  822. {text:Music Player}</div></div>{/block:ifMusic}
  823. <div id="description">{Description}</div></div>
  824.  
  825. <!--Title's Bg-->
  826. <div class="sideleft"></div>
  827. <div class="sideright"></div>
  828. <div class="top"><div id="Btitle">{block:IfNotInfiniteScroll}
  829. {block:PreviousPage}
  830. <a href="{PreviousPage}" title="previous">◀</a>
  831. {/block:PreviousPage}{/block:IfNotInfiniteScroll}
  832. {Title}{block:IfNotInfiniteScroll}
  833. {block:NextPage}
  834. <a href="{NextPage}" title="next">▶</a>
  835. {/block:NextPage}{/block:IfNotInfiniteScroll}
  836. </div></div>
  837. <div class="line"></div>
  838. <!--Sidebar-->
  839. <div class="sidebar">
  840. <img src="{image:Sidebar img}"/>
  841.  
  842. <!--Side links-->
  843. <div id="adlinks">
  844. {block:IfUrl1}<div id="ad1">
  845. <a href="{text:url 1}">{text:Name 1}</a>
  846. </div> {/block:IfUrl1}
  847. {block:IfUrl2}<div id="ad2">
  848. <a href="{text:url 2}">{text:Name 2}</a>
  849. </div> {/block:IfUrl2}
  850. {block:IfUrl3}<div id="ad3">
  851. <a href="{text:url 3}">{text:Name 3}</a>
  852. </div> {/block:IfUrl3}
  853. {block:IfUrl4}<div id="ad4">
  854. <a href="{text:url 4}">{text:Name 4}</a>
  855. </div> {/block:IfUrl4}
  856. {block:IfUrl5}<div id="ad5">
  857. <a href="{text:url 5}">{text:Name 5}</a>
  858. </div> {/block:IfUrl5}
  859. {block:IfUrl6}<div id="ad6">
  860. <a href="{text:url 6}">{text:Name 6}</a>
  861. </div> {/block:IfUrl6}</div>
  862.  
  863.  
  864. </div>
  865.  
  866. <!--Nav Links-->
  867. <div class="navbar">
  868. <div id="nav1">
  869. <a href="/"><img src="{image:Index}"></a></div>
  870. <div id="nav2">
  871. <a href="/ask"><img src="{image:Message}"></a></div>
  872. <div id="nav3">
  873. <a href="/archive"><img src="{image:Archive}"></a></div>
  874. </div>
  875.  
  876.  
  877.  
  878. <!--posts beggining-->
  879. <div id="posts">
  880. {block:Posts}
  881. <div class="post">
  882. <!--Text Form-->
  883. {block:Text}
  884.  
  885. {block:Title}
  886. <div id="postT">
  887. {Title}</div>
  888. {/block:Title}
  889. <div id="posttxt">
  890. {Body}{block:Caption}
  891. {Caption}
  892. {/block:Caption}</div>
  893. {/block:Text}
  894.  
  895. <!--Photo Form-->
  896. {block:Photo}
  897. {LinkOpenTag}
  898. {block:if500px}<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>{/block:if500px}
  899. {block:if400px}<img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}"/>{/block:if400px}
  900. {block:if250px}<img src="{PhotoURL-250}" width="250px" alt="{PhotoAlt}"/>{/block:if250px}
  901. {LinkCloseTag}
  902. {block:HighRes}<a href="{PhotoURL-HighRes}">↳HD</a>{/block:HighRes}
  903. {block:Caption}
  904. {Caption}
  905. {/block:Caption}
  906. {/block:Photo}
  907.  
  908.  
  909. {block:Photoset}
  910. {block:if500px}{Photoset-500}{block:if500px}
  911. {block:if400px}{Photoset-400}{block:if400px}
  912. {block:if250px}{Photoset-250}{block:if250px}
  913. {block:Caption}
  914. {Caption}
  915. {/block:Caption}
  916. {/block:Photoset}
  917.  
  918.  
  919. {block:Quote}
  920. <div id="Quotes">
  921. <em>❝ {Quote}❞</em>
  922. </div>
  923. {block:Source}
  924. {Source}
  925. {/block:Source}
  926. {/block:Quote}
  927.  
  928.  
  929. {block:Link}
  930. <div class="Lpost">
  931. <a href="{URL}"target="{Target}">{Name}</a>
  932. </div>
  933. {block:Description}{Description}{/block:Description}
  934. {/block:Link}
  935.  
  936. <!--Chat Form-->
  937. {block:Chat}
  938. {block:Title}
  939. <div id="ChatpostT">
  940. {Title}</div>
  941. {/block:Title}
  942. {block:Lines}
  943. {block:Label}
  944. <b>{Label}</b>{/block:Label}
  945. {Line}<br>
  946. {/block:Lines}
  947. {block:Caption}
  948. {Caption}
  949. {/block:Caption}
  950. {/block:Chat}
  951.  
  952.  
  953.  
  954. {block:Audio}
  955. <div id="melodyBox">{AudioPlayerBlack}</div>
  956. {block:AudioEmbed}
  957. <div id="melodyBox">
  958. {block:if500px}{AudioEmbed-500}{/block:if500px}
  959. {block:if400px}{AudioEmbed-400}{/block:if400px}
  960. {block:if250px}{AudioEmbed-250}{/block:if250px}</div>
  961. {/block:AudioEmbed}
  962. {block:AlbumArt}<div id="melody">
  963. <img src="{AlbumArtURL}" width="100"></div>
  964. {/block:AlbumArt}
  965. {block:PlayCount}
  966. {FormattedPlayCount}
  967. {/block:PlayCount}
  968. {block:Artist}
  969. {Artist}-{/block:Artist}
  970. {block:TrackName}
  971. <em>{TrackName}</em>
  972. {/block:TrackName}
  973. {block:Album}
  974. <big>(</big>{Album}<big>)</big>
  975. {/block:Album}
  976. {block:ExternalAudio}
  977. {ExternalAudioURL}
  978. {/block:ExternalAudio}
  979. {block:Caption}
  980. {Caption}
  981. {/block:Caption}
  982. {/block:Audio}
  983.  
  984.  
  985. {block:Video}
  986. {block:if500px}{Video-500}{/block:if500px}
  987. {block:if400px}{Video-400}{/block:if400px}
  988. {block:if250px}{Video-250}{/block:if250px}
  989. {block:Caption}
  990. {Caption}
  991. {/block:Caption}
  992. {/block:Video}
  993.  
  994.  
  995. {block:Answer}
  996.  
  997. <div class="message">
  998. <div id="message"><div id="Qimg">
  999. <a href="{AskerUrl}"><img src="{AskerPortraitURL-64}"/></a>
  1000. </div>
  1001. <div class="Question">
  1002. <h3> ‟ {Question} „</h3></div>
  1003. </div>
  1004. </div>
  1005. <div id="response">{Answer}</div>
  1006. {/block:Answer}
  1007.  
  1008.  
  1009. <!--Permalinks Form-->
  1010. <div class="permabar">
  1011.  
  1012. {block:Date}
  1013. <a href="{Permalink}"><img src="http://24.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho8_r4_100.png" alt="">:{DayOfMonth} {Month} {Year}</time> </a>
  1014. {/block:Date}
  1015.  
  1016. {block:NoteCount}
  1017. <img src="http://24.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho8_r4_100.png" alt=""><a href="{Permalink}">:{NoteCountWithLabel} </a>
  1018. {/block:NoteCount}
  1019.  
  1020. {block:Tags}
  1021. <a href="{TagURL}"><img src="http://static.tumblr.com/qsrvl5m/pJXmafnc4/freshy_icons_tag________.png" alt="">:{Tag}</a>
  1022. {/block:Tags}
  1023.  
  1024. {block:ContentSource}
  1025. <a href="{SourceURL}"><img src="http://24.media.tumblr.com/tumblr_m9n0hnnVzv1rsgy9ho8_r1_100.gif" alt="">:{SourceTitle}</a>
  1026. {/block:ContentSource}
  1027. </div>
  1028. {block:PostNotes}
  1029. {PostNotes}
  1030. {/block:PostNotes}
  1031.  
  1032.  
  1033. </div>
  1034.  
  1035. {/block:Posts}
  1036.  
  1037.  
  1038. </div>
  1039.  
  1040. </div>
  1041.  
  1042. </div><!--posts ending-->
  1043.  
  1044. </body>
  1045.  
  1046. </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!