API tools faq
paste
Advertisement
dyotopia

notouch

dyotopia
May 6th, 2015
234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.85 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. Personal theme / NOT FOR RELEASE (YET)
  12.  
  13. -->
  14.  
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <link rel="shortcut icon" href="http://static.tumblr.com/bj5zkci/dcQnlwi7d/flash.png">
  20.  
  21. <script type="text/javascript"
  22. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  23. <script>
  24. $(document).ready(function() {
  25. //
  26. $('a.poplight[href^=#]').click(function() {
  27. var popID = $(this).attr('rel'); //Get Popup Name
  28. var popURL = $(this).attr('href'); //Get Popup href to define size
  29. var query= popURL.split('?');
  30. var dim= query[1].split('&');
  31. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  32. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/bj5zkci/RZnnlwg13/x_copy.png" class="btn_close" title="Close" alt="Close" /></a>');
  33. var popMargTop = ($('#' + popID).height() + 80) / 2;
  34. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  35. //Apply Margin to Popup
  36. $('#' + popID).css({
  37. 'margin-top' : -popMargTop,
  38. 'margin-left' : -popMargLeft
  39. });
  40. $('body').append('<div id="fade"></div>');
  41. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  42. return false;
  43. });
  44. $('a.close, #fade').live('click', function() {
  45. $('#fade , .popup_block').fadeOut(function() {
  46. $('#fade, a.close').remove(); //fade them both out
  47. });
  48. return false;
  49. });
  50. });
  51. </script>
  52.  
  53. <meta name="image:Side Background" content=""/>
  54.  
  55. <meta name="if:Show Captions" content="0"/>
  56. <meta name="if:Infinite Scroll" content"0"/>
  57.  
  58. <meta name="if:2columns" content"1"/>
  59. <meta name="if:250px" content"1"/>
  60. <meta name="if:400px" content""/>
  61. <meta name="if:500px" content""/>
  62.  
  63. <meta name="color:Background" content="#ffffff"/>
  64. <meta name="color:Text" content="#888888"/>
  65. <meta name="color:bold" content="#000000"/>
  66. <meta name="color:italic" content="#000000"/>
  67. <meta name="color:underline" content="#888888"/>
  68. <meta name="color:links" content="#232323"/>
  69. <meta name="color:links hover" content="#afafaf"/>
  70. <meta name="color:blockquote border" content="#eeeeee"/>
  71. <meta name="color:h1 border" content="#c0c0c0"/>
  72. <meta name="color:h1 text" content="#232323"/>
  73. <meta name="color:permalink border" content="#c0c0c0"/>
  74. <meta name="color:permalink text" content="#888888"/>
  75. <meta name="color:post bg" content="#fafafa"/>
  76. <meta name="color:caption bg" content="#fafafa"/>
  77. <meta name="color:caption text" content="#888888"/>
  78. <meta name="color:ask bg" content="#fafafa"/>
  79. <meta name="color:ask text" content="#888888"/>
  80. <meta name="color:asker border" content="#c0c0c0"/>
  81. <meta name="color:asker text" content="#232323"/>
  82. <meta name="color:ask reply bg" content="#232323"/>
  83. <meta name="color:ask reply text" content="#ffffff"/>
  84. <meta name="color:theme credit bg" content="#fafafa"/>
  85. <meta name="color:theme credit border" content="#eeeeee"/>
  86. <meta name="color:theme credit text" content="#888888"/>
  87. <meta name="color:scrollbar bg" content="#232323"/>
  88. <meta name="color:scrollbar line" content="#ffffff"/>
  89. <meta name="color:scrollbar bg" content="#232323"/>
  90. <meta name="color:scrollbar line" content="#ffffff"/>
  91. <meta name="color:pagination border" content="#c0c0c0"/>
  92. <meta name="color:pagination text" content="#232323"/>
  93. <meta name="color:pagination bg hover" content="#232323"/>
  94. <meta name="color:pagination text hover" content="#ffffff"/>
  95. <meta name="color:theme border color" content="#eeeeee"/>
  96. <meta name="color:title border" content="#c0c0c0"/>
  97. <meta name="color:title text" content="#232323"/>
  98. <meta name="color:description text" content="#888888"/>
  99. <meta name="color:side icon border" content="#eeeeee"/>
  100. <meta name="color:navigation links border" content="#eeeeee"/>
  101. <meta name="color:navigation links text" content="#888888"/>
  102. <meta name="color:navigation links border hover" content="#000000"/>
  103. <meta name="color:post info bg" content="#232323"/>
  104. <meta name="color:post notes color" content="#232323"/>
  105. <meta name="color:post info text" content="#ffffff"/>
  106. <meta name="color:post tags border" content="#c0c0c0"/>
  107. <meta name="color:post tags color" content="#888888"/>
  108.  
  109. <meta name="text:Link One Url" content=""/>
  110. <meta name="text:Link One" content="link one"/>
  111. <meta name="text:Link Two Url" content=""/>
  112. <meta name="text:Link Two" content="link two"/>
  113. <meta name="text:Link Three Url" content=""/>
  114. <meta name="text:Link Three" content="link three"/>
  115.  
  116.  
  117. <style type="text/css">
  118.  
  119. #tumblr_controls {position: fixed !important;}
  120. #tumblr_controls {-webkit-filter: invert(100%);}
  121. #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;}
  122. #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;}
  123.  
  124.  
  125. html, body {
  126. height:100%;
  127. margin: 0;
  128. padding: 0;
  129. border: 0;
  130.  
  131. }
  132.  
  133.  
  134. /* scroll bar */
  135.  
  136. ::-webkit-scrollbar {
  137. width:8px;
  138. height:3px;
  139. background:{color:scrollbar bg};
  140.  
  141. }
  142.  
  143. ::-webkit-scrollbar-thumb:vertical {
  144. background-color:{color:scrollbar line};
  145. width:8px;
  146. border-radius:6px;
  147. border-left:4px solid {color:scrollbar bg};
  148. border-right:3px solid {color:scrollbar bg};
  149.  
  150. }
  151.  
  152. /* Pagination */
  153.  
  154. .pagination {
  155. position:fixed;
  156. opacity:1;
  157. z-index:99;
  158. right:10px;
  159. bottom:-5px;
  160. padding:7px;
  161. font-family:helvetica;
  162. font-size:10px;
  163. text-transform:uppercase;
  164.  
  165. }
  166.  
  167. .pagination a {
  168. font-size:50px;
  169. font-weight:900;
  170. color:#dfb32c;
  171. -webkit-transition: opacity 0.4s linear;
  172. -webkit-transition: all 0.4s ease-in-out;
  173. -moz-transition: all 0.4s ease-in-out;
  174. -o-transition: all 0.4s ease-in-out;
  175.  
  176. }
  177.  
  178. .pagination a:hover {
  179. color:#888;
  180. -webkit-transition: opacity 0.4s linear;
  181. -webkit-transition: all 0.4s ease-in-out;
  182. -moz-transition: all 0.4s ease-in-out;
  183. -o-transition: all 0.4s ease-in-out;
  184.  
  185. }
  186.  
  187. .prev {
  188. position:fixed;
  189. opacity:1;
  190. z-index:99;
  191. left:10px;
  192. bottom:-5px;
  193. padding:7px;
  194. font-family:helvetica;
  195. font-size:10px;
  196. text-transform:uppercase;
  197.  
  198. }
  199.  
  200. .prev a {
  201. color:#dfb32c;
  202.  
  203. }
  204.  
  205. {block:IfInfiniteScroll}
  206. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  207. #infscr-loading {display:none;}
  208. .pagination {display:none!important;} {/block:IfInfiniteScroll}
  209.  
  210. /* Hover text - style this however you like*/
  211.  
  212. #s-m-t-tooltip {
  213. z-index:999999;
  214. padding:4px 7px 4px 7px;
  215. background-color:#000;
  216. border-radius:5px;
  217. margin-left:20px;
  218. color:#fff;
  219. font-family:arial;
  220. font-size:10px;
  221. letter-spacing:1px;
  222. text-transform:uppercase;
  223.  
  224. }
  225.  
  226. /* Body */
  227.  
  228. body {
  229. font-family:arial;
  230. font-size:10px;
  231. letter-spacing:1px;
  232. color:{color:Text};
  233. background:{color:Background};
  234.  
  235. }
  236.  
  237. a {
  238. color:{color:links};
  239. text-decoration:none;
  240.  
  241. }
  242.  
  243. a:hover {
  244. color:{color:links hover};
  245.  
  246. }
  247.  
  248. b, strong {
  249. color:{color:bold};
  250.  
  251. }
  252.  
  253. i, em {
  254. color:{color:italic};
  255.  
  256. }
  257.  
  258. u {
  259. color:{color:underline};
  260.  
  261. }
  262.  
  263. ul {
  264. padding:10px;
  265. list-style-type: circle;
  266.  
  267. }
  268.  
  269. li {
  270. padding:0;
  271.  
  272. }
  273.  
  274. blockquote {
  275. margin-top:10px;
  276. border-left:2px solid {color:blockquote border};
  277. padding:0px 0px 0px 10px;
  278. margin-left:5px;
  279. word-wrap:break-word;
  280.  
  281. }
  282.  
  283. h1 {
  284. margin-bottom:10px;
  285. font-family:georgia;
  286. font-size:10px;
  287. word-wrap:break-word;
  288. margin-top:-30px;
  289. line-height:12px;
  290. padding:20px 0px 15px 20px;
  291. {block:IndexPage}
  292. width:290px;
  293. {/block:IndexPage}
  294. border-bottom:1px solid #eee;
  295. background:#fafafa;
  296. margin-left:-30px;
  297. text-transform:uppercase;
  298. color:#888;
  299. {block:PermalinkPage}
  300. width:540px;
  301. {/block:PermalinkPage}
  302.  
  303. }
  304.  
  305. h1 a {
  306. color:#888;
  307. text-decoration:none;
  308.  
  309. }
  310.  
  311. /* Posts */
  312.  
  313. #wrapped {
  314. margin-top:90px;
  315. padding-bottom:150px;
  316. margin-left:0px;
  317. {block:if2columns}width:900px;{/block:if2columns}
  318. {block:if250px}width:450px;{/block:if250px}
  319. {block:if400px}width:720px;{/block:if400px}
  320. {block:if500px}width:720px;{/block:if500px}
  321.  
  322. }
  323.  
  324. .blog {
  325. float:left;
  326. position:relative;
  327. padding:30px;
  328. background:none;
  329. margin-top:50px;
  330. border:1px solid #eee;
  331. color:#888;
  332. font-family:arial;
  333. font-size:10px;
  334. {block:if2columns}
  335. width:250px;
  336. margin-left:80px;
  337. {/block:if2columns}
  338. {block:if250px}
  339. width:250px;
  340. margin-left:50px;
  341. {/block:if250px}
  342. {block:if400px}
  343. width:400px;
  344. margin-left:50px;
  345. {/block:if400px}
  346. {block:if500px}
  347. width:500px;
  348. margin-left:50px;
  349. {/block:if500px}
  350. {block:PermalinkPage}
  351. margin-top:30px;
  352. margin-left:150px;
  353. width:500px;
  354. {/block:PermalinkPage}
  355.  
  356. }
  357.  
  358. .blog a {
  359. color:{color:links};
  360.  
  361. }
  362.  
  363. .blog img{
  364. max-width:100%;
  365. display:block;
  366.  
  367. }
  368.  
  369. /* quotes */
  370.  
  371. #quotes {
  372. margin-top:10px;
  373. font-family:georgia;
  374. font-size:24px;
  375. padding:10px;
  376. letter-spacing:-1px;
  377. text-transform:none;
  378.  
  379. }
  380.  
  381. /* Permalink */
  382.  
  383. #permalink {
  384. margin-left:0px;
  385. margin-top:20px;
  386. padding:10px;
  387.  
  388. }
  389.  
  390. .perma {
  391. font-size:9px;
  392. font-family:arial;
  393. text-transform:lowercase;
  394. text-align:left;
  395. border:1px solid {color:permalink border};
  396. margin-top:0px;
  397. color:{color:permalink text};
  398. margin-left:0px;
  399. padding:10px;
  400.  
  401. }
  402.  
  403. .notecounts {
  404. margin-top:10px;
  405. font-size:9px;
  406. font-family:arial;
  407. text-transform:lowercase;
  408. color:{color:permalink text};
  409. padding:18px;
  410.  
  411. }
  412.  
  413. .notecounts img {
  414. visibility: hidden;
  415.  
  416. }
  417.  
  418. ol.notes {
  419. list-style-type:circle;
  420.  
  421. }
  422.  
  423. /* post captions*/
  424.  
  425. #caption {
  426. background:{color:caption bg};
  427. color:{color:caption text};
  428. padding:5px;
  429. word-wrap:break-word;
  430. font-size:11px;
  431. font-family:arial;
  432.  
  433. }
  434.  
  435. #caption a {
  436. color:{color:links};
  437.  
  438. }
  439.  
  440. /* questions */
  441.  
  442. #askedby {
  443. margin-bottom:10px;
  444. font-family:georgia;
  445. font-weight:900;
  446. font-size:10px;
  447. word-wrap:break-word;
  448. margin-top:-30px;
  449. line-height:12px;
  450. padding:20px 0px 15px 20px;
  451. width:290px;
  452. border-bottom:1px solid #eee;
  453. background:#fafafa;
  454. margin-left:-30px;
  455. text-transform:uppercase;
  456. color:#888;
  457. {block:PermalinkPage}
  458. width:540px;
  459. {/block:PermalinkPage}
  460.  
  461. }
  462.  
  463. #askedby a {
  464. color:#888;
  465. text-decoration:none;
  466.  
  467. }
  468.  
  469. #theques {
  470. background:#fff;
  471. font-size:10px;
  472. line-height:12px;
  473. padding:10px;
  474. color:#888;
  475.  
  476. }
  477.  
  478. #theanswer {
  479. padding:10px;
  480. font-family:arial;
  481. text-align:left;
  482. border-top:1px solid #eee;
  483. background:#fff;
  484. font-size:10px;
  485. line-height:12px;
  486.  
  487. }
  488.  
  489. /* Music */
  490.  
  491. #audio {
  492. padding:5px;
  493. margin-left:-5px;
  494.  
  495. }
  496.  
  497. #audio img {
  498. display:none;
  499. }
  500.  
  501. .musicinfo {
  502. color:{color:Text};
  503. margin-top:20px;
  504. margin-bottom:5px;
  505. font-size:10px;
  506. line-height:10px;
  507. letter-spacing:1px;
  508.  
  509. }
  510.  
  511. #tumblr_controls {
  512. top:30px;
  513. {block:IndexPage}
  514. display:none;
  515. {/block:IndexPage}
  516. }
  517.  
  518. iframe#tumblr_controls {
  519. top: 10% !important;
  520. right:0% !important;
  521. position: fixed !important;
  522. z-index:9999;
  523.  
  524. }
  525.  
  526. #controlcon {
  527. position:fixed;
  528. z-index:99;
  529. top:10px;
  530. opacity:1;
  531. height:80px;
  532. font-size:10px;
  533. right:120px;
  534. color:#fff;
  535. z-index:9999;
  536. -webkit-border-bottom-right-radius: 30px;
  537. -webkit-border-bottom-left-radius: 30px;
  538. -moz-border-radius-bottomright: 30px;
  539. -moz-border-radius-bottomleft: 30px;
  540. border-bottom-right-radius: 30px;
  541. border-bottom-left-radius: 30px;
  542.  
  543. }
  544.  
  545. #controlcon img {
  546. display:inline-block;
  547. width:20px;
  548. margin:10px;
  549. -webkit-transition: all 0.5s ease-out;
  550. -moz-transition: all 0.5s ease-out;
  551. transition: all 0.5s ease-out
  552.  
  553. }
  554.  
  555. #controlcon img:hover {
  556. opacity:0;
  557. -webkit-transition: all 0.5s ease-out;
  558. -moz-transition: all 0.5s ease-out;
  559. transition: all 0.5s ease-out
  560.  
  561. }
  562.  
  563. /* Search box */
  564.  
  565. .searchy {
  566. position:absolute;
  567. margin-top:-32px;
  568. margin-left:-140px;
  569.  
  570. }
  571.  
  572. .sfm input {
  573. font-size:9px;
  574. height:10px;
  575. border: 0px;
  576. border-radius:5px;
  577. padding:5px 5px 5px 5px;
  578. text-transform: uppercase;
  579. margin-top:0px;
  580. outline:none;
  581. margin-left:0px;
  582. background:#fafafa;
  583. border:1px solid #c0c0c0;
  584. color:#888;
  585. letter-spacing:1px;
  586. font-family: calibri, helvetica, helvetica;
  587.  
  588. }
  589.  
  590. #sb {
  591. width:10px;
  592. border:1px solid #eee;
  593. margin-top:0px;
  594. opacity:1;
  595. vertical-align: top;
  596. border:none;
  597.  
  598. }
  599.  
  600.  
  601. #bottoms {
  602. position:fixed;
  603. z-index:99;
  604. left:0;
  605. bottom:0;
  606. width:100%;
  607. height:60px;
  608. background:#232323;
  609. border-top:1px solid #eee;
  610.  
  611. }
  612.  
  613. #tops {
  614. position:fixed;
  615. z-index:999;
  616. left:0;
  617. top:0;
  618. width:100%;
  619. height:60px;
  620. background:#fafafa;
  621. border-bottom:1px solid #eee;
  622.  
  623. }
  624.  
  625. .thetitle h2 {
  626. margin-top:13px;
  627. margin-left:50px;
  628. font-family:arial;
  629. color:#000;
  630. border:1px solid #c0c0c0;
  631. width:220px;
  632. padding:5px 10px 5px 10px;
  633. font-size:12px;
  634. font-weight:900;
  635. letter-spacing:2px;
  636. text-transform:uppercase;
  637.  
  638. }
  639.  
  640. .thetitle h2 span {
  641. font-size:10px;
  642. background:#232323;
  643. font-weight:lighter;
  644. color:#fff;
  645. padding:10px 16px 8px 13px;
  646.  
  647. }
  648.  
  649. #lefty {
  650. position:fixed;
  651. z-index:9;
  652. left:0;
  653. top:0;
  654. width:0;
  655. height:100%;
  656. background:#fff;
  657. border-right:1px solid #eee;
  658.  
  659. }
  660.  
  661. #righty {
  662. position:fixed;
  663. z-index:9;
  664. margin-left:880px;
  665. top:0;
  666. width:100%;
  667. height:100%;
  668. background:#fafafa;
  669. border-left:1px solid #eee;
  670.  
  671. }
  672.  
  673. #taggies{
  674. border-top:1px solid #eee;
  675. padding:10px 10px 0px 10px;
  676. word-wrap:break-word;
  677. margin-bottom:-13px;
  678. margin-left:-30px;
  679. width:290px;
  680. font-weight:bold;
  681. text-transform:uppercase;
  682. margin-top:30px;
  683. font-size:8px;
  684. letter-spacing:2px;
  685.  
  686. }
  687.  
  688. #taggies a {
  689. margin:5px;
  690. color:#888;
  691.  
  692. }
  693.  
  694. #date {
  695. position:absolute;
  696. text-transform:uppercase;
  697. font-weight:bold;
  698. letter-spacing:2px;
  699. padding:10px;
  700. margin-top:-2px;
  701. {block:if2columns}
  702. margin-left:220px;
  703. {/block:if2columns}
  704. {block:if400px}
  705. margin-left:370px;
  706. {/block:if400px}
  707. -ms-transform: rotate(90deg); /* IE 9 */
  708. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  709. transform: rotate(90deg);
  710. -webkit-transition: opacity 0.4s linear;
  711. -webkit-transition: all 0.4s ease-in-out;
  712. -moz-transition: all 0.4s ease-in-out;
  713. -o-transition: all 0.4s ease-in-out;
  714.  
  715. }
  716.  
  717. #date a {
  718. display:block;
  719. width:100px;
  720. text-align:center;
  721. color:#232323;
  722. padding:10px;
  723. border:1px solid #eee;
  724.  
  725. }
  726.  
  727. #date a:hover {
  728. background:#fafafa;
  729. color:#888;
  730. -webkit-transition: opacity 0.4s linear;
  731. -webkit-transition: all 0.4s ease-in-out;
  732. -moz-transition: all 0.4s ease-in-out;
  733. -o-transition: all 0.4s ease-in-out;
  734.  
  735. }
  736.  
  737. #berryblog {
  738. position:absolute;
  739. top:0;
  740. left:0;
  741. background:#fff;
  742. height:100%;
  743. opacity:0;
  744. {block:if2columns}
  745. width:300px;
  746. {/block:if2columns}
  747. {block:if400px}
  748. width:460px;
  749. {/block:if400px}
  750. -webkit-transition: opacity 0.4s linear;
  751. -webkit-transition: all 0.4s ease-in-out;
  752. -moz-transition: all 0.4s ease-in-out;
  753. -o-transition: all 0.4s ease-in-out;
  754.  
  755. }
  756.  
  757. .blog:hover #berryblog {
  758. opacity:1;
  759. -webkit-transition: all .7s ease-in-out;
  760. -moz-transition: all .7s ease-in-out;
  761. -o-transition: all .7s ease-in-out;
  762. -ms-transition: all .7s ease-in-out;
  763. transition: all .7s ease-in-out;
  764.  
  765. }
  766.  
  767. #echo {
  768. position:relative;
  769. border-radius:5px;
  770. width:145px;
  771. top:40%;
  772. left:38%;
  773.  
  774. }
  775.  
  776. #echo span a {
  777. position:absolute;
  778. font-family:georgia;
  779. font-size:30px;
  780. letter-spacing:-2px;
  781. color:#232323;
  782. font-weight:900;
  783. margin-top:4px;
  784. margin-left:10px;
  785.  
  786.  
  787. }
  788.  
  789. #echo img {
  790. margin-top:2px;
  791. width:30px;
  792. margin-left:25px;
  793.  
  794. }
  795.  
  796. #tinfo {
  797. position:absolute;
  798. margin-top:-61px;
  799. padding:10px;
  800. border:1px solid #eee;
  801. margin-left:-31px;
  802. background:#fff;
  803. {block:if250px}
  804. width:290px;
  805. {/block:if250px}
  806. {block:if400px}
  807. width:440px;;
  808. {/block:if400px}
  809.  
  810. }
  811.  
  812. .tpos {
  813. text-transform:uppercase;
  814. font-size:8px;
  815. color:#232323;
  816. font-weight:bold;
  817. letter-spacing:1px;
  818.  
  819. }
  820.  
  821. .tpos a {
  822. color:#232323;
  823.  
  824. }
  825.  
  826. .tpos span a {
  827. margin-left:-10px;
  828. color:#232323;
  829. margin-right:10px;
  830. border-right:1px solid #eee;
  831. padding:10px 10px 10px 10px;
  832.  
  833. }
  834.  
  835. .tpos span a:hover {
  836. background:#6fd0bd;
  837. color:#fff;
  838.  
  839. }
  840.  
  841. * {
  842. margin: 0;
  843.  
  844. }
  845.  
  846. html, body {
  847. height:0;
  848.  
  849. }
  850.  
  851. .cont {
  852. min-height: 100%;
  853. height: auto !important;
  854. height: 100%;
  855. margin: 0 auto -4em;
  856. width:100%;
  857. left:0;
  858.  
  859. }
  860.  
  861. .footer, .push {
  862. width:100%;
  863. left:0;
  864. margin-top:90px;
  865. height:350px;
  866.  
  867. }
  868.  
  869. #footstuff {
  870. margin-left:80px;
  871. margin-top:240px;
  872. width:480px;
  873.  
  874. }
  875.  
  876. #footstuff h2 {
  877. position:absolute;
  878. margin-left:275px;
  879. margin-top:-76px;
  880. font-size:8px;
  881. padding:4px;
  882. width:170px;
  883. font-weight:bold;
  884. letter-spacing:2px;
  885. border:1px solid #c0c0c0;
  886.  
  887. }
  888.  
  889. #footstuff h2 span {
  890. background:#6fd0bd;
  891. color:#fff;
  892. margin-right:5px;
  893. margin-left:-4px;
  894. padding:4px;
  895. font-weight:bold;
  896.  
  897. }
  898.  
  899. #footstuff img {
  900. margin-top:30px;
  901. margin-left:50px;
  902. background:#fff;
  903. padding:12px;
  904. border:1px solid #c0c0c0;
  905.  
  906. }
  907.  
  908. .thmd {
  909. position:absolute;
  910. margin-left:275px;
  911. margin-top:-58px;
  912. font-size:8px;
  913. border:1px solid #c0c0c0;
  914. padding:4px;
  915. width:135px;
  916. font-weight:bold;
  917. letter-spacing:2px;
  918.  
  919. }
  920.  
  921. .thmd a {
  922. color:#232323;
  923. margin:6px;
  924.  
  925. }
  926.  
  927. #dohdoro {
  928. position:absolute;
  929. margin-top:-100px;
  930. margin-left:440px;
  931.  
  932. }
  933.  
  934. #dohdoro img {
  935. position:absolute;
  936. width:80px;
  937. padding:10px;
  938. border:1px solid #c0c0c0;
  939. background:#fff;
  940. border-radius:100%;
  941.  
  942. }
  943.  
  944. #dohdoro p {
  945. position:absolute;
  946. z-index:-9;
  947. margin-top:24px;
  948. width:250px;
  949. border:1px solid #c0c0c0;
  950. padding:6px 30px 6px 10px;
  951. margin-left:-270px;
  952. text-align:justify;
  953.  
  954. }
  955.  
  956. #dohdoro span {
  957. position:absolute;
  958. margin-top:40px;
  959. margin-left:-320px;
  960.  
  961. }
  962.  
  963. #dohdoro span img {
  964. width:20px;
  965. background:none;
  966. -webkit-transition: opacity 0.4s linear;
  967. -webkit-transition: all 0.4s ease-in-out;
  968. -moz-transition: all 0.4s ease-in-out;
  969. -o-transition: all 0.4s ease-in-out;
  970.  
  971. }
  972.  
  973. #dohdoro span img:hover {
  974. opacity:.3;
  975. -webkit-transition: opacity 0.4s linear;
  976. -webkit-transition: all 0.4s ease-in-out;
  977. -moz-transition: all 0.4s ease-in-out;
  978. -o-transition: all 0.4s ease-in-out;
  979.  
  980. }
  981.  
  982. #themeinfo {
  983. margin-left:50px;
  984. margin-top:50px;
  985. border-top:1px solid #c0c0c0;
  986. padding-top:20px;
  987. font-weight:bold;
  988. text-transform:uppercase;
  989. text-align:center;
  990. font-size:8px;
  991. letter-spacing:2px;
  992.  
  993. }
  994.  
  995. #contacts {
  996. position: fixed;
  997. top:150px;
  998. width:400px;
  999. opacity:0;
  1000. margin-left:-350px;
  1001. padding:20px;
  1002. left:120%;
  1003.  
  1004. }
  1005.  
  1006. .theask {
  1007. color:#fff;
  1008. width:430px;
  1009. padding:25px;
  1010. border:1px solid #fff;
  1011. background:#232323;
  1012. font-family:arial;
  1013. font-size:11px;
  1014.  
  1015. }
  1016.  
  1017. .theask a {
  1018. color:#888;
  1019. font-family:arial;
  1020. font-size:9px;
  1021.  
  1022. }
  1023.  
  1024. .theask p {
  1025. margin-top:20px;
  1026.  
  1027. }
  1028.  
  1029. #blogstuff {
  1030. position:fixed;
  1031. z-index:99;
  1032. margin-left:700px;
  1033. top:16%;
  1034.  
  1035. }
  1036.  
  1037. #viola {
  1038. margin-left:200px;
  1039.  
  1040. }
  1041.  
  1042. #viola h2 {
  1043. width:220px;
  1044. margin-top:1px;
  1045. font-size:40px;
  1046. padding:0 15px 10px 25px;
  1047. color:#232323;
  1048. font-weight:900;
  1049. text-transform:uppercase;
  1050. letter-spacing:-2px;
  1051. line-height:33px;
  1052.  
  1053. }
  1054.  
  1055. #viola h2 span {
  1056. color:#e24040;
  1057.  
  1058. }
  1059.  
  1060. #navigation {
  1061. position:fixed;
  1062. z-index:999;
  1063. bottom:10px;
  1064. left:35%;
  1065.  
  1066. }
  1067.  
  1068. .links {
  1069. margin-top:10px;
  1070. font-size:8px;
  1071. text-transform:uppercase;
  1072. font-weight:bold;
  1073. letter-spacing:3px;
  1074.  
  1075. }
  1076.  
  1077. .links a {
  1078. display:inline-block;
  1079. color:#fff;
  1080. margin:10px;
  1081. border-bottom:1px solid transparent;
  1082.  
  1083. }
  1084.  
  1085. .links a:hover {
  1086. border-bottom:1px solid #e24040;
  1087.  
  1088. }
  1089.  
  1090. .networks {
  1091. position:absolute;
  1092. margin-left:230px;
  1093. margin-top:150px;
  1094. width:150px;
  1095. text-transform:uppercase;
  1096. font-size:8px;
  1097. letter-spacing:2px;
  1098. font-weight:bold;
  1099.  
  1100. }
  1101.  
  1102. .networks a {
  1103. color:#232323;
  1104.  
  1105. }
  1106.  
  1107. .networks h2 {
  1108. color:#232323;
  1109. font-family:georgia;
  1110. text-transform:lowercase;
  1111. font-size:15px;
  1112. font-style:italic;
  1113. margin-bottom:10px;
  1114.  
  1115. }
  1116.  
  1117. .networks span {
  1118. background:#6fd0bd;
  1119. color:#fff;
  1120. letter-spacing:3px;
  1121. padding:1px 3px 1px 3px;
  1122. margin-right:5px;
  1123.  
  1124. }
  1125.  
  1126. .cription {
  1127. position:absolute;
  1128. width:200px;
  1129. margin-left:230px;
  1130. margin-top:80px;
  1131. font-size:11px;
  1132. color:#232323;
  1133. text-align:justify;
  1134.  
  1135. }
  1136.  
  1137. .themeupdates {
  1138. position:absolute;
  1139. margin-left:230px;
  1140. margin-top:220px;
  1141.  
  1142. }
  1143.  
  1144. .themeupdates img {
  1145. padding:15px;
  1146. margin-bottom:10px;
  1147. border:1px solid #eee;
  1148.  
  1149. }
  1150.  
  1151. .themeupdates a {
  1152. color:#232323;
  1153. font-size:8px;
  1154. margin:4px;
  1155. padding:5px 8px 5px 8px;
  1156. border:1px solid #eee;
  1157. text-transform:uppercase;
  1158. font-weight:bold;
  1159. letter-spacing:3px;
  1160. -webkit-transition: opacity 0.4s linear;
  1161. -webkit-transition: all 0.4s ease-in-out;
  1162. -moz-transition: all 0.4s ease-in-out;
  1163. -o-transition: all 0.4s ease-in-out;
  1164.  
  1165. }
  1166.  
  1167. .themeupdates a:hover {
  1168. background:#fff;
  1169. -webkit-transition: opacity 0.4s linear;
  1170. -webkit-transition: all 0.4s ease-in-out;
  1171. -moz-transition: all 0.4s ease-in-out;
  1172. -o-transition: all 0.4s ease-in-out;
  1173.  
  1174. }
  1175.  
  1176. .themeupdates h2 {
  1177. color:#232323;
  1178. font-family:georgia;
  1179. text-transform:lowercase;
  1180. font-size:15px;
  1181. font-style:italic;
  1182. margin-bottom:10px;
  1183.  
  1184. }
  1185.  
  1186. /* Popup Links */
  1187.  
  1188. #fade { /*--Transparent background layer--*/
  1189. display: none; /*--hidden by default--*/
  1190. z-index: 9999;
  1191. background:#232323;
  1192. position: fixed; left: 0; top: 0;
  1193. width:100%; height:100%;
  1194. opacity:.80;
  1195.  
  1196. }
  1197.  
  1198. .popup_block{
  1199. display: none; /*--hidden by default--*/
  1200. z-index: 99999;
  1201. padding: 20px;
  1202. position: fixed;
  1203. top:50%; left:50%;
  1204. max-width:300px;
  1205. /*--CSS3 Rounded Corners--*/
  1206. -webkit-border-radius: 0px;
  1207. -moz-border-radius: 0px;
  1208. border-radius: 0px;
  1209.  
  1210. }
  1211.  
  1212. img.btn_close {
  1213. position:fixed;
  1214. padding:20px;
  1215. right:10px;
  1216. top:10px;
  1217.  
  1218. }
  1219. /*--Making IE6 Understand Fixed Positioning--*/
  1220.  
  1221. *html #fade {
  1222. position: absolute;
  1223.  
  1224. }
  1225.  
  1226. *html .popup_block {
  1227. position: absolute;
  1228.  
  1229. }
  1230.  
  1231. #morenav {
  1232. text-transform:uppercase;
  1233. font-weight:bold;
  1234.  
  1235. }
  1236.  
  1237. #morenav h2 {
  1238. font-family:georgia;
  1239. color:#fff;
  1240. padding:10px;
  1241. font-size:25px;
  1242. text-transform:lowercase;
  1243. font-style:italic;
  1244.  
  1245. }
  1246.  
  1247. #morenav a {
  1248. display:block;
  1249. color:#fff;
  1250. border:1px solid #fff;
  1251. padding:6px 10px 6px 10px;
  1252. margin:10px;
  1253. -webkit-transition: opacity 0.4s linear;
  1254. -webkit-transition: all 0.4s ease-in-out;
  1255. -moz-transition: all 0.4s ease-in-out;
  1256. -o-transition: all 0.4s ease-in-out;
  1257.  
  1258. }
  1259.  
  1260. #morenav a:hover {
  1261. background:#e24040;
  1262. -webkit-transition: opacity 0.4s linear;
  1263. -webkit-transition: all 0.4s ease-in-out;
  1264. -moz-transition: all 0.4s ease-in-out;
  1265. -o-transition: all 0.4s ease-in-out;
  1266.  
  1267. }
  1268.  
  1269.  
  1270. </style>
  1271.  
  1272. <!-- DON'T MESS WITH THIS -->
  1273.  
  1274. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  1275. <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>
  1276.  
  1277. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1278.  
  1279. {block:IfInfiniteScroll}
  1280. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
  1281.  
  1282.  
  1283. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1284.  
  1285. <script>
  1286. $(function(){
  1287. var $wrappeder = $('#wrapped');
  1288. $wrappeder.imagesLoaded(function(){
  1289. $wrappeder.masonry({
  1290. itemSelector: '.blog',
  1291. });
  1292. });
  1293. $wrappeder.infinitescroll({
  1294. itemSelector : ".blog",
  1295. navSelector : "div.pagination",
  1296. nextSelector : ".pagination a#next",
  1297. loadingImg : "",
  1298. loadingText : "<em></em>",
  1299. bufferPx : 10000,
  1300. extraScrollPx: 12000,
  1301. },
  1302. // trigger Masonry as a callback
  1303. function( newElements ) {
  1304. var $newElems = $( newElements ).css({ opacity: 0 });
  1305. // ensure that images load before adding to masonry layout
  1306. $newElems.imagesLoaded(function(){
  1307. $newElems.animate({ opacity: 1 });
  1308. $wrappeder.masonry( 'appended', $newElems, true );
  1309. });
  1310. }
  1311. );
  1312. });
  1313. </script>
  1314.  
  1315.  
  1316.  
  1317. </head>
  1318. <body>
  1319.  
  1320. <!-- Navigation-->
  1321.  
  1322. <div id="navigation">
  1323. <div class="links">
  1324. <a href="/">Index</a>
  1325.  
  1326. <a href="#?w=500" rel="mesg" class="poplight">contact</a>
  1327.  
  1328.  
  1329. <a href="/themes">themes</a>
  1330. <a href="/dohfx">portfolio</a>
  1331.  
  1332. <a href="#?w=500" rel="expl" class="poplight">explore</a>
  1333.  
  1334. <a href="/recs">Faq & rec</a>
  1335. <a href="https://instagram.com/eeweka/">INSTAGRAM</a>
  1336. </div>
  1337. </div>
  1338.  
  1339.  
  1340. <!-- custom -->
  1341.  
  1342. <div id="controlcon">
  1343.  
  1344. <a href="http://tumblr.com/" title="Dashboard">
  1345. <img src="http://static.tumblr.com/bj5zkci/OzAni6o9c/home3.png"></a>
  1346. <a href="http://www.tumblr.com/send/dohdoro?redirect_to=http%3A%2F%2Fdohdoro.tumblr.com%2F" title="Fanmail">
  1347. <img src="http://static.tumblr.com/bj5zkci/Wicni6o7g/comment.png">
  1348. </a>
  1349. <a href="http://tumblr.com/follow/dohdoro" title="follow"><img src="http://static.tumblr.com/bj5zkci/UFpni6o4h/user-plus.png"></a>
  1350.  
  1351. <!-- search box-->
  1352.  
  1353. <div class="searchy">
  1354. <form action="/search" method="get" class="sfm">
  1355. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1356. <input type="image" value="Search" src="http://static.tumblr.com/bj5zkci/fNgn42ep2/search.png" id="sb"/>
  1357. </form><br>
  1358. </div>
  1359. </div>
  1360.  
  1361. <!-- theme borders-->
  1362.  
  1363. <div id="bottoms"></div>
  1364.  
  1365. <div id="lefty"></div>
  1366.  
  1367. <!-- top stuff-->
  1368.  
  1369. <div id="tops">
  1370. <div class="thetitle">
  1371. <h2>dohdoro <span>Themes and gfx</span></spab></h2>
  1372. </div>
  1373. </div>
  1374.  
  1375.  
  1376. <!-- PAGINATION-->
  1377.  
  1378. {block:IfNotInfiniteScroll}
  1379. <div class="pagination">
  1380. {block:Pagination}
  1381.  
  1382. <div class="prev">{block:PreviousPage}
  1383. <a href="{PreviousPage}" id="next">«</a>
  1384. {/block:PreviousPage}
  1385. </div>
  1386.  
  1387. {block:NextPage}<a href="{NextPage}" id="next">»</a>{/block:NextPage}
  1388. {/block:Pagination}</div>
  1389. {/block:IfNotInfiniteScroll}
  1390.  
  1391.  
  1392.  
  1393. <!-- Container -->
  1394.  
  1395. <div id="wrapped">
  1396. <div id="righty"></div>
  1397.  
  1398. <div id="blogstuff">
  1399.  
  1400. <!-- Description-->
  1401. <div class="cription">
  1402. {description}
  1403. </div>
  1404.  
  1405. <div class="networks">
  1406. <h2>• Networks</h2>
  1407. <span>Admin</span> <a href="http://netkon.tumblr.com">Netkon</a><br>
  1408. <span>Admin</span> <a href="http://kyungsoo-network.tumblr.com">soonet</a><br>
  1409. <span>Member</span> <a href="http://kconet.tumblr.com">KCONET</a>
  1410. </div>
  1411.  
  1412. <div class="themeupdates">
  1413. <h2>• New theme</h2>
  1414. <img src="http://static.tumblr.com/bj5zkci/chynlwc8o/untitled-3_copy.jpg" />
  1415. <br><br>
  1416. <a href="http://dohdoro.tumblr.com/bobbythm">Prev</a>
  1417. <a href="http://pastebin.com/vn38gX6G">Install</a>
  1418. <a href="http://dohdoro.tumblr.com/post/114526612142/theme-bobby-preview-code-2-columns-250px">Info</a>
  1419.  
  1420. <br><br>
  1421. <br>
  1422.  
  1423. <h2>• New page : about me</h2>
  1424. <br>
  1425. <a href="http://dohdoro.tumblr.com/bobbypage">Prev</a>
  1426. <a href="http://pastebin.com/s5sKfT3z">Install</a>
  1427. <a href="http://dohdoro.tumblr.com/post/114526612142/theme-bobby-preview-code-2-columns-250px">Info</a>
  1428.  
  1429. </div>
  1430.  
  1431.  
  1432. <!-- second title -->
  1433.  
  1434. <div id="viola">
  1435. <h2>el dorado</h2>
  1436. </div>
  1437.  
  1438.  
  1439. </div>
  1440.  
  1441.  
  1442. <!-- Posts -->
  1443.  
  1444. {block:posts}
  1445.  
  1446. <div class="blog">
  1447. {block:ContentSource}
  1448. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1449. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1450. {/block:SourceLogo}
  1451. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1452. {/block:ContentSource}
  1453.  
  1454. <!-- Post Information-->
  1455.  
  1456. {block:IndexPage}
  1457. <div id="date">
  1458. {block:Date}
  1459. <a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}
  1460. </a>{/block:Date}<br>
  1461. </div>
  1462. {/block:IndexPage}
  1463.  
  1464.  
  1465. {block:text}
  1466. {block:IndexPage}
  1467. <div id="tinfo">
  1468. <div class="tpos">
  1469.  
  1470. <span><a href="{ReblogURL}">Reblog</a></span>
  1471.  
  1472. {block:NoteCount}
  1473. <a href="{Permalink}" title="permalink">{NoteCount} notes </a>{/block:NoteCount}
  1474.  
  1475. </div>
  1476. </div>
  1477. {/block:IndexPage}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  1478.  
  1479. {block:photo}
  1480. {block:IndexPage}
  1481. <div id="berryblog">
  1482. <div id="echo">
  1483.  
  1484. <a href="{ReblogURL}"><img src="http://static.tumblr.com/bj5zkci/7menlwdvx/coffee.png"></a>
  1485.  
  1486. {block:NoteCount}
  1487. <span><a href="{Permalink}" title="permalink">{NoteCount}</a></span>{/block:NoteCount}
  1488.  
  1489. </div>
  1490. </div>
  1491. {/block:IndexPage}
  1492. {block:IndexPage}
  1493. {block:if2columns}<img src="{PhotoURL-250}"/>{/block:if2columns}
  1494. {block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}
  1495. {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
  1496. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  1497. {block:ifShowCaptions}
  1498. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1499. {/block:ifShowCaptions}{/block:IndexPage}
  1500.  
  1501. {block:PermalinkPage}
  1502. <img src="{PhotoURL-500}"/>
  1503. {block:Caption}
  1504. <div id="caption">{Caption}</div>
  1505. {/block:Caption}
  1506. {/block:PermalinkPage}
  1507. {/block:photo}
  1508.  
  1509.  
  1510. {block:Photoset}
  1511. {block:IndexPage}
  1512. <div id="berryblog">
  1513. <div id="echo">
  1514.  
  1515. <a href="{ReblogURL}"><img src="http://static.tumblr.com/bj5zkci/7menlwdvx/coffee.png"></a>
  1516.  
  1517. {block:NoteCount}
  1518. <span><a href="{Permalink}" title="permalink">{NoteCount}</a></span>{/block:NoteCount}
  1519.  
  1520. </div>
  1521. </div>
  1522. {/block:IndexPage}
  1523. {block:IndexPage}
  1524. {block:if2columns}{Photoset-250}{/block:if2columns}
  1525. {block:if250px}{Photoset-250}{/block:if250px}
  1526. {block:if400px}{Photoset-400}{/block:if400px}
  1527. {block:if500px}{Photoset-500}{/block:if500px}
  1528. {block:ifShowCaptions}
  1529. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1530. {/block:ifShowCaptions}
  1531. {/block:IndexPage}
  1532.  
  1533. {block:PermalinkPage}
  1534. {Photoset-500}
  1535. {block:Caption}
  1536. <div id="caption">{Caption}</div>
  1537. {/block:Caption}
  1538. {/block:PermalinkPage}
  1539. {/block:Photoset}
  1540.  
  1541. {block:Quote}
  1542. {block:IndexPage}
  1543. <div id="tinfo">
  1544. <div class="tpos">
  1545.  
  1546. <span><a href="{ReblogURL}">Reblog</a></span>
  1547.  
  1548. {block:NoteCount}
  1549. <a href="{Permalink}" title="permalink">{NoteCount} notes </a>{/block:NoteCount}
  1550.  
  1551. </div>
  1552. </div>
  1553. {/block:IndexPage}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  1554.  
  1555. {block:Link}
  1556. {block:IndexPage}
  1557. <div id="tinfo">
  1558. <div class="tpos">
  1559.  
  1560. <span><a href="{ReblogURL}">Reblog</a></span>
  1561.  
  1562. {block:NoteCount}
  1563. <a href="{Permalink}" title="permalink">{NoteCount} notes </a>{/block:NoteCount}
  1564.  
  1565. </div>
  1566. </div>
  1567. {/block:IndexPage}
  1568. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  1569. {block:Description}{Description}{/block:Description} {/block:Link}
  1570.  
  1571. <!-- Music and Video -->
  1572.  
  1573. {block:Audio}
  1574. {block:IndexPage}
  1575. <div id="tinfo">
  1576. <div class="tpos">
  1577.  
  1578. <span><a href="{ReblogURL}">Reblog</a></span>
  1579.  
  1580. {block:NoteCount}
  1581. <a href="{Permalink}" title="permalink">{NoteCount} notes </a>{/block:NoteCount}
  1582.  
  1583. </div>
  1584. </div>
  1585. {/block:IndexPage}
  1586. <div id="audio">
  1587. {block:if2columns}{AudioEmbed-250}{/block:if2columns}
  1588. {block:if250px}{AudioEmbed-250}{/block:if250px}
  1589. {block:if400px}{AudioEmbed-400}{/block:if400px}
  1590. {block:if500px}{AudioEmbed-500}{/block:if500px}
  1591. </div>
  1592.  
  1593. <div class="musicinfo">
  1594. {block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
  1595. {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
  1596. {block:Album}<B>ALBUM: </B>{Album}{/block:Album}<br></div><br>
  1597. {block:ifShowCaptions}
  1598. {block:caption}<div id="caption">{caption}</div>{/block:caption}
  1599. {/block:ifShowCaptions}
  1600. {/block:Audio}
  1601.  
  1602. {block:Video}
  1603. {block:IndexPage}
  1604. <div id="tinfo">
  1605. <div class="tpos">
  1606.  
  1607. <span><a href="{ReblogURL}">Reblog</a></span>
  1608.  
  1609. {block:NoteCount}
  1610. <a href="{Permalink}" title="permalink">{NoteCount} notes </a>{/block:NoteCount}
  1611.  
  1612. </div>
  1613. </div>
  1614. {/block:IndexPage}
  1615. {block:if2columns}{VideoEmbed-250}{/block:if2columns}
  1616. {block:if400px}{VideoEmbed-400}{/block:if400px}
  1617. {block:if500px}{VideoEmbed-250}{/block:if500px}
  1618. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Video}
  1619.  
  1620.  
  1621. <!-- chat -->
  1622.  
  1623. {block:Chat}
  1624. {block:IndexPage}
  1625. <div id="tinfo">
  1626. <div class="tpos">
  1627.  
  1628. <span><a href="{ReblogURL}">Reblog</a></span>
  1629.  
  1630. {block:NoteCount}
  1631. <a href="{Permalink}" title="permalink">{NoteCount} notes </a>{/block:NoteCount}
  1632.  
  1633. </div>
  1634. </div>
  1635. {/block:IndexPage}
  1636. {block:Title}<h1>{Title}</h1>{/block:Title}
  1637. {block:Lines}
  1638. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1639. {/block:Lines}
  1640. {/block:Chat}
  1641.  
  1642.  
  1643. <!-- Asks -->
  1644.  
  1645. {block:Answer}
  1646. {block:IndexPage}
  1647. <div id="tinfo">
  1648. <div class="tpos">
  1649.  
  1650. <span><a href="{ReblogURL}">Reblog</a></span>
  1651.  
  1652. {block:NoteCount}
  1653. <a href="{Permalink}" title="permalink">{NoteCount} notes </a>{/block:NoteCount}
  1654.  
  1655. </div>
  1656. </div>
  1657. {/block:IndexPage}
  1658. <div id="askedby">{asker} asked</div>
  1659. <div id="theques">{question}</div>
  1660. <div id="theanswer">{Answer}</div>
  1661. {/block:Answer}
  1662.  
  1663. {block:IndexPage}
  1664. <div id="taggies">
  1665. {block:HasTags}
  1666. {block:HasTags}
  1667. <a href="{TagURL}">{block:Tags}<a href="{TagURL}">• {Tag}</a> {/block:Tags}</a><br>
  1668. {/block:HasTags}
  1669. </div>
  1670. {/block:IndexPage}
  1671.  
  1672.  
  1673. <!-- Permalink -->
  1674.  
  1675. {block:PermalinkPage}
  1676. {block:Date}
  1677. <div id="permalink">
  1678. <div class="perma">
  1679. <b>Posted on :</b>
  1680. {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}{/block:Date} <BR>
  1681. {block:NoteCount}
  1682. <a href="{ReblogURL}">Reblog</a>
  1683. <b>With : </b>
  1684. <a href="{Permalink}" title="permalink">{NoteCount} notes</a>{/block:NoteCount}<br>
  1685. {block:RebloggedFrom}
  1686. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1687. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1688. {/block:RebloggedFrom}<br>
  1689. {block:HasTags}
  1690. <a href="{TagURL}"><b>TAGS:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</a><br>
  1691. {/block:HasTags}
  1692. </div>
  1693. {/block:PermalinkPage}
  1694.  
  1695. {block:PostNotes}
  1696. <div class="notecounts">{PostNotes}</div>
  1697. {/block:PostNotes}
  1698.  
  1699. </div>
  1700. {/block:posts}
  1701. </div>
  1702. </body>
  1703.  
  1704. <div id="mesg" class="popup_block">
  1705. <div class="theask">
  1706.  
  1707. Please check out my faq and recs page before asking me any questions.<br>
  1708. Everything pertaining to theme help and editing is there. <br>
  1709. If the answer to your question is not there, please feel free to ask, I would be happy to answer it.<br><br>
  1710. I do not help with theme customizations. <br>
  1711. Google is your friend & theme-hunter has a huge resource section that you can check out. <br><br>
  1712.  
  1713. <p><iframe frameborder="0" scrolling="no" width="430px" height="200px" src="http://www.tumblr.com/ask_form/dohdoro.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  1714. </div>
  1715.  
  1716. </div>
  1717.  
  1718.  
  1719.  
  1720. <div id="expl" class="popup_block">
  1721. <div id="morenav">
  1722. <a href="/tagged/Personal">Personal</a>
  1723. <a href="/tagged/myreplies">Responses</a>
  1724. <a href="/tagged/mypsds">My Psds</a>
  1725. <a href="/tagged/mytutorial">My tutorials</a>
  1726. <a href="/tagged/themehlp">Theme help</a>
  1727. </div>
  1728. </div>
  1729.  
  1730. <!-- Start of StatCounter Code for Tumblr -->
  1731. <script type="text/javascript">
  1732. var sc_project=9859359;
  1733. var sc_invisible=1;
  1734. var sc_security="824f3eea";
  1735. var scJsHost = (("https:" == document.location.protocol) ?
  1736. "https://secure." : "http://www.");
  1737. document.write("<sc"+"ript type='text/javascript' src='" +
  1738. scJsHost+
  1739. "statcounter.com/counter/counter.js'></"+"script>");
  1740. </script>
  1741. <noscript><div class="statcounter"><a title="counter on
  1742. tumblr" href="http://statcounter.com/tumblr/"
  1743. target="_blank"><img class="statcounter"
  1744. src="http://c.statcounter.com/9859359/0/824f3eea/1/"
  1745. alt="counter on tumblr"></a></div></noscript>
  1746. <!-- End of StatCounter Code for Tumblr -->
  1747.  
  1748.  
  1749.  
  1750. </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!