API tools faq
paste
dohdoro

mayhem

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