Advertisement
dohdoro

moonlight

Jul 14th, 2014
8,388
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.69 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6. █▀▀▄ █▀▀█ █░░█ █▀▀▄ █▀▀█ █▀▀█ █▀▀█   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  7. █░░█ █░░█ █▀▀█ █░░█ █░░█ █▄▄▀ █░░█   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  8. ▀▀▀░ ▀▀▀▀ ▀░░▀ ▀▀▀░ ▀▀▀▀ ▀░▀▀ ▀▀▀▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  9.  
  10. ╭━━┳╮╱╱╭╮╭━━━┳━━━┳━━┳━━━┳━━━╮
  11. ┃╭╮┃╰╮╭╯┃┃╭━━┫╭━╮┣┫┣┫╭━╮┃╭━╮┃
  12. ┃╰╯╰╮╰╯╭╯┃╰━━┫╰━╯┃┃┃┃┃╱╰┫┃╱┃┃
  13. ┃╭━╮┣╮╭╯╱┃╭━━┫╭╮╭╯┃┃┃┃╱╭┫╰━╯┃
  14. ┃╰━╯┃┃┃╱╱┃╰━━┫┃┃╰┳┫┣┫╰━╯┃╭━╮┃
  15. ╰━━━╯╰╯╱╱╰━━━┻╯╰━┻━━┻━━━┻╯╱╰╯
  16.  
  17.  
  18. <!-- THEME: MOONLIGHT --->
  19.  
  20. <!--DO NOT REMOVE THE CREDIT PLEASE.
  21. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  22. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  23. ***DO NOT USE AS BASE --->
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28.  
  29. {block:IfInfiniteScroll}
  30. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  31. {/block:IfInfiniteScroll}
  32.  
  33. <link rel="shortcut icon" href="{favicon}" />
  34.  
  35. <meta name="image:Background" content=""/>
  36. <meta name="image:topbar" content="http://static.tumblr.com/bj5zkci/CcVn8obuc/1.jpg"/>
  37. <meta name="image:image one" content="http://static.tumblr.com/bj5zkci/Khdn8kk4m/2.gif"/>
  38. <meta name="image:image two" content="http://static.tumblr.com/50a15865deb346f5e8e4e4b91374422e/bj5zkci/moBn8kkag/tumblr_static_7u6t30y9fscow444c4wogkg4w.gif"/>
  39. <meta name="image:about me icon" content="http://static.tumblr.com/bj5zkci/u2kn8o8ki/tumblr_n7j4bdxssp1rheorwo1_500.jpg"/>
  40. <meta name="image:slide bg" content="http://static.tumblr.com/bj5zkci/4WUn8o8jl/08.jpg"/>
  41.  
  42. <meta name="if:Show Captions" content="0"/>
  43. <meta name="if:Infinite Scroll" content"0"/>
  44. <meta name="if:slideask" content"1"/>
  45. <meta name="if:250px" content""/>
  46. <meta name="if:400px" content"1"/>
  47.  
  48. <meta name="color:Background" content="#ffffff"/>
  49. <meta name="color:Text" content="#888"/>
  50. <meta name="color:Bold" content="#000000"/>
  51. <meta name="color:Italic" content="#000000"/>
  52. <meta name="color:Underline" content="#888888"/>
  53. <meta name="color:links" content="#888888"/>
  54. <meta name="color:links hover" content="#000000"/>
  55. <meta name="color:h1 Bg" content="#ffffff"/>
  56. <meta name="color:H1" content="#888888"/>
  57. <meta name="color:h1 border" content="#eeeeee"/>
  58. <meta name="color:text bg" content="#fafafa"/>
  59. <meta name="color:text" content="#888888"/>
  60. <meta name="color:header img bg" content="#ffffff"/>
  61. <meta name="color:header img border" content="#eeeeee"/>
  62. <meta name="color:description text" content="#888888"/>
  63. <meta name="color:navigation bar border" content="#eeeeee"/>
  64. <meta name="color:navigation bar bg" content="#ffffff"/>
  65. <meta name="color:navigation text" content="#888888"/>
  66. <meta name="color:navigation hover text" content="#ffffff"/>
  67. <meta name="color:navigation hover bg" content="#40E0D0"/>
  68. <meta name="color:search bar bg" content="#ffffff"/>
  69. <meta name="color:search bar text" content="#888888"/>
  70. <meta name="color:search bar border" content="#eeeeee"/>
  71. <meta name="color:slide box bg" content="#fafafa"/>
  72. <meta name="color:slide askbox title" content="#ffffff"/>
  73. <meta name="color:slide navi title bg" content="#000000"/>
  74. <meta name="color:slide navi title" content="#ffffff"/>
  75. <meta name="color:slide navi line" content="#000000"/>
  76. <meta name="color:slide navi bg" content="#ffffff"/>
  77. <meta name="color:slide navi text" content="#888888"/>
  78. <meta name="color:slide navi bg hover" content="#40E0D0"/>
  79. <meta name="color:slide navi text hover" content="#ffffff"/>
  80. <meta name="color:slide about title bg" content="#000000"/>
  81. <meta name="color:slide about title text" content="#ffffff"/>
  82. <meta name="color:slide about line" content="#000000"/>
  83. <meta name="color:slide About Text" content="#888888"/>
  84. <meta name="color:slide about bg" content="#ffffff"/>
  85. <meta name="color:slide about img bg" content="#ffffff"/>
  86. <meta name="color:slide about img border" content="#eeeeee"/>
  87. <meta name="color:slide about first letter bg" content="#ffffff"/>
  88. <meta name="color:slide about first letter text" content="#888888"/>
  89. <meta name="color:big bar bg" content="#fafafa"/>
  90. <meta name="color:big bar border" content="#eeeeee"/>
  91. <meta name="color:title" content="#afafaf"/>
  92. <meta name="color:title first letter" content="#40E0D0"/>
  93. <meta name="color:big banner bg" content="#ffffff"/>
  94. <meta name="color:container bg" content="#ffffff"/>
  95. <meta name="color:container border" content="#eeeeee"/>
  96. <meta name="color:post bg" content="#ffffff"/>
  97. <meta name="color:post border" content="#eeeeee"/>
  98. <meta name="color:caption bg" content="#fafafa"/>
  99. <meta name="color:caption text" content="#888888"/>
  100. <meta name="color:caption border" content="#eeeeee"/>
  101. <meta name="color:post img info bg" content="#ffffff"/>
  102. <meta name="color:post notes" content="#40E0D0"/>
  103. <meta name="color:post notes hover" content="#eeeeee"/>
  104. <meta name="color:post reblog" content="#000000"/>
  105. <meta name="color:post reblog hover" content="#eeeeee"/>
  106. <meta name="color:post date" content="#888888"/>
  107. <meta name="color:post tags" content="#888888"/>
  108. <meta name="color:post tags border" content="#eeeeee"/>
  109. <meta name="color:post text info bg" content="#fafafa"/>
  110. <meta name="color:post text info" content="#888888"/>
  111. <meta name="color:post text info border" content="#eeeeee"/>
  112. <meta name="color:ask bg" content="#ffffff"/>
  113. <meta name="color:asked by bg" content="#000000"/>
  114. <meta name="color:asked by text" content="#ffffff"/>
  115. <meta name="color:question bg" content="#fafafa"/>
  116. <meta name="color:question" content="#888888"/>
  117. <meta name="color:ask portrait border" content="#fafafa"/>
  118. <meta name="color:permalink border" content="#eeeeee"/>
  119. <meta name="color:permalink bg" content="#ffffff"/>
  120. <meta name="color:permalink" content="#888888"/>
  121. <meta name="color:quotes bg" content="#ffffff"/>
  122. <meta name="color:quotes text" content="#888888"/>
  123. <meta name="color:pagination bg" content="#ffffff"/>
  124. <meta name="color:pagination border" content="#eeeeee"/>
  125. <meta name="color:pagination bg hover" content="#eeeeee"/>
  126. <meta name="color:pagination hover" content="#888888"/>
  127. <meta name="color:scrollbar bg" content="#888888"/>
  128. <meta name="color:scrollbar" content="#40E0D0"/>
  129.  
  130. <meta name="text:slide ask title" content="questions?"/>
  131. <meta name="text:Link 1 URL" content="/"/>
  132. <meta name="text:Link 1" content="link one"/>
  133. <meta name="text:Link 2 URL" content="/"/>
  134. <meta name="text:Link 2" content="link two"/>
  135. <meta name="text:Link 3 URL" content="/"/>
  136. <meta name="text:Link 3" content="link three"/>
  137. <meta name="text:Link 4 URL" content="/"/>
  138. <meta name="text:Link 4" content="link Four"/>
  139. <meta name="text:Link 5 URL" content="/"/>
  140. <meta name="text:Link 5" content="link Five"/>
  141. <meta name="text:Link 6 URL" content="/"/>
  142. <meta name="text:Link 6" content="link Six"/>
  143.  
  144. <meta name="text:Search Label" content="/tagged" />
  145. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  146.  
  147. <style type="text/css">
  148.  
  149. /* Scroll bar */
  150.  
  151. ::-webkit-scrollbar {
  152. width: 5px;
  153. height:3px;
  154. background:{color:scrollbar bg};
  155. border-left:2px solid #fff;
  156. border-right:2px solid #fff;
  157.  
  158. }
  159.  
  160. ::-webkit-scrollbar-thumb:vertical {
  161. background-color:{color:scrollbar};
  162.  
  163. }
  164.  
  165. /* Tumblr controls */
  166.  
  167. #tumblr_controls {position: fixed !important;}
  168. #tumblr_controls {-webkit-filter: invert(100%);}
  169. #tumblr_controls {opacity: 0.5; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  170. #tumblr_controls:hover {opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  171.  
  172. /* Body */
  173.  
  174. body {
  175. font-family:calibri;
  176. font-size:10px;
  177. letter-spacing:1px;
  178. color:{color:Text};
  179. background:{color:Background};
  180. background-image:url('{image:Background}');
  181. background-repeat:repeat;
  182. background-attachment:fixed;
  183. word-wrap:break-word;
  184.  
  185. }
  186.  
  187. a {
  188. color:{color:Links};
  189. text-decoration:none;
  190.  
  191.  
  192. }
  193.  
  194. a:hover {
  195. color:{color:Links Hover};
  196.  
  197. }
  198.  
  199.  
  200. b, strong {
  201. color:{color:Bold};
  202.  
  203. }
  204.  
  205. i, em {
  206. color:{color:Italic};
  207.  
  208. }
  209.  
  210. u {
  211. color:{color:Underline};
  212.  
  213. }
  214.  
  215. h1 {
  216. font-family:arial;
  217. font-size:15px;
  218. text-transform:uppercase;
  219. text-align:center;
  220. background:{color:h1 Bg};
  221. color:{color:H1};
  222. padding:15px;
  223. border:1px solid {color:h1 border};
  224.  
  225. }
  226.  
  227. h1 a {
  228. color:{color:Links};
  229. text-decoration:none;
  230.  
  231. }
  232.  
  233. /* Permalink */
  234.  
  235. #permalink {
  236. position:absolute;
  237. margin-top:60px;
  238. width:520px;
  239. margin-left:-35px;
  240. border:1px solid {color:permalink border};
  241. padding:25px;
  242. background:{color:permalink bg};
  243.  
  244. }
  245.  
  246. #permalink a {
  247. display:inline-block;
  248. color:{color:permalink};
  249.  
  250. }
  251.  
  252. .date {
  253. font-family:bebasneue;
  254. font-size:35px;
  255. color:{color:permalink date};
  256. letter-spacing:-1px;
  257.  
  258. }
  259.  
  260. .perm {
  261. font-family:courier new;
  262. text-transform:uppercase;
  263. font-size:8px;
  264. white-space:normal;
  265. word-wrap:break-word;
  266. text-align:left;
  267. color:{color:permalink};
  268.  
  269. }
  270.  
  271. #notecounts {
  272. position:absolute;
  273. float:center;
  274. margin-top:205px;
  275. width:520px;
  276. margin-left:-35px;
  277. border:1px solid {color:permalink border};
  278. font-family:calibri;
  279. font-size:9px;
  280. text-align:left;
  281. background:{color:permalink bg};
  282. color:{color:permalink};
  283. text-transform:uppercase;
  284. padding:25px;
  285.  
  286. }
  287.  
  288. #notecounts a {
  289. color:{color:permalink};
  290.  
  291. }
  292.  
  293. #notecounts img {
  294. display:inline-block;
  295. border:5px solid {color:permalink border};
  296. border-radius:100%;
  297.  
  298. }
  299.  
  300. ol.notes {
  301. list-style-type:none;
  302.  
  303. }
  304.  
  305. /* Post */
  306.  
  307. #boxed {
  308. margin-left:auto;
  309. margin-right:auto;
  310. margin-top:317px;
  311. height:100%;
  312. background:{color:container bg};
  313. {block:IndexPage}
  314. border-left:1px solid {color:container border};
  315. border-right:1px solid {color:container border};
  316. {/block:IndexPage}
  317. {block:if250px}
  318. width:450px;
  319. {/block:if250px}
  320. {block:if400px}
  321. width:550px;
  322. margin-top:360px;
  323. {/block:if400px}
  324. {block:PermalinkPage}
  325. width:550px;
  326. background:none;
  327. {/block:PermalinkPage}
  328.  
  329. }
  330.  
  331. #posts {
  332. position:relative;
  333. margin:80px;
  334. margin-top:50px;
  335. margin-bottom:80px;
  336. border:1px solid {color:post border};
  337. padding:35px;
  338. width:250px;
  339. background:{color:post bg};
  340. color:{color:text};
  341. font-family:calibri;
  342. font-size:10px;
  343. {block:if250px}
  344. width:250px;
  345. margin-left:65px;
  346. {/block:if250px}
  347. {block:if400px}
  348. width:400px;
  349. margin-left:40px;
  350. {/block:if400px}
  351. {block:PermalinkPage}
  352. margin-left:-50px;
  353. margin-top:5px;
  354. width:500px;
  355. padding-bottom:50px;
  356. {/block:PermalinkPage}
  357.  
  358. }
  359.  
  360. #posts a {
  361. color:{color:posts link};
  362.  
  363. }
  364.  
  365. #posts img{
  366. max-width:100%;
  367.  
  368. }
  369.  
  370. #postext {
  371. background:{color:text bg};
  372. color:{color:text};
  373. padding:20px;
  374.  
  375. }
  376.  
  377. #caption {
  378. color:{color:caption text};
  379. padding:5px;
  380. width:310px;
  381. margin-top:25px;
  382. background:{color:caption bg};
  383. margin-left:-36px;
  384. border:1px solid {color:caption border};
  385. word-wrap:break-word;
  386. font-size:11px;
  387. font-family:calibri;
  388. {block:if400px}
  389. width:460px;
  390. margin-left:-36px;
  391. {/block:if400px}
  392. {block:PermalinkPage}
  393. width:560px;
  394. {/block:PermalinkPage}
  395.  
  396. }
  397.  
  398. /* Post Info */
  399.  
  400. #inf {
  401. position:absolute;
  402. text-align:center;
  403. text-transform:uppercase;
  404. background:{color:post img info bg};
  405. width:40px;
  406. top:0;
  407. left:0px;
  408. height:100%;
  409. font-size:8px;
  410. font-family:calibri;
  411. opacity:0;
  412. -webkit-transition: opacity 0.4s linear;
  413. -webkit-transition: all 0.4s ease-in-out;
  414. -moz-transition: all 0.4s ease-in-out;
  415. -o-transition: all 0.4s ease-in-out;
  416.  
  417. }
  418.  
  419. #inf a:hover {
  420. font-style:italic;
  421. -webkit-transition: all .4s linear;
  422. -moz-transition: all .4s linear;
  423. -ms-transition: all .4s linear;
  424. -o-transition: all .4s linear;
  425. transition: all .4s linear;
  426.  
  427. }
  428.  
  429. #posts:hover #inf {
  430. width:320px;
  431. {block:if400px}
  432. width:470px;
  433. {/block:if400px}
  434. opacity:1;
  435. -webkit-transition: all .7s ease-in-out;
  436. -moz-transition: all .7s ease-in-out;
  437. -ms-transition: all .7s ease-in-out;
  438. -o-transition: all .7s ease-in-out;
  439. transition: all .7s ease-in-out;
  440.  
  441. }
  442.  
  443. .bignum {
  444. width:300px;
  445. margin-left:-75px;
  446.  
  447. }
  448.  
  449. .bignum a {
  450. font-size:60px;
  451. font-family:intro;
  452. font-style:italic;
  453. color:{color:post notes};
  454. letter-spacing:-2px;
  455. text-align:center;
  456. border-bottom:1px solid #eee;
  457. -webkit-transition: all .4s linear;
  458. -moz-transition: all .4s linear;
  459. -ms-transition: all .4s linear;
  460. -o-transition: all .4s linear;
  461. transition: all .4s linear;
  462.  
  463. }
  464.  
  465. .bignum a:hover {
  466. color:{color:post notes hover};
  467. -webkit-transition: all .7s ease-in-out;
  468. -moz-transition: all .7s ease-in-out;
  469. -ms-transition: all .7s ease-in-out;
  470. -o-transition: all .7s ease-in-out;
  471. transition: all .7s ease-in-out;
  472.  
  473. }
  474.  
  475. .reinf a {
  476. font-size:25px;
  477. margin-top:7px;
  478. letter-spacing:0px;
  479. color:{color:post reblog};
  480. font-family:bebasneue;
  481. text-align:center;
  482. border-bottom:1px solid #eee;
  483. -webkit-transition: all .4s linear;
  484. -moz-transition: all .4s linear;
  485. -ms-transition: all .4s linear;
  486. -o-transition: all .4s linear;
  487. transition: all .4s linear;
  488.  
  489. }
  490.  
  491. .reinf a:hover {
  492. color:{color:post reblog hover};
  493. -webkit-transition: all .7s ease-in-out;
  494. -moz-transition: all .7s ease-in-out;
  495. -ms-transition: all .7s ease-in-out;
  496. -o-transition: all .7s ease-in-out;
  497. transition: all .7s ease-in-out;
  498.  
  499. }
  500.  
  501. .moonlight {
  502. position:relative;
  503. margin-left:80px;
  504. width:150px;
  505. top:30%;
  506. text-align:center;
  507. {block:if250px}margin-left:85px;{/block:if250px}
  508. {block:if400px}margin-left:150px;{/block:if400px}
  509.  
  510. }
  511.  
  512. .dateinf {
  513. font-size:8px;
  514. padding:5px;
  515. font-family:calibri;
  516. color:{color:post date};
  517.  
  518. }
  519.  
  520. .taggs {
  521. border:1px solid {color:post tags border};
  522. padding:5px;
  523. color:{color:post tags};
  524. word-wrap:break-word;
  525.  
  526. }
  527.  
  528. .taggs img {
  529. padding-right:5px;
  530.  
  531. }
  532.  
  533. #information {
  534. position:absolute;
  535. background:{color:post text info bg};
  536. padding:5px;
  537. margin-top:40px;
  538. margin-left:-36px;
  539. border:1px solid {color:post text info border};
  540. width:310px;
  541. {block:if400px}width:460px;{/block:if400px}
  542.  
  543. }
  544.  
  545. .regular {
  546. color:{color:post text info};
  547. font-family:calibri;
  548. font-size:8px;
  549. text-transform:uppercase;
  550. word-wrap:break-word;
  551. text-align:center;
  552.  
  553. }
  554.  
  555. .regular a {
  556. color:{color:post text info};
  557.  
  558. }
  559.  
  560. /* Top bar */
  561.  
  562. #horizontalbar {
  563. position:fixed;
  564. background:{color:big bar bg};
  565. height:100px;
  566. z-index:-9;
  567. border-top:1px solid {color:big bar border};
  568. border-bottom:1px solid {color:big bar border};
  569. width:100%;
  570. top:272px; left:0px;
  571. {block:if400px}
  572. top:315px;
  573. {/block:if400px}
  574.  
  575. }
  576.  
  577. #banner{
  578. position:fixed;
  579. height:272px;
  580. z-index:-9;
  581. width:100%;
  582. top:0px; left:0px;
  583. background:{color:big banner bg};
  584. background-image:url('{image:topbar}');
  585. background-repeat:repeat;
  586. background-attachment:fixed;
  587. {block:if400px}
  588. height:315px;
  589. {/block:if400px}
  590.  
  591. }
  592.  
  593. #moonlight{
  594. position:relative;
  595. margin-top:-290px;
  596. width:402px;
  597. padding:24px;
  598. height:267px;
  599. background:{color:header img bg};
  600. border:1px solid {color:header img border};
  601. margin-left:-1px;
  602. {block:if400px}
  603. width:502px;
  604. height:300px;
  605. margin-top:-323px;
  606. {/block:if400px}
  607. {block:PermalinkPage}
  608. width:523px;
  609. margin-left:-50px;
  610. {/block:PermalinkPage}
  611. -webkit-transition: opacity 0.4s linear;
  612. -webkit-transition: all 0.4s ease-in-out;
  613. -moz-transition: all 0.4s ease-in-out;
  614. -o-transition: all 0.4s ease-in-out;
  615.  
  616. }
  617.  
  618. #moonlight img {
  619. width:402px;
  620. height:267px;
  621. {block:if400px}
  622. margin-left:50px;
  623. margin-top:18px;
  624. {/block:if400px}
  625. {block:PermalinkPage}
  626. margin-left:60px;
  627. {/block:PermalinkPage}
  628.  
  629. }
  630.  
  631. #moonlight:hover {
  632. z-index:100;
  633. opacity:0;
  634. -webkit-transition: opacity 0.4s linear;
  635. -webkit-transition: all 0.4s ease-in-out;
  636. -moz-transition: all 0.4s ease-in-out;
  637. -o-transition: all 0.4s ease-in-out;
  638.  
  639. }
  640.  
  641. #lovelovelove {
  642. margin-top:-317px;
  643. width:402px;
  644. padding:24px;
  645. height:267px;
  646. background:{color:header img bg};
  647. border:1px solid {color:header img border};
  648. margin-left:-1px;
  649. opacity:1;
  650. {block:if400px}
  651. width:502px;
  652. height:300px;
  653. margin-top:-350px;
  654. {/block:if400px}
  655. {block:PermalinkPage}
  656. width:523px;
  657. margin-left:-50px;
  658. {/block:PermalinkPage}
  659. -webkit-transition: opacity 0.4s linear;
  660. -webkit-transition: all 0.4s ease-in-out;
  661. -moz-transition: all 0.4s ease-in-out;
  662. -o-transition: all 0.4s ease-in-out;
  663.  
  664. }
  665.  
  666. #lovelovelove img {
  667. width:402px;
  668. height:267px;
  669. margin-top:0px;
  670. z-index:9999;
  671. {block:if400px}
  672. margin-left:50px;
  673. margin-top:18px;
  674. {/block:if400px}
  675. {block:PermalinkPage}
  676. margin-left:60px;
  677. {/block:PermalinkPage}
  678.  
  679. }
  680.  
  681. /* Description */
  682.  
  683. #leftside {
  684. position:fixed;
  685. top:305px;
  686. margin-left:-230px;
  687. height:auto;
  688. {block:if400px}
  689. top:345px;
  690. {/block:if400px}
  691. {block:PermalinkPage}
  692. margin-left:-280px;
  693. {/block:PermalinkPage}
  694.  
  695. }
  696.  
  697. .yourdesc {
  698. overflow:auto;
  699. padding:0px;
  700. z-index:99999;
  701. margin-top:-10px;
  702. letter-spacing:2px;
  703. line-height:10px;
  704. width:200px;
  705. height:60px;
  706. padding-right:10px;
  707. text-align:right;
  708. color:{color:description text};
  709. font-family:courier new;
  710. font-size:8px;
  711. text-transform:uppercase;
  712.  
  713. }
  714.  
  715. /* links */
  716.  
  717. .nav {
  718. z-index:1000;
  719. margin-left:-1px;
  720. background:{color:navigation bar bg};
  721. width:450px;
  722. border-left:1px solid {color:navigation bar border};
  723. border-right:1px solid {color:navigation bar border};
  724. height:29px;
  725. border-bottom:1px solid {color:navigation bar border};
  726. {block:if400px}
  727. width:550px;
  728. {/block:if400px}
  729. {block:PermalinkPage}
  730. margin-top:-1px;
  731. border-top:1px solid {color:navigation bar border};
  732. margin-left:-50px;
  733. width:571px;
  734. {/block:PermalinkPage}
  735. -webkit-transition: opacity 0.4s linear;
  736. -webkit-transition: all 0.4s ease-in-out;
  737. -moz-transition: all 0.4s ease-in-out;
  738. -o-transition: all 0.4s ease-in-out;
  739.  
  740. }
  741.  
  742. .linkz {
  743. margin-left:20px;
  744. width:430px;
  745. {block:if400px}
  746. margin-left:65px;
  747. {/block:if400px}
  748.  
  749. }
  750.  
  751. .linkz a {
  752. display:inline-block;
  753. padding:10px;
  754. color:{color:navigation text};
  755. text-align:left;
  756. font-family:courier new;
  757. font-size:8px;
  758. text-transform:uppercase;
  759. -webkit-transition: opacity 0.7s linear;
  760. -webkit-transition: all 0.7s ease-in-out;
  761. -moz-transition: all 0.7s ease-in-out;
  762. -o-transition: all 0.7s ease-in-out;
  763.  
  764. }
  765.  
  766. .linkz a:hover {
  767. color:{color:navigation hover text};
  768. box-shadow:inset 80px 0 0 {color:navigation hover bg};
  769. -webkit-transition: opacity 0.7s linear;
  770. -webkit-transition: all 0.7s ease-in-out;
  771. -moz-transition: all 0.7s ease-in-out;
  772. -o-transition: all 0.7s ease-in-out;
  773.  
  774. }
  775.  
  776. .searchy {
  777. position:absolute;
  778. margin-left:295px;
  779. margin-top:-22px;
  780. }
  781.  
  782. .sfm input {
  783. background:{color:search bar bg};
  784. font-size: 8px;
  785. border: 0px;
  786. text-transform: uppercase;
  787. margin-top:0px;
  788. outline:none;
  789. margin-left:0px;
  790. border:1px solid {color:search bar border};
  791. color:{color:search bar text};
  792. padding:2px;
  793. letter-spacing:1px;
  794. font-family: calibri, helvetica, arial;
  795.  
  796. }
  797.  
  798. #sb {
  799. height: 10px;
  800. opacity:.5;
  801. vertical-align: top;
  802. border:none;
  803.  
  804. }
  805.  
  806. .box {
  807. position:fixed;
  808. z-index:100;
  809. background:{color:slide box bg};
  810. top:25px;
  811. margin-left:-20px;
  812. width:402px;
  813. padding:24px;
  814. height:270px;
  815. {block:if400px}
  816. width:502px;
  817. height:301px;
  818. margin-top:12px;
  819. margin-left:-65px;
  820. {/block:if400px}
  821. {block:PermalinkPage}
  822. width:523px;
  823. {/block:PermalinkPage}
  824. background-image:url('{image:slide bg}');
  825. background-repeat:repeat;
  826. background-attachment:fixed;
  827.  
  828. }
  829.  
  830. .messiji {
  831. font-family:bebasneue;
  832. font-size:35px;
  833. color:{color:slide askbox title};
  834. {block:if400px}
  835. margin-top:20px;
  836. {/block:if400px}
  837.  
  838. }
  839.  
  840. .addtit {
  841. font-family:bebasneue;
  842. font-size:40px;
  843. color:{color:slide navi title};
  844. background:{color:slide navi title bg};
  845. width:150px;
  846. padding:10px;
  847. opacity:.8;
  848. margin-top:20px;
  849. letter-spacing:2px;
  850. margin-left:5px;
  851. text-align:center;
  852. {block:if400px}
  853. margin-left:75px;
  854. {/block:if400px}
  855. {block:PermalinkPage}
  856. margin-left:75px;
  857. {/block:PermalinkPage}
  858.  
  859. }
  860.  
  861. .linne {
  862. position:absolute;
  863. width:160px;
  864. height:1px;
  865. background:{color:slide navi line};
  866. margin-left:183px;
  867. margin-top:-40px;
  868. {block:if400px}
  869. margin-left:250px;
  870. {/block:if400px}
  871. {block:PermalinkPage}
  872. margin-left:250px;
  873. {/block:PermalinkPage}
  874.  
  875. }
  876.  
  877. #addlinks {
  878. position:absolute;
  879. font-family:courier new;
  880. font-size:8px;
  881. text-transform:uppercase;
  882. border-left:1px solid {color:slide navi line};
  883. margin-top:5px;
  884. width:150px;
  885. padding:10px;
  886. margin-left:120px;
  887. {block:if400px}
  888. margin-left:180px;
  889. {/block:if400px}
  890. {block:PermalinkPage}
  891. margin-left:180px;
  892. {/block:PermalinkPage}
  893.  
  894. }
  895.  
  896. #addlinks a {
  897. display:block;
  898. color:{color:slide navi text};
  899. background:{color:slide navi bg};
  900. margin:5px;
  901. margin-left:14px;
  902. line-height:0px;
  903. padding:none;
  904. text-align:center;
  905.  
  906. }
  907.  
  908. #addlinks a:hover {
  909. color:{color:slide navi text hover};
  910. box-shadow:inset 0 70px 0 {color:slide navi bg hover};
  911.  
  912. }
  913.  
  914. #about {
  915. margin-top:80px;
  916. padding:20px;
  917. overflow:auto;
  918. height:80px;
  919. width:205px;
  920. opacity:1;
  921. margin-left:150px;
  922. line-height:12px;
  923. letter-spacing:1px;
  924. font-family:calibri;
  925. font-size:10px;
  926. background:{color:slide about bg};
  927. color:{color:slide About text};
  928. {block:if400px}
  929. margin-left:195px;
  930. {/block:if400px}
  931. {block:PermalinkPage}
  932. margin-left:205px;
  933. {/block:PermalinkPage}
  934.  
  935. }
  936.  
  937. #about:first-letter {
  938. font-size:30px;
  939. font-family:intro;
  940. background:{color:slide about first letter bg};
  941. color:{color:slide about first letter text};
  942. float:left;
  943. padding:10px 5px 10px 5px;
  944. margin-top:2px;
  945. margin-right:7px;
  946.  
  947. }
  948.  
  949. #about img {
  950. margin-left:-200px;
  951. margin-top:-20px;
  952. position:absolute;
  953. padding:10px;
  954. background:{color:slide about img bg};
  955. border:1px solid {color:slide about img border};
  956.  
  957. }
  958.  
  959. .ablin {
  960. position:absolute;
  961. width:230px;
  962. height:1px;
  963. background:{color:slide about line};
  964. margin-left:160px;
  965. margin-top:50px;
  966. {block:if400px}
  967. margin-left:210px;
  968. {/block:if400px}
  969. {block:PermalinkPage}
  970. margin-left:210px;
  971. {/block:PermalinkPage}
  972.  
  973. }
  974.  
  975. .abtit {
  976. position:absolute;
  977. font-family:bebasneue;
  978. text-transform:uppercase;
  979. font-size:25px;
  980. margin-top:37px;
  981. margin-left:5px;
  982. text-align:center;
  983. width:150px;
  984. opacity:.8;
  985. color:{color:slide about title text};
  986. background:{color:slide about title bg};
  987. {block:if400px}
  988. margin-left:50px;
  989. {/block:if400px}
  990. {block:PermalinkPage}
  991. margin-left:60px;
  992. {/block:PermalinkPage}
  993.  
  994. }
  995.  
  996. /* title */
  997.  
  998. #rightside {
  999. position:fixed;
  1000. top:293px;
  1001. margin-left:470px;
  1002. {block:if400px}
  1003. top:335px;
  1004. margin-left:580px;
  1005. {/block:if400px}
  1006. {block:PermalinkPage}
  1007. margin-left:540px;
  1008. {/block:PermalinkPage}
  1009.  
  1010. }
  1011.  
  1012. .yourtitle {
  1013. margin-left:0px;
  1014. font-family:bebasneue;
  1015. text-transform:uppercase;
  1016. font-size:70px;
  1017. line-height:34px;
  1018. padding:15px 10px;
  1019. color:{color:title};
  1020. letter-spacing:-3px;
  1021. text-align:left;
  1022.  
  1023. }
  1024.  
  1025. .yourtitle:first-letter {
  1026. color:{color:title first letter};
  1027.  
  1028. }
  1029.  
  1030. /* Asks */
  1031.  
  1032. #asks {
  1033. background:{color:ask bg};
  1034.  
  1035. }
  1036.  
  1037. .asktit {
  1038. background:{color:asked by bg};
  1039. padding:8px;
  1040. width:200px;
  1041. margin-top:2px;
  1042. float:left;
  1043. color:{color:asked by text};
  1044. text-transform:uppercase;
  1045. font-family:courier new;
  1046. font-size:10px;
  1047. {block:if250px}width:200;{/block:if250px}
  1048. {block:if400px}width:350px;{/block:if400px}
  1049.  
  1050. }
  1051.  
  1052. .asktit a {
  1053. color:{color:asked by text};
  1054. letter-spacing:2px;
  1055.  
  1056. }
  1057.  
  1058. #asks img {
  1059. float:left;
  1060. width:26px;
  1061. margin-top:2px;
  1062. border:1px solid {color:ask portrait border};
  1063.  
  1064. }
  1065.  
  1066. .quesz {
  1067. margin-top:15px;
  1068. padding-left:15px;
  1069. line-height:11px;
  1070. background:{color:question bg};
  1071. color:{color:question};
  1072. font-family:calibri
  1073. font-size:10px;
  1074. padding:10px;
  1075.  
  1076. }
  1077.  
  1078. .answe {
  1079. padding:10px;
  1080. margin-top:5px;
  1081. font-family:calibri
  1082. font-size:10px;
  1083. background:{color:ask bg};
  1084. line-height:12px;
  1085.  
  1086. }
  1087.  
  1088. /* music */
  1089.  
  1090. #audio {
  1091. width:100%;
  1092. margin-left:0px;
  1093.  
  1094. }
  1095.  
  1096. .tumblr_audio_player {
  1097. height: 40px;
  1098. {block:if250px}width:250px;{/block:if250px}
  1099. {block:if400px}width:380px;{/block:if400px}
  1100.  
  1101. }
  1102.  
  1103. #musica {
  1104. position:relative;
  1105. background:{color:post bg};
  1106. color:{color:text};
  1107. border-top:1px solid {color:post border};
  1108. padding:10px;
  1109. margin-left:-10px;
  1110. margin-top:10px;
  1111. font-family:calibri;
  1112. font-size:10px;
  1113. line-height:10px;
  1114. letter-spacing:1px;
  1115. {block:if250px}width:250;{/block:if250px}
  1116. {block:if400px}width:380px;{/block:if400px}
  1117. {block:PermalinkPage}
  1118. width:500px;
  1119. {/block:PermalinkPage}
  1120.  
  1121. }
  1122.  
  1123. /* quotes */
  1124.  
  1125. #quotes {
  1126. margin-top:10px;
  1127. font-family:arial;
  1128. font-size:10px;
  1129. text-align:center;
  1130. background:{color:quotes bg};
  1131. color:{color:quotes text};
  1132. padding:15px;
  1133. letter-spacing:1px;
  1134. text-transform:none;
  1135.  
  1136. }
  1137.  
  1138. /* Pagination */
  1139.  
  1140. #pagi {
  1141. position:fixed;
  1142. z-index:999;
  1143. padding:5px;
  1144. text-align:center;
  1145. bottom:0px;
  1146. margin-left:-20px;
  1147.  
  1148. }
  1149.  
  1150. .current_page {
  1151. display:block;
  1152. color:{color:pagination};
  1153. padding:5px;
  1154. margin:5px;
  1155. border:1px solid {color:pagination border};
  1156. border-radius:20%;
  1157. background:{color:pagination bg};
  1158. font-family:courier new;
  1159. font-size:11px;
  1160. text-decoration:none;
  1161. -webkit-transition: opacity 0.4s linear;
  1162. -webkit-transition: all 0.4s ease-in-out;
  1163. -moz-transition: all 0.4s ease-in-out;
  1164. -o-transition: all 0.4s ease-in-out;
  1165.  
  1166. }
  1167.  
  1168. .current_page:hover {
  1169. padding:5px;
  1170. background:{color:pagination bg hover};
  1171. color:{color:pagination hover};
  1172. font-family:courier new;
  1173. font-size:11px;
  1174. text-decoration:none;
  1175. -webkit-transition: all .7s ease-in-out;
  1176. -moz-transition: all .7s ease-in-out;
  1177. -o-transition: all .7s ease-in-out;
  1178. -ms-transition: all .7s ease-in-out;
  1179. transition: all .7s ease-in-out;
  1180.  
  1181. }
  1182.  
  1183. .jump_page {
  1184. display:block;
  1185. color:{color:pagination};
  1186. padding:5px;
  1187. margin:5px;
  1188. border-radius:20%;
  1189. border:1px solid {color:pagination border};
  1190. background:{color:pagination bg};
  1191. font-family:courier new;
  1192. font-size:11px;
  1193. text-decoration:none;
  1194. -webkit-transition: opacity 0.4s linear;
  1195. -webkit-transition: all 0.4s ease-in-out;
  1196. -moz-transition: all 0.4s ease-in-out;
  1197. -o-transition: all 0.4s ease-in-out;
  1198.  
  1199. }
  1200.  
  1201. .jump_page:hover {
  1202. padding:5px;
  1203. background:{color:pagination bg hover};
  1204. color:{color:pagination hover};
  1205. font-family:courier new;
  1206. font-size:11px;
  1207. text-decoration:none;
  1208. -webkit-transition: all .7s ease-in-out;
  1209. -moz-transition: all .7s ease-in-out;
  1210. -o-transition: all .7s ease-in-out;
  1211. -ms-transition: all .7s ease-in-out;
  1212. transition: all .7s ease-in-out;
  1213.  
  1214. }
  1215.  
  1216. /* Hover text */
  1217.  
  1218. #s-m-t-tooltip {
  1219. z-index:999999;
  1220. max-width:300px;
  1221. margin-top:25px;
  1222. margin-left:80px;
  1223. padding:5px;
  1224. background-color:#000;
  1225. border:1px solid #eee;
  1226. color:#fff;
  1227. font-family:courier new;
  1228. font-size:8px;
  1229. letter-spacing:1px;
  1230. text-transform:uppercase;
  1231. line-height:13px;
  1232.  
  1233. }
  1234.  
  1235. /* theme credit */
  1236.  
  1237. #thmcredit a {
  1238. position:fixed;
  1239. z-index:99999;
  1240. font-family:courier new;
  1241. font-size:8px;
  1242. text-transform:uppercase;
  1243. color:#000;
  1244. border:5px solid #fff;
  1245. outline:1px solid #eee;
  1246. background:#fafafa;
  1247. padding:5px;
  1248. bottom:8px;
  1249. right:10px;
  1250.  
  1251. }
  1252.  
  1253. /* custom fonts */
  1254.  
  1255. @font-face {font-family:bebasneue; src: url(http://static.tumblr.com/bj5zkci/Mjvnbebft/bebasneue.otf) format("truetype"); }
  1256.  
  1257. </style>
  1258.  
  1259. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  1260. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  1261.  
  1262.  
  1263. <script src="http://static.tumblr.com/bj5zkci/Xs8n6t99k/stickup.min.js"></script>
  1264. <script type="text/javascript">
  1265. //initializing jQuery
  1266. jQuery(function($) {
  1267. $(document).ready( function() {
  1268. //enabling stickUp on the '.navbar-wrapper' class
  1269. $('.nav').stickUp({
  1270. //enabling marginTop with the 'auto' setting
  1271. marginTop: 'auto'
  1272. });
  1273. });
  1274. });
  1275. </script>
  1276.  
  1277.  
  1278. <script type="text/javascript">
  1279. jQuery(document).ready(function() {
  1280. jQuery(".box").hide();
  1281. //toggle the componenet with class msg_body
  1282. jQuery(".fringe").click(function()
  1283. {
  1284. jQuery(this).next(".box").slideToggle(500);
  1285. });});
  1286. </script>
  1287.  
  1288.  
  1289. </head>
  1290. <body>
  1291.  
  1292. <!-- top bar -->
  1293.  
  1294. <div id="horizontalbar"></div>
  1295. <div id="banner"></div>
  1296.  
  1297. <div id="boxed">
  1298.  
  1299. <div id="leftside">
  1300. <div class="yourdesc">
  1301. {description}</div>
  1302. </div>
  1303.  
  1304. <div id="rightside">
  1305. <div class="yourtitle">{title}</div>
  1306. </div>
  1307.  
  1308. <!-- links -->
  1309.  
  1310. <div id="moonlight"><img src="{image:image one}"></div>
  1311. <div id="lovelovelove"><img src="{image:image two}"></div>
  1312. <div class="nav">
  1313. <div class="linkz">
  1314. <a href="/">home</a>
  1315. <a href="/archive">history</a>
  1316.  
  1317. {block:ifslideask}
  1318. <a href="#" class="fringe">ASK</a>
  1319. <div class="box">
  1320. <div class="messiji">{text:slide ask title}</div>
  1321. <iframe frameborder="0" scrolling="yes" width="100%" height="220px" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1322. </div>
  1323. {/block:ifslideask}
  1324.  
  1325. {block:ifnotslideask}
  1326. <a href="/ask">ASK</a>
  1327. {/block:ifnotslideask}
  1328.  
  1329. <!-- Navigation -->
  1330.  
  1331. <a href="#" class="fringe">navigation</a>
  1332. <div class="box">
  1333. <div class="addtit">explore</div>
  1334. <div class="linne"></div>
  1335. <div id="addlinks">
  1336. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  1337. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  1338. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  1339. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  1340. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  1341. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  1342. </div>
  1343. </div>
  1344.  
  1345. <a href="#" class="fringe">about</a>
  1346. <div class="box">
  1347. <div class="abtit">about.</div>
  1348. <div class="ablin"></div>
  1349. <div id="about">
  1350. <img src="{image:about me icon}"></a>
  1351.  
  1352. <!-- WRITE YOUR ABOUT ME HERE -->
  1353.  
  1354. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu leo eu augue adipiscing mollis. Cras vitae lacus sit amet erat venenatis ullamcorper. Proin vulputate nulla ac tincidunt vulputate.
  1355.  
  1356. <!-- END OF ABOUT ME -->
  1357.  
  1358. </div></div>
  1359.  
  1360. <div class="searchy">
  1361. <form action="/search" method="get" class="sfm">
  1362. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1363. <input type="image" value="Search" src="http://static.tumblr.com/bj5zkci/fNgn42ep2/search.png" id="sb"/>
  1364. </form><br>
  1365. </div>
  1366. </div>
  1367. </div>
  1368.  
  1369. <!-- Pagination -->
  1370.  
  1371. {block:IndexPage}
  1372. {block:IfNotInfiniteScroll}
  1373. <div id="pagi">
  1374. {block:Pagination}
  1375. {block:JumpPagination length="3"}
  1376. {block:CurrentPage}<span class="current_page"><a href="{PageNumber}"><img src="http://media.tumblr.com/6af5d5c420629727df31cbb9e3b8329b/tumblr_inline_n2aj54kxoa1r7v6wt.png"></a></span>{/block:CurrentPage}
  1377. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1378. {/block:Pagination}
  1379. </div>{/block:IfNotInfiniteScroll} {/block:IndexPage}
  1380.  
  1381.  
  1382. <div class ="autopagerize_page_element">
  1383.  
  1384. <!-- Posts -->
  1385.  
  1386. {block:posts}
  1387. <div id="posts">
  1388. {block:ContentSource}
  1389. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1390. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1391. {/block:SourceLogo}
  1392. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1393. {/block:ContentSource}
  1394.  
  1395. {block:text}
  1396. <div id="postext">{block:title}<h1>{title}</h1>{/block:title}{body}
  1397. </div>
  1398.  
  1399. {block:IndexPage}
  1400.  
  1401. <div id="information">
  1402. <div class="regular">
  1403.  
  1404. {block:Date}
  1405. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
  1406.  
  1407. {block:NoteCount}
  1408. <a href="{Permalink}" title="permalink">{NoteCount}</a>
  1409. {/block:NoteCount} ─
  1410.  
  1411. <a href="{ReblogURL}">reblog</a> <br>
  1412.  
  1413. {block:HasTags}
  1414. T A G S :
  1415. {block:Tags}
  1416. <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
  1417. {/block:Tags}
  1418. {/block:HasTags}
  1419. </div>
  1420. </div>
  1421. {/block:IndexPage}
  1422. {/block:text}
  1423.  
  1424. {block:photo}
  1425. {block:IndexPage}
  1426. {block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}
  1427. {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
  1428. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  1429. {block:ifShowCaptions}
  1430. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1431. {/block:ifShowCaptions}{/block:IndexPage}
  1432.  
  1433. {block:IndexPage}
  1434. <div id="inf">
  1435. <div class="moonlight">
  1436.  
  1437. {block:NoteCount}
  1438. <div class="bignum">
  1439. <a href="{Permalink}" title="permalink">{NoteCount}</a></div>
  1440. {/block:NoteCount}
  1441.  
  1442. <div class="reinf"><a href="{ReblogURL}">reblog</a></div>
  1443.  
  1444. <div class="dateinf">{block:Date}{TimeAgo} | {DayOfWeek}{/block:Date}</div>
  1445.  
  1446. {block:HasTags}
  1447. <div class="taggs">T A G S :
  1448. {block:Tags}
  1449. <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
  1450. {/block:Tags}</div>
  1451. {/block:HasTags}
  1452.  
  1453. </div>
  1454. </div>
  1455. {/block:IndexPage}
  1456.  
  1457. {block:PermalinkPage}
  1458. <img src="{PhotoURL-500}"/>
  1459. {block:Caption}
  1460. <div id="caption">{Caption}</div>
  1461. {/block:Caption}
  1462. {/block:PermalinkPage}
  1463. {/block:photo}
  1464.  
  1465. {block:Photoset}
  1466. {block:IndexPage}
  1467. {block:if250px}{Photoset-250}{/block:if250px}
  1468. {block:if400px}{Photoset-400}{/block:if400px}
  1469. {block:if500px}{Photoset-500}{/block:if500px}
  1470. {block:ifShowCaptions}
  1471. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1472. {/block:ifShowCaptions}
  1473. {/block:IndexPage}
  1474.  
  1475. {block:IndexPage}
  1476. <div id="inf">
  1477. <div class="moonlight">
  1478.  
  1479. {block:NoteCount}
  1480. <div class="bignum">
  1481. <a href="{Permalink}" title="permalink">{NoteCount}</a></div>
  1482. {/block:NoteCount}
  1483.  
  1484. <div class="reinf"><a href="{ReblogURL}">reblog</a></div>
  1485.  
  1486. <div class="dateinf">{block:Date}{TimeAgo} | {DayOfWeek}{/block:Date}</div>
  1487.  
  1488. {block:HasTags}
  1489. <div class="taggs">T A G S :
  1490. {block:Tags}
  1491. <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
  1492. {/block:Tags}</div>
  1493. {/block:HasTags}
  1494.  
  1495. </div>
  1496. </div>
  1497. {/block:IndexPage}
  1498.  
  1499. {block:PermalinkPage}
  1500. {Photoset-500}
  1501. {block:Caption}
  1502. <div id="caption">{Caption}</div>
  1503. {/block:Caption}
  1504. {/block:PermalinkPage}
  1505. {/block:Photoset}
  1506.  
  1507. {block:Audio}
  1508. <div id="audio">{AudioPlayerWhite}</div>
  1509. <div id="musica">{block:Artist}<b>ARTIST</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {Artist}{/block:Artist}<br>
  1510. {block:TrackName}<b>TRACK</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {TrackName}{/block:TrackName}<br>
  1511. {block:Album}<b>ALBUM</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {Album}{/block:Album}<br>
  1512. {block:PlayCount}<b>PLAY COUNT</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {PlayCount}{/block:PlayCount}
  1513. </div>
  1514. {block:ifShowCaptions}
  1515. {block:caption}<div id="caption">{caption}</div>{/block:caption}{/block:ifShowCaptions}
  1516.  
  1517. {block:IndexPage}
  1518.  
  1519. <div id="information">
  1520. <div class="regular">
  1521.  
  1522. {block:Date}
  1523. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
  1524.  
  1525. {block:NoteCount}
  1526. <a href="{Permalink}" title="permalink">{NoteCount}</a>
  1527. {/block:NoteCount} ─
  1528.  
  1529. <a href="{ReblogURL}">reblog</a> <br>
  1530.  
  1531. {block:HasTags}
  1532. T A G S :
  1533. {block:Tags}
  1534. <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
  1535. {/block:Tags}
  1536. {/block:HasTags}
  1537. </div>
  1538. </div>
  1539.  
  1540. {/block:IndexPage}
  1541.  
  1542. {/block:Audio}
  1543.  
  1544. {block:Answer}
  1545. <div id="asks">
  1546. <img src="{AskerPortraitURL-40}"></a></div>
  1547. <div class="asktit">{Asker} asked </div><br>
  1548. <div class="quesz">{Question}</div>
  1549. <div class="answ">{Answer}</div>
  1550.  
  1551. {block:IndexPage}
  1552.  
  1553. <div id="information">
  1554. <div class="regular">
  1555.  
  1556. {block:Date}
  1557. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
  1558.  
  1559. {block:NoteCount}
  1560. <a href="{Permalink}" title="permalink">{NoteCount}</a>
  1561. {/block:NoteCount} ─
  1562.  
  1563. <a href="{ReblogURL}">reblog</a> <br>
  1564.  
  1565. {block:HasTags}
  1566. T A G S :
  1567. {block:Tags}
  1568. <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
  1569. {/block:Tags}
  1570. {/block:HasTags}
  1571. </div>
  1572. </div>
  1573.  
  1574. {/block:IndexPage}
  1575.  
  1576. {/block:Answer}
  1577.  
  1578. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}
  1579.  
  1580. {block:IndexPage}
  1581.  
  1582. <div id="information">
  1583. <div class="regular">
  1584.  
  1585. {block:Date}
  1586. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
  1587.  
  1588. {block:NoteCount}
  1589. <a href="{Permalink}" title="permalink">{NoteCount}</a>
  1590. {/block:NoteCount} ─
  1591.  
  1592. <a href="{ReblogURL}">reblog</a> <br>
  1593.  
  1594. {block:HasTags}
  1595. T A G S :
  1596. {block:Tags}
  1597. <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
  1598. {/block:Tags}
  1599. {/block:HasTags}
  1600. </div>
  1601. </div>
  1602.  
  1603. {/block:IndexPage}
  1604.  
  1605. {/block:Quote}
  1606.  
  1607.  
  1608. {block:Link}
  1609. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  1610. {block:Description}{Description}{/block:Description} {/block:Link}
  1611.  
  1612. {block:Video}
  1613. {block:if250px}{Video-250}{/block:if250px}
  1614. {block:if400px}{Video-400}{/block:if400px}
  1615. {block:if500px}{Video-500}{/block:if500px}
  1616. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}
  1617.  
  1618. {block:IndexPage}
  1619.  
  1620. <div id="information">
  1621. <div class="regular">
  1622.  
  1623. {block:Date}
  1624. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
  1625.  
  1626. {block:NoteCount}
  1627. <a href="{Permalink}" title="permalink">{NoteCount}</a>
  1628. {/block:NoteCount} ─
  1629.  
  1630. <a href="{ReblogURL}">reblog</a> <br>
  1631.  
  1632. {block:HasTags}
  1633. T A G S :
  1634. {block:Tags}
  1635. <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
  1636. {/block:Tags}
  1637. {/block:HasTags}
  1638. </div>
  1639. </div>
  1640.  
  1641. {/block:IndexPage}
  1642.  
  1643. {/block:Video}
  1644.  
  1645. {block:Chat}
  1646. {block:Title}{Title}<br />{/block:Title}
  1647. {block:Lines}
  1648. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1649. {/block:Lines}
  1650. {block:IndexPage}
  1651. <div id="information">
  1652. <div class="regular">
  1653. {block:Date}
  1654. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
  1655. {block:NoteCount}
  1656. <a href="{Permalink}" title="permalink">{NoteCount}</a>
  1657. {/block:NoteCount} ─
  1658.  
  1659. <a href="{ReblogURL}">reblog</a> <br>
  1660.  
  1661. {block:HasTags}
  1662. T A G S :
  1663. {block:Tags}
  1664. <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
  1665. {/block:Tags}
  1666. {/block:HasTags}
  1667. </div>
  1668. </div>
  1669. {/block:IndexPage}
  1670. {/block:Chat}
  1671.  
  1672. {block:PermalinkPage}
  1673. <div id="permalink">
  1674.  
  1675. <div class="date">{block:Date}
  1676. {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
  1677. {/block:Date}</div>
  1678.  
  1679. <div class="perm">
  1680. {block:NoteCount}
  1681. <a href="{Permalink}" title="{NoteCount}">{NoteCount} notes </a>{/block:NoteCount}<br>
  1682. ─ <a href="{ReblogURL}" title="reblog">reblog</a><BR>
  1683. {block:RebloggedFrom}
  1684. <a href="{ReblogParentURL}">VIA: {ReblogParentName}</a><br>
  1685. <a href="{ReblogRootURL}"> SOURCE: {ReblogRootName}</a>
  1686. {/block:RebloggedFrom}<br>
  1687. {block:HasTags}
  1688. <a href="{TagURL}"><font color="#f8b3b3">TAGS:</font>{block:Tags}#{Tag}{/block:Tags}</a><br>
  1689. {/block:HasTags}
  1690. </div></div>
  1691.  
  1692. {/block:PermalinkPage}
  1693.  
  1694. {block:PostNotes}
  1695. <div id="notecounts">{PostNotes}</div>
  1696. {/block:PostNotes}
  1697.  
  1698. </div>
  1699. {/block:posts}
  1700.  
  1701. </div>
  1702. </body>
  1703. <!-- THEME CREDIT - DO NOT REMOVE -->
  1704.  
  1705. <div id="thmcredit">
  1706. <a href="http://dohdoro.tumblr.com" title="theme by dohdoro">DTHMS.</a>
  1707. </div>
  1708. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement