API tools faq
paste
dohdoro

madness

dohdoro
Jun 6th, 2015
3,660
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.46 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. THEME: MADNESS
  12. + DO NOT REMOVE THEME CREDIT
  13. + DO NOT REDISTRIBUTE CODE
  14. + DO NOT USE AS BASE
  15. + DO NOT STEAL
  16.  
  17. -->
  18.  
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24.  
  25.  
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28. <script>
  29. $(document).ready(function() {
  30. //
  31. $('a.poplight[href^=#]').click(function() {
  32. var popID = $(this).attr('rel'); //Get Popup Name
  33. var popURL = $(this).attr('href'); //Get Popup href to define size
  34. var query= popURL.split('?');
  35. var dim= query[1].split('&');
  36. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  37. $('#' + 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>');
  38. var popMargTop = ($('#' + popID).height() + 80) / 2;
  39. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  40. //Apply Margin to Popup
  41. $('#' + popID).css({
  42. 'margin-top' : -popMargTop,
  43. 'margin-left' : -popMargLeft
  44. });
  45. $('body').append('<div id="fade"></div>');
  46. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  47. return false;
  48. });
  49. $('a.close, #fade').live('click', function() {
  50. $('#fade , .popup_block').fadeOut(function() {
  51. $('#fade, a.close').remove(); //fade them both out
  52. });
  53. return false;
  54. });
  55. });
  56. </script>
  57.  
  58. <meta name="if:Show Captions" content="0"/>
  59. <meta name="if:Infinite Scroll" content"0"/>
  60. <meta name="image:Icon" content="
  61. http://static.tumblr.com/bj5zkci/Kw1npe2pn/12.jpg"/>
  62.  
  63. <meta name="text:Link One Url" content=""/>
  64. <meta name="text:Link One" content="link one"/>
  65. <meta name="text:Link Two Url" content=""/>
  66. <meta name="text:Link Two" content="link two"/>
  67. <meta name="text:Link Three Url" content=""/>
  68. <meta name="text:Link Three" content="link three"/>
  69. <meta name="text:Link Four Url" content=""/>
  70. <meta name="text:Link Four" content="link four"/>
  71. <meta name="text:Link Five Url" content=""/>
  72. <meta name="text:Link Five" content="link five"/>
  73.  
  74. <meta name="color:Background" content="#ffffff"/>
  75. <meta name="color:Text" content="#888888"/>
  76. <meta name="color:bold" content="#000000"/>
  77. <meta name="color:italic" content="#000000"/>
  78. <meta name="color:underline" content="#888888"/>
  79. <meta name="color:links" content="#232323"/>
  80. <meta name="color:links hover" content="#afafaf"/>
  81. <meta name="color:blockquote border" content="#eeeeee"/>
  82. <meta name="color:pagination" content="#888888"/>
  83. <meta name="color:pagination hover" content="#232323"/>
  84. <meta name="color:H1 bg" content="#fafafa"/>
  85. <meta name="color:H1 text" content="#232323"/>
  86. <meta name="color:H1 border" content="#eeeeee"/>
  87. <meta name="color:permalink bg" content="#fafafa"/>
  88. <meta name="color:permalink text" content="#888888"/>
  89. <meta name="color:permalink border" content="#eeeeee"/>
  90. <meta name="color:posts bg" content="#ffffff"/>
  91. <meta name="color:posts border" content="#eeeeee"/>
  92. <meta name="color:Caption bg" content="#fafafa"/>
  93. <meta name="color:Caption text" content="#888888"/>
  94. <meta name="color:Caption border" content="#eeeeee"/>
  95. <meta name="color:Ask text" content="#888888"/>
  96. <meta name="color:Asker text" content="#232323"/>
  97. <meta name="color:Reply bg" content="#fafafa"/>
  98. <meta name="color:Reply border" content="#eeeeee"/>
  99. <meta name="color:Reply text" content="#888888"/>
  100. <meta name="color:Chat bold" content="#232323"/>
  101. <meta name="color:Chat text" content="#888888"/>
  102. <meta name="color:Chat border" content="#eeeeee"/>
  103. <meta name="color:post info bg" content="#ffffff"/>
  104. <meta name="color:post info text" content="#232323"/>
  105. <meta name="color:post info date" content="#232323"/>
  106. <meta name="color:text info border" content="#eeeeee"/>
  107. <meta name="color:text info bg" content="#ffffff"/>
  108. <meta name="color:text info date" content="#232323"/>
  109. <meta name="color:text info date bg" content="#fafafa"/>
  110. <meta name="color:text info date border" content="#eeeeee"/>
  111. <meta name="color:Title" content="#232323"/>
  112. <meta name="color:Title border" content="#eeeeee"/>
  113. <meta name="color:Icon border" content="#eeeeee"/>
  114. <meta name="color:Icon bg" content="#ffffff"/>
  115. <meta name="color:Description" content="#888888"/>
  116. <meta name="color:Top header bg" content="#fafafa"/>
  117. <meta name="color:Top header border" content="#eeeeee"/>
  118. <meta name="color:Popup bg" content="#ffffff"/>
  119. <meta name="color:Popup close button bg" content="#232323"/>
  120. <meta name="color:Navigation color" content="#232323"/>
  121. <meta name="color:Navigation hover border" content="#cccccc"/>
  122. <meta name="color:Popup links text" content="#232323"/>
  123. <meta name="color:Popup links border" content="#eeeeee"/>
  124. <meta name="color:Popup links hover bg" content="#232323"/>
  125. <meta name="color:Popup links hover text" content="#ffffff"/>
  126. <meta name="color:Popup links bg" content="#ffffff"/>
  127. <meta name="color:Scrollbar bg" content="#fafafa"/>
  128. <meta name="color:Scrollbar line" content="#cccccc"/>
  129. <meta name="color:Theme credit bg" content="#fafafa"/>
  130. <meta name="color:Theme credit border" content="#eeeeee"/>
  131. <meta name="color:Theme credit text" content="#888888"/>
  132.  
  133.  
  134. <style type="text/css">
  135.  
  136. #tumblr_controls {position: fixed !important;}
  137. #tumblr_controls {-webkit-filter: invert(100%);}
  138. #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;}
  139. #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;}
  140.  
  141. html { height:100%; }
  142. body { position:absolute; top:0; bottom:0; right:0; left:0; }
  143.  
  144. /* Pagination */
  145.  
  146. .pagination {
  147. position:absolute;
  148. z-index:99;
  149. opacity:1;
  150. right:44%;
  151. bottom:47px;
  152. padding:7px;
  153. text-transform:uppercase;
  154.  
  155. }
  156.  
  157. .pagination span {
  158. padding:10px;
  159.  
  160. }
  161.  
  162. .pagination a {
  163. font-size:20px;
  164. font-weight:bold;
  165. letter-spacing:2px;
  166. color:{color:pagination};
  167. -webkit-transition: opacity 0.4s linear;
  168. -webkit-transition: all 0.4s ease-in-out;
  169. -moz-transition: all 0.4s ease-in-out;
  170. -o-transition: all 0.4s ease-in-out;
  171.  
  172. }
  173.  
  174. .pagination a:hover {
  175. color:{color:pagination hover};
  176. -webkit-transition: opacity 0.4s linear;
  177. -webkit-transition: all 0.4s ease-in-out;
  178. -moz-transition: all 0.4s ease-in-out;
  179. -o-transition: all 0.4s ease-in-out;
  180.  
  181. }
  182.  
  183. .prev {
  184. position:absolute;
  185. z-index:9;
  186. z-index:99;
  187. margin-left:-40px;
  188. margin-top:-7px;
  189. padding:7px;
  190. font-size:10px;
  191. text-transform:uppercase;
  192.  
  193. }
  194.  
  195. .prev a {
  196. color:{color:pagination};
  197.  
  198. }
  199.  
  200. .prev a:hover {
  201. color:{color:pagination hover};
  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:0px 5px 0px 5px;
  265. margin:4px;
  266. list-style-type: circle;
  267.  
  268. }
  269.  
  270. ul li {
  271. padding-left:5px;
  272. line-height:15px;
  273.  
  274. }
  275.  
  276. blockquote {
  277. margin-top:10px;
  278. border-left:2px solid {color:blockquote border};
  279. padding:0px 0px 0px 10px;
  280. margin-left:5px;
  281. word-wrap:break-word;
  282.  
  283. }
  284.  
  285. h1 {
  286. font-family:georgia;
  287. font-size:10px;
  288. margin-top:20px;
  289. word-wrap:break-word;
  290. line-height:12px;
  291. border:1px solid {color:H1 border};
  292. padding:10px 5px 10px 10px;
  293. margin-left:21px;
  294. text-transform:uppercase;
  295. background:{color:H1 bg};
  296. color:{color:H1 text};
  297. {block:IndexPage}
  298. width:190px;
  299. {/block:IndexPage}
  300. {block:PermalinkPage}
  301. width:440px;
  302. {/block:PermalinkPage}
  303.  
  304. }
  305.  
  306. h1 a {
  307. color:{color:H1 text};
  308. text-decoration:none;
  309.  
  310. }
  311.  
  312. /* Permalink */
  313.  
  314. #permalink {
  315. margin-left:0px;
  316. margin-top:20px;
  317. padding:10px;
  318.  
  319. }
  320.  
  321. .perma {
  322. font-size:9px;
  323. font-family:arial;
  324. text-transform:lowercase;
  325. text-align:left;
  326. background:{color:permalink bg};
  327. margin-top:0px;
  328. border-top:1px solid {color:permalink border};
  329. border-bottom:1px solid {color:permalink border};
  330. color:{color:permalink text};
  331. width:500px;
  332. margin-left:-20px;
  333. padding:10px;
  334.  
  335. }
  336.  
  337. .notecounts {
  338. margin-top:10px;
  339. font-size:9px;
  340. font-family:arial;
  341. text-transform:lowercase;
  342. color:{color:permalink text};
  343. padding:18px;
  344.  
  345. }
  346.  
  347. .notecounts img {
  348. visibility: hidden;
  349.  
  350. }
  351.  
  352. ol.notes {
  353. list-style-type:circle;
  354.  
  355. }
  356.  
  357. /* Posts */
  358.  
  359. #wopper {
  360. margin-top:400px;
  361. padding:40px 40px 200px 40px;
  362. margin-left:auto;
  363. margin-right:auto;
  364. width:70%;
  365. {block:if500px}width:720px;{/block:if500px}
  366.  
  367. }
  368.  
  369. .pots {
  370. float:left;
  371. position:relative;
  372. padding:10px;
  373. border-radius:10px;
  374. background:{color:posts bg};
  375. border:1px solid {color:posts border};
  376. color:{color:Text};
  377. margin:0px 0 20px 10px;
  378. width:250px;
  379. margin-left:20px;
  380. {block:PermalinkPage}
  381. margin-left:250px;
  382. width:500px;
  383. {/block:PermalinkPage}
  384.  
  385. }
  386.  
  387. /* Don't mess with this */
  388.  
  389. @media screen and (min-width: 1024px) {
  390. .pots {margin-left:50px; margin-top:50px;
  391. {block:PermalinkPage}
  392. margin-left:110px;
  393. {/block:PermalinkPage}
  394. }
  395.  
  396. }
  397.  
  398. @media screen and (min-width: 1280px) {
  399. .pots {margin-left:18px; margin-top:16px;
  400. {block:PermalinkPage}
  401. margin-left:190px;
  402. {/block:PermalinkPage}
  403. }
  404.  
  405. }
  406.  
  407. @media screen and (min-width: 1366px) {
  408. .pots {margin-left:36px;margin-top:20px;
  409. {block:PermalinkPage}
  410. margin-left:230px;
  411. {/block:PermalinkPage}
  412. }
  413.  
  414. }
  415.  
  416. @media screen and (min-width: 1440px) {
  417. .pots {margin-left:47px;margin-top:20px;
  418. {block:PermalinkPage}
  419. margin-left:250px;
  420. {/block:PermalinkPage}
  421. }
  422.  
  423. }
  424.  
  425. @media screen and (min-width: 1600px) {
  426. .pots {margin-left:75px;margin-top:20px;
  427. {block:PermalinkPage}
  428. margin-left:300px;
  429. {/block:PermalinkPage}
  430. }
  431.  
  432. }
  433.  
  434. @media screen and (min-width: 1680px) {
  435. .pots {margin-left:18px;margin-top:16px;
  436. {block:PermalinkPage}
  437. margin-left:340px;
  438. {/block:PermalinkPage}
  439. }
  440.  
  441. }
  442.  
  443. @media screen and (min-width: 1920px) {
  444. .pots {margin-left:50px;
  445. {block:PermalinkPage}
  446. margin-left:430px;
  447. {/block:PermalinkPage}}
  448.  
  449. }
  450.  
  451. .pots a {
  452. color:{color:links};
  453.  
  454. }
  455.  
  456. .pots img{
  457. max-width:100%;
  458. display:block;
  459.  
  460. }
  461.  
  462. /* quotes */
  463.  
  464. #quotes {
  465. font-family:georgia;
  466. font-weight:900;
  467. font-size:20px;
  468. padding:15px;
  469. line-height:16px;
  470. color:{color:Text};
  471. letter-spacing:-1px;
  472. text-transform:none;
  473.  
  474. }
  475.  
  476. #quotes span {
  477. font-size:9px;
  478. font-family:arial;
  479. letter-spacing:2px;
  480. font-weight:lighter;
  481. text-transform:uppercase;
  482.  
  483. }
  484.  
  485. /* post captions*/
  486.  
  487. #caption {
  488. background:{color:Caption bg};
  489. color:{color:Caption text};
  490. padding:5px;
  491. border:1px solid {color:Caption border};
  492. word-wrap:break-word;
  493. font-size:11px;
  494. font-family:arial;
  495.  
  496. }
  497.  
  498. #caption a {
  499. color:{color:links};
  500.  
  501. }
  502.  
  503. /* questions */
  504.  
  505. #qmark {
  506. font-size:10px;
  507. line-height:13px;
  508. padding:10px;
  509. color:{color:Ask text};
  510. word-wrap:break-word;
  511.  
  512. }
  513.  
  514. #qmark span {
  515. font-weight:900;
  516. color:{color:Asker text};
  517. text-transform:uppercase;
  518. padding:5px 5px 5px 0px;
  519.  
  520. }
  521.  
  522. #qmark span a {
  523. color:{color:Asker text};
  524.  
  525. }
  526.  
  527. #ansme {
  528. padding:10px;
  529. font-family:arial;
  530. text-align:left;
  531. background:{color:Reply bg};
  532. border:1px solid {color:Reply border};
  533. color:{color:Reply text};
  534. font-size:10px;
  535. line-height:13px;
  536.  
  537. }
  538.  
  539. /* Music */
  540.  
  541. #audio {
  542. padding:5px;
  543. margin-left:-5px;
  544.  
  545. }
  546.  
  547. #audio img {
  548. width:100px;
  549.  
  550. }
  551.  
  552. .musicinfo {
  553. color:{color:Text};
  554. margin-top:20px;
  555. margin-bottom:5px;
  556. font-size:10px;
  557. line-height:10px;
  558. letter-spacing:1px;
  559.  
  560. }
  561.  
  562. iframe#tumblr_controls {
  563. top: 0% !important;
  564. right:0% !important;
  565. position: fixed !important;
  566. z-index:9999;
  567.  
  568. }
  569.  
  570. /* Chat */
  571.  
  572. .chat {
  573. padding:15px 15px 15px 15px;
  574.  
  575. }
  576.  
  577. .chat span {
  578. text-transform:uppercase;
  579. font-weight:900;
  580. color:{color:Chat bold};
  581.  
  582. }
  583.  
  584. .chat li {
  585. list-style-type:none;
  586. padding:7px;
  587. margin:7px;
  588. color:{color:Chat text};
  589. border:1px solid {color:Chat border};
  590.  
  591. }
  592.  
  593. .btext {
  594. padding:10px;
  595. line-height:14px;
  596.  
  597. }
  598.  
  599. /* Post info */
  600.  
  601. #phstu {
  602. position:absolute;
  603. top:0;
  604. left:0;
  605. border-radius:10px;
  606. height:100%;
  607. opacity:0;
  608. width:270px;
  609. -webkit-transition: opacity 0.4s linear;
  610. -webkit-transition: all 0.4s ease-in-out;
  611. -moz-transition: all 0.4s ease-in-out;
  612. -o-transition: all 0.4s ease-in-out;
  613.  
  614. }
  615.  
  616. .pots:hover #phstu {
  617. background:{color:post info bg};
  618. opacity:.9;
  619. -webkit-transition: all .7s ease-in-out;
  620. -moz-transition: all .7s ease-in-out;
  621. -o-transition: all .7s ease-in-out;
  622. -ms-transition: all .7s ease-in-out;
  623. transition: all .7s ease-in-out;
  624.  
  625. }
  626.  
  627. #phins {
  628. position:relative;
  629. border-radius:5px;
  630. width:145px;
  631. top:40%;
  632. left:37%;
  633. color:{color:post info text};
  634. text-transform:uppercase;
  635. font-weight:bold;
  636.  
  637. }
  638.  
  639. #phins a {
  640. display:block;
  641. letter-spacing:1px;
  642. color:{color:post info text};
  643. cursor:help;
  644.  
  645. }
  646.  
  647. #phins span a {
  648. position:absolute;
  649. font-family:georgia;
  650. text-transform:lowercase;
  651. font-size:30px;
  652. letter-spacing:-2px;
  653. color:{color:post info date};
  654. font-weight:900;
  655. margin-top:-33px;
  656. margin-left:-4px;
  657.  
  658. }
  659.  
  660. #thstu {
  661. position:absolute;
  662. margin-top:10px;
  663. opacity:0;
  664. -webkit-transition: opacity 0.4s linear;
  665. -webkit-transition: all 0.4s ease-in-out;
  666. -moz-transition: all 0.4s ease-in-out;
  667. -o-transition: all 0.4s ease-in-out;
  668.  
  669. }
  670.  
  671. .pots:hover #thstu {
  672. opacity:1;
  673. -webkit-transition: all .7s ease-in-out;
  674. -moz-transition: all .7s ease-in-out;
  675. -o-transition: all .7s ease-in-out;
  676. -ms-transition: all .7s ease-in-out;
  677. transition: all .7s ease-in-out;
  678.  
  679. }
  680.  
  681. #thins {
  682. text-transform:uppercase;
  683. font-weight:bold;
  684. letter-spacing:2px;
  685. font-size:8px;
  686. padding:4px 10px 4px 10px;
  687. background:{color:text info bg};
  688. border:1px solid {color:text info border};
  689. border-radius:5px;
  690. -webkit-border-bottom-right-radius: 5px;
  691. -webkit-border-bottom-left-radius: 5px;
  692. -moz-border-radius-bottomright: 5px;
  693. -moz-border-radius-bottomleft: 5px;
  694. border-bottom-right-radius: 5px;
  695. border-bottom-left-radius: 5px;
  696.  
  697. }
  698.  
  699. #thins a {
  700. padding:4px 7px 4px 7px;
  701.  
  702. }
  703.  
  704. #thins span {
  705. margin-left:-10px;
  706.  
  707. }
  708.  
  709. #thins span a {
  710. padding:4px 6px 4px 7px;
  711. background:{color:text info date bg};
  712. color:{color:text info date};
  713. border-right:1px solid {color:text info date border};
  714.  
  715. }
  716.  
  717. /* header stuff */
  718.  
  719. #heather {
  720. z-index:9;
  721. position:absolute;
  722. margin-top:-220px;
  723. margin-left:40%;
  724.  
  725. }
  726.  
  727. .htith h3 {
  728. display:block;
  729. padding:0px 0px 10px 0px;
  730. margin-left:-50px;
  731. text-transform:uppercase;
  732. font-size:30px;
  733. font-weight:900;
  734. text-align:center;
  735. color:{color:Title};
  736. font-family:georgia;
  737. border-bottom:1px solid {color:Title border};
  738.  
  739. }
  740.  
  741.  
  742. .htith img {
  743. position:fixed;
  744. z-index:99;
  745. margin-top:-160px;
  746. margin-left:60px;
  747. width:100px;
  748. height:100px;
  749. border:1px solid {color:Icon border};
  750. padding:10px;
  751. background:{color:Icon bg};
  752. border-radius:100%;
  753.  
  754. }
  755.  
  756. .htith p {
  757. line-height:12px;
  758. margin-top:-20px;
  759. margin-left:-40px;
  760. font-weight:100;
  761. font-size:10px;
  762. width:330px;
  763. font-family:arial;
  764. text-align:center;
  765. text-transform:none;
  766. color:{color:Description};
  767.  
  768. }
  769.  
  770. .tmage {
  771. position:fixed;
  772. top:0px;
  773. left:0;
  774. width:100%;
  775. background:{color:Top header bg};
  776. height:150px;
  777. border-bottom:1px solid {color:Top header border};
  778.  
  779. }
  780.  
  781. /* Popup Links */
  782.  
  783. #fade { /*--Transparent background layer--*/
  784. display: none; /*--hidden by default--*/
  785. z-index: 999;
  786. background:{color:Popup bg};
  787. position: fixed; left: 0; top: 0;
  788. width:100%; height:100%;
  789. opacity:.7;
  790.  
  791. }
  792.  
  793. .popup_block{
  794. display: none; /*--hidden by default--*/
  795. z-index: 99999;
  796. padding: 20px;
  797. position: fixed;
  798. top:50%; left:50%;
  799. max-width:300px;
  800. /*--CSS3 Rounded Corners--*/
  801. -webkit-border-radius: 0px;
  802. -moz-border-radius: 0px;
  803. border-radius: 0px;
  804.  
  805. }
  806.  
  807. img.btn_close {
  808. position:fixed;
  809. border-radius:100%;
  810. background:#232323;
  811. padding:5px;
  812. width:15px;
  813. right:10px;
  814. top:10px;
  815.  
  816. }
  817.  
  818. *html #fade {
  819. position: absolute;
  820.  
  821. }
  822.  
  823. *html .popup_block {
  824. position: absolute;
  825.  
  826. }
  827.  
  828. /* Navigation */
  829.  
  830. #tnavit {
  831. position:fixed;
  832. z-index:9;
  833. margin-top:-180px;
  834. margin-left:-150px;
  835.  
  836. }
  837.  
  838. .tgate {
  839. width:700px;
  840. font-size:10px;
  841. text-transform:uppercase;
  842.  
  843. }
  844.  
  845. .tgate a {
  846. cursor:help;
  847. margin:40px;
  848. color:{color:Navigation color};
  849. border:1px solid transparent;
  850. padding:5px;
  851.  
  852. }
  853.  
  854. .tgate a:hover {
  855. border:1px solid {color:Navigation hover border};
  856.  
  857. }
  858.  
  859. #navimore a {
  860. color:{color:Popup links text};
  861. background:{color:Popup links bg};
  862. display:block;
  863. text-transform:uppercase;
  864. margin:3px;
  865. border:3px double {color:Popup links border};
  866. padding:6px 7px 6px 7px;
  867. border-radius:5px;
  868. font-weight:bold;
  869. font-size:10px;
  870. -webkit-transition: opacity 0.4s linear;
  871. -webkit-transition: all 0.4s ease-in-out;
  872. -moz-transition: all 0.4s ease-in-out;
  873. -o-transition: all 0.4s ease-in-out;
  874.  
  875. }
  876.  
  877. #navimore a:hover {
  878. background:{color:Popup links hover bg};
  879. color:{color:Popup links hover text};
  880. -webkit-transition: opacity 0.4s linear;
  881. -webkit-transition: all 0.4s ease-in-out;
  882. -moz-transition: all 0.4s ease-in-out;
  883. -o-transition: all 0.4s ease-in-out;
  884.  
  885. }
  886.  
  887. /* Scrollbar */
  888.  
  889. ::-webkit-scrollbar {
  890. width:10px;
  891. background:{color:Scrollbar bg};
  892.  
  893. }
  894.  
  895. ::-webkit-scrollbar-thumb:vertical {
  896. background-color:{color:Scrollbar line};
  897. width:8px;
  898. height:3px;
  899. border-radius:6px;
  900. border-left:3px solid {color:Scrollbar bg};
  901. border-right:4px solid {color:Scrollbar bg};
  902.  
  903. }
  904.  
  905. /* THEME CREDIT - DO NOT REMOVE */
  906.  
  907. #themecredit {
  908. position:fixed;
  909. z-index:99;
  910. right:50px;
  911. padding:10px;
  912. bottom:20px;
  913. font-family:georgia;
  914. font-size:10px;
  915. background:{color:Theme Credit bg};
  916. font-style:italic;
  917. border:1px solid {color:Theme Credit border};
  918.  
  919. }
  920.  
  921. #themecredit a {
  922. color:{color:Theme Credit text};
  923.  
  924. }
  925.  
  926. </style>
  927.  
  928. <!-- DON'T MESS WITH THIS -->
  929.  
  930. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  931. <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>
  932.  
  933.  
  934. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  935.  
  936. {block:IfInfiniteScroll}
  937. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
  938.  
  939.  
  940. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  941.  
  942. <script>
  943. $(function(){
  944. var $container = $('#wopper');
  945. $container.imagesLoaded(function(){
  946. $container.masonry({
  947. itemSelector: '.pots',
  948. });
  949. });
  950. $container.infinitescroll({
  951. itemSelector : ".pots",
  952. navSelector : "div.pagination",
  953. nextSelector : ".pagination a#next",
  954. loadingImg : "",
  955. loadingText : "<em></em>",
  956. bufferPx : 10000,
  957. extraScrollPx: 12000,
  958. },
  959. // trigger Masonry as a callback
  960. function( newElements ) {
  961. var $newElems = $( newElements ).css({ opacity: 0 });
  962. // ensure that images load before adding to masonry layout
  963. $newElems.imagesLoaded(function(){
  964. $newElems.animate({ opacity: 1 });
  965. $container.masonry( 'appended', $newElems, true );
  966. });
  967. }
  968. );
  969. });
  970. </script>
  971.  
  972. </head>
  973. <body>
  974.  
  975. <!-- Container -->
  976.  
  977. <div id="wopper">
  978.  
  979. <!-- Header stuff-->
  980.  
  981. <div id="heather">
  982.  
  983. <!-- Links-->
  984.  
  985. <div id="tnavit">
  986. <div class="tgate">
  987. <a href="/">Index</a>
  988. <a href="/ask">Contact</a>
  989. <a href="/archive">Archive</a>
  990. <a href="#?w=500" rel="morelinks" class="poplight">Explore</a>
  991. </div>
  992. </div>
  993.  
  994. <div class="htith">
  995. <div class="tmage"></div>
  996. <img src="{image:Icon}"/>
  997. <h3>{title}</h3>
  998. <p>{description}</p>
  999. </div>
  1000. </div>
  1001.  
  1002. <!-- Posts -->
  1003.  
  1004. {block:posts}
  1005.  
  1006. <div class="pots">
  1007. {block:ContentSource}
  1008. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1009. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1010. {/block:SourceLogo}
  1011. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1012. {/block:ContentSource}
  1013.  
  1014.  
  1015. {block:text}
  1016. {block:title}<h1>{title}</h1>{/block:title}
  1017. <div class="btext">{body}</div>
  1018. {block:IndexPage}
  1019. <div id="thstu">
  1020. <div id="thins">
  1021.  
  1022. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}</a></span>{/block:Date}
  1023.  
  1024. <a href="{ReblogURL}">reblog</a>
  1025.  
  1026. {block:NoteCount}
  1027. {NoteCount} notes{/block:NoteCount}
  1028.  
  1029. </div>
  1030. </div>
  1031. {/block:IndexPage}{/block:text}
  1032.  
  1033. {block:photo}
  1034. {block:IndexPage}
  1035. <div id="phstu">
  1036. <div id="phins">
  1037.  
  1038. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}</a></span>{/block:Date}
  1039.  
  1040. <a href="{ReblogURL}">reblog</a>
  1041.  
  1042. {block:NoteCount}
  1043. {NoteCount} notes{/block:NoteCount}
  1044.  
  1045.  
  1046. </div>
  1047. </div>
  1048. {/block:IndexPage}
  1049. {block:IndexPage}
  1050. <img src="{PhotoURL-250}"/>
  1051. {block:ifShowCaptions}
  1052. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1053. {/block:ifShowCaptions}{/block:IndexPage}
  1054.  
  1055. {block:PermalinkPage}
  1056. <img src="{PhotoURL-500}"/>
  1057. {block:Caption}
  1058. <div id="caption">{Caption}</div>
  1059. {/block:Caption}
  1060. {/block:PermalinkPage}
  1061. {/block:photo}
  1062.  
  1063.  
  1064. {block:Photoset}
  1065. {block:IndexPage}
  1066. <div id="phstu">
  1067. <div id="phins">
  1068.  
  1069. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}</a></span>{/block:Date}
  1070.  
  1071. {block:NoteCount}
  1072. {NoteCount} notes{/block:NoteCount}
  1073.  
  1074. <a href="{ReblogURL}">reblog</a>
  1075.  
  1076. </div>
  1077. </div>
  1078. {/block:IndexPage}
  1079. {block:IndexPage}
  1080. {Photoset-250}
  1081. {block:ifShowCaptions}
  1082. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1083. {/block:ifShowCaptions}
  1084. {/block:IndexPage}
  1085.  
  1086. {block:PermalinkPage}
  1087. {Photoset-500}
  1088. {block:Caption}
  1089. <div id="caption">{Caption}</div>
  1090. {/block:Caption}
  1091. {/block:PermalinkPage}
  1092. {/block:Photoset}
  1093.  
  1094. {block:Quote}
  1095. <div id="quotes">❝{Quote}❞{block:Source}<div align="right">—<span> {Source}</span></div>{/block:Source}</div>{block:IndexPage}
  1096. <div id="thstu">
  1097. <div id="thins">
  1098.  
  1099. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}</a></span>{/block:Date}
  1100.  
  1101. <a href="{ReblogURL}">reblog</a>
  1102.  
  1103. {block:NoteCount}
  1104. {NoteCount} notes{/block:NoteCount}
  1105.  
  1106. </div>
  1107. </div>
  1108. {/block:IndexPage}{/block:Quote}
  1109.  
  1110. {block:Link}
  1111. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  1112. <div class="btext">{block:Description}{Description}{/block:Description}</div>
  1113. {block:IndexPage}
  1114. <div id="thstu">
  1115. <div id="thins">
  1116.  
  1117. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}</a></span>{/block:Date}
  1118.  
  1119. <a href="{ReblogURL}">reblog</a>
  1120.  
  1121. {block:NoteCount}
  1122. {NoteCount} notes{/block:NoteCount}
  1123.  
  1124. </div>
  1125. </div>
  1126. {/block:IndexPage}{/block:Link}
  1127.  
  1128. <!-- Music and Video -->
  1129.  
  1130. {block:Audio}
  1131. <div id="audio">
  1132. {block:AlbumArt}
  1133. <img src="{AlbumArtURL}"/>
  1134. {/block:AlbumArt}
  1135. {AudioEmbed-250}
  1136. </div>
  1137.  
  1138. <div class="musicinfo">
  1139. {block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
  1140. {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
  1141. {block:Album}<B>ALBUM: </B>{Album}{/block:Album}<br></div><br>
  1142. {block:ifShowCaptions}
  1143. {block:caption}<div id="caption">{caption}</div>{/block:caption}
  1144. {/block:ifShowCaptions}
  1145. {block:IndexPage}
  1146. <div id="thstu">
  1147. <div id="thins">
  1148.  
  1149. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}</a></span>{/block:Date}
  1150.  
  1151. <a href="{ReblogURL}">reblog</a>
  1152.  
  1153. {block:NoteCount}
  1154. {NoteCount} notes{/block:NoteCount}
  1155.  
  1156. </div>
  1157. </div>
  1158. {/block:IndexPage}
  1159. {/block:Audio}
  1160.  
  1161. {block:Video}
  1162. {VideoEmbed-250}
  1163. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}
  1164. {block:IndexPage}
  1165. <div id="thstu">
  1166. <div id="thins">
  1167.  
  1168. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}</a></span>{/block:Date}
  1169.  
  1170. <a href="{ReblogURL}">reblog</a>
  1171.  
  1172. {block:NoteCount}
  1173. {NoteCount} notes{/block:NoteCount}
  1174.  
  1175. </div>
  1176. </div>
  1177. {/block:IndexPage}{/block:Video}
  1178.  
  1179.  
  1180. <!-- chat -->
  1181.  
  1182. {block:Chat}
  1183. {block:Title}<h1>{Title}</h1>{/block:Title}
  1184. <div class="chat">
  1185. {block:Lines}
  1186. <li>{block:Label}<span>{Label}</span>{/block:Label} {Line}</li>
  1187. {/block:Lines}
  1188. </div>
  1189. {block:IndexPage}
  1190. <div id="thstu">
  1191. <div id="thins">
  1192.  
  1193. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}</a></span>{/block:Date}
  1194.  
  1195. <a href="{ReblogURL}">reblog</a>
  1196.  
  1197. {block:NoteCount}
  1198. {NoteCount} notes{/block:NoteCount}
  1199.  
  1200. </div>
  1201. </div>
  1202. {/block:IndexPage}
  1203. {/block:Chat}
  1204.  
  1205.  
  1206. <!-- Asks -->
  1207.  
  1208. {block:Answer}
  1209. <div id="qmark"><span>{asker} asked ─ </span>{question}</div>
  1210. <div id="ansme">{Answer}</div>
  1211. {block:IndexPage}
  1212. <div id="thstu">
  1213. <div id="thins">
  1214.  
  1215. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}</a></span>{/block:Date}
  1216.  
  1217. <a href="{ReblogURL}">reblog</a>
  1218.  
  1219. {block:NoteCount}
  1220. {NoteCount} notes{/block:NoteCount}
  1221.  
  1222. </div>
  1223. </div>
  1224. {/block:IndexPage}
  1225. {/block:Answer}
  1226.  
  1227.  
  1228. <!-- Permalink -->
  1229.  
  1230. {block:PermalinkPage}
  1231. {block:Date}
  1232. <div id="permalink">
  1233. <div class="perma">
  1234. <b>Posted on :</b>
  1235. {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}{/block:Date} <BR>
  1236. {block:NoteCount}
  1237. <a href="{reblogURL}">reblog</a>
  1238. <b>With : </b>
  1239. <a href="{Permalink}" title="permalink">{NoteCount} notes</a>{/block:NoteCount}<br>
  1240. {block:rebloggedFrom}
  1241. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1242. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1243. {/block:RebloggedFrom}<br>
  1244. {block:HasTags}
  1245. <a href="{TagURL}"><b>TAGS:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</a><br>
  1246. {/block:HasTags}
  1247. </div>
  1248. {/block:PermalinkPage}
  1249.  
  1250. {block:PostNotes}
  1251. <div class="notecounts">{PostNotes}</div>
  1252. {/block:PostNotes}
  1253.  
  1254. </div>
  1255.  
  1256.  
  1257. <!-- PAGINATION-->
  1258.  
  1259. <div class="pagination">
  1260. {block:Pagination}
  1261.  
  1262. <div class="prev">{block:PreviousPage}
  1263. <a href="{PreviousPage}" id="next">←</a>
  1264. {/block:PreviousPage}
  1265. </div>
  1266.  
  1267. <span>travel</span>
  1268.  
  1269. {block:NextPage}<a href="{NextPage}" id="next">→</a>{/block:NextPage}
  1270. {/block:Pagination}</div>
  1271.  
  1272. {/block:posts}
  1273. </div>
  1274. </body>
  1275.  
  1276. <!-- DO NOT REMOVE-->
  1277. <div id="themecredit">
  1278. <a href="http://dohdoro.tumblr.com">dthm</a>
  1279. </div>
  1280. <!-- DO NOT REMOVE -->
  1281.  
  1282. <div id="morelinks" class="popup_block">
  1283. <div id="navimore">
  1284. {block:ifLinkOne}<a href="{text:Link One Url}">{text:Link One}</a>{/block:ifLinkOne}
  1285. {block:ifLinkTwo}<a href="{text:Link Two Url}">{text:Link Two}</a>{/block:ifLinkTwo}
  1286. {block:ifLinkThree}<a href="{text:Link Three Url}">{text:Link Three}</a>{/block:ifLinkThree}
  1287. {block:ifLinkFour}<a href="{text:Link Four Url}">{text:Link Four}</a>{/block:ifLinkFour}
  1288. {block:ifLinkFive}<a href="{text:Link Five Url}">{text:Link Five}</a>{/block:ifLinkFive}
  1289. </div>
  1290. </div>
  1291.  
  1292. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!