API tools faq
paste
Advertisement
dohdoro

aesthetic

dohdoro
Aug 3rd, 2014
5,150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.58 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. <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. ╰━━━╯╰╯╱╱╰━━━┻╯╰━┻━━┻━━━┻╯╱╰╯
  19.  
  20.  
  21. <!-- THEME: AESTHETICS --->
  22.  
  23. <!--DO NOT REMOVE THE CREDIT PLEASE.
  24. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  25. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  26. ***DO NOT USE AS BASE --->
  27.  
  28.  
  29. <head>
  30.  
  31. <title>{Title}</title>
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. <link rel="shortcut icon" href="{favicon}" />
  34.  
  35. </script>
  36.  
  37. <meta name="image:bg img 1" content="http://oi60.tinypic.com/2dujfc2.jpg"/>
  38. <meta name="image:bg img 2" content="http://oi61.tinypic.com/25ztrpu.jpg"/>
  39. <meta name="image:bg img 3" content="http://oi61.tinypic.com/30wa7p1.jpg"/>
  40.  
  41. <meta name="if:InfiniteScroll" content="0" />
  42. <meta name="if:Show Captions" content="0"/>
  43. <meta name="if:250px" content="1" />
  44. <meta name="if:400px" content="0" />
  45. <meta name="if:500px" content="0" />
  46.  
  47. <meta name="text:Second title" content="second title here"/>
  48. <meta name="text:Description title" content="Sunshine"/>
  49.  
  50. <meta name="text:Link One URL" content="/"/>
  51. <meta name="text:Link One" content="link one"/>
  52. <meta name="text:Link Two URL" content="/"/>
  53. <meta name="text:Link Two" content="link two"/>
  54. <meta name="text:Link Three URL" content="/"/>
  55. <meta name="text:Link Three" content="link three"/>
  56.  
  57. <meta name="text:Search Label" content="/tagged" />
  58. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  59.  
  60. <meta name="color:Background" content="#ffffff"/>
  61. <meta name="color:Text" content="#888"/>
  62. <meta name="color:bold" content="#00CED1"/>
  63. <meta name="color:italic" content="#F08080"/>
  64. <meta name="color:links" content="#888888"/>
  65. <meta name="color:links hover" content="#000000"/>
  66. <meta name="color:h1 bg" content="#FF1493"/>
  67. <meta name="color:h1" content="#ffffff"/>
  68. <meta name="color:h1 border" content="#ffffff"/>
  69. <meta name="color:pagination current page" content="#FF1493"/>
  70. <meta name="color:pagination current page hover" content="#282828"/>
  71. <meta name="color:pagination next page bg" content="#282828"/>
  72. <meta name="color:pagination next page bg hover" content="#FF1493"/>
  73. <meta name="color:pagination next page" content="#ffffff"/>
  74. <meta name="color:pagination next page hover" content="#ffffff"/>
  75. <meta name="color:permalink border" content="#ffffff"/>
  76. <meta name="color:permalink bg" content="#ffffff"/>
  77. <meta name="color:permalink" content="#282828"/>
  78. <meta name="color:blog border" content="#ffffff"/>
  79. <meta name="color:First title bg" content="#FF1493"/>
  80. <meta name="color:First title text" content="#ffffff"/>
  81. <meta name="color:Second title bg" content="#282828"/>
  82. <meta name="color:Second title text" content="#ffffff"/>
  83. <meta name="color:Search box bg" content="#FF1493"/>
  84. <meta name="color:Search box border" content="#ffffff"/>
  85. <meta name="color:Search box text" content="#ffffff"/>
  86. <meta name="color:Search icon bg" content="#282828"/>
  87. <meta name="color:Navigation text" content="#888888"/>
  88. <meta name="color:Navigation border" content="#FF1493"/>
  89. <meta name="color:Description title" content="#282828"/>
  90. <meta name="color:Description title border" content="#282828"/>
  91. <meta name="color:Description bg" content="#282828"/>
  92. <meta name="color:Description text" content="#ffffff"/>
  93. <meta name="color:Post bg" content="#ffffff"/>
  94. <meta name="color:Post text" content="#888888"/>
  95. <meta name="color:Post info date" content="#FF1493"/>
  96. <meta name="color:Post info notes" content="#282828"/>
  97. <meta name="color:Post info notes border" content="#282828"/>
  98. <meta name="color:Post info notes bg hover" content="#282828"/>
  99. <meta name="color:Post info notes hover" content="#ffffff"/>
  100. <meta name="color:Post info tags" content="#282828"/>
  101. <meta name="color:Post info dots bg" content="#eeeeee"/>
  102. <meta name="color:Post info dots border" content="#ffffff"/>
  103. <meta name="color:Post info dots bg hover" content="#ffffff"/>
  104. <meta name="color:text post info" content="#282828"/>
  105. <meta name="color:text post info border" content="#ffffff"/>
  106. <meta name="color:caption bg" content="#282828"/>
  107. <meta name="color:caption text" content="#ffffff"/>
  108. <meta name="color:Ask bg" content="#FF1493"/>
  109. <meta name="color:Ask text" content="#ffffff"/>
  110. <meta name="color:Reply" content="#ffffff"/>
  111. <meta name="color:Reply text" content="#888888"/>
  112. <meta name="color:Audio border" content="#eeeeee"/>
  113. <meta name="color:Scrollbar line" content="#eeeeee"/>
  114. <meta name="color:Scrollbar" content="#FF1493"/>
  115.  
  116.  
  117.  
  118. <meta name="text:Search Label" content="" />
  119. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  120.  
  121. <style type="text/css">
  122.  
  123.  
  124. /* body */
  125.  
  126. body {
  127.  
  128. font-family:calibri;
  129. font-size:10px;
  130. letter-spacing:1px;
  131. color:{color:Text};
  132. background:{color:Background};
  133.  
  134. }
  135.  
  136. #background_cycler{padding:0;margin:0;width:100%;position:fixed;top:0;left:0;z-index:-1}
  137. #background_cycler img{position:fixed;left:0;top:0;width:100%;z-index:1}
  138. #background_cycler img.active{z-index:3}
  139.  
  140. a {
  141. color:{color:links};
  142. text-decoration:none;
  143.  
  144. }
  145.  
  146. a:hover {
  147. color:{color:links hover};
  148.  
  149. }
  150.  
  151. b, strong{
  152. color:{color:bold};
  153.  
  154. }
  155.  
  156. i, em {
  157. color:{color:italic};
  158.  
  159. }
  160.  
  161. h1 {
  162. font-family:nexa;
  163. font-size:20px;
  164. display:block;
  165. overflow:hidden;
  166. text-transform:uppercase;
  167. background:{color:h1 bg};
  168. color:{color:h1};
  169. border-bottom:1px solid {color:h1 border};
  170. text-align:center;
  171. padding:10px;
  172.  
  173. }
  174.  
  175. h1 a {
  176. color:#fff;
  177. text-decoration:none;
  178.  
  179. }
  180.  
  181. blockquote {
  182. word-wrap:break-word;
  183.  
  184. }
  185.  
  186. /* Theme credit */
  187.  
  188. #thmcredit a {
  189. position:fixed;
  190. z-index:99999;
  191. font-family:arial;
  192. font-size:8px;
  193. background:#fff;
  194. text-transform:uppercase;
  195. color:#888;
  196. border:1px solid #282828;
  197. padding:5px;
  198. bottom:8px;
  199. right:38px;
  200.  
  201. }
  202.  
  203. /* Hover text */
  204.  
  205. #s-m-t-tooltip {
  206. z-index:999999;
  207. margin-top:25px;
  208. margin-left:15px;
  209. padding:5px;
  210. border-radius:20%;
  211. background-color:#000;
  212. color:#fff;
  213. font-family:courier new;
  214. font-size:8px;
  215. text-transform:uppercase;
  216. line-height:13px;
  217.  
  218. }
  219.  
  220. /* Pagination */
  221.  
  222. #pagi {
  223. position:fixed;
  224. z-index:999;
  225. text-align:center;
  226. bottom:0px;
  227. margin-left:190px;
  228. font-family:arial;
  229. font-size:11px;
  230. text-decoration:none;
  231.  
  232. }
  233.  
  234. .current_page {
  235. display:inline-block;
  236. color:#fff;
  237. background:{color:pagination current page};
  238. padding:13px;
  239. -webkit-transition: opacity 0.4s linear;
  240. -webkit-transition: all 0.4s ease-in-out;
  241. -moz-transition: all 0.4s ease-in-out;
  242. -o-transition: all 0.4s ease-in-out;
  243.  
  244. }
  245.  
  246. .current_page:hover {
  247. color:#fff;
  248. background:{color:pagination current page hover};
  249. -webkit-transition: all .7s ease-in-out;
  250. -moz-transition: all .7s ease-in-out;
  251. -o-transition: all .7s ease-in-out;
  252. -ms-transition: all .7s ease-in-out;
  253. transition: all .7s ease-in-out;
  254.  
  255. }
  256.  
  257. .jump_page {
  258. display:inline-block;
  259. color:{color:pagination current page};
  260. padding:13px;
  261. background:{color:pagination next page bg};
  262. -webkit-transition: opacity 0.4s linear;
  263. -webkit-transition: all 0.4s ease-in-out;
  264. -moz-transition: all 0.4s ease-in-out;
  265. -o-transition: all 0.4s ease-in-out;
  266.  
  267. }
  268.  
  269. .jump_page:hover {
  270. color:{color:pagination next page hover};
  271. background:{color:pagination next page bg hover};
  272. -webkit-transition: all .7s ease-in-out;
  273. -moz-transition: all .7s ease-in-out;
  274. -o-transition: all .7s ease-in-out;
  275. -ms-transition: all .7s ease-in-out;
  276. transition: all .7s ease-in-out;
  277.  
  278. }
  279.  
  280. /* Quotes */
  281.  
  282. #quotes {
  283. font-family:arial;
  284. font-size:10px;
  285. text-align:center;
  286. letter-spacing:0px;
  287. padding:10px;
  288. text-transform:uppercase;
  289.  
  290. }
  291.  
  292. /* Permalink */
  293.  
  294. #permalink {
  295. margin-left:0px;
  296. margin-top:20px;
  297. padding:10px;
  298. color:{color:permalink};
  299. border:1px solid {color:permalink border};
  300. background-color:rgba(255, 255, 255,0.5);
  301.  
  302. }
  303.  
  304. .perma a {
  305. color:{color:permalink};
  306.  
  307. }
  308.  
  309. .perma {
  310. font-size:8px;
  311. font-family:arial;
  312. text-transform:uppercase;
  313. text-align:center;
  314. background:{color:permalink bg};
  315. margin-top:20px;
  316. color:{color:permalink};
  317. margin-left:0px;
  318. padding:10px;
  319.  
  320. }
  321.  
  322. #notecounts {
  323. margin-top:30px;
  324. margin-left:-10px;
  325. font-size:8px;
  326. font-family:arial;
  327. text-transform:uppercase;
  328. border-top:1px solid {color:permalink border};
  329. background:{color:permalink bg};
  330. color:{color:permalink};
  331. padding:10px;
  332.  
  333. }
  334.  
  335. #notecounts img {
  336. display:inline-block;
  337. border:1px solid {color:permalink border};
  338. border-radius:20%;
  339.  
  340. }
  341.  
  342. ol.notes {
  343. list-style-type:none;
  344.  
  345. }
  346.  
  347. #lefbar {
  348. position:fixed;
  349. top:0px;
  350. width:40px;
  351. height:100%;
  352. left:0px;
  353. background:{color:blog border};
  354.  
  355. }
  356.  
  357. #righbar {
  358. position:fixed;
  359. top:0px;
  360. width:40px;
  361. height:100%;
  362. right:0px;
  363. background:{color:blog border};
  364.  
  365. }
  366.  
  367. #bombar {
  368. position:fixed;
  369. bottom:0px;
  370. height:40px;
  371. width:100%;
  372. left:0px;
  373. background:{color:blog border};
  374.  
  375. }
  376.  
  377.  
  378. #bartop {
  379. position:fixed;
  380. top:0px;
  381. height:120px;
  382. width:100%;
  383. left:0px;
  384. background:{color:blog border};
  385.  
  386. }
  387.  
  388. /* Sidebar */
  389.  
  390. #thebar {
  391. position:fixed;
  392. left:45px;
  393. top:25px;
  394. height:50px;
  395. width:100%;
  396. z-index:999;
  397.  
  398. }
  399.  
  400. .aesthetics {
  401. z-index:99;
  402. position:absolute;
  403. overflow:hidden;
  404. display:block;
  405. margin-left:40px;
  406. font-family:nexa;
  407. font-size:35px;
  408. background:{color:First title bg};
  409. padding:0 5px 0 5px;
  410. color:{color:First title text};
  411.  
  412. }
  413.  
  414. .sechz {
  415. position:absolute;
  416. overflow:hidden;
  417. margin-top:45px;
  418. margin-left:-5px;
  419. display:block;
  420. background:{color:Second title bg};
  421. color:{color:Second title text};
  422. font-family:nexa;
  423. padding:0 5px 0 5px;
  424. font-size:20px;
  425. text-transform:uppercase;
  426.  
  427. }
  428.  
  429. .searchy {
  430. position:absolute;
  431. margin-left:-5px;
  432. margin-top:0px;
  433.  
  434. }
  435.  
  436. .searchy img {
  437. width:15px;
  438. background:{color:Search icon bg};
  439. padding:14px;
  440.  
  441. }
  442.  
  443. .find {
  444. position:fixed;
  445. z-index:100;
  446. margin-top:40px;
  447.  
  448. }
  449.  
  450. .sfm input {
  451. background:{color:Search box bg};
  452. font-size: 8px;
  453. border: 0px;
  454. text-transform: uppercase;
  455. margin-top:0px;
  456. border:5px solid {color:Search box border};
  457. outline:none;
  458. margin-left:0px;
  459. color:{color:Search box text};
  460. padding:10px 10px 10px 10px;
  461. letter-spacing:1px;
  462. font-family: calibri, helvetica, arial;
  463.  
  464. }
  465.  
  466. #sb {
  467. height: 10px;
  468. vertical-align: top;
  469. border:5px solid {color:Search box border};
  470.  
  471. }
  472.  
  473. #navigate {
  474. position:fixed;
  475. z-index:999;
  476. right:30px;
  477. top:30px;
  478.  
  479. }
  480.  
  481. .linkhz {
  482. margin-top:-20px;
  483.  
  484. }
  485.  
  486. .linkhz a {
  487. display:inline-block;
  488. font-family:arial;
  489. letter-spacing:2px;
  490. font-size:12px;
  491. padding:5px;
  492. color:{color:Navigation text};
  493. margin:10px;
  494. text-transform:uppercase;
  495.  
  496. }
  497.  
  498. .slihd {
  499. margin: 50px auto;
  500. background-color: rgba(0,0,0,0.6);
  501. border-top: 2px solid white;
  502. border-bottom: 2px solid white;
  503.  
  504. }
  505.  
  506. #totheright {
  507. margin: 0 auto;
  508. list-style: none;
  509. position: relative;
  510.  
  511. }
  512.  
  513. #totheright li {
  514. display: inline;
  515.  
  516. }
  517.  
  518. #totheright li a {
  519. color:{color:Navigation text};
  520. font-size: 12px;
  521. display: block;
  522. float: left;
  523. padding: 6px 10px 4px 10px;
  524. text-decoration: none;
  525. text-transform: uppercase;
  526.  
  527. }
  528.  
  529. #totheright li a:hover {
  530. color: white;
  531.  
  532. }
  533.  
  534. #magic-line {
  535. position: absolute;
  536. bottom: -2px;
  537. left: 0;
  538. width: 100px;
  539. height: 2px;
  540. background:{color:Navigation border};
  541.  
  542. }
  543.  
  544. #blohg {
  545. position:fixed;
  546. margin-top:100px;
  547. margin-left:-180px;
  548.  
  549. }
  550.  
  551. .titdees {
  552. position:absolute;
  553. margin-top:-45px;
  554. color:{color:Description title};
  555. width:130px;
  556. background-color:rgba(255, 255, 255,0.5);
  557. border:1px solid {color:Description title border};
  558. padding:10px 5px 10px 5px;
  559. text-align:center;
  560. text-transform:uppercase;
  561. font-family:arial;
  562. font-size:15px;
  563. letter-spacing:0px;
  564.  
  565. }
  566.  
  567. .deescrip {
  568. position:absolute;
  569. width:150px;
  570. font-family:arial;
  571. font-size:10px;
  572. line-height:10px;
  573. text-align:justify;
  574. color:{color:Description text};
  575. padding:15px;
  576. background:{color:Description bg};
  577.  
  578. }
  579.  
  580. /* Posts */
  581.  
  582. #container {
  583. margin-left:auto;
  584. margin-right:auto;
  585. height:500px;
  586. background-color:rgba(255, 255, 255,0.5);
  587. border:30px solid rgba(255, 255, 255, .5);
  588. -moz-background-clip: border; /* Firefox 3.6 */
  589. -webkit-background-clip: border; /* Safari 4? Chrome 6? */
  590. background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  591. -moz-background-clip: padding; /* Firefox 3.6 */
  592. -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
  593. background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  594. -moz-background-clip: content; /* Firefox 3.6 */
  595. -webkit-background-clip: content; /* Safari 4? Chrome 6? */
  596. background-clip: content-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  597. margin-top:240px;
  598. overflow-y: auto;
  599. overflow-x: hidden;
  600. {block:if250px}
  601. width:400px;
  602. {/block:if250px}
  603. {block:if400px}
  604. width:560px;
  605. {/block:if400px}
  606. {block:if500px}
  607. width:620px;
  608. {/block:if500px}
  609. {block:PermalinkPage}
  610. width:620px;
  611. {/block:PermalinkPage}
  612.  
  613. }
  614.  
  615. #blog {
  616. position:relative;
  617. padding:30px;
  618. background:{color:Post bg};
  619. margin-bottom:100px;
  620. color:{color:Post text};
  621. font-family:arial;
  622. font-size:10px;
  623. {block:if250px}
  624. width:250px;
  625. margin-left:40px;
  626. {/block:if250px}
  627. {block:if400px}
  628. width:400px;
  629. margin-left:40px;
  630. {/block:if400px}
  631. {block:if500px}
  632. width:500px;
  633. margin-left:15px;
  634. {/block:if500px}
  635. {block:PermalinkPage}
  636. margin-left:15px;
  637. width:500px;
  638. padding-bottom:50px;
  639. {/block:PermalinkPage}
  640.  
  641. }
  642.  
  643. #blog a {
  644. color:{color:links};
  645.  
  646. }
  647.  
  648. #blog img {
  649. max-width:100%;
  650.  
  651. }
  652.  
  653. #tehxt {
  654. background:{color:Text bg};
  655. padding:10px;
  656.  
  657. }
  658.  
  659. /* Post info */
  660.  
  661. #fotoinf {
  662. position:absolute;
  663. background-color:rgba(255, 255, 255,0.8);
  664. left:0px;
  665. top:0px;
  666. height:100%;
  667. color:{color:post info};
  668. {block:if250px}
  669. width:310px;
  670. {/block:if250px}
  671. {block:if400px}
  672. width:460px;
  673. {/block:if400px}
  674. {block:if500px}
  675. width:560px;
  676. {/block:if500px}
  677. opacity:0;
  678. -webkit-transition: opacity 0.4s linear;
  679. -webkit-transition: all 0.4s ease-in-out;
  680. -moz-transition: all 0.4s ease-in-out;
  681. -o-transition: all 0.4s ease-in-out;
  682.  
  683. }
  684.  
  685. #blog:hover #fotoinf {
  686. opacity:1;
  687. -webkit-transition: all .7s ease-in-out;
  688. -moz-transition: all .7s ease-in-out;
  689. -o-transition: all .7s ease-in-out;
  690. -ms-transition: all .7s ease-in-out;
  691. transition: all .7s ease-in-out;
  692.  
  693. }
  694.  
  695. #infz {
  696. position:relative;
  697. top:40%;
  698. left:2%;
  699. text-align:center;
  700.  
  701. }
  702.  
  703. .calend {
  704. font-family:nexa;
  705. color:{color:Post info date};
  706. letter-spacing:-1px;
  707. font-size:24px;
  708.  
  709. }
  710.  
  711. .liked {
  712. margin-top:10px;
  713.  
  714. }
  715.  
  716. .liked a {
  717. color:{color:Post info notes};
  718. text-transform:uppercase;
  719. font-family:arial;
  720. font-size:12px;
  721. padding:5px;
  722. border:1px solid {color:Post info notes border};
  723. letter-spacing:1px;
  724. -webkit-transition: all .7s ease-in-out;
  725. -moz-transition: all .7s ease-in-out;
  726. -o-transition: all .7s ease-in-out;
  727. -ms-transition: all .7s ease-in-out;
  728. transition: all .7s ease-in-out;
  729.  
  730. }
  731.  
  732. .liked a:hover {
  733. background:{color:Post info notes bg hover};
  734. color:{color:Post info notes hover};
  735. -webkit-transition: all .4s ease-in-out;
  736. -moz-transition: all .4s ease-in-out;
  737. -o-transition: all .4s ease-in-out;
  738. -ms-transition: all .4s ease-in-out;
  739. transition: all .4s ease-in-out;
  740.  
  741. }
  742.  
  743. .taghd {
  744. margin-top:10px;
  745.  
  746. }
  747.  
  748. .taghd a {
  749. color:{color:Post info tags};
  750.  
  751. }
  752.  
  753. #moreinf {
  754. position:absolute;
  755. margin-top:70px;
  756. {block:if250px}
  757. margin-left:50px;
  758. {/block:if250px}
  759. {block:if400px}
  760. margin-left:120px;
  761. {/block:if400px}
  762. {block:if500px}
  763. width:500px;
  764. margin-left:170px;
  765. {/block:if500px}
  766.  
  767. }
  768.  
  769. .dotstyle ul {
  770. position: relative;
  771. display: inline-block;
  772. margin: 0;
  773. padding: 0;
  774. list-style: none;
  775. cursor: default;
  776.  
  777. }
  778.  
  779. .dotstyle li {
  780. position: relative;
  781. display: block;
  782. float: left;
  783. margin: 0 16px;
  784. width: 16px;
  785. height: 16px;
  786. cursor: pointer;
  787.  
  788. }
  789.  
  790. .dotstyle li a {
  791. top: 0;
  792. left: 0;
  793. width: 100%;
  794. height: 100%;
  795. outline: none;
  796. border-radius: 50%;
  797. background-color:{color:Post info dots border};
  798. text-indent: -999em;
  799. cursor: pointer; /* make the text accessible to screen readers */
  800. position: absolute;
  801.  
  802. }
  803.  
  804. /* Fill up */
  805. .dotstyle-fillup li a {
  806. overflow: hidden;
  807. background:{color:Post info dots bg};
  808. box-shadow: inset 0 0 0 2px {color:Post info dots border};
  809. transition: background 0.3s;
  810.  
  811. }
  812.  
  813. .dotstyle-fillup li a::after {
  814. content: '';
  815. position: absolute;
  816. bottom: 0;
  817. height: 0;
  818. left: 0;
  819. width: 100%;
  820. background-color: {color:Post info dots border};
  821. box-shadow: 0 0 1px {color:Post info dots border};
  822. transition: height 0.3s;
  823.  
  824. }
  825.  
  826. .dotstyle-fillup li a:hover,
  827. .dotstyle-fillup li a:focus {
  828. background-color:{color:Post info dots bg hover};
  829.  
  830. }
  831.  
  832. .dotstyle-fillup li.current a::after {
  833. height: 100%;
  834.  
  835. }
  836.  
  837. #writteninfo {
  838. position:absolute;
  839. margin-top:35px;
  840. background-color:rgba(255, 255, 255,0.5);
  841. padding:7px;
  842. color:{color:text post info};
  843. text-align:center;
  844. border:1px solid {color:text post info border};
  845. text-transform:uppercase;
  846. font-size:8px;
  847. font-family:arial;
  848. letter-spacing:1px;
  849. margin-left:50px;
  850. {block:if250px}
  851. margin-left:-30px;
  852. width:295px;
  853. {/block:if250px}
  854. {block:if400px}
  855. margin-left:-29px;
  856. width:444px;
  857. {/block:if400px}
  858. {block:if500px}
  859. width:545px;
  860. margin-left:-30px;
  861. {/block:if500px}
  862.  
  863. }
  864.  
  865. #writteninfo a {
  866. color:{color:text post info};
  867.  
  868. }
  869.  
  870. #caption {
  871. margin-top:40px;
  872. margin-left:-30px;
  873. padding:5px;
  874. word-wrap:break-word;
  875. font-size:11px;
  876. font-family:calibri;
  877. color:{color:caption text};
  878. background:{color:caption bg};
  879. {block:IndexPage}
  880. {block:if250px}
  881. width:300px;
  882. {/block:if250px}
  883. {block:if400px}
  884. width:450px;
  885. {/block:if400px}
  886. {block:if500px}
  887. width:550px;
  888. margin-left:-30px;
  889. {/block:if500px}
  890. {/block:IndexPage}
  891. {block:PermalinkPage}
  892. margin-top:90px;
  893. width:550px;
  894. {/block:PermalinkPage}
  895.  
  896. }
  897.  
  898. #caption a {
  899. color:{color:caption text};
  900.  
  901. }
  902.  
  903. /* Asks */
  904.  
  905. #mail {
  906. background:{color:Ask bg};
  907. font-family:calibri;
  908. font-size:10px;
  909. line-height:12px;
  910. padding:10px;
  911. color:{color:Ask text};
  912.  
  913. }
  914.  
  915. #mail a {
  916. color:{color:Ask text};
  917.  
  918. }
  919.  
  920. .theques {
  921. text-transform:lowercase;
  922. padding:5px;
  923. margin-top:10px;
  924. margin-bottom:15px;
  925. letter-spacing:-1px;
  926. font-family:nexa;
  927. color:{color:Ask text};
  928. font-size:25px;
  929. text-align:center;
  930.  
  931. }
  932.  
  933. .theques a {
  934. color:{color:Ask text};
  935.  
  936. }
  937.  
  938. #replyh {
  939. padding:10px;
  940. font-family:calibri;
  941. text-align:left;
  942. background:{color:Reply bg};
  943. color:{color:Reply text};
  944. font-size:10px;
  945. line-height:12px;
  946.  
  947. }
  948.  
  949. /* Music */
  950.  
  951. #audio {
  952. width:260px;
  953. padding:5px;
  954. border:1px solid {color:Audio border};
  955. margin-left:-10px;
  956. margin-top:0px;
  957. {block:if250px}
  958. width:260px;
  959. {/block:if250px}
  960. {block:if400px}
  961. width:400px;
  962. {/block:if400px}
  963. {block:if500px}
  964. width:500px;
  965. margin-left:-10px;
  966. {/block:if500px}
  967.  
  968. }
  969.  
  970. .musicinfo {
  971. position:absolute;
  972. color:{color:Post text};
  973. margin-top:10;
  974. margin-left:0px;
  975. margin-bottom:5px;
  976. padding:10px;
  977. font-family:calibri;
  978. font-size:10px;
  979. line-height:10px;
  980. letter-spacing:1px;
  981. {block:if250px}
  982. {/block:if250px}
  983. {block:if400px}
  984. width:300px;
  985. {/block:if400px}
  986. {block:if500px}
  987. width:436px;
  988. margin-left:45px;
  989. {/block:if500px}
  990.  
  991. }
  992.  
  993. /* custom font */
  994.  
  995. @font-face {font-family:nexa; src: url(http://static.tumblr.com/bj5zkci/mkPn9k88c/nexa_bold.otf) format("truetype"); }
  996.  
  997. /* scroll bar */
  998.  
  999. ::-webkit-scrollbar {
  1000. height:3px;
  1001. width:7px;
  1002. background:{color:Scrollbar line};
  1003. border:3px solid rgba(255, 255, 255, .1);
  1004. -moz-background-clip: border; /* Firefox 3.6 */
  1005. -webkit-background-clip: border; /* Safari 4? Chrome 6? */
  1006. background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  1007. -moz-background-clip: padding; /* Firefox 3.6 */
  1008. -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
  1009. background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  1010. -moz-background-clip: content; /* Firefox 3.6 */
  1011. -webkit-background-clip: content; /* Safari 4? Chrome 6? */
  1012. background-clip: content-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  1013.  
  1014. }
  1015.  
  1016. ::-webkit-scrollbar-thumb:vertical {
  1017. background:{color:Scrollbar};
  1018.  
  1019. }
  1020.  
  1021. #tumblr_controls {
  1022. {block:IndexPage}
  1023. display:none;
  1024. {/block:IndexPage}
  1025. }
  1026.  
  1027. iframe#tumblr_controls {
  1028. top: 0% !important;
  1029. right:0% !important;
  1030. position: fixed !important;
  1031. z-index:9999;
  1032.  
  1033. }
  1034.  
  1035. #controlcon {
  1036. position:fixed;
  1037. top:15px;
  1038. right:30px;
  1039. z-index:99999;
  1040.  
  1041. }
  1042.  
  1043. #controlcon img {
  1044. display:inline-block;
  1045. margin:5px;
  1046. opacity:.6;
  1047. width:25px;
  1048. margin-top:0px;
  1049. padding:10px;
  1050. -webkit-transition: all 0.5s ease-out;
  1051. -moz-transition: all 0.5s ease-out;
  1052. transition: all 0.5s ease-out
  1053.  
  1054. }
  1055.  
  1056. #controlcon img:hover {
  1057. opacity:1;
  1058. -webkit-transition: all 0.5s ease-out;
  1059. -moz-transition: all 0.5s ease-out;
  1060. transition: all 0.5s ease-out
  1061.  
  1062. }
  1063.  
  1064. </style>
  1065.  
  1066. <!-- DO NOT TOUCH -->
  1067.  
  1068. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  1069. <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>
  1070.  
  1071. {block:IfInfiniteScroll}
  1072. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1073. {/block:IfInfiniteScroll}
  1074.  
  1075. <script src="http://static.tumblr.com/bj5zkci/hxWn9q7xu/modernizr.custom.js"></script>
  1076.  
  1077. <script type="text/javascript">
  1078. jQuery(document).ready(function() {
  1079. jQuery(".find").hide();
  1080. //toggle the componenet with class msg_body
  1081. jQuery(".drop").click(function()
  1082. {
  1083. jQuery(this).next(".find").slideToggle(500);
  1084. });});
  1085. </script>
  1086.  
  1087.  
  1088. <script type="text/javascript">
  1089. $(function() {
  1090.  
  1091. var $el, leftPos, newWidth,
  1092. $mainNav = $("#totheright");
  1093.  
  1094. $mainNav.append("<li id='magic-line'></li>");
  1095. var $magicLine = $("#magic-line");
  1096.  
  1097. $magicLine
  1098. .width($(".current_page_item").width())
  1099. .css("left", $(".current_page_item a").position().left)
  1100. .data("origLeft", $magicLine.position().left)
  1101. .data("origWidth", $magicLine.width());
  1102.  
  1103. $("#totheright li a").hover(function() {
  1104. $el = $(this);
  1105. leftPos = $el.position().left;
  1106. newWidth = $el.parent().width();
  1107. $magicLine.stop().animate({
  1108. left: leftPos,
  1109. width: newWidth
  1110. });
  1111. }, function() {
  1112. $magicLine.stop().animate({
  1113. left: $magicLine.data("origLeft"),
  1114. width: $magicLine.data("origWidth")
  1115. });
  1116. });
  1117. });
  1118. </script>
  1119.  
  1120. <script type="text/javascript">
  1121. $('#background_cycler').hide();//hide the background while the images load, ready to fade in later
  1122. </script>
  1123.  
  1124. <script type="text/javascript">
  1125.  
  1126. function cycleImages(){
  1127. var $active = $('#background_cycler .active');
  1128. var $next = ($('#background_cycler .active').next().length > 0) ? $('#background_cycler .active').next() : $('#background_cycler img:first');
  1129. $next.css('z-index',2);//move the next image up the pile
  1130. $active.fadeOut(1500,function(){//fade out the top image
  1131. $active.css('z-index',1).show().removeClass('active');//reset the z-index and unhide the image
  1132. $next.css('z-index',3).addClass('active');//make the next image the top one
  1133. });
  1134. }
  1135.  
  1136. $(window).load(function(){
  1137. $('#background_cycler').fadeIn(1500);//fade the background back in once all the images are loaded
  1138. // run every 7s
  1139. setInterval('cycleImages()', 7000);
  1140. })
  1141.  
  1142.  
  1143. </script>
  1144. <script src="http://static.tumblr.com/bj5zkci/72nn9qrm9/classie.js"></script>
  1145.  
  1146. </head>
  1147. <body>
  1148.  
  1149. <div id="background_cycler" >
  1150. <img class="active" src="{image:bg img 1}" alt=""/>
  1151. <img src="{image:bg img 2}" alt="" />
  1152. <img src="{image:bg img 3}" alt="" />
  1153.  
  1154. </div>
  1155.  
  1156. {block:IndexPage}
  1157. <div id="controlcon">
  1158. <a href="http://tumblr.com/follow/{Name}" title="follow"><img src="http://static.tumblr.com/bj5zkci/uu0n9qu6h/circle-2.png"></a>
  1159.  
  1160. <a href="http://www.tumblr.com/send/{Name}?redirect_to=http%3A%2F%2Fdohdoro.tumblr.com%2F" title="Fanmail">
  1161. <img src="http://static.tumblr.com/bj5zkci/NWkn9qu5h/letter-closed.png">
  1162. </a>
  1163.  
  1164. <a href="http://tumblr.com/" title="Dashboard">
  1165. <img src="http://static.tumblr.com/bj5zkci/aBAn9qu4n/home.png"></a>
  1166.  
  1167. </div>
  1168. {/block:IndexPage}
  1169.  
  1170. <div id="bartop"></div>
  1171. <div id="lefbar"></div>
  1172. <div id="righbar"></div>
  1173. <div id="bombar"></div>
  1174.  
  1175. <div id="container">
  1176.  
  1177. {block:IndexPage}
  1178. {block:IfNotInfiniteScroll}
  1179. <div id="pagi">
  1180. {block:Pagination}
  1181. {block:JumpPagination length="3"}
  1182. {block:CurrentPage}<span class="current_page"><a href="{PageNumber}"><img src="http://media.tumblr.com/6af5d5c420629727df31cbb9e3b8329b/tumblr_inline_n2aj54kxoa1r7v6wt.png"></a></span>{/block:CurrentPage}
  1183. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1184. {/block:Pagination}
  1185. </div> {/block:IfNotInfiniteScroll}
  1186. {/block:IndexPage}
  1187.  
  1188. <div id="blohg">
  1189. <div class="titdees">
  1190. {text:Description title}
  1191. </div>
  1192. <div class="deescrip">
  1193. {description}
  1194. </div>
  1195. </div>
  1196.  
  1197. <div id="thebar">
  1198. <div class="aesthetics">{title}</div>
  1199. <div class="sechz">{text:Second title}</div>
  1200. <div class="searchy">
  1201. <a href="#" class="drop"><img src="http://static.tumblr.com/bj5zkci/48tn9q5qz/1407071661_672408-search_copy.png"></a>
  1202. <div class="find">
  1203. <form action="/search" method="get" class="sfm">
  1204. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1205. <input type="image" value="Search" src="http://static.tumblr.com/bj5zkci/48tn9q5qz/1407071661_672408-search_copy.png" id="sb"/>
  1206. </form><br>
  1207. </div></div>
  1208. </div>
  1209.  
  1210. <div id="navigate">
  1211. <div class="linkhz">
  1212. <div class="slihd">
  1213. <ul class="group" id="totheright">
  1214. <li class="current_page_item"><a href="/">Home</a></li>
  1215. <li><a href="/archive">data</a></li>
  1216. <li><a href="/ask">contact</a></li>
  1217. <li><a href="{text:Link One URL}">{text:Link One}</a></li>
  1218. <li><a href="{text:Link Two URL}">{text:Link Two}</a></li>
  1219. <li><a href="{text:Link Three URL}">{text:Link Three}</a></li>
  1220. </ul>
  1221. </div>
  1222.  
  1223.  
  1224. </div>
  1225. </div>
  1226.  
  1227. <div class ="autopagerize_page_element">
  1228.  
  1229. {block:posts}
  1230. <div id="blog">
  1231. {block:ContentSource}
  1232. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1233. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1234. {/block:SourceLogo}
  1235. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1236. {/block:ContentSource}
  1237.  
  1238. {block:text}
  1239. {block:title}<h1>{title}</h1>{/block:title}<div id="tehxt">{body}</div>
  1240. {block:IndexPage}
  1241. <div id="writteninfo">
  1242.  
  1243. {block:Date}
  1244. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}
  1245. <a href="{ReblogURL}">• reblog</a> <br>
  1246.  
  1247. {block:NoteCount}
  1248. <a href="{Permalink}" title="permalink">{NoteCount} notes</a>
  1249. {/block:NoteCount}<br>
  1250.  
  1251. {block:HasTags}
  1252. T A G S :
  1253. {block:Tags}
  1254. <a href="{TagURL}">#{Tag}</a>
  1255. {/block:Tags}
  1256. {/block:HasTags}
  1257. {/block:IndexPage}
  1258. </div>
  1259. {/block:text}
  1260.  
  1261. {block:Link}
  1262. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  1263. {block:Description}{Description}{/block:Description}
  1264. {block:IndexPage}
  1265. <div id="writteninfo">
  1266.  
  1267. {block:Date}
  1268. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}
  1269. <a href="{ReblogURL}">• reblog</a> <br>
  1270.  
  1271. {block:NoteCount}
  1272. <a href="{Permalink}" title="permalink">{NoteCount} notes</a>
  1273. {/block:NoteCount}<br>
  1274.  
  1275. {block:HasTags}
  1276. T A G S :
  1277. {block:Tags}
  1278. <a href="{TagURL}">#{Tag}</a>
  1279. {/block:Tags}
  1280. {/block:HasTags}
  1281. {/block:IndexPage}
  1282. </div>
  1283. {/block:Link}
  1284.  
  1285. {block:Chat}
  1286. {block:Title}<h1>{Title}</h1>{/block:Title}
  1287. {block:Lines}
  1288. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1289. {/block:Lines}
  1290. {block:IndexPage}
  1291. <div id="writteninfo">
  1292.  
  1293. {block:Date}
  1294. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}
  1295. <a href="{ReblogURL}">• reblog</a> <br>
  1296.  
  1297. {block:NoteCount}
  1298. <a href="{Permalink}" title="permalink">{NoteCount} notes</a>
  1299. {/block:NoteCount}<br>
  1300.  
  1301. {block:HasTags}
  1302. T A G S :
  1303. {block:Tags}
  1304. <a href="{TagURL}">#{Tag}</a>
  1305. {/block:Tags}
  1306. {/block:HasTags}
  1307. {/block:IndexPage}
  1308. </div>
  1309. {/block:Chat}
  1310.  
  1311. <!-- Posts -->
  1312.  
  1313. {block:photo}
  1314. {block:IndexPage}
  1315. {block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}
  1316. {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
  1317. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  1318. {block:ifShowCaptions}
  1319. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1320. {/block:ifShowCaptions}{/block:IndexPage}
  1321.  
  1322. {block:IndexPage}
  1323. <div id="fotoinf">
  1324. <div id="infz">
  1325. <div class="calend">
  1326. {block:Date}
  1327. {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
  1328. {/block:Date}</div>
  1329. <div class="liked">
  1330. {block:NoteCount}
  1331. <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
  1332. </div>
  1333. <div class="taghd">
  1334. {block:HasTags}
  1335. {block:Tags}
  1336. <a href="{TagURL}">#{Tag} </a>
  1337. {/block:Tags}
  1338. {/block:HasTags}
  1339. </div>
  1340. </div></div>
  1341. {/block:IndexPage}
  1342.  
  1343. {block:IndexPage}
  1344.  
  1345. <div id="moreinf">
  1346. <div class="dotstyle dotstyle-fillup">
  1347. <ul>
  1348. <li><a href="{ReblogURL}" title="reblog">reblog</a> </li>
  1349. <li><a href="{ReblogParentURL}" title="via">{ReblogParentName}</a></li>
  1350. <li><a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></li>
  1351. </ul>
  1352. </div>
  1353. </div>
  1354.  
  1355. {/block:IndexPage}
  1356.  
  1357. {block:PermalinkPage}
  1358. <img src="{PhotoURL-500}"/>
  1359. {block:Caption}
  1360. <div id="caption">{Caption}</div>
  1361. {/block:Caption}
  1362. {/block:PermalinkPage}
  1363. {/block:photo}
  1364.  
  1365.  
  1366. {block:Photoset}
  1367. {block:IndexPage}
  1368. {block:if250px}{Photoset-250}{/block:if250px}
  1369. {block:if400px}{Photoset-400}{/block:if400px}
  1370. {block:if500px}{Photoset-500}{/block:if500px}
  1371. {block:ifShowCaptions}
  1372. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1373. {/block:ifShowCaptions}
  1374. {/block:IndexPage}
  1375.  
  1376. {block:IndexPage}
  1377. <div id="fotoinf">
  1378. <div id="infz">
  1379. <div class="calend">
  1380. {block:Date}
  1381. {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
  1382. {/block:Date}</div>
  1383. <div class="liked">
  1384. {block:NoteCount}
  1385. <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
  1386. </div>
  1387. <div class="taghd">
  1388. {block:HasTags}
  1389. {block:Tags}
  1390. <a href="{TagURL}">#{Tag} </a>
  1391. {/block:Tags}
  1392. {/block:HasTags}
  1393. </div>
  1394. </div></div>
  1395. {/block:IndexPage}
  1396.  
  1397. {block:IndexPage}
  1398.  
  1399. <div id="moreinf">
  1400. <div class="dotstyle dotstyle-fillup">
  1401. <ul>
  1402. <li><a href="{ReblogURL}" title="reblog">reblog</a> </li>
  1403. <li><a href="{ReblogParentURL}" title="via">{ReblogParentName}</a></li>
  1404. <li><a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></li>
  1405. </ul>
  1406. </div>
  1407. </div>
  1408.  
  1409. {/block:IndexPage}
  1410.  
  1411. {block:PermalinkPage}
  1412. {Photoset-500}
  1413. {block:Caption}
  1414. <div id="caption">{Caption}</div>
  1415. {/block:Caption}
  1416. {/block:PermalinkPage}
  1417. {/block:Photoset}
  1418.  
  1419. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}
  1420. {block:IndexPage}
  1421. <div id="writteninfo">
  1422.  
  1423. {block:Date}
  1424. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}
  1425. <a href="{ReblogURL}">• reblog</a> <br>
  1426.  
  1427. {block:NoteCount}
  1428. <a href="{Permalink}" title="permalink">{NoteCount} notes</a>
  1429. {/block:NoteCount}<br>
  1430.  
  1431. {block:HasTags}
  1432. T A G S :
  1433. {block:Tags}
  1434. <a href="{TagURL}">#{Tag}</a>
  1435. {/block:Tags}
  1436. {/block:HasTags}
  1437. {/block:IndexPage}
  1438. </div>
  1439. {/block:Quote}
  1440.  
  1441. <!-- Audio and Video -->
  1442.  
  1443. {block:Audio}
  1444. <div id="audio">{AudioPlayerWhite}</div>
  1445.  
  1446. <div class="musicinfo">
  1447. {block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
  1448. {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
  1449. {block:Album}<B>ALBUM: </B>{Album}{/block:Album}<br></div><br>
  1450. {block:ifShowCaptions}
  1451. {block:caption}<div id="caption">{caption}</div>{/block:caption}
  1452. {/block:ifShowCaptions}
  1453. {block:IndexPage}
  1454. <div id="writteninfo">
  1455.  
  1456. {block:Date}
  1457. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}
  1458. <a href="{ReblogURL}">• reblog</a> <br>
  1459.  
  1460. {block:NoteCount}
  1461. <a href="{Permalink}" title="permalink">{NoteCount} notes</a>
  1462. {/block:NoteCount}<br>
  1463.  
  1464. {block:HasTags}
  1465. T A G S :
  1466. {block:Tags}
  1467. <a href="{TagURL}">#{Tag}</a>
  1468. {/block:Tags}
  1469. {/block:HasTags}
  1470. {/block:IndexPage}
  1471. </div>
  1472. {/block:Audio}
  1473.  
  1474. {block:Video}
  1475. {block:if250px}{Video-250}{/block:if250px}
  1476. {block:if400px}{Video-400}{/block:if400px}
  1477. {block:if500px}{Video-500}{/block:if500px}
  1478. {block:ifShowCaptions}
  1479. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1480. {/block:ifShowCaptions}
  1481. {block:IndexPage}
  1482. <div id="writteninfo">
  1483.  
  1484. {block:Date}
  1485. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}
  1486. <a href="{ReblogURL}">• reblog</a> <br>
  1487.  
  1488. {block:NoteCount}
  1489. <a href="{Permalink}" title="permalink">{NoteCount} notes</a>
  1490. {/block:NoteCount}<br>
  1491.  
  1492. {block:HasTags}
  1493. T A G S :
  1494. {block:Tags}
  1495. <a href="{TagURL}">#{Tag}</a>
  1496. {/block:Tags}
  1497. {/block:HasTags}
  1498. {/block:IndexPage}
  1499. </div>{/block:Video}
  1500.  
  1501. <!-- Asks -->
  1502.  
  1503. {block:Answer}
  1504. <div id="mail">
  1505. <div class="theques">─ {Asker} ─</div>
  1506. {Question}</div>
  1507. <div id="replyh">{Answer}</div>
  1508. {block:IndexPage}
  1509. <div id="writteninfo">
  1510.  
  1511. {block:Date}
  1512. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}
  1513. <a href="{ReblogURL}">• reblog</a> <br>
  1514.  
  1515. {block:NoteCount}
  1516. <a href="{Permalink}" title="permalink">{NoteCount} notes</a>
  1517. {/block:NoteCount}<br>
  1518.  
  1519. {block:HasTags}
  1520. T A G S :
  1521. {block:Tags}
  1522. <a href="{TagURL}">#{Tag}</a>
  1523. {/block:Tags}
  1524. {/block:HasTags}
  1525. {/block:IndexPage}
  1526. </div>
  1527. {/block:Answer}
  1528.  
  1529.  
  1530.  
  1531. <!-- Permalink -->
  1532.  
  1533. {block:PermalinkPage}{block:Date}
  1534. <a />
  1535. {/block:Date}{/block:PermalinkPage}
  1536.  
  1537. {block:PermalinkPage}
  1538. {block:Date}
  1539. <div id="permalink">
  1540. <div class="perma">
  1541. ─ {Month} {DayOfMonth} {DayOfMonthSuffix} {Year}
  1542. <BR>
  1543. {block:NoteCount}
  1544. notes:{NoteCount}{/block:NoteCount}<br>
  1545.  
  1546. <a href="{ReblogURL}" title="reblog">r e b l o g</a><BR>
  1547. {block:RebloggedFrom}
  1548. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1549. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1550. {/block:RebloggedFrom}<br>
  1551. {block:HasTags}
  1552. <b>TAGGED AS:</b>
  1553. {block:Tags}
  1554. <a href="{TagURL}">#{Tag} </a>
  1555. {/block:Tags}
  1556. {/block:HasTags}
  1557. </div>
  1558. {/block:Date}
  1559. {/block:PermalinkPage}
  1560.  
  1561. {block:PostNotes}
  1562. <div id="notecounts">{PostNotes}</div>
  1563. {/block:PostNotes}
  1564. </div>
  1565. {/block:posts}
  1566.  
  1567. </div>
  1568. </body>
  1569.  
  1570. <!-- THEME CREDIT - DO NOT REMOVE -->
  1571.  
  1572. <div id="thmcredit">
  1573. <a href="http://dohdoro.tumblr.com" title="theme by dohdoro">THEME BY DOHDORO</a>
  1574. </div>
  1575.  
  1576. </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!