API tools faq
paste
Advertisement
ludakrease

theme 16 (insomnia)

ludakrease
Feb 12th, 2016
909
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC>
  2. <head>
  3. <!----------------------------------------------------------------------------
  4.  
  5.  
  6.               888                                                  
  7.               888                                                  
  8.               888                                                  
  9.       .d88b.  88888b.  888  888  .d88b.  888d888 .d8888b   .d88b.  
  10.      d88""88b 888 "88b 888  888 d8P  Y8b 888P"   88K      d8P  Y8b
  11.      888  888 888  888 Y88  88P 88888888 888     "Y8888b. 88888888
  12.      Y88..88P 888 d88P  Y8bd8P  Y8b.     888          X88 Y8b.    
  13.       "Y88P"  88888P"    Y88P    "Y8888  888      88888P'  "Y8888
  14.    
  15.                  THEME 16 / INSOMNIA by OBVERSE.tumblr.com
  16.            
  17.  ✖ do not steal, redistribute, or claim as your own
  18.  ✖ you may edit my code as much as you like, but you must leave my credit
  19.  ✖ do not remove or move the credit in the bottom corner
  20.  ✖ if you have any questions or would like to report a problem, just ask :)
  21.  
  22.                    
  23.                    
  24.                  please do not remove this, and enjoy !
  25. ----------------------------------------------------------------------------->
  26.  
  27. <title>{title}</title>
  28. <link rel="shortcut icon" href="{favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34.  
  35. <meta name="color:background 1" content="#2cede0"/>
  36. <meta name="color:background 2" content="#7b2c8f"/>
  37. <meta name="color:text" content="#ffffff"/>
  38. <meta name="color:accent" content="#000000"/>
  39.  
  40. <meta name="if:250px posts" content="0"/>
  41. <meta name="if:sidebar img" content="0"/>
  42. <meta name="if:music player" content="0"/>
  43. <meta name="if:black reblog like buttons" content="0"/>
  44. <meta name="if:hide tags" content="0"/>
  45. <meta name="if:hide captions" content="0"/>
  46. <meta name="if:hide title search" content="0"/>
  47. <meta name="if:black audio player" content="0"/>
  48. <meta name="if:tiny cursor" content="1"/>
  49. <meta name="if:scroll to top" content="1"/>
  50.  
  51. <meta name="text:blog title" content="blogtitle"/>
  52. <meta name="text:links menu title" content="links"/>
  53. <meta name="text:link 1" content=""/>
  54. <meta name="text:link 1 url" content="/"/>
  55. <meta name="text:link 2" content=""/>
  56. <meta name="text:link 2 url" content="/"/>
  57. <meta name="text:link 3" content=""/>
  58. <meta name="text:link 3 url" content="/"/>
  59. <meta name="text:link 4" content=""/>
  60. <meta name="text:link 4 url" content="/"/>
  61. <meta name="text:link 5" content=""/>
  62. <meta name="text:link 5 url" content="/"/>
  63. <meta name="text:song URL" content=""/>
  64.  
  65. <meta name="image:sidebar image" content""/>
  66.  
  67. <meta name="select:post glow" content="noglow" title="no glow"/>
  68. <meta name="select:post glow" content="sglow" title="small glow"/>
  69. <meta name="select:post glow" content="mglow" title="medium glow"/>
  70. <meta name="select:post glow" content="lglow" title="large glow"/>
  71. <meta name="select:font" content="consolas,monospace" title="monospace"/>
  72. <meta name="select:font" content="'Roboto',sans-serif" title="sans-serif"/>
  73.  
  74.  
  75. <!-- TOOLTIP -->
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78. <script>
  79. (function($){
  80. $(document).ready(function(){
  81. $("[title]").style_my_tooltips({
  82. tip_follows_cursor:true,
  83. tip_delay_time:90,
  84. tip_fade_speed:100,
  85. attribute:"title"
  86. });
  87. });
  88. })(jQuery);
  89. </script>
  90.  
  91. <!-- END TOOLTIP -->
  92.  
  93. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  94.  
  95. <style type="text/css">
  96.  
  97. /* ------------------------------- GENERAL -------------------------------- */
  98.  
  99. /* TINY CURSOR */
  100. {block:iftinycursor}
  101. html, body {cursor:url(https://41.media.tumblr.com/f333d634d7fd9d1365b47dfcccf816cd/tumblr_inline_nogktewnkL1qejhog_540.png),auto;}
  102. {/block:iftinycursor}
  103.  
  104. /* TOOLTIP */
  105. #s-m-t-tooltip{margin:20px 30px 20px 25px;background-color:black;color:white; border:1px solid white;font-family:helvetica,sans-serif;text-transform:uppercase;font-size:8.5px;letter-spacing:1px;font-weight:600;line-height:12px;padding:3px 5px 3px 5px;box-shadow:rgba(0,0,0,0.1) 4px 4px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;z-index:999999999999;}
  106.  
  107. /* TUMBLR CONTROLS */
  108. .tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop, .tmblr-iframe, #tumblr_controls{margin-top:5px;margin-right:5px;z-index:99999!important;}
  109.  
  110. /* BODY */
  111. body {background:-webkit-linear-gradient({color:background 1};,{color:background 2});background:-o-linear-gradient({color:background 1},{color:background 2});background:-moz-linear-gradient({color:background 1},{color:background 2});background:linear-gradient({color:background 1}, {color:background 2});background-attachment:fixed;font-family:{select:font};font-size:11px;color:{color:text};letter-spacing:0.3px;}
  112.  
  113. b {font-family:helvetica,sans-serif;}
  114. small {font-size:10px; text-transform:uppercase;}
  115. big {font-size:12px; text-transform:uppercase;}
  116. blockquote {border-left:1px solid {color:text};padding:0 0 0 10px;margin:2px 0 5px 10px;}
  117.  
  118. span.pointer {cursor:help;}
  119.  
  120. /* LINKS */
  121. a {text-decoration:none;color:{color:text};-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;border:none;}
  122. a:hover {color:{color:text};cursor:help;}
  123.  
  124. /* SCROLLBAR */
  125.  
  126. ::-webkit-scrollbar-thumb{background:{color:text};}
  127. ::-webkit-scrollbar {height:5px;width:5px;display:block;background:{color:accent};}
  128.  
  129. /* THEME MUSIC PLAYER */
  130.  
  131. .cheese {position:fixed;background:{color:accent};color:{color:text};padding:8px 14px 15px 9px;width:10px;height:10px;top:15px;font-size:14px;left:15px;{block:ifnotmusicplayer}display:none;{/block:ifnotmusicplayer}}
  132.  
  133. /* ------------------------------- SIDEBAR -------------------------------- */
  134.  
  135. #sidebar {width:230px;position:fixed;left:50%;top:100px;margin-left:-450px;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;}
  136.  
  137. /* DESCRIPTION */
  138.  
  139. .description {margin-top:10px;padding:10px;border:1px solid {color:text};color:{color:text};text-align:justify;}
  140.  
  141. /* NAV navlink */
  142. #navmenu {margin-top:10px;padding:0px;background:{color:accent};color:{color:text};}
  143.  
  144. #navmenu a {color:{color:text};font-weight:600px;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-family:'Roboto',helvetica,sans-serif;display:block;padding:10px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;cursor:help;}
  145.  
  146. #navlink {border-left: solid 1px {color:text};border-right:solid 1px {color:text};display:none;padding:0px;}
  147.  
  148. #navlink a {color:{color:text};text-transform:uppercase;display:block;padding:10px;border-bottom:solid 1px {color:text};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  149.  
  150. #navlink a:hover {font-style:italic;}
  151.  
  152. .navarrow {float:right;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  153.  
  154. .rotate {-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
  155.  
  156. /* BLOG TITLE + SEARCH BOX */
  157.  
  158. #searchbox {-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;{block:ifhidetitlesearch}display:none;{block:ifhidetitlesearch}}
  159. #search input[type="text"] {width:169px;outline:none;border:none;background:{color:accent};font-weight:600px;font-size:14px;text-transform:uppercase;font-family:calibri,helvetica,sans-serif;color:{color:text};letter-spacing:0.5px;padding:9px 10px 9px 10px;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
  160. .searchbutt {background:{color:accent};font-size:14px;color:{color:text};border:none;outline:none;padding:9.5px 11px;margin-left:5px;cursor:help;}
  161.  
  162. /* ------------------------------- POSTS ---------------------------------- */
  163.  
  164. #container {position:absolute;left:50%;margin-left:-150px;background:transparent;z-index:9;bottom:0;top:0px;padding:30px;padding-bottom:40px;}
  165.  
  166. .post {padding:30px;margin:20px 0 60px 0;width:400px;border:1px solid {color:text};{block:if250pxposts}width:250px;{/block:if250pxposts}position:relative;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  167. .noglow .post:hover {}
  168. .sglow .post:hover {-webkit-box-shadow: 0px 0px 30px -5px rgba({RGBcolor:text},1);-moz-box-shadow: 0px 0px 30px -5px rgba({RGBcolor:text},1);box-shadow: 0px 0px 30px -5px rgba({RGBcolor:text},1);}
  169. .mglow .post:hover {-webkit-box-shadow: 0px 0px 50px -5px rgba({RGBcolor:text},1);-moz-box-shadow: 0px 0px 50px -5px rgba({RGBcolor:text},1);box-shadow: 0px 0px 50px -5px rgba({RGBcolor:text},1);}
  170. .lglow .post:hover {-webkit-box-shadow: 0px 0px 70px -5px rgba({RGBcolor:text},1);-moz-box-shadow: 0px 0px 70px -5px rgba({RGBcolor:text},1);box-shadow: 0px 0px 70px -5px rgba({RGBcolor:text},1);}
  171. .post a {color:{color:text};border-bottom:1px solid {color:text};-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  172. .post a:hover {color:{color:text};font-style:italic;}
  173.  
  174. .post img {max-width:100%;border:none;}
  175.    
  176. .title {font-family:calibri, helvetica, sans-serif;color:{color:text};background:{color:accent};padding:10px;text-transform:uppercase;font-weight:600px;letter-spacing:0.5;font-size:140%;margin-bottom:5px;}
  177. .title a {color:text}; .title a:hover {color:text};}
  178.  
  179. /* TEXT + CAPTIONS */
  180. .text {text-align:justify;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;padding-bottom:15px;}
  181. .text li {margin-left:-20px;}
  182.  
  183. /* QUOTE */
  184. .quote {font-family:{select:font};border:1px solid {color:text};color:{color:text};;padding:10px;font-style:italic;letter-spacing:-0.5px;text-align:left;letter-spacing:0.5px;font-style:italic;}
  185. .source {text-align:right;font-size:90%;max-width:100%;border:1px solid {color:text};color:{color:text};padding:10px;margin-top:-1px;margin-bottom:-10px;} .source a {color:{color:text}}
  186.  
  187. /* ASK */
  188. .q {border:1px solid {color:text};color:{color:text};background:transparent;padding:10px;letter-spacing:-0.5px;text-align:justify;}
  189. .as {color:{color:text};background:{color:accent};font-size:14px;padding:8px 10px;border:1px solid {color:text};font-weight:bold;text-transform:uppercase;word-wrap:break-word;letter-spacing:0.5px;margin-bottom:-1px;}
  190. .as a {border:none;color:{color:text};} .as a:hover {color:{color:text};}
  191. .answr {border:1px solid {color:text};padding:5px 10px;margin-top:-1px;margin-bottom:15px;}
  192.  
  193. /* CHAT */
  194. .chat ol {padding:0px;list-style:none;}
  195. .chat li {padding:10px;background:transparent;color:{color:text};border:1px solid {color:text};margin-bottom:10px;}
  196. .chat li:first-child {margin-top:0px;}
  197. .chat b {color:{color:text};}
  198.  
  199. /* AUDIO */
  200. .tumblr_audio_player {width:400px;{block:if250pxposts}width:250px;{/block:if250pxposts}margin-top:-2px;}
  201. .mplayer {display:block;border-collapse:;}
  202. .mplayer tr {display:block;width:400px;{block:if250pxposts}width:250px;{/block:if250pxposts}margin-bottom:10px;}
  203. .mplayer td {display:table-cell;vertical-align:top;}    
  204. .sound {width:25px;height:25px;display:block;overflow:hidden;}
  205. .audioinfo {{block:ifblackaudioplayer}color:white;background:black;{/block:ifblackaudioplayer}{block:ifnotblackaudioplayer}color:black;background:white;{/block:ifnotblackaudioplayer}padding:15px;vertical-align:middle;letter-spacing:2px;text-transform:uppercase;width:100%;}
  206.  
  207. /* PERMALINK */
  208.  
  209. .perm {background:{color:accent};color:{color:text};padding:10px;margin-top:5px;{block:permalinkpage}display:none;{/block:permalinkpage};}
  210. .perm a {color:{color:text};border:none;}
  211. .perm a:hover {color:{color:text};border-bottom:1px solid {color:text};font-style:italic;}
  212. .reblogbutton {float:right;margin-right:5px;margin-top:-3px;}
  213. .likebutton {float:right;margin-top:-3px;}
  214.  
  215. /* --------------------------- PERMALINK ---------------------------------- */
  216.  
  217. .tit {color:{color:text};padding:7px;background:black;margin-top:10px;}
  218. .tit a {color:{color:text};-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
  219. .tit a:hover {color:{color:text};text-decoration:none;}
  220. .taggs {position:absolute;width:150px;right:-180px;margin-top:-15px;opacity:0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  221. {block:indexpage}.post:hover .taggs {opacity:1;right:-160px;}{/block:indexpage}
  222. .tags {font-size:10px;}
  223. .tags a {float:left;color:{color:text};margin-right:3px;margin-left:3px;text-decoration:none;border:none;}
  224. .tag a {border:none;}
  225.  
  226. /* NOTES */
  227. .notes {margin-left:0px;margin-top:10px;}
  228. .notes a. .notes a:visited {text-decoration:none;color:{color:text};}
  229. .notes a:hover {font-style:bold;}
  230. .pagenotes {margin-left:0px;}
  231. .postnotes{background-color:transparent;width:100%;text-align:left;padding:10px 15px 0px 0px;margin-top:-25px;margin-bottom:-10px;}
  232. ol.notes{background-color:transparent;border:none;overflow:hidden;height:auto;padding:0;list-style-type:none;padding:5px 0px;width:100%;}
  233. ol.notes li.note {margin-top:5px;padding:7px;margin-bottom:-10px;border-top:1px solid {color:text};}
  234. ol.notes li.note:first-child {margin-top:0px;border:none;}
  235. ol.notes li.note {margin-bottom:3px;}
  236. .ol.notes li.note a:visited {text-decoration:none;color:{color:text};}
  237. .notes a:hover {font-style:bold;}
  238. ol.notes li.note img.avatar{display:none;}
  239. .pagenotes li blockquote{border-left:1px solid {color:text};padding:4px 10px;margin:10px 0 0 25px;}
  240.  
  241. /* ------------------------------- OTHER ---------------------------------- */
  242.  
  243. /* CREDIT (DO NOT TOUCH) */
  244. #no a {position:fixed;bottom:7px;left:7px;background:{color:accent};color:{color:text};border:1px solid {color:accent};font-size:9px;padding:2px 4px;font-family:monospace;letter-spacing:0.5px;opacity:0.9;z-index:666;}
  245.  
  246. /* PAGINATION */
  247. .pagination {text-align:center;margin-bottom:30px;}
  248. .pagination a {text-align:center;margin:10px 0;padding:4px 8px;font-size:10px;color:{color:text};text-decoration:none;border:1px solid {color:text};}
  249. .pagination a:hover {color:{color:text};font-style:italic;text-decoration:none;}
  250. .current_page {color:{color:text};padding:4px 9px 4px 7px;font-style:italic;border:1px solid white;background:{color:accent};}
  251. .scroll {display: none;position: fixed;bottom:15px;right:15px;color:{color:border};font-size:35px;z-index:99;}
  252. .scroll a {color:{color:text};} .scroll a:hover {color:{color:text};}
  253.  
  254. </style>
  255.  
  256. </head>
  257.  
  258. <!-- SCRIPTS -->
  259. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  260. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  261. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  262. <!-- MUSIC PLAYER SCRIPT BY OBVERSE DO NOT TOUCH -->
  263. <script>
  264.     $(document).ready(function(){
  265.     $("#pauseb").hide();
  266.     });
  267.     function next() {
  268.     audio.src = '{text:song URL}';
  269.     audio.load();
  270.     audio.play();
  271. }
  272. $(document).ready(function () {
  273.     $("#audio").on("ended", function () {
  274.         next();
  275.     });
  276. });
  277. </script>
  278. <!-- END MUSIC PLAYER SCRIPT -->
  279.  
  280. <!-- END SCRIPTS -->
  281.  
  282. <body>
  283.  
  284. <div class="cheese"><i id="playb" onclick="audio.play();$('#playb').toggle();$('#pauseb').toggle();" class="fa fa-play" style="margin:1px 10px 0 2px;cursor:help;" title="play"></i><i id="pauseb" onclick="audio.pause();$('#pauseb').toggle();$('#playb').toggle();" class="fa fa-pause" style="margin:1px 11px 0 1px;cursor:help;" title="pause"></i>
  285. <audio id="audio" width="0" height="0">
  286. <source src="{text:song URL}"  onended="next();">
  287. </audio></div>
  288.  
  289.  
  290. <div id="sidebar">
  291. <!-- <div class="stitle">
  292. <a href="/"></a></div>-->
  293. <div id="searchbox"><form method="get" action="/search" id="search"><input name="q" type="text" size="40"  value="{text:blog title}" title="search tags"/><button type="submit" class="searchbutt" title="go!"><i class="fa fa-search"></i></i></button></form></div>
  294. {block:ifsidebarimg}<img src="{image:sidebar image}" width="100%">{/block:ifsidebarimg}
  295. <div class="description">{description}</div>
  296.  
  297. <div id="navmenu" title="click me"><a id="open">{text:links menu title}<span class="navarrow"><i class="fa fa-chevron-down"></i></span></a></div>
  298. <div id="navlink" style="border-top:1px solid {color:text};margin-top:5px;">
  299. <a href="/">index</a>
  300. <a href="/ask">ask</a>
  301. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  302. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  303. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  304. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  305. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  306. </div>
  307.  
  308.  
  309. </div>
  310.  
  311. <!-- CONTAINER -->
  312.  
  313. <div id="container">
  314.  
  315. {block:TagPage}<div class="title" style="font-size:120%;text-align:center;padding:15px;margin-bottom:-13px;">Posts tagged "{Tag}"</div><Br>
  316. {/block:TagPage}
  317.  
  318. <!-- POSTS -->    
  319.  
  320. {block:Posts}
  321. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  322. {/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  323.  
  324. <!-- POST -->
  325. <div class="{select:post glow}">
  326. <div class="post">
  327.  
  328. <!-- TAGS -->
  329. <div class="{select:post button style}"><div class="taggs">{block:HasTags}{block:ifnothidetags}<div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a>{/block:Tags}</div>{/block:ifnothidetags}{/block:HasTags}</div></div>
  330. <!-- END TAGS -->
  331.  
  332.  
  333. {block:Text}
  334. {block:Title}<div class="title">{Title}</div>{/block:Title}<div class="text" style="">{Body}</div>
  335. {/block:Text}
  336.  
  337. {block:Photo}
  338. {block:indexpage}<a href="{Permalink}">{/block:indexpage}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="margin-bottom:10px;"></center>{block:indexpage}</a>{/block:indexpage}
  339. {/block:Photo}
  340.  
  341. {block:Photoset}
  342. {block:ifnot250pxposts}{Photoset-400}{block:ifnot250pxposts}{block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  343. <div style="margin-bottom:15px;"></div>
  344. {/block:Photoset}
  345.  
  346. {block:Quote}
  347. <div class="quote">{Quote}</div>
  348. {block:Source}<div class="source">— {Source}</div><div class="source" style="position:relative;opacity:0;">— {Source}</div>{/block:Source}
  349. {/block:Quote}
  350.  
  351. {block:Link}
  352. <a href="{URL}" {Target}><div class="title">{Name}</div></a>
  353. {block:ifnothidecaptions}{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:ifnothidecaptions}
  354. {/block:Link}
  355.  
  356. {block:Chat}
  357. {block:Title}<div class="title">{Title}</div>{/block:Title}
  358. <div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}</ol></div>
  359. {/block:Chat}
  360.  
  361. {block:Video}
  362. {block:ifnot250pxposts}{Video-400}{/block:ifnot250pxposts}{block:if250pxposts}{Video-250}{/block:if250pxposts}<div style="margin-bottom:20px;"></div>
  363. {/block:Video}
  364.  
  365. {block:Audio}
  366. {block:AudioPlayer}<table class="mplayer"><tr><td style="{block:ifblackaudioplayer}background:black;{/block:ifblackaudioplayer}{block:ifnotblackaudioplayer}background:white;{/block:ifnotblackaudioplayer}<;padding:15px"><div class="sound">{block:ifblackaudioplayer}{AudioPlayerBlack}{/block:ifblackaudioplayer}{block:ifnotblackaudioplayer}{AudioPlayerWhite}{/block:ifnotblackaudioplayer}</div></td><td class="audioinfo" style="padding:15px;font-size:11px;">{block:TrackName}<span style=""><b>{TrackName}</b></span>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</td></tr></table>{/block:AudioPlayer}
  367. {block:indexpage}{block:Caption}{block:ifnothidecaptions}<div style="margin:10px;"></div>{/block:ifnothidecaptions}{/block:Caption}{/block:indexpage}{/block:Audio}
  368.  
  369. {block:Answer}
  370. <div class="as">{asker} :</div><div class="q">{Question}</div>
  371. <div class="answr" style="">{Answer}</div>
  372. {/block:Answer}
  373.  
  374.  
  375. <!-- CAPTIONS -->
  376.  
  377. {block:indexpage}{block:Caption}{block:ifnothidecaptions}
  378. <div class="text">{Caption}</div>
  379. {/block:ifnothidecaptions}{/block:Caption}{/block:indexpage}
  380.  
  381. <!-- END CAPTIONS -->
  382.  
  383. <!-- PERMALINK -->
  384. <div class="perm">
  385. <div class="likebutton" title="like">{block:ifnotblackrebloglikebuttons}{LikeButton color="white"}{/block:ifnotblackrebloglikebuttons}{block:ifblackrebloglikebuttons}{LikeButton color="black"}{/block:ifblackrebloglikebuttons}</div>
  386. <div class="reblogbutton" title="reblog" style="border:none;border-bottom:none;text-decoration:none;">{block:ifnotblackrebloglikebuttons}{ReblogButton color="white"}{/block:ifnotblackrebloglikebuttons}{block:ifblackrebloglikebuttons}{ReblogButton color="black"}{/block:ifblackrebloglikebuttons}</div>
  387. {block:date}<a href="{permalink}" {block:notecount}title="{notecount}%"{/block:notecount}>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} ({12Hour}:{Minutes} {AmPm})</a>{/block:date}
  388. </div>
  389.  
  390. <!-- END PERMALINK -->
  391.  
  392. <!-- PERMALINKPAGE -->
  393.  
  394. {block:PermalinkPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{block:Date}<div class="tit"><i class="fa fa-clock-o"></i> {TimeAgo}</div>{/block:Date}{block:NoteCount}<div class="tit"><i class="fa fa-pencil-square-o"></i> {NoteCountWithLabel}</div>{/block:NoteCount}{block:RebloggedFrom}<div class="tit"><i class="fa fa-retweet"></i> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a></div>{/block:RebloggedFrom}{block:ContentSource}<div class="tit"><i class="fa fa-copyright"></i> <a href="{SourceURL}">{SourceTitle}</a></div>{/block:ContentSource}{block:hastags}<div class="tit"><i class="fa fa-tags"></i> {block:tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:tags}</div>{/block:hastags}<div class="notes"><div class="pagenotes">{block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}</div>{/block:PostNotes}</div>{/block:PermalinkPage}
  395.  
  396. <!-- END PERMALINK PAGE -->
  397.  
  398. </div>
  399. </div>
  400. <!-- END POST -->
  401.  
  402. {/block:Posts}
  403.  
  404. <!-- END POSTS -->
  405. <!-- PAGINATION -->
  406.  
  407. {block:Pagination}<div class="pagination" style="margin-top:8px;"><center>{block:PreviousPage}<a title="previous page" href="{PreviousPage}"><i class="fa fa-angle-left" style="font-size:110%;"></i></a>&nbsp;&nbsp;{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a title="next page" href="{NextPage}" id="next"><i class="fa fa-angle-right" style="font-size:110%;"></i></a>{/block:NextPage}</center></div>{/block:Pagination}
  408.  
  409. <!-- END PAGINATION -->
  410.  
  411. </div>
  412.  
  413. <!-- END CONTAINER -->
  414.  
  415.  
  416. <!-- CREDIT (do not remove or i'll find u in hell and beat ur lame ass)-->
  417. <div id="no"><a title="theme by obverse" href="http://obverse.tumblr.com/">THEME</a></div>
  418. <!-- END CREDIT -->
  419.  
  420. <!-- DROP DOWN MENU -->
  421. <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  422. <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>  
  423. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
  424.    
  425. <script>
  426. $(document).ready(function(){
  427.     $("#open").click(function(){
  428.         $(".navarrow").toggleClass("rotate");
  429.         $("#navlink").slideToggle(500);
  430.     });
  431. });
  432. </script>
  433. <!-- END DROP DOWN MENU -->
  434.  
  435. <!-- SCROLL TO TOP -->
  436. {block:ifscrolltotop}
  437. <script>
  438. $(document).scroll(function () {
  439.     var y = $(this).scrollTop();
  440.     if (y > 900) {
  441.         $('.scroll').fadeIn();
  442.     } else {
  443.         $('.scroll').fadeOut();
  444.     }
  445. });
  446. </script>
  447.  
  448. <div class="scroll"><a href="/#" title="scroll to top"><i class="fa fa-angle-up"></i></a></div>
  449. {/block:ifscrolltotop}
  450. <!-- END SCROLL TO TOP -->
  451.  
  452. </body>
  453.  
  454. </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!