API tools faq
paste
Advertisement
kyngri

boomboom

kyngri
Mar 12th, 2017
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.21 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: PLUTUS
  4. by acuite
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  8.  
  9. - @acuite for more themes
  10.  
  11. -->
  12.  
  13. <html>
  14. <head>
  15.  
  16. <script language=JavaScript> var message="Boo."; function clickIE4(){ if (event.button==2) { alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("return false") </script>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <meta name="color:Background" content="#f7f7f7"/>
  24. <meta name="color:Post" content="#ffffff"/>
  25. <meta name="color:Border" content="#eeeeee"/>
  26. <meta name="color:Text" content="#000000"/>
  27. <meta name="color:Link" content="#000000"/>
  28. <meta name="color:Hover" content="#adadad"/>
  29.  
  30. <meta name="if:Captions" content="1"/>
  31. <meta name="if:Load More" content=""/>
  32. <meta name="if:Paginate" content="1"/>
  33. <meta name="if:Round Edges" content=""/>
  34. <meta name="if:Monochrome" content="1" />
  35.  
  36. <meta name="select:Permalinks" content="reg" title="Regular">
  37. <meta name="select:Permalinks" content="pto" title="Only Tags">
  38. <meta name="select:Permalinks" content="rio" title="Only Reblog Info">
  39. <meta name="select:Permalinks" content="phd" title="Hide">
  40.  
  41. <meta name="text:AmountofGrayscale" content="40">
  42. <meta name="text:Post" content="400"/>
  43. <meta name="text:Margin" content="50"/>
  44.  
  45. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  46. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  47. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i|Lora:400,400i" rel="stylesheet">
  48.  
  49. <style type="text/css">
  50.  
  51. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf?dl=1'); format(“truetype”);}
  52.  
  53. /* Scroll */
  54.  
  55. ::-webkit-scrollbar-thumb:vertical {background:transparent;height:50px;}
  56. ::-webkit-scrollbar {height: 20px;width:3px;}
  57.  
  58. /* Controls */
  59.  
  60. #tumblr_controls,.tmblr-iframe{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;top:15px!important;right:15px!important;position:fixed;z-index:999999!important;}
  61.  
  62. /* General */
  63.  
  64. body {
  65. margin:0;
  66. color:{color:Text};
  67. background:{color:Background};
  68. font-smooth:always;
  69. -webkit-font-smoothing:antialiased;
  70. -moz-osx-font-smoothing: grayscale;
  71. }
  72.  
  73. a:link, a:active, a:visited {text-decoration:none;}
  74. body,p,pre,blockquote,big,small,sub,sup {font-size:10px;}
  75. body,p,pre,em{font-family:calibri;}
  76. a,.tags,.our_button,.like_button,#tumblr_controls,.tmblr-iframe,.tc {
  77. transition:0.5s ease;
  78. -o-transition:0.5s ease;
  79. -moz-transition:0.5s ease;
  80. -webkit-transition:0.5s ease;
  81. }
  82.  
  83. /* Credit & Scroll to Top */
  84.  
  85. .c,.top{position:fixed;right:30px;width:40px;}
  86. .c {bottom:30px;}
  87. .top {bottom:50px;display:none;}
  88.  
  89. /* Pagination */
  90.  
  91. .cp {font-weight:600;}
  92. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  93. .pag a i,.top{font-size:20px;}
  94. .pag {position:relative;}
  95. .load {cursor:pointer;display:block;}
  96. .c,.top,.pag,.load {text-align:center;font-weight:600;}
  97. .c,.pag,.load {font-size:9px;letter-spacing:1px;text-transform:uppercase;}
  98. {block:ifnotPaginate}
  99. .pag,#infscr-loading {display:none!important;}
  100. {/block:ifnotPaginate}
  101.  
  102. /* Containers */
  103.  
  104. .center {
  105. position:absolute;top:100px;left:700px;margin-bottom:30px;
  106. }
  107.  
  108. .entry img{max-width:100%;height:auto;{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  109. .entry {
  110. width:{text:Post}px;
  111. margin:{text:Margin}px 0;
  112. background:{color:Post};
  113. border:1px solid {color:Border};
  114. overflow:hidden;
  115. }
  116.  
  117. /* Header */
  118.  
  119. .cover {position:fixed;top:0px;left:0px;width:100%;height:60px;background:#ffffff;border-bottom:1px solid {color:Border};z-index:99999;}
  120.  
  121.  
  122. /* Sidebar */
  123.  
  124. #star {position:fixed;left:100px;top:240px;width:416px;height:350px;}
  125. #naega {position:absolute;left:-30px;top:-28px;z-index:2;}
  126. #hosh {position:absolute;right:-67px;bottom:0px;z-index:2;}
  127. #name {position:absolute;right:4px;bottom:305px;font-family:arial black;font-size:45px;letter-spacing:-5px;text-transform:uppercase;color:#ffffff;}
  128. #nombre {position:absolute;right:20px;bottom:295px;font-family: signerica;font-size:30px;color:rgba(0,0,0,0.5);z-index:1;}
  129. #bio {position:absolute;right:131px;bottom:250px;width:137px;height:49px;padding:10px;background:#ffffff;font-family:calibri;color:rgba(0,0,0,0.5);font-size:9px;text-transform:uppercase;text-align:center;}
  130. #dday {position:absolute;right:131px;bottom:200px;font-family:arial black;font-size:49px;letter-spacing:-6px;text-transform:uppercase;color:#ffffff;}
  131. #sebuntin {position:absolute;right:129px;bottom:178px;border:3px solid #ffffff;z-index:3;border-bottom:7px solid #ffffff;border-top:6px solid #ffffff;}
  132. #sebuntin img {width:156px;}
  133. #profile {position:absolute;right:133px;bottom:138px;font-family:arial black;font-size:39px;letter-spacing:-6px;text-transform:uppercase;color:#ffffff;}
  134. #prof {position:absolute;right:131px;bottom:45px;width:137px;height:85px;padding:10px;background:#ffffff;font-family:calibri;color:rgba(0,0,0,0.5);font-size:9px;text-transform:uppercase;text-align:left;}
  135. #links {position:absolute;right:131px;bottom:0px;width:150px;height:34px;padding:5px;background:#ffffff;font-family:calibri;color:rgba(0,0,0,0.5);font-size:9px;text-transform:uppercase;text-align:center;}
  136. #lnk1 {position:absolute;top:3px;left:4px;width:154px;height:10px;background:rgba(0,0,0,0.5);-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  137. #lnk1:hover {box-shadow: inset -154px 0px 0px 0px #f0f0f0,inset 0px 10px 0px 0px #f0f0f0;}
  138. #lnk2 {position:absolute;top:14px;left:4px;width:154px;height:9px;background:rgba(0,0,0,0.5);opacity:.9;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  139. #lnk2:hover {box-shadow: inset -154px 0px 0px 0px #f0f0f0,inset 0px 9px 0px 0px #f0f0f0;}
  140. #lnk3 {position:absolute;top:24px;left:4px;width:154px;height:8px;background:rgba(0,0,0,0.5);opacity:.8;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  141. #lnk3:hover {box-shadow: inset -154px 0px 0px 0px #f0f0f0,inset 0px 8px 0px 0px #f0f0f0;}
  142. #lnk4 {position:absolute;top:33px;left:4px;width:154px;height:7px;background:rgba(0,0,0,0.5);opacity:.7;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  143. #lnk4:hover {box-shadow: inset -154px 0px 0px 0px #f0f0f0,inset 0px 7px 0px 0px #f0f0f0;}
  144. #tenten {position:absolute;left:-10px;bottom:20px;font-family:arial black;font-size:30px;letter-spacing:-6px;text-transform:uppercase;color:#ffffff;z-index:2;}
  145. #o {position:absolute;height:10px;width:134px;left:-9px;bottom:25px;background:#ffffff;}
  146. #clock {position:absolute;left:-10px;bottom:-10px;font-family:arial black;font-size:35px;letter-spacing:-6px;text-transform:uppercase;color:#ffffff;}
  147. .tri1{bottom:2px;right:-3px;width:20px;border:0;padding:0;margin-top:-1px;position:absolute;background:#ffffff;z-index:-111;}
  148. .tri1:before, .tri1:after {content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent;border-bottom:0;}
  149. .tri1:before {right:0px;border-top-color:#ffffff;border-width:20px;}
  150. .tri1:after {right:0px;bottom:100px;border-top-color:#ffffff;border-width:20px;-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
  151. .tri2{bottom:2px;left:-30px;width:20px;border:0;padding:0;margin-top:-1px;position:absolute;background:#ffffff;z-index:-11;}
  152. .tri2:before, .tri2:after {content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent;border-bottom:0;}
  153. .tri2:before {left:30px;border-top-color:#ffffff;border-width:20px;}
  154. .tri2:after {left:30px;bottom:100px;border-top-color:#ffffff;border-width:20px;-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
  155. #yaa {position:absolute;bottom:-18px;left:21px;width:377px;height:20px;background:#ffffff;font-family:calibri;color:rgba(0,0,0,0.5);font-size:8px;text-transform:uppercase;text-align:center;line-height:20px;}
  156. #hoshi {position:absolute;right:-55px;bottom:-25px;z-index:3;}
  157.  
  158. /* Titles */
  159.  
  160. h2 {margin:15px 15px -5px;font-size:14px;}
  161. h3,h4,h5 {margin:10px;font-weight:600;font-size:11px;}
  162.  
  163. /* Permalinks */
  164.  
  165. .p {font-size:0;margin:15px 15px 12px;text-transform:uppercase;}
  166. .ple {font-size:9px;line-height:100%;font-weight:700;padding:3px 0 2px;width:calc(100% - 35px);}
  167. .ple,.pri {display:inline-block;vertical-align:middle;}
  168. .pri {text-align:right;opacity:0.75;padding:2px 0 0;width:35px;}
  169. .pri .oi {font-size:9px;}
  170. .oi-refresh {margin-left:5px;}
  171.  
  172. .custom-like-button *{cursor:pointer!important;}
  173. .custom-like-button {
  174. position:relative;
  175. display:inline-block;
  176. vertical-align:top;
  177. width:12px;
  178. height:12px;
  179. cursor:pointer;
  180. }
  181.  
  182. .like_button:hover + .our_button {color:{color:Hover};}
  183. .like_button.liked + .our_button {color:{color:Hover};}
  184. .like_button iframe {width:100%!important;height:100%!important;}
  185. .like_button {z-index:10;opacity:0;}
  186. .our_button {z-index:1;}
  187. .our_button,.like_button {
  188. position:absolute;
  189. top:0;
  190. left:0;
  191. width:100%;
  192. height:100%;
  193. }
  194.  
  195. .pto .from,.rio .tags,.phd {display:none;}
  196. .tags,.from {display:inline;}
  197. .tags a,.from a,.from b{margin-right:5px;font-size:9px;line-height:100%;}
  198. .from a {margin-right:0;}
  199. .from b {margin:0 3px;}
  200. .from {margin-right:10px;font-weight:600;}
  201. .tags a {margin-bottom:3px;display:inline-block;}
  202.  
  203. /* Quotes */
  204.  
  205. .qut_hold {margin:25px;}
  206. .src {margin-top:10px;}
  207. .qut {
  208. font-size:15px;
  209. line-height:130%;
  210. font-style:italic;
  211. font-family:'Lora',Georgia,serif;
  212. }
  213.  
  214. /* Audio & Chat */
  215.  
  216. .chat {margin:25px;}
  217. .lines b {display:block;}
  218. .lines,.chat h2 {margin:10px 0;padding:0;}
  219. .play {padding:10px;background:#e4e4e4;height:27px;width:27px;border-radius:50%;}
  220. .audio {font-size:0;margin:25px;}
  221. .play,.au {display:inline-block;vertical-align:middle;}
  222. .soundcloud_audio_player{padding:15px 0;}
  223. .au span.tn {font-weight:700;}
  224. .au span {display:block;margin:5px 0;font-size:11px;line-height:100%;}
  225. .au {width:calc(100% - 62px);margin-left:15px;}
  226. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  227.  
  228. /* Text */
  229.  
  230. ol,ul {padding:0 0 0 20px;}
  231. li {margin:5px;}
  232. p,blockquote,pre,ul,ol{margin:10px;}
  233. b,strong {font-weight:600;}
  234. blockquote p{margin:10px 0;}
  235. blockquote p:first-child{margin:0 0 10px;}
  236. blockquote p:last-child{margin:10px 0 0;}
  237. blockquote p:only-child{margin:0;}
  238. blockquote blockquote {margin:0;}
  239. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  240. pre {
  241. white-space:pre-wrap;
  242. white-space:-moz-pre-wrap;
  243. white-space:-pre-wrap;
  244. white-space:-o-pre-wrap;
  245. word-wrap:break-word;
  246. }
  247.  
  248. /* Captions */
  249.  
  250. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  251. .cap a.tumblr_blog {vertical-align:middle;line-height:100%;border:0;}
  252. .tumblr_parent {margin:15px;padding:0;border:0;}
  253. .tumblr_parent blockquote {
  254. padding-left:10px;
  255. border-left:2px solid {color:Border};
  256. }
  257.  
  258. .user-pic {
  259. display:inline-block;
  260. vertical-align:middle;
  261. border-radius:50%;
  262. margin-right:5px;
  263. width:12px;
  264. }
  265.  
  266. .cap a {border-bottom:1px solid rgba({RGBcolor:Hover},0.5);}
  267.  
  268. /* Video */
  269.  
  270. .video {overflow:hidden;}
  271. .vine-embed,#youtube_iframe {display:block;}
  272. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  273.  
  274. /* Photosets */
  275.  
  276. #tumblr_lightbox,.tmblr-lightbox {
  277. background:rgba({RGBcolor:Background},0.99)!important;
  278. }
  279.  
  280. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  281. opacity:0!important;
  282. }
  283.  
  284. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  285. #tumblr_lightbox_right_image, .lightbox-image {
  286. box-shadow:none!important;
  287. border-radius:0px!important;
  288. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  289. }
  290.  
  291. /* Ask */
  292.  
  293. #ask_form {margin:20px 10px 10px;width:calc(100% - 20px);}
  294. .ask {padding:15px;margin:15px 55px 15px 15px;background:{color:Border};}
  295. .aski {margin:0 0 10px;}
  296. .aski,.ansi {line-height:100%;font-size:12px;font-weight:600;}
  297. .ask_pic {float:right;width:35px;margin:15px;}
  298. .ans {border-top:1px solid {color:Border};padding:10px 10px 0;}
  299. .ansi {margin:10px;}
  300. .ansi img {float:right;width:35px;margin:0 0 5px 5px;}
  301.  
  302. /* Permalink Page + Postnotes */
  303.  
  304. .pph {text-transform:uppercase;}
  305. .perma {margin:15px;line-height:175%;font-size:9px;}
  306. .perma .oi {margin-right:3px;}
  307. .pmt a:after {content:',';}
  308. .pmt a:last-of-type:after {content:'.';}
  309. .pn ol {margin:0;padding:0;list-style-type:none;}
  310. .pn li{margin:10px;font-size:9px;line-height:100%;}
  311. .pn,.pn img{display:none;}
  312. .pn {margin:10px;font-size:0;}
  313. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  314. .more_notes_link,.notes_loading {text-align:left!important;}
  315.  
  316. /* Tooltips */
  317.  
  318. #s-m-t-tooltip {max-width:300px;margin-top:25px;margin-left:15px;padding:4px;z-index:99999999999999999;background-color:black;color:white;font-size:8px;line-height:10px;letter-spacing:1px;font-style:normal;text-transform:uppercase;word-wrap:break-word;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
  319.  
  320. /* Common Styles */
  321.  
  322. .ask,p,blockquote,.lines{line-height:150%;}
  323. .cap a,.txt a,h1 a,.src a{color:{color:Text};}
  324. a,.p,.perma,.aski{color:{color:Link};}
  325. a:hover, a h2:hover{color:{color:Hover};}
  326. h2 a i{margin:0 2px;}
  327.  
  328. {block:ifRoundEdges}
  329. .play,.ask,.ask_pic,.ansi img,#s-m-t-tooltip{border-radius:4px;}
  330. .entry{border-radius:5px!important;}
  331. {/block:ifRoundEdges}
  332.  
  333. /* Etc */
  334.  
  335. img {margin:0;display:block;}
  336.  
  337. </style>
  338. </head>
  339. <body>
  340. <body bgcolor="#fafafa" ondragstart="return false" onselectstart="return false">
  341. <body onkeydown="return false">
  342.  
  343.  
  344. <div class="cover"></div>
  345.  
  346. <div id="star">
  347. <div id="naega"><img src="https://68.media.tumblr.com/b5c8d55cbfb768e542b64ff8a571a3cf/tumblr_inline_omp8l9JiQX1u8j6wt_540.png"></div>
  348. <div id="hosh"><img src="https://68.media.tumblr.com/57bf1e6f15e8a9eb6999696de34d31f8/tumblr_inline_omp6n2a8F01u8j6wt_540.png"></div>
  349. <div id="name">naegahosh:</div>
  350. <div id="nombre">naegahosh:</div>
  351. <div id="bio"><b>Kwon Soonyoung (호시)</b> :<br>SEVENTEEN'S very own dance machine, 1/4 Performance Unit.<br>( LEADER )</div>
  352. <div id="dday">960615</div>
  353. <div id="sebuntin"><a title="13 members + 3 teams + 1 group = 17"><img src="https://68.media.tumblr.com/ffb6858ad01ffbf43dc1bce0540b71f6/tumblr_inline_omp4umPR0v1u8j6wt_540.png"></a></div>
  354. <div id="profile"><b>profile :</b></div>
  355. <div id="prof">
  356. <div style="background:rgba(0,0,0,0.5);color:#ffffff;padding:1px;">&nbsp;<b>stage name :</b> hoshi</div>
  357. <div style="background:#ffffff;color:rgba(0,0,0,0.5);padding:1px;">&nbsp;<b>height :</b> 177cm</div>
  358. <div style="background:rgba(0,0,0,0.5);color:#ffffff;padding:1px;">&nbsp;<b>weight :</b> 60kg</div>
  359. <div style="background:#ffffff;color:rgba(0,0,0,0.5);padding:1px;">&nbsp;<b>blood type :</b> b</div>
  360. <div style="background:rgba(0,0,0,0.5);color:#ffffff;padding:1px;">&nbsp;<b>specialties :</b> choreography</div>
  361. <div style="background:#ffffff;color:rgba(0,0,0,0.5);padding:1px;">&nbsp;<b>hobbies :</b> taekwondo (black belt)</div>
  362. </div>
  363. <div id="links">
  364. <a href="/"><div id="lnk1"></div></a>
  365. <a href="/ask"><div id="lnk2"></div></a>
  366. <a href="/profile"><div id="lnk3"></div></a>
  367. <a href="/facts"><div id="lnk4"></div></a>
  368. </div>
  369. <div id="tenten">10:10</div>
  370. <div id="o"></div>
  371. <div id="clock">o'clock</div>
  372. <div class="tri1"></div>
  373. <div class="tri2"></div>
  374. <div id="yaa">general . literate . nonselective . sfw</div>
  375. <div id="hoshi"><img src="https://68.media.tumblr.com/e6c97231f236f6fa1a78ea7eb03694d0/tumblr_inline_ompdvlE1hc1u8j6wt_540.png"></div>
  376. </div>
  377.  
  378. <div class="center">
  379.  
  380. <div id="content">
  381. {block:Posts}
  382. <div class="entry" id="{PostID}">
  383.  
  384. {block:Text}
  385. {block:Title}<h2>{Title}</h2>{/block:Title}
  386. <div class="txt cap">{Body}</div>
  387. {/block:Text}
  388.  
  389. {block:Link}
  390. <h2><a title="{URL}" href="{URL}">{Name}</a></h2>
  391. <div class="txt cap">
  392. {block:Description}{Description}{/block:Description}
  393. </div>
  394. {/block:Link}
  395.  
  396. {block:Photo}
  397. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo"/></a></div>
  398. {/block:Photo}
  399.  
  400. {block:Photoset}
  401. <div class="bx"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>
  402. {/block:Photoset}
  403.  
  404. {block:Quote}
  405. <div class="qut_hold">
  406. <div class="qut">{Quote}</div>
  407. {block:Source}<div class="src">{Source}</div>{/block:Source}
  408. </div>
  409. {/block:Quote}
  410.  
  411. {block:Chat}
  412. <div class="chat">
  413. {block:Title}<h2>{Title}</h2>{/block:Title}
  414. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  415. </div>
  416. {/block:Chat}
  417.  
  418. {block:Audio}
  419. <div class="audio">
  420. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  421. <div class="au">
  422. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  423. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  424. </div>
  425. </div>
  426. {/block:Audio}
  427.  
  428. {block:Video}
  429. <div class="video">{Video-500}</div>
  430. {/block:Video}
  431.  
  432. {block:Answer}
  433. <img class="ask_pic" src="{AskerPortraitURL-96}">
  434. <div class="ask">
  435. <div class="aski">{Asker} asked:</div>
  436. {Question}
  437. </div>
  438. <div class="ans">
  439. <div class="ansi"><img src="{PortraitURL-96}"> {Name} answered:</div>
  440. {Answer}
  441. </div>
  442. {/block:Answer}
  443.  
  444. {block:ifCaptions}
  445. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  446. {/block:ifCaptions}
  447.  
  448. {block:IndexPage}
  449. <div class="p" {block:ifCaptions}{block:Caption}style="margin-top:0;"{/block:Caption}{/block:ifCaptions}>
  450.  
  451. <div class="p_top {select:Permalinks}">
  452. {block:RebloggedFrom}<div class="from"><a href="{ReblogParentURL}">{ReblogParentName}</a> <b>&middot;</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  453. {block:HasTags}<div class="tags">
  454. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  455. </div>{/block:HasTags}
  456.  
  457. </div>
  458.  
  459. <a class="ple" href="{Permalink}">{NoteCountWithLabel}</a>
  460. <div class="pri">
  461. <div class="custom-like-button">{LikeButton}
  462. <span class="our_button"><span class="oi oi-heart"></span></span>
  463. </div>
  464. <a href="{ReblogURL}"><span class="oi oi-refresh"></span></a>
  465. </div>
  466.  
  467. </div>
  468. {/block:IndexPage}
  469.  
  470. {block:PermalinkPage}
  471. {block:Date}
  472. <div class="pph">
  473. <div class="perma">
  474. <span class="oi oi-time"></span> posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  475. {block:RebloggedFrom}<br>
  476. <span class="oi oi-user"></span> via <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  477. <span class="oi oi-location"></span> source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  478. {/block:RebloggedFrom}
  479.  
  480. {block:HasTags}<div class="pmt"><span class="oi oi-tags"></span> tags:
  481. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  482. </div>{/block:HasTags}
  483. <a href="#" class="pnh"><span class="oi oi-chart"></span> {NoteCountWithLabel}</a>
  484. </div>
  485.  
  486. {block:PostNotes}
  487. <div class="pn">{PostNotes}</div>
  488. {/block:PostNotes}
  489.  
  490. </div>
  491. {/block:Date}
  492. {/block:PermalinkPage}
  493.  
  494. {block:ContentSource}
  495. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  496. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  497. {/block:SourceLogo}
  498. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  499. {/block:ContentSource}
  500.  
  501. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  502.  
  503. </div>
  504. {/block:Posts}
  505.  
  506. {block:ifPaginate}
  507. {block:Pagination}
  508. <div class="pag">
  509. {block:PreviousPage}
  510. <a href="{PreviousPage}"><i class="oi oi-chevron-left"></i></a>
  511. {/block:PreviousPage}
  512.  
  513. {block:JumpPagination length="3"}
  514. {block:CurrentPage}
  515. <span class="cp">{PageNumber}</span>
  516. {/block:CurrentPage}
  517. {block:JumpPage}
  518. <a class="jp" href="{URL}">{PageNumber}</a>
  519. {/block:JumpPage}
  520. {/block:JumpPagination}
  521.  
  522. {block:NextPage}
  523. <a href="{NextPage}"><i class="oi oi-chevron-right"></i></a>
  524. {/block:NextPage}
  525. </div>
  526. {/block:Pagination}
  527. {/block:ifPaginate}
  528.  
  529. </div>
  530.  
  531. {block:ifnotPaginate}
  532. {block:Pagination}
  533. <div class="pag">
  534. {block:PreviousPage}
  535. <a href="{PreviousPage}" class="prev">back</a>
  536. {/block:PreviousPage}
  537. {block:NextPage}
  538. <a href="{NextPage}" class="next">next</a>
  539. {/block:NextPage}
  540. </div>
  541.  
  542. {block:ifLoadMore}
  543. <a class="load">Load More</a>
  544. {/block:ifLoadMore}
  545. {/block:Pagination}
  546. {/block:ifnotPaginate}
  547.  
  548. </div>
  549.  
  550. <a href="#" class="top"><i class="oi oi-chevron-up"></i></a>
  551. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  552.  
  553. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  554. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  555. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  556. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  557. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  558. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  559. <script>
  560. // pxu photosets
  561. $(document).ready(function(){
  562. $('.photo-slideshow').pxuPhotoset({
  563. lightbox: true,
  564. rounded: false,
  565. gutter: '1px',
  566. photoset: '.photo-slideshow',
  567. photoWrap: '.photo-data',
  568. photo: '.pxu-photo'
  569. });
  570. // minimal soundcloud player © eoxk.tumblr
  571. $(document).ready(function(){
  572. var color = '{color:Link}'; // color of play button (hex)
  573. $('.soundcloud_audio_player').each(function(){
  574. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  575. });
  576. });
  577. // drop links & post notes
  578. $(document).ready(function(){
  579. $(".pn").hide();
  580. $(".pnh").show();$('.pnh').toggle(function(){
  581. $(".pn").slideDown(function(){});
  582. },function(){
  583. $(".pn").slideUp(function(){});
  584. });
  585. $(".lb").hide();
  586. $(".lh").show();$('.lh').toggle(function(){
  587. $(".lb").slideDown(function(){});
  588. },function(){
  589. $(".lb").slideUp(function(){});
  590. });
  591. });
  592. // scroll to top © html-tuts.com
  593. var amountScrolled = 500;
  594. $(window).scroll(function() {
  595. if ($(window).scrollTop() > amountScrolled) {
  596. $('a.top').fadeIn('slow');
  597. } else {
  598. $('a.top').fadeOut('slow');
  599. }
  600. });
  601. $('a.top').click(function() {
  602. $('body, html').animate({
  603. scrollTop: 0
  604. }, 'slow');
  605. return false;
  606. });
  607. // tooltips
  608. (function($){
  609. $(document).ready(function(){
  610. $("[title]").style_my_tooltips({
  611. tip_delay_time:200,
  612. tip_fade_speed:300
  613. }
  614. );
  615. });
  616. })(jQuery);
  617. /*
  618.  
  619. UN-NEST TUMBLR CAPTIONS PLUGIN
  620. 2016 @magnusthemes & @neothm
  621. source: http://neothm.com/post/148902138319
  622.  
  623. */
  624. $('.entry').unnest({
  625. yourCaption: ".cap",
  626. newCaptionUsername: false,
  627. originalPostCaptionUsername: false,
  628. tumblrAvatars: true,
  629. tumblrAvatarClass: ".user-pic",
  630. usernameColon: false
  631. });
  632.  
  633. // infinite scroll
  634. {block:ifnotPaginate}
  635. var $container = $('#content');
  636. $container.infinitescroll({
  637. itemSelector: '.entry',
  638. navSelector: '.pag',
  639. nextSelector: '.next',
  640. loadingImg: ' ',
  641. loadingText: ' ',
  642. donetext: 'No more posts' ,
  643. bufferPx: 2000,
  644. {block:ifLoadMore}
  645. errorCallback: function(){
  646. jQuery('.load').delay(50).fadeOut();
  647. }
  648. {/block:ifLoadMore}
  649. },
  650. function( newElements ) {
  651. var $newElems = $( newElements );
  652. var $newElemsIDs = $newElems.map(function(){
  653. return this.id;
  654. }).get();
  655. $newElems.find('.photo-slideshow').pxuPhotoset({
  656. lightbox: true,
  657. rounded: false,
  658. gutter: '1px',
  659. photoset: '.photo-slideshow',
  660. photoWrap: '.photo-data',
  661. photo: '.pxu-photo'
  662. });
  663. resizeVideos();
  664. $newElems.unnest({
  665. yourCaption: ".cap",
  666. newCaptionUsername: true,
  667. originalPostCaptionUsername: true,
  668. tumblrAvatars: true,
  669. tumblrAvatarClass: ".user-pic",
  670. usernameColon: false
  671. });
  672. });
  673. {block:ifLoadMore}
  674. $(window).unbind(".infscr");
  675. $(".load").click(function(){
  676. $("#content").infinitescroll("retrieve");
  677. });
  678. {/block:ifLoadMore}
  679. {/block:ifnotPaginate}
  680. });
  681. </script>
  682. </body>
  683. </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!