API tools faq
paste
Advertisement
Guest User

insultedyouth theme

a guest
Aug 21st, 2019
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.93 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME #59: "DRUNK" by BRAVETHEMES
  4.  
  5. ◤ ◥
  6. don't be an asshole;
  7. keep both credits.
  8. ◣ ◢
  9.  
  10. - - - -
  11.  
  12. for html help go to:
  13. https://bravethemes.tumblr.com
  14. https://htmlqueens.tumblr.com
  15.  
  16. -->
  17.  
  18. <!DOCTYPE html>
  19.  
  20. <html>
  21. <head>
  22.  
  23. <div style="position:fixed; bottom:0px; left:30px;"><a href="https://bravethemes.tumblr.com/">THEME</a>
  24.  
  25. <meta name="image:background" content="https://static.tumblr.com/2564216ae16e0650f450ef6701f20ea4/rkx3jqs/jP6o4rr6r/tumblr_static_9ctk88q0lx4woc808cgwk0wc4.png"/>
  26. <meta name="image:corner image" content="https://static.tumblr.com/550dd62e0542037cb1f256afa4633d1b/rkx3jqs/qEWo4vj1i/tumblr_static_drtodzn4aq88oocosw4o4cwk8.png"/>
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:text" content="#000000"/>
  29. <meta name="color:body links" content="#ece0dc"/>
  30. <meta name="color:perma links" content="#ece0dc"/>
  31. <meta name="color:link hover" content="#000000"/>
  32. <meta name="color:accent color" content="#e7ccc3"/>
  33. <meta name="text:link 1 name" content="link 1"/>
  34. <meta name="text:link 1 url" content="link 1 url"/>
  35. <meta name="text:link 1 tooltip" content="link 1 title"/>
  36. <meta name="text:link 2 name" content="link 2"/>
  37. <meta name="text:link 2 url" content="link 2 url"/>
  38. <meta name="text:link 2 tooltip" content="link 2 title"/>
  39. <meta name="text:link 3 name" content="link 3"/>
  40. <meta name="text:link 3 url" content="link 3 url"/>
  41. <meta name="text:link 3 tooltip" content="link 3 title"/>
  42. <meta name="text:link 4 name" content="link 4"/>
  43. <meta name="text:link 4 url" content="link 4 url"/>
  44. <meta name="text:link 4 tooltip" content="link 4 title"/>
  45.  
  46. <link rel="shortcut icon" href="{favicon}">
  47.  
  48. <!-- do not touch this -->
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css">
  51. <script src="https://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  52. <link rel="stylesheet" href="https://static.tumblr.com/rkx3jqs/kMTo3i81s/styles.css">
  53. <link href='https://fonts.googleapis.com/css?family=Muli|Raleway' rel='stylesheet' type='text/css'>
  54. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  55. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  56. <script>
  57. (function($){
  58. $(document).ready(function(){
  59. $("[title],a[title],img[title]").style_my_tooltips({
  60. tip_follows_cursor:true,
  61. tip_delay_time:90,
  62. tip_fade_speed:600,
  63. attribute:"title"
  64. });
  65. });
  66. })(jQuery);
  67. </script>
  68. <!-- do not touch this -->
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73. #updateinfo{ width:150px;top:87%;position:fixed;right:90%;color:#c6c5c5;
  74. height:auto;
  75. padding:5px;background:#0a0a0a;
  76. padding-bottom:5px;
  77. margin-bottom:10px;
  78. z-index:999;
  79. text-align:justify;border-radius: 5px;}
  80.  
  81. .tmblr-iframe{
  82. right:5px !important;
  83. top:5px !important;
  84. -webkit-filter: invert(100%) !important;
  85. position: fixed !important;
  86. z-index:999999999999999999!important;
  87. }
  88. ::-webkit-scrollbar{
  89. height:6px;
  90. width:9px;
  91. background-color:{color:accent color};
  92. border:4px solid {color:background};
  93. }
  94. ::-webkit-scrollbar-thumb{
  95. height:6px;
  96. background-color:{color:accent color};
  97. border: 2px solid {color:background};
  98. }
  99. ::selection{
  100. background:{color:accent color};
  101. color:{color:background};
  102. }
  103. ::-moz-selection{
  104. background:{color:accent color};
  105. color:{color:background};
  106. }
  107. ::-webkit-selection{
  108. background:{color:accent color};
  109. color:{color:background};
  110. }
  111. .vignette, #vignette {
  112. opacity:0;
  113. }
  114. .lightbox-image, #tumblr_lightbox img {
  115. box-shadow:none !important;
  116. border-radius:0 !important;
  117. max-width:none;
  118. }
  119. .tmblr-lightbox, #tumblr_lightbox {
  120. background-color:rgba({RGBcolor:accent color}, .98) !important;
  121. }
  122. .lightbox-image, #tumblr_lightbox img {
  123. border:5px solid #fff !important;
  124. -moz-box-sizing:border-box;
  125. box-sizing:border-box;
  126.  
  127. }
  128. #laced{
  129. width:20px;
  130. height:100%;
  131. top:0px;
  132. left:0px;
  133. z-index:99;
  134. background:{color:accent color};
  135. position:fixed;
  136. }
  137. #wasted{
  138. width:200px;
  139. bottom:0px;
  140. right:-5px;
  141. z-index:99;
  142. position:fixed;
  143. }
  144. body{
  145. background-color:{color:background};
  146. font-family: 'Muli', sans-serif;
  147. font-size:12px;
  148. color:{color:text};
  149. text-align:left;
  150. }
  151. a{
  152. color:{color:body links};
  153. text-decoration:none;
  154. }
  155. a:hover{
  156. color:{color:link hover};
  157. -webkit-transition: all .7s ease-in-out;
  158. -moz-transition: all .7s ease-in-out;
  159. -ms-transition: all .7s ease-in-out;
  160. -o-transition: all .7s ease-in-out;
  161. transition: all .7s ease-in-out;
  162. }
  163. a:active,a:focus {
  164. outline:0;
  165. }
  166. .sidebar{
  167. width:200px;
  168. height:auto;
  169. position:fixed;
  170. top:50px;
  171. left:90px;
  172. z-index:999;
  173. background:{color:background};
  174. }
  175. #desc{
  176. text-align:justify;
  177. margin-bottom:5px;
  178. padding-top:5px;
  179. padding-right:10px;
  180. padding-left:10px;
  181. }
  182. .blogtitle{
  183. font-family: 'Raleway', sans-serif;
  184. font-size:30px;
  185. font-weight:bold;
  186. text-transform:Capitalize;
  187. padding-left:10px;
  188. font-style:italic;
  189. background:{color:background};
  190. -webkit-transition: all .7s ease-in-out;
  191. -moz-transition: all .7s ease-in-out;
  192. -ms-transition: all .7s ease-in-out;
  193. -o-transition: all .7s ease-in-out;
  194. transition: all .7s ease-in-out;
  195. }
  196. .blogtitle a{
  197. color:{color:body links};
  198. -webkit-transition: all .7s ease-in-out;
  199. -moz-transition: all .7s ease-in-out;
  200. -ms-transition: all .7s ease-in-out;
  201. -o-transition: all .7s ease-in-out;
  202. transition: all .7s ease-in-out;
  203. }
  204. .blogtitle a:hover{
  205. color:{color:link hover};
  206. -webkit-transition: all .7s ease-in-out;
  207. -moz-transition: all .7s ease-in-out;
  208. -ms-transition: all .7s ease-in-out;
  209. -o-transition: all .7s ease-in-out;
  210. transition: all .7s ease-in-out;
  211. }
  212. .linkers{
  213. font-size:11px;
  214. text-align:center;
  215. line-height:25px;
  216. right:0px;
  217. }
  218. .linkers a{
  219. color:{color:body links};
  220. background:{color:background};
  221. text-transform:uppercase;
  222. margin:3px;
  223. -webkit-transition: all .7s ease-in-out;
  224. -moz-transition: all .7s ease-in-out;
  225. -ms-transition: all .7s ease-in-out;
  226. -o-transition: all .7s ease-in-out;
  227. transition: all .7s ease-in-out;
  228. }
  229. .linkers a:hover{
  230. color:{color:link hover};
  231. -webkit-transition: all .7s ease-in-out;
  232. -moz-transition: all .7s ease-in-out;
  233. -ms-transition: all .7s ease-in-out;
  234. -o-transition: all .7s ease-in-out;
  235. transition: all .7s ease-in-out;
  236. }
  237. .linkies{
  238. display: inline-block;
  239. vertical-align: middle;
  240. -webkit-transform: translateZ(0);
  241. transform: translateZ(0);
  242. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  243. -webkit-backface-visibility: hidden;
  244. backface-visibility: hidden;
  245. -moz-osx-font-smoothing: grayscale;
  246. position: relative;
  247. overflow: hidden;
  248. }
  249. .linkies a:before {
  250. content: "";
  251. position: absolute;
  252. z-index: -1;
  253. left: 0;
  254. right: 0;
  255. bottom: 0;
  256. background: {color:accent color};
  257. height: 2px;
  258. -webkit-transform: translateY(4px);
  259. transform: translateY(4px);
  260. -webkit-transition-property: transform;
  261. transition-property: transform;
  262. -webkit-transition-duration: 0.6s;
  263. transition-duration: 0.6s;
  264. -webkit-transition-timing-function: ease-out;
  265. transition-timing-function: ease-out;
  266. }
  267. .linkies a:hover:before, .linkies a:focus:before, .linkies a:active:before {
  268. -webkit-transform: translateY(0);
  269. transform: translateY(0);
  270. }
  271.  
  272.  
  273. .content{
  274. border:1px solid {color:accent color};
  275. background-image: url({image:background});
  276. background-attachment:fixed;
  277. background-repeat:repeat;
  278. position:relative;
  279. margin:0px auto;
  280. width:710px;
  281. overflow:hidden;
  282. overflow-y:auto;
  283. max-height:calc(100vh - 70px);
  284. top:35px;
  285. {block:permalinkpage}width:600px;{/block:permalinkpage}
  286. }
  287. a#posted{
  288. width:15px;
  289. background:{color:accent color};
  290. color:{color:background};
  291. }
  292. a#posted:hover{
  293. background:{color:background};
  294. color:{color:accent color};
  295. }
  296. article{
  297. position:relative;
  298. padding:15px;
  299. border:1px solid {color:accent color};
  300. margin:35px;
  301. background:{color:background};
  302. width:250px;
  303. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  304. }
  305. .photo{
  306. webkit-transition: all .7s ease-in-out;
  307. -moz-transition: all .7s ease-in-out;
  308. -ms-transition: all .7s ease-in-out;
  309. -o-transition: all .7s ease-in-out;
  310. transition: all .7s ease-in-out;
  311. }
  312. .photo:hover{
  313. webkit-transition: all .7s ease-in-out;
  314. -moz-transition: all .7s ease-in-out;
  315. -ms-transition: all .7s ease-in-out;
  316. -o-transition: all .7s ease-in-out;
  317. transition: all .7s ease-in-out;
  318. -webkit-filter: grayscale(.5);
  319. }
  320. .photo:hover #perma{
  321. opacity:1;
  322. z-index:200;
  323. -webkit-transition: all .7s ease-in-out;
  324. -moz-transition: all .7s ease-in-out;
  325. -ms-transition: all .7s ease-in-out;
  326. -o-transition: all .7s ease-in-out;
  327. transition: all .7s ease-in-out;
  328. }
  329. #perma{
  330. position:absolute;
  331. font-size:10px;
  332. text-transform:uppercase;
  333. bottom:20px;
  334. right:20px;
  335. opacity:0;
  336. text-align:right;
  337. -webkit-transition: all .7s ease-in-out;
  338. -moz-transition: all .7s ease-in-out;
  339. -ms-transition: all .7s ease-in-out;
  340. -o-transition: all .7s ease-in-out;
  341. transition: all .7s ease-in-out;
  342. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  343. }
  344. #perma a{
  345. padding:3px;
  346. line-height:25px;
  347. background:{color:background};
  348. color:{color:perma links};
  349. border:1px solid {color:accent color};
  350. -webkit-transition: all .7s ease-in-out;
  351. -moz-transition: all .7s ease-in-out;
  352. -ms-transition: all .7s ease-in-out;
  353. -o-transition: all .7s ease-in-out;
  354. transition: all .7s ease-in-out;
  355. }
  356. #perma a:hover{
  357. color:{color:link hover};
  358. -webkit-transition: all .7s ease-in-out;
  359. -moz-transition: all .7s ease-in-out;
  360. -ms-transition: all .7s ease-in-out;
  361. -o-transition: all .7s ease-in-out;
  362. transition: all .7s ease-in-out;
  363. }
  364. #permas{
  365. padding-top:5px;
  366. text-align:right;
  367. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  368. }
  369. #permas a{
  370. color:{color:perma links};
  371. -webkit-transition: all .7s ease-in-out;
  372. -moz-transition: all .7s ease-in-out;
  373. -ms-transition: all .7s ease-in-out;
  374. -o-transition: all .7s ease-in-out;
  375. transition: all .7s ease-in-out;
  376. }
  377. #permas a:hover{
  378. color:{color:link hover};
  379. -webkit-transition: all .7s ease-in-out;
  380. -moz-transition: all .7s ease-in-out;
  381. -ms-transition: all .7s ease-in-out;
  382. -o-transition: all .7s ease-in-out;
  383. transition: all .7s ease-in-out;
  384. }
  385. blockquote{
  386. padding-left:5px;
  387. border-left:2px solid {color:accent color};
  388. margin-left:3px;
  389. width:94%;
  390. }
  391. iframe,img,embed,object,video{
  392. max-width:100%;
  393. vertical-align:text-bottom;
  394. }
  395. img{
  396. height:auto;
  397. width:auto;
  398. vertical-align:text-bottom;
  399. }
  400. pre {
  401. white-space: pre-wrap;
  402. white-space: -moz-pre-wrap;
  403. white-space: -pre-wrap;
  404. white-space: -o-pre-wrap;
  405. word-wrap: break-word;
  406. }
  407. ol{
  408. list-style-type: upper-roman;
  409. }
  410. ul{
  411. list-style-type: circle;
  412. }
  413. #note{
  414. max-height:300px;
  415. overflow:auto;
  416. }
  417. ol.notes{
  418. padding: 0px;
  419. border-top:1px solid {color:accent color};
  420. list-style-type: upper-roman;
  421. }
  422. ol.notes li.note{
  423. padding-left:7px;
  424. text-align:left;
  425. width:400px;
  426. padding-top:5px;
  427. }
  428. ol.notes li.note img.avatar{
  429. display:none;
  430. }
  431. .whatever, .ldesc, .askpost{
  432. padding:7px;
  433. }
  434. article h2{
  435. font-size:15px;
  436. font-family: 'Raleway', sans-serif;
  437. }
  438. .chat{
  439. width:100%;
  440. }
  441. .chat ul{
  442. list-style:none;
  443. margin:0;
  444. padding:0;
  445. }
  446. .odd,.even{
  447. padding:7px;
  448. }
  449. .odd{
  450. background:rgba({RGBcolor:accent color},.7);
  451. }
  452. .even{
  453. background:{color:background};
  454. }
  455. .title,.link{
  456. font-family: 'Raleway', sans-serif;
  457. font-size:17px;
  458. text-align:center;
  459. text-transform:capitalize;
  460. line-height:25px;
  461. padding-bottom:5px;
  462. border-bottom:1px solid {color:accent color};
  463. }
  464. .title a,.link a{
  465. color:{color:body links};
  466. }
  467. .title a:hover,.link a:hover{
  468. color:{color:link hover};
  469. }
  470. .quote{
  471. font-style:italic;
  472. font-size:15px;
  473. padding:5px;
  474. }
  475. .source{
  476. text-align:right;
  477. font-weight:bold;
  478. font-size:11px;
  479. padding:5px;
  480. }
  481. .audio{
  482. {block:IndexPage}width:250px;
  483. padding:5px;
  484. padding-bottom:10px;{/block:IndexPage}
  485. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  486. }
  487. .audio img{
  488. border:1px none #000;
  489. }
  490. .albumart{
  491. position:absolute;
  492. float:left;
  493. {block:IndexPage}width:50px;
  494. height:50px;{/block:IndexPage}
  495. {block:PermalinkPage}width:100px;
  496. height:100px;{/block:PermalinkPage}
  497. }
  498. .playbox{
  499. opacity:0.6;
  500. width:27px;
  501. height:30px;
  502. overflow:hidden;
  503. position:absolute;
  504. z-index:2;{block:IndexPage}
  505. margin-left:11px;
  506. margin-top:12px;{block:IndexPage}
  507. {block:permalinkpage}
  508. margin-left:40px;
  509. margin-top:40px;{block:permalinkPage}
  510. }
  511. .stuff{
  512. margin-top:2px;
  513. line-height:12px;
  514. {block:IndexPage}margin-left:58px;{block:IndexPage}
  515. {block:PermalinkPage}margin-left:110px;
  516. font-size:20px;
  517. line-height:30px;{/block:PermalinkPage}
  518. }
  519. .question{
  520. text-align:justify;
  521. font-style:italic;
  522. padding:7px;
  523. background:{color:accent color};
  524. }
  525. .asker{
  526. font-weight:bold;
  527. padding-bottom:5px;
  528. margin-top:5px;
  529. }
  530. .answer{
  531. text-align:left;
  532. }
  533. #pagi{
  534. display:none;
  535. }
  536. .tooltip{
  537. display:inline;
  538. position:relative;
  539. }
  540. #s-m-t-tooltip{
  541. max-width:300px;
  542. padding:4px 5px 6px 4px;
  543. margin:20px 7px -2px 20px;
  544. background:{color:background};
  545. border:1px solid {color:accent color};
  546. font-size:10px;
  547. letter-spacing:1px;
  548. text-transform:uppercase;
  549. color:{color:text};
  550. z-index:9999999999999999999999;
  551.  
  552.  
  553. }
  554. </style>
  555. </head>
  556. <body>
  557.  
  558. <!--updates tab change this info-->
  559. <div id="updateinfo">
  560.  
  561. <li><script id="qpscript" src="https://qplus.io/scripts/queued/5d2f91b72d07d494048c76a9"></script></script> </li>
  562. <li><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5612620";
  563. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  564. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=bad bitch&e2=bad bitches&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  565. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  566. </script>
  567. </li>
  568. <li><script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3334243";
  569. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits&a=1";
  570. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  571. </script>
  572. </li>
  573. <li><a href="https://time.is/Nova_Scotia" id="time_is_link" rel="nofollow" style="font-size:12px;color:#c6c5c5;background:#0a0a0a">My Time:</a>
  574. <span id="Nova_Scotia_z13b" style="font-size:12px;color:#c6c5c5;background:#0a0a0a"></span>
  575. <script src="//widget.time.is/t.js"></script>
  576. <script>
  577. time_is_widget.init({Nova_Scotia_z13b:{time_format:"12hours:minutesAMPM"}});
  578. </script>
  579. </li>
  580. <br/>
  581.  
  582.  
  583. <a href="https://the-network-blog.tumblr.com/" target="blank" title="tumblr net."><img class="resize" src="https://static.tumblr.com/ryaafob/De1pmxl8s/ertyu.png"style="width:23px;height:23px;"> <a href="https://cosmosnetwork.tumblr.com/" target="blank" title="cosmos net."><img src="https://66.media.tumblr.com/1e9cee906db73bc590b2932a69a082c4/tumblr_ppb9j4UPj41rb863po2_r1_500.png"style="width:25px;height:25px;"></a> <a href="https://kingsandqueensnetwork.tumblr.com/" target="blank" title="kings & queens."><img src="https://dl.dropbox.com/s/ts3rla4ib138mtf/crownyo.png"style="width:22px;height:22px;"></a> <a href="https://networkinternational.tumblr.com/" target="blank" title="international net."><img src="https://66.media.tumblr.com/3168785e281192002112c1fed972ab31/tumblr_inline_pfkn7fAoDt1qbugcf_500.png"style="width:24px;height:24px;"></a> <a href="https://highteanetwork.tumblr.com/" target="blank" title="high tea net."><img src="https://dl.dropbox.com/s/u1dr5dt9620nxmv/tea.png"style="width:23px;height:23px;"></a>
  584. </div></div>
  585. </div></div>
  586.  
  587. <title>{Title}</title>
  588. <div class="sidebar">
  589. <div class="blogtitle"><a href="/">{Title}</a></div>
  590. <div id="desc">{Description}</div>
  591. <div class="linkers">
  592. <div class="linkies"><a href="{text:link 1 url}" title="{text:link 1 tooltip}">{text:link 1 name}</a></div>&nbsp;&nbsp;
  593. <div class="linkies"><a href="{text:link 2 url}" title="{text:link 2 tooltip}">{text:link 2 name}</a></div>&nbsp;&nbsp;
  594. <div class="linkies"><a href="{text:link 3 url}" title="{text:link 3 tooltip}">{text:link 3 name}</a></div>&nbsp;&nbsp;
  595. <div class="linkies"><a href="{text:link 4 url}" title="{text:link 4 tooltip}">{text:link 4 name}</a></div>&nbsp;&nbsp;
  596. <div class="linkies"><a href="" target="_blank" title="bravethemes"></a></div>
  597. </div></div>
  598.  
  599. <div id="laced"></div>
  600. <div id="wasted"><img src="{image:corner image}"></div>
  601.  
  602. <div id="pagi">
  603. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}</div></div>
  604.  
  605. <div class="content">
  606. {block:Posts}
  607. <article>
  608. {block:Text}
  609. {block:Title}
  610. <div class="title">
  611. <a href="{Permalink}"><b>{Title}</b></a></div>
  612. {/block:Title}
  613. <div class="whatever">{Body}
  614. <div id="permas">
  615. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  616. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  617. {block:PermalinkPage}
  618. {block:ContentSource}
  619. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  620. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  621. {/block:PermalinkPage}
  622. </div>
  623. {/block:Text}
  624.  
  625. {block:Photo}
  626. <div class="photo">
  627. {block:IndexPage}
  628. <a href="{permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>
  629. {/block:IndexPage}
  630. <div id="perma">
  631. <a href="{Permalink}"><i class="fa fa-info-circle"></i> {NoteCount}</a><br>
  632. <a href="{Permalink}"><i class="fa fa-clock-o"></i> {MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a><br>
  633. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i> reblog</a>
  634. </div>
  635. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}
  636. {block:ContentSource}
  637. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  638. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}{/block:PermalinkPage}<br>
  639. </div>
  640. {/block:Photo}
  641.  
  642. {block:Photoset}
  643. <div class="photos">
  644. {block:IndexPage}
  645. {Photoset-250}
  646. {/block:IndexPage}
  647. <div id="permas">
  648. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  649. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  650. {block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  651. {block:ContentSource}
  652. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  653. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  654. {/block:PermalinkPage}</div>
  655. {/block:Photoset}
  656.  
  657. {block:Link}
  658. <div class="link">
  659. <a href="{URL}"><b>{Name}</b></a></div>
  660. <div class="ldesc">{block:Description}{Description}{/block:Description}
  661. <div id="permas">
  662. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  663. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  664. {block:PermalinkPage}
  665. {block:ContentSource}
  666. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  667. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  668. {/block:PermalinkPage}
  669. </div>
  670. {/block:Link}
  671.  
  672. {block:Quote}
  673. <div class="quote">"{Quote}"</div><br>
  674. <div class="source">- {block:source}{source}{/block:source}</div>
  675. <div id="permas">
  676. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  677. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  678. {block:PermalinkPage}
  679. {block:ContentSource}
  680. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  681. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>{/block:PermalinkPage}
  682. {/block:Quote}
  683.  
  684. {block:Chat}
  685. <div class="chat">
  686. {block:Title}<b>{Title}</b><br>{/block:Title}
  687. <ul>{block:Lines}
  688. <li class="{Alt}"><b>{block:Label}{Label}{/block:Label}</b> {Line}</li>
  689. {/block:Lines}
  690. </ul>
  691. <div id="permas">
  692. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  693. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  694. {block:PermalinkPage}
  695. {block:ContentSource}
  696. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  697. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  698. {/block:PermalinkPage}
  699. </div>
  700. {/block:Chat}
  701.  
  702. {block:Audio}
  703. <div class="audio">
  704. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  705. <div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  706. <div class="stuff">
  707. <b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  708. <b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  709. <b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</div><br>
  710. <div id="permas">
  711. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  712. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  713. {block:PermalinkPage}
  714. {block:ContentSource}
  715. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  716. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  717. {/block:PermalinkPage}
  718. </div>
  719. {/block:Audio}
  720.  
  721. {block:Video}
  722. <div class="video">
  723. {block:IndexPage}{VideoEmbed-250}{/block:IndexPage}
  724. {block:PermalinkPage}{VideoEmbed-500}{/block:PermalinkPage}
  725. <div id="permas">
  726. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  727. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  728. {block:PermalinkPage}
  729. {block:ContentSource}
  730. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  731. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  732. {/block:PermalinkPage}
  733. {/block:Video}
  734.  
  735. {block:Answer}
  736. <div class="askpost">
  737. <div class="question">
  738. <img src="{AskerPortraitURL-30}" align="left" style="margin-top:-3px;margin-right:4px;border-radius:20px;background:#fff;padding:2px;">
  739. <span id="asker">{Asker} asked:</span>
  740. {Question}</div>
  741. <div class="answer">{Answer}</div>
  742. <div id="permas">
  743. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  744. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  745. {block:PermalinkPage}
  746. {block:ContentSource}
  747. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  748. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  749. {/block:PermalinkPage}
  750. </div>
  751. {/block:answer}
  752. </footer>
  753.  
  754. <div id="note">
  755. {block:permalinkpage}
  756. {block:PostNotes}
  757. {PostNotes}
  758. {/block:PostNotes}</div>
  759. {/block:PermalinkPage}
  760. </article>
  761. {/block:Posts}
  762. </div></div>
  763.  
  764. <!-- seriously don't touch this unless you know what it does -->
  765. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  766. <script src=""></script>
  767. <div style="display:none;"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5020775";
  768. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "https://s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.body.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");</script></div>
  769. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  770. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  771.  
  772. <script>
  773. (function() {
  774. var $tumblelog = $('.content');
  775. $tumblelog.infinitescroll({
  776. navSelector : "#pagi",
  777. nextSelector : "#pagi a:first",
  778. itemSelector : "article",
  779. bufferPx: 10,
  780. done : "",
  781. loading: {
  782. img : "",
  783. msgText: ""
  784. },
  785. behavior: 'local',
  786. binder: $('.content'),
  787. },
  788. function( newElements ) {
  789. var $newElems = $( newElements ).css({ opacity: 0 });
  790. $newElems.imagesLoaded(function(){
  791. $newElems.animate({ opacity: 1 });
  792. $tumblelog.masonry( 'appended', $newElems);
  793. });
  794. }
  795. );
  796. $tumblelog.imagesLoaded( function(){
  797. $tumblelog.masonry({
  798. columnWidth: function( containerWidth ) {
  799. return containerWidth / 100;
  800. }
  801. });
  802. });
  803. })();
  804. </script>
  805. <!-- do not touch this -->
  806. </body>
  807.  
  808. </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!