API tools faq
paste
okesan

hiatus + posts theme

okesan
Jan 12th, 2015
180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!--Theme by killluaa.tumblr.com
  6.  
  7. Rules:
  8. Please don't steal my code.
  9. Please keep the credit.
  10. You can edit the theme as much as you want (the code is kind of messy though so I am sorry)
  11. No matter how much you edit the theme, still keep the credit.
  12.  
  13. Icon resized to 61px by 61px
  14. -->
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}"/>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  21.  
  22. <meta name="image:background" content="http://static.tumblr.com/pxbnumn/D2uneivsh/yo.png"/>
  23. <meta name="image:icon" content="http://static.tumblr.com/pxbnumn/RkCneivrn/hahaha.png"/>
  24.  
  25. <meta name="color:background" content="#fff"/>
  26. <meta name="color:body text" content="#898989"/>
  27. <meta name="color:link" content="#555555"/>
  28. <meta name="color:link hover" content="#cccccc"/>
  29. <meta name="color:tooltip text color" content="#fff"/>
  30. <meta name="color:tooltip bg color" content="#000"/>
  31. <meta name="color:bold" content="#dad6f1"/>
  32. <meta name="color:italic" content="#dedaf2"/>
  33. <meta name="color:underline" content="#cec9e8"/>
  34. <meta name="color:text selection" content="#e7e5f0"/>
  35. <meta name="color:scrollbar" content="#c5c0d9"/>
  36. <meta name="color:scrollbar bg" content="#f4f4f4"/>
  37. <meta name="color:border" content="#e6e6e6"/>
  38. <meta name="color:navi bg" content="#000"/>
  39. <meta name="color:navi bg hover" content="#dddfee"/>
  40. <meta name="color:navi text" content="#d7d7d7"/>
  41. <meta name="color:navi text hover" content="#aaaaaa"/>
  42. <meta name="color:navi icon" content="#fff"/>
  43. <meta name="color:links title text" content="#fff"/>
  44. <meta name="color:links title bg" content="#000"/>
  45. <meta name="color:desc text" content="#9f9f9f"/>
  46. <meta name="color:desc bg" content="#f5f5f5"/>
  47. <meta name="color:top bar bg" content="#000"/>
  48. <meta name="color:top bar title" content="#fff"/>
  49. <meta name="color:top bar links" content="#fff"/>
  50. <meta name="color:post info title" content="#fff"/>
  51. <meta name="color:post info text" content="#c8c7c7"/>
  52. <meta name="color:post info links" content="#c8c4db"/>
  53. <meta name="color:post bg" content="#fff"/>
  54. <meta name="color:blockquote" content="#dedaf2"/>
  55. <meta name="color:chat odd bg" content="#f2f2f2"/>
  56. <meta name="color:permalink line" content="#ada7cc"/>
  57. <meta name="color:permalink link" content="#626262"/>
  58. <meta name="color:permalink hover" content="#898989"/>
  59.  
  60. <meta name="text:url" content="to make the popup archive and ask work, type in you url here (without the .tumblr.com part) ex): testurl" />
  61. <meta name="text:link1" content=""/>
  62. <meta name="text:link1 url" content=""/>
  63. <meta name="text:link2" content=""/>
  64. <meta name="text:link2 url" content=""/>
  65. <meta name="text:link3" content=""/>
  66. <meta name="text:link3 url" content=""/>
  67. <meta name="text:link4" content=""/>
  68. <meta name="text:link4 url" content=""/>
  69. <meta name="text:music url" content="put your mp3 file's url here"/>
  70. <meta name="text:music title" content="title of song"/>
  71.  
  72. <meta name="if:grayscale archive" content="0"/>
  73. <meta name="if:grayscale askbox" content="0"/>
  74. <meta name="if:music player" content="0"/>
  75.  
  76. <meta name="select:music player color" content="ffffff" title="white">
  77. <meta name="select:music player color" content="D9D9D9" title="light grey">
  78. <meta name="select:music player color" content="A8A8A8" title="dark grey">
  79. <meta name="select:music player color" content="000000" title="black">
  80.  
  81. <style type="text/css">
  82.  
  83. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  84. ::-webkit-scrollbar {width:2px;height:2px;background-color:{color:scrollbar bg};}
  85. ::-moz-selection {background:{color:text selection};}
  86. ::selection {background:{color:text selection};}
  87. iframe#tumblr_controls {-webkit-filter: invert(100%); opacity:0.4;}
  88. body {
  89. font-size:11px;
  90. font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
  91. color:{color:body text};
  92. background-color:{color:background};
  93. background-image:url('{image:Background}');
  94. background-attachment:fixed;
  95. margin:0px;
  96. }
  97. a, .sohappy .metyou, .tohave, .mugicicon, .hiatuslink, .thearrow, .permalinkline, .permalinkline a, #tumblr_lightbox_left_link::before, #tumblr_lightbox_right_link::before {
  98. -webkit-transition: all 0.5s ease;
  99. -moz-transition: all 0.5s ease;
  100. -ms-transition: all 0.5s ease;
  101. -o-transition: all 0.5s ease;
  102. transition: all 0.5s ease;
  103. }
  104. a {
  105. text-decoration:none;
  106. color:{color:link};
  107. }
  108. a:hover{
  109. color:{color:link hover};
  110. cursor:help;
  111. }
  112. #s-m-t-tooltip {
  113. max-width:150px;
  114. padding:1px 4px;
  115. margin:20px 14px 7px 20px;
  116. z-index:999;
  117. background-color:{color:tooltip bg color};
  118. opacity:.8;
  119. color:{color:tooltip text color};
  120. z-index: 100000;
  121. font-size:8px;
  122. font-style:italic;
  123. }
  124. b, strong {font-style:bold;color:{color:bold};}
  125. i, em {font-style:italic;color:{color:italic};}
  126. u {
  127. text-decoration:none;border-bottom:1px solid {color:underline};}
  128. ul {list-style-type:circle;}
  129. blockquote {
  130. border-left: 1px solid {color:blockquote};
  131. padding-left: 10px;
  132. margin-left: 10px;
  133. width:90%;
  134. }
  135. pre {
  136. padding: 3px 3px 3px 10px;
  137. background-color: #f5f5f5;
  138. border:1px solid {color:border};
  139. overflow: auto;
  140. height: auto;
  141. max-height: 200px;
  142. word-break: normal !important;
  143. word-wrap: normal !important;
  144. white-space: !important;
  145. }
  146. #fade {
  147. display: none;
  148. background: #000;
  149. position: fixed; left: 0; top: 0;
  150. width: 100%; height: 100%;
  151. opacity: .80;
  152. z-index: 999;
  153. }
  154. .popup_block {
  155. display: none;
  156. float: left;
  157. position: fixed;
  158. top: 50%; left: 50%;
  159. z-index: 9999;
  160. height:500px;
  161. }
  162. .popup_whoa {
  163. display: none;
  164. background: #fff;
  165. padding: 20px;
  166. float: left;
  167. position: fixed;
  168. top: 50%; left: 50%;
  169. z-index: 99999;
  170. }
  171. img.btn_close {
  172. float: right;
  173. margin: -55px -55px 0 0;
  174. }
  175. *html #fade {
  176. position: absolute;
  177. }
  178. *html .popup_block {
  179. position: absolute;
  180. }
  181. .archive {
  182. display:block;
  183. position:relative;
  184. width:730px;
  185. height:500px;
  186. overflow:hidden;
  187. }
  188. .archive iframe {
  189. position:absolute;
  190. top:-50px;
  191. {block:ifgrayscalearchive}
  192. filter: grayscale(100%);
  193. -webkit-filter: grayscale(100%);
  194. -moz-filter: grayscale(100%);
  195. -o-filter: grayscale(100%);
  196. -ms-filter: grayscale(100%);
  197. {/block:ifgrayscalearchive}
  198. }
  199. .wholecont {
  200. position:relative;
  201. display:block;
  202. margin:auto;
  203. width:339px;
  204. height:186px;
  205. {block:TagPage}display:none;{/block:TagPage}
  206. }
  207. .imtruly {
  208. position:fixed;
  209. top:50%;
  210. margin-top:-103px;
  211. width:339px;
  212. height:186px;
  213. }
  214. .left {
  215. width:86px;
  216. float:left;
  217. height:186px;
  218. padding-right:10px;
  219. border-right:1px solid {color:border};
  220. }
  221. .right {
  222. width:232px;
  223. height:186px;
  224. float:right;
  225. }
  226. .sohappy {
  227. display:block;
  228. margin-left:-21px;
  229. margin-bottom:5px;
  230. }
  231. .metyou {
  232. height:10px;
  233. position:relative;
  234. top:-7px;
  235. }
  236. .sohappy .metyou {
  237. letter-spacing:3px;
  238. color:{color:navi text};
  239. }
  240. .sohappy:hover .metyou {
  241. letter-spacing:5px;
  242. color:{color:navi text hover};
  243. }
  244. .tohave {
  245. display:inline-block;
  246. width:11px;
  247. height:11px;
  248. padding:3px 5px 7px 5px;
  249. background:{color:navi bg};
  250. overflow:hidden;
  251. position:relative;
  252. }
  253. .sohappy:hover .tohave {
  254. background:{color:navi bg hover};
  255. }
  256. .mugicc {
  257. background:{color:navi bg hover} !important;
  258. -webkit-transition: all 0s ease-in-out !important;
  259. -moz-transition: all 0s ease-in-out !important;
  260. -o-transition: all 0s ease-in-out !important;
  261. -ms-transition: all 0s ease-in-out !important;
  262. transition: all 0s ease-in-out !important;
  263. }
  264. .sohappy:hover .tohave {
  265. background:{color:navi bg hover};
  266. }
  267. .mugicont {
  268. width:12px;
  269. height:13px;
  270. overflow:hidden;
  271. }
  272. .mugicicon {
  273. position:absolute;
  274. top:0px;
  275. left:0px;
  276. z-index:3;
  277. background:{color:navi bg};
  278. width:11px;
  279. height:11px;
  280. padding:3px 5px 7px 5px;
  281. }
  282. .sohappy:hover .mugicicon {
  283. opacity:0;
  284. }
  285. .iloveyou {
  286. position:relative;
  287. z-index:2;
  288. margin-top:-4px;
  289. margin-left:-7px;
  290. overflow:hidden;
  291. z-index:2;
  292. }
  293. .sohappy:hover .iloveyou {
  294. z-index:3;
  295. -webkit-transition-delay: 0.5s;
  296. -moz-transition-delay: 0.5s;
  297. -o-transition-delay: 0.5s;
  298. -ms-transition-delay: 0.5s;
  299. transition-delay: 0.5s;
  300. }
  301. .descont {
  302. width:210px;
  303. margin-top:10px;
  304. margin-left:10px;
  305. padding:5px;
  306. border:1px solid {color:border};
  307. }
  308. .desc {
  309. width:190px;
  310. height:78px;
  311. padding:5px 10px;
  312. letter-spacing:1px;
  313. overflow:auto;
  314. background:{color:desc bg};
  315. color:{color:desc text};
  316. }
  317. .eine {
  318. width:67px;
  319. padding:3px 3px;
  320. margin-top:10px;
  321. letter-spacing:3px;
  322. display:block;
  323. text-align:center;
  324. background:{color:links title bg};
  325. color:{color:links title text};
  326. }
  327. .hiatuslinkcont {
  328. width:73px;
  329. display:block;
  330. }
  331. .kleine {
  332. display:block;
  333. text-align:center;
  334. margin-top:3px;
  335. padding-bottom:3px;
  336. border-bottom:1px solid {color:border};
  337. }
  338. .hiatuslink {
  339. letter-spacing:1px;
  340. color:{color:navi text};
  341. }
  342. .kleine:hover .hiatuslink {
  343. color:{color:navi text hover};
  344. }
  345. .thearrow {
  346. opacity:0;
  347. }
  348. .kleine:hover .thearrow {
  349. opacity:.7;
  350. }
  351. .content {
  352. position:relative;
  353. margin:auto;
  354. width:452px;
  355. overflow:hidden;
  356. }
  357. .topbar {
  358. position:relative;
  359. top:15px;
  360. background:{color:top bar bg};
  361. width:402px;
  362. padding:10px 15px 13px 15px;
  363. overflow:hidden;
  364. {block:TagPage}margin-bottom:30px;{/block:TagPage}
  365. }
  366. .topbar .title {
  367. color:{color:top bar title};
  368. font-style:italic;
  369. font-size:13px;
  370. border-bottom:1px solid {color:underline};
  371. }
  372. .info11 {display:block;width:402px;color:{color:post info text};}
  373. .info22 {display:block;width:402px;color:{color:post info text};max-height:90px;overflow:auto;position:absolute;top:10px;left:432px;}
  374. .info11 a,.info22 a {color:{color:post info links};}
  375. .view {
  376. color:{color:post info title} !important;
  377. font-style:italic;
  378. font-size:13px;
  379. border-bottom:1px solid {color:underline};
  380. margin-left:5px;
  381. }
  382. .theinfo {margin-top:3px;}
  383. .taggedwith {color:{color:post info text};font-style:italic;text-transform:lowercase;margin-left:5px;}
  384. .postpag {position:absolute;right:15px;top:10px;}
  385. .postpag a{color:{color:post info title};}
  386. .stuff {
  387. position:relative;
  388. width:400px;
  389. {block:TagPage}margin:30px 0px;{/block:TagPage}
  390. {block:PermalinkPage}margin-top:30px;{/block:PermalinkPage}
  391. padding:15px;
  392. border:1px solid {color:border};
  393. background:{color:post bg};
  394. }
  395. .thetitle {
  396. font-size: 15px;
  397. text-align:center;
  398. text-transform: uppercase;
  399. padding-bottom: 10px;
  400. margin-bottom:10px;
  401. border-bottom: 1px solid {color:border};
  402. letter-spacing:2px;
  403. }
  404. .stuff img {max-width:100%;}
  405. .stuff .tumblr_blog {border-bottom:1px solid {color:blockquote};}
  406. #tumblr_lightbox img {opacity:0;}
  407. .playercont{width:365px;height:35px;position:absolute;top:15px;left:50px;display:block;overflow:hidden;}
  408. .tumblr_audio_player {width:365px;height:36px;}
  409. .audioimg {display:inline-block;width:35px;height:35px;background:#f2f2f2;position:relative;}
  410. .audioimg img {width:35px;height:35px;position:absolute;z-index:1;top:0px;left:0px;}
  411. .track {background:#000;color:#fff;line-height:11px;min-width:37px;height:11px;position:absolute;left:30px;top:13px;}
  412. .chat ul {padding: 0px;list-style-type: none;margin:0px 6px;}
  413. .chat li:nth-child(odd) {background:{color:chat odd bg};border-top:1px solid {color:border};border-bottom:1px solid {color:border};}
  414. .chat li:first-child {border-top:none;}
  415. .chat li:last-child {border-bottom:none;}
  416. ol.notes {margin:0px;margin-top:3px;padding: 0px;list-style-type: none;}ol.notes li.note img.avatar {display:none;}
  417. #tumblr_lightbox {
  418. background-color:#000 !important;
  419. }
  420. #tumblr_lightbox_caption {
  421. color:#ccc!important;
  422. font-size:9px!important;
  423. font-weight:normal!important;
  424. font-style:italic!important;
  425. letter-spacing:1px!important;
  426. text-transform:uppercase!important;
  427. text-shadow:none!important;
  428. margin-top:7px!important;
  429. margin-left:0px!important;
  430. }
  431. #tumblr_lightbox_center_image {
  432. opacity:1!important;
  433. -moz-box-shadow:none!important;
  434. -webkit-box-shadow:none!important;
  435. box-shadow:none!important;
  436. -moz-border-radius:0px!important;
  437. -webkit-border-radius:0px!important;
  438. border-radius:3px!important;
  439. box-shadow: 0 0 0 transparent!important;
  440. }
  441. #tumblr_lightbox_left_image,
  442. #tumblr_lightbox_right_image {
  443. visibility:hidden;
  444. }
  445. #tumblr_lightbox_left_link::before {content: url(http://static.tumblr.com/pxbnumn/Fnhngup8u/leftarrow.png);position:fixed;left:25px;}
  446. #tumblr_lightbox_right_link::before {content: url(http://static.tumblr.com/pxbnumn/l09ngupft/rightarrow.png);position:fixed;right:25px;}
  447. #tumblr_lightbox_right_link:hover::before, #tumblr_lightbox_left_link:hover::before {opacity:.6;}
  448. .permalinkline {
  449. width:0px;
  450. display:block;
  451. position:absolute;
  452. bottom:-1px;
  453. left:-1px;
  454. border-bottom:1px solid {color:permalink line};
  455. }
  456. .stuff:hover .permalinkline {
  457. width:362px;
  458. }
  459. .permalinkline a {
  460. position:absolute;
  461. display:block;
  462. width:60px;
  463. left:372px;
  464. bottom:-6px;
  465. font-size:13px;
  466. line-height:15px;
  467. opacity:0;
  468. color:{color:permalink link};
  469. -webkit-transition-delay: 0s;
  470. -moz-transition-delay: 0s;
  471. -o-transition-delay: 0s;
  472. -ms-transition-delay: 0s;
  473. transition-delay: 0s;
  474. }
  475. .stuff:hover .permalinkline a {
  476. opacity:1;
  477. -webkit-transition-delay: 0.5s;
  478. -moz-transition-delay: 0.5s;
  479. -o-transition-delay: 0.5s;
  480. -ms-transition-delay: 0.5s;
  481. transition-delay: 0.5s;
  482. }
  483. {CustomCSS}
  484. </style>
  485.  
  486. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  487. <script src="http://static.tumblr.com/pxbnumn/jedn81o74/jquery.style-my-tooltips.js"></script>
  488. <script>
  489. (function($){
  490. $(document).ready(function(){
  491. $("[title]").style_my_tooltips({
  492. tip_follows_cursor:true,
  493. tip_delay_time:0,
  494. tip_fade_speed:150,
  495. attribute:"title"
  496. });
  497. });
  498. })(jQuery);
  499. </script>
  500.  
  501. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  502. <script>
  503. $(document).ready(function() {
  504. //When you click on a link with class of poplight and the href starts with a #
  505. $('a.poplight[href^=#]').click(function() {
  506. var popID = $(this).attr('rel'); //Get Popup Name
  507. var popURL = $(this).attr('href'); //Get Popup href to define size
  508. //Pull Query & Variables from href URL
  509. var query= popURL.split('?');
  510. var dim= query[1].split('&');
  511. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  512. //Fade in the Popup and add close button
  513. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) });
  514. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  515. var popMargTop = ($('#' + popID).height() + 15) / 2;
  516. var popMargLeft = ($('#' + popID).width() + 15) / 2;
  517. //Apply Margin to Popup
  518. $('#' + popID).css({
  519. 'margin-top' : -popMargTop,
  520. 'margin-left' : -popMargLeft
  521. });
  522. //Fade in Background
  523. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  524. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  525. return false;
  526. });
  527. //Close Popups and Fade Layer
  528. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  529. $('#fade , .popup_block, .popup_whoa').fadeOut(function() {
  530. $('#fade, a.close').remove(); //fade them both out
  531. });
  532. return false;
  533. });
  534. });
  535. </script>
  536.  
  537. <script type="text/javascript">
  538. $(document).ready(function(){
  539. $(".theinfo").hide();
  540. $('.view').click(function(){
  541. $(".theinfo").slideToggle("slow");
  542. });});
  543. </script>
  544.  
  545. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  546.  
  547. <script language="javascript">
  548. $(document).ready(function() {
  549. $(".viewnotes").click(function(){
  550. $(".info22").animate({"left": "15px"}, "slow");
  551. $(".info11").animate({"opacity": "0"},"slow");
  552. });
  553. $(".backnotes").click(function(){
  554. $(".info22").animate({"left": "432px"}, "slow");
  555. $(".info11").animate({"opacity": "1"},"slow");
  556. });
  557. });
  558. </script>
  559.  
  560. </head>
  561.  
  562.  
  563. <body>
  564. {block:indexpage}
  565. <div id="popup_archive" class="popup_block"><div class="archive"><iframe src="http://{text:url}.tumblr.com/archive" height="550" frameborder="0" width="730"></iframe></div></div>
  566.  
  567. <div id="popup_ask" class="popup_whoa"><div class="thetitle" style="margin-bottom:0px;">Message</div><br><iframe frameborder="0" height="190" scrolling="no" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" width="100%" style="{block:ifgrayscaleaskbox}filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);{/block:ifgrayscaleaskbox}opacity:.6;"
  568. ></iframe></div>
  569.  
  570. <div class="wholecont">
  571. <div class="imtruly">
  572. <div class="left">
  573. <a href="/"><img src="{image:icon}" width="61" height="61" style="padding:5px; border:1px solid {color:border};"></a>
  574.  
  575. <div class="eine">links</div>
  576. <div class="hiatuslinkcont">
  577. {block:iflink1}<div class="kleine"><span class="thearrow" style="float:left;"><i class="fa fa-caret-right" style="color:{color:body text}"></i></span><a href="{text:link1 url}" class="hiatuslink">{text:link1}</a><span class="thearrow" style="float:right;"><i class="fa fa-caret-left" style="color:{color:body text}"></i></span></div>{/block:iflink1}
  578.  
  579. {block:iflink2}<div class="kleine"><span class="thearrow" style="float:left;"><i class="fa fa-caret-right" style="color:{color:body text}"></i></span><a href="{text:link2 url}" class="hiatuslink">{text:link2}</a><span class="thearrow" style="float:right;"><i class="fa fa-caret-left" style="color:{color:body text}"></i></span></div>{/block:iflink2}
  580.  
  581. {block:iflink3}<div class="kleine"><span class="thearrow" style="float:left;"><i class="fa fa-caret-right" style="color:{color:body text}"></i></span><a href="{text:link3 url}" class="hiatuslink">{text:link3}</a><span class="thearrow" style="float:right;"><i class="fa fa-caret-left" style="color:{color:body text}"></i></span></div>{/block:iflink3}
  582.  
  583. {block:ifnotmusicplayer}{block:iflink4}<div class="kleine" style="border:none;"><span class="thearrow" style="float:left;"><i class="fa fa-caret-right" style="color:{color:body text}"></i></span><a href="{text:link4 url}" class="hiatuslink">{text:link4}</a><span class="thearrow" style="float:right;"><i class="fa fa-caret-left" style="color:{color:body text}"></i></span></div>{/block:iflink4}{/block:ifnotmusicplayer}
  584.  
  585. {block:ifmusicplayer}{block:iflink4}<div class="kleine" style="border:none;"><span class="thearrow" style="float:left;"><i class="fa fa-caret-right" style="color:{color:body text}"></i></span><a href="http://killluaa.tumblr.com/" class="hiatuslink">credit</a><span class="thearrow" style="float:right;"><i class="fa fa-caret-left" style="color:{color:body text}"></i></span></div>{/block:iflink4}{/block:ifmusicplayer}
  586. </div>
  587. </div>
  588.  
  589. <div class="right">
  590.  
  591. <div class="sohappy"><a href="#?w=450" rel="popup_ask" class="poplight"><div class="tohave"><i class="fa fa-envelope" style="color:{color:navi icon};margin-top:1px;"></i></div><span class="metyou"> - message</span></a></div>
  592.  
  593. <div class="sohappy"><a href="#?w=730" rel="popup_archive" class="poplight"><div class="tohave" style="margin-top:-3px"><i class="fa fa-bars" style="color:{color:navi icon};margin-top:1px;"></i></div><span class="metyou"> - view posts</span></a></div>
  594.  
  595. {block:ifnotmusicplayer}<div class="sohappy"><a href="http://killluaa.tumblr.com/"><div class="tohave" style="margin-top:-3px"><i class="fa fa-star" style="color:{color:navi icon};margin-top:1px;"></i></div><span class="metyou"> - credit</span></a></div>{/block:ifnotmusicplayer}
  596.  
  597. {block:ifmusicplayer}
  598. <div class="sohappy">
  599. <a>
  600. <div class="tohave mugicc" style="background:{color:navi bg hover};margin-top:-3px;">
  601. <div class="mugicicon"><i class="fa fa-music mugic" style="color:{color:navi icon};"></i></div>
  602. <div class="mugicont">
  603. <div class="iloveyou"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="21"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="{color:navi bg hover}" /><param name="FlashVars" value="mp3={text:music url}&amp;buttoncolor={select:music player color}" /></object></div>
  604. </div>
  605. </div>
  606. <span class="metyou" style="margin-left:3px;"> - {text:music title}</span>
  607. </a>
  608. </div>
  609. {/block:ifmusicplayer}
  610.  
  611. <div class="descont">
  612. <div class="desc">{Description}</div>
  613. </div>
  614.  
  615. </div>
  616. </div>
  617. </div>
  618. {/block:indexpage}
  619.  
  620. {block:PermalinkPage}
  621. <div class="content">
  622. {block:Posts}
  623. <div class="topbar">
  624. <div class="info11">
  625. <a href="/" title="back to home" class="title">Hiatus</a>
  626. {block:Date}
  627. <a class="view">Post Info</a>
  628. <div class="theinfo">
  629. Posted: <a href="{Permalink}">{TimeAgo}</a>
  630. <br>Notes: {block:NoteCount}<a class="viewnotes" title="view reblogs and likes">{NoteCount}</a>{/block:NoteCount}
  631. <br>Via: {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  632. <br>Source: {block:RebloggedFrom}<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  633. <br>Tags: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  634. </div>
  635. {/block:Date}
  636. {block:PermalinkPagination}<div class="postpag">{block:PreviousPost}<a href="{PreviousPost}" title="previous post">←</a>{/block:PreviousPost} {block:NextPost}<a href="{NextPost}" title="next post">→</a>{/block:NextPost}</div>{/block:PermalinkPagination}
  637. </div>
  638. {block:PostNotes}<div class="info22"><a class="title backnotes">back to post info</a>{PostNotes}</div>{/block:PostNotes}
  639. </div>
  640.  
  641. <div class="stuff">
  642. {block:Text}{block:Title}<div class="thetitle">{Title}</div>{/block:Title}{Body}{/block:Text}{block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:caption}{caption}{/block:caption}{/block:Photo}{block:Photoset}{Photoset-400}{block:caption}{caption}{/block:caption}{/block:Photoset}{block:Audio}<div class="audioimg">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><div class="playercont">{AudioPlayerBlack}<div class="track">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div></div>{block:caption}{caption}{/block:caption}{/block:Audio}{block:Link}<div class="thetitle">>><a href="{URL}" {Target}>{Name}</a><<</div>{block:Description}{Description}{/block:Description}{/block:Link}{block:Chat}{block:Title}<div class="thetitle" style="margin-bottom:-1px;">{Title}</div>{/block:Title}<div class="chat"><ul>{block:Lines}<li style="padding:5px;">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}{block:Quote}<center><big><big><span style="font-style:oblique;">{Quote}</span></big></big></center>{block:Source}<div style="text-align:center;display:block;padding-top:10px;margin-top:10px;border-top:1px solid {color:border};">—{Source}</div>{/block:Source}{/block:Quote}{block:Video}{Video-400}{block:caption}{caption}{/block:caption}{/block:Video}{block:Answer}<div style="display:block;padding-bottom:5px;margin-bottom:10px;border:1px solid {color:border};min-height:45px;background:#f2f2f2;"><img src="{AskerPortraitURL-40}" style="float:left; padding:5px;"><div style="font-size:12px;font-style:oblique;">{Asker}--</div> {Question}</div>{Answer}{/block:Answer}
  643. </div>
  644. {/block:Posts}
  645.  
  646. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  647. </div>
  648. {/block:PermalinkPage}
  649.  
  650. {block:TagPage}
  651. <div class="content">
  652. <div class="topbar">
  653. <a href="/" title="back to home" class="title">Hiatus</a>
  654. <span class="taggedwith">Posts Tagged With "{Tag}"</span>
  655. {block:Pagination}<div class="postpag">{block:PreviousPage}<a href="{PreviousPage}" title="previous page">←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="next page">→</a>{/block:NextPage}</div>{/block:Pagination}
  656. </div>
  657. {block:Posts}
  658. <div class="stuff">
  659. {block:Text}{block:Title}<div class="thetitle">{Title}</div>{/block:Title}{Body}{/block:Text}{block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:caption}{caption}{/block:caption}{/block:Photo}{block:Photoset}{Photoset-400}{block:caption}{caption}{/block:caption}{/block:Photoset}{block:Audio}<div class="audioimg">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><div class="playercont">{AudioPlayerBlack}<div class="track">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div></div>{block:caption}{caption}{/block:caption}{/block:Audio}{block:Link}<div class="thetitle">>><a href="{URL}" {Target}>{Name}</a><<</div>{block:Description}{Description}{/block:Description}{/block:Link}{block:Chat}{block:Title}<div class="thetitle" style="margin-bottom:-1px;">{Title}</div>{/block:Title}<div class="chat"><ul>{block:Lines}<li style="padding:5px;">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}{block:Quote}<center><big><big><span style="font-style:oblique;">{Quote}</span></big></big></center>{block:Source}<div style="text-align:center;display:block;padding-top:10px;margin-top:10px;border-top:1px solid {color:border};">—{Source}</div>{/block:Source}{/block:Quote}{block:Video}{Video-400}{block:caption}{caption}{/block:caption}{/block:Video}{block:Answer}<div style="display:block;padding-bottom:5px;margin-bottom:10px;border:1px solid {color:border};min-height:45px;background:#f2f2f2;"><img src="{AskerPortraitURL-40}" style="float:left; padding:5px;"><div style="font-size:12px;font-style:oblique;">{Asker}--</div> {Question}</div>{Answer}{/block:Answer}
  660.  
  661. <div class="permalinkline"><a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a></div>
  662. </div>
  663. {/block:Posts}
  664.  
  665. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  666. </div>
  667. {/block:TagPage}
  668. </body>
  669. </html>
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!