API tools faq
paste
Advertisement
tasty2punch

ssngwoo listening to nell

tasty2punch
Sep 23rd, 2016
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 26.22 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.    THEME: CALYPSO
  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. <title>{Title}</title>
  17. <link rel="shortcut icon" href="http://67.media.tumblr.com/tumblr_m230l93S5V1qfamg6.gif">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="image:Icon" content=""/>
  22.  
  23. <meta name="color:Background" content="#fff"/>
  24. <meta name="color:Border" content="#eee"/>
  25. <meta name="color:Text" content="#555"/>
  26. <meta name="color:Link" content="#aaa"/>
  27. <meta name="color:Hover" content="#f0bfb3"/>
  28.  
  29. <meta name="if:Drop Links" content=""/>
  30. <meta name="if:Load More" content=""/>
  31. <meta name="if:Paginate" content=""/>
  32. <meta name="if:Round Edges" content=""/>
  33. <meta name="if:Hover Perma" content=""/>
  34.  
  35. <meta name="select:Navigation" content="yes-side" title="Sidebar">
  36. <meta name="select:Navigation" content="yes-head" title="Header">
  37.  
  38. <meta name="select:Navigation Align" content="nav-cen" title="Center">
  39. <meta name="select:Navigation Align" content="nav-lef" title="Left">
  40. <meta name="select:Navigation Align" content="nav-rig" title="Right">
  41.  
  42. <meta name="select:Captions" content="creg" title="Regular">
  43. <meta name="select:Captions" content="cmin" title="Minimal">
  44. <meta name="select:Captions" content="cinl" title="Inline">
  45. <meta name="select:Captions" content="chid" title="Hide">
  46.  
  47. <meta name="select:Tags" content="tshow" title="Show">
  48. <meta name="select:Tags" content="thide" title="Hide">
  49. <meta name="select:Tags" content="thover" title="Hover">
  50.  
  51. <meta name="select:Permalink Align" content="center" title="Center">
  52. <meta name="select:Permalink Align" content="left" title="Left">
  53. <meta name="select:Permalink Align" content="right" title="Right">
  54.  
  55. <meta name="text:Post" content="350"/>
  56. <meta name="text:Sidebar" content="200"/>
  57. <meta name="text:Margin" content="100"/>
  58. <meta name="text:Hovers" content="" />
  59.  
  60. <meta name="text:Navigation URL" content="/"/>
  61. <meta name="text:Link 1" content="/"/>
  62. <meta name="text:Link 1 Title" content="one"/>
  63. <meta name="text:Link 2" content="/" />
  64. <meta name="text:Link 2 Title" content="two"/>
  65. <meta name="text:Link 3" content="/" />
  66. <meta name="text:Link 3 Title" content="three"/>
  67. <meta name="text:Link 4" content="/" />
  68. <meta name="text:Link 4 Title" content="four"/>
  69.  
  70. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  71. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  72. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/karla:n4,i4,n7,i7:all.js"></script>
  73.  
  74. <style type="text/css">
  75.  
  76. /* Scroll */
  77.  
  78. ::-webkit-scrollbar {width:11px;height:11px;background:{color:Border};}
  79. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.5);}
  80. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  81.     border:5px solid {color:Background};
  82. }
  83.  
  84. /* Controls */
  85.  
  86. .tc .fa {font-size:12px;color:rgba({RGBcolor:Link},0.5);}
  87. .tc {position:fixed;top:15px;right:15px;cursor:pointer;}
  88. #tumblr_controls:hover,.tmblr-iframe:hover{opacity:0.5;}
  89. #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;top:0!important;right:0!important;z-index:999999; padding:10px 30px 10px 10px;}
  90.  
  91. /* General */
  92.  
  93. body {margin:0;color:{color:Text};background:{color:Background}; }
  94. a:link, a:active, a:visited {text-decoration:none;}
  95. body,p,pre,blockquote,big,small,sub,sup {font-size:10px;}
  96. body,p,pre,em{font-family:'Karla',Helvetica,Arial,sans-serif;}
  97. .cap,.txt,.desc,.tags,.qut {
  98.     font-smooth:always;
  99.     -webkit-font-smoothing:antialiased;
  100.     -moz-osx-font-smoothing: grayscale;
  101. }
  102.  
  103. a,.p,.tags,#tumblr_controls,.tmblr-iframe,.tc  {
  104.     transition:0.5s ease;
  105.     -o-transition:0.5s ease;
  106.     -moz-transition:0.5s ease;
  107.     -webkit-transition:0.5s ease;
  108. }
  109.  
  110. /* Credit & Scroll to Top */
  111.  
  112. .c,.top{position:fixed;right:30px;width:40px;}
  113. .c {bottom:30px;}
  114. .top {bottom:50px;display:none;}
  115.  
  116. /* Pagination */
  117.  
  118. .cp {font-weight:600;}
  119. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  120. .pag a i,.top{font-size:20px;}
  121. .pag {position:relative;}
  122. .load {cursor:pointer;display:block;}
  123. .c,.top,.pag,.load {text-align:center;}
  124. .c,.pag,.load {font-size:9px;letter-spacing:1px;text-transform:uppercase;}
  125. {block:ifnotPaginate}
  126. .pag,#infscr-loading {display:none!important;}
  127. {/block:ifnotPaginate}
  128.  
  129. /* Containers */
  130.  
  131. .center {
  132.     position:relative;
  133.     margin:{text:Margin}px auto;
  134.     width:{text:Post}px;
  135. }
  136.  
  137. .entry img {max-width:100%;height:auto; }
  138. .entry {margin:{text:Margin}px 0;width:{text:Post}px; text-align: justify;}
  139.  
  140. /* Navigation */
  141.  
  142. .yes-head aside,.yes-side header {display:none;}
  143. .yes-side aside,.yes-head header {display:block;}
  144. aside.hcen,aside.hlef,aside.hrig {display:none;}
  145. .yes-side .nav-cen aside.hcen,.yes-side .nav-lef aside.hlef,.yes-side .nav-rig aside.hrig {display:block;}
  146.  
  147. .image {height:50px;}
  148. .image img{
  149.     width:50px;
  150.     height:50px;
  151.     border-radius:50%;
  152.     display:inline-block;
  153.     background:{color:Background};
  154. }
  155.  
  156.  
  157. .desc{font-size:10px;}
  158. nav a{font-size:10px;line-height:100%;}
  159. .lb {display:none;margin-top:7px;}
  160. .lb a:hover {border-color:rgba({RGBcolor:Hover},0.5);}
  161. .lb a {
  162.     margin:5px;
  163.     font-size:9px;
  164.     line-height:100%;
  165.     padding-bottom:2px;
  166.     border-bottom:1px solid rgba({RGBcolor:Link},0.2);
  167. }
  168.  
  169. .side-left,.side-right,nav a,.lb a{
  170.     display:inline-block;
  171.     vertical-align:top;
  172. }
  173.  
  174. /* Sidebar */
  175.  
  176. aside nav {margin:12px 0;}
  177. aside {
  178.     position:fixed;
  179.     width:{text:Sidebar}px;
  180.     top:{text:Margin}px;
  181.     font-size:0;
  182.     margin-left:calc(-{text:Sidebar}px + -{text:Margin}px);
  183. }
  184.  
  185. /* Sidebar Alignment */
  186.  
  187. aside.hcen b.line {top:45px;}
  188. aside.hcen {text-align:center;}
  189. aside.hcen nav a {margin:0 6px;}
  190. aside.hlef nav a {margin-right:12px;}
  191. aside.hrig nav a {margin-left:12px;}
  192. aside.hlef .side-left {width:50px;}
  193. aside.hlef .side-right {width:calc(100% - 65px);padding:0 0 0 15px;}
  194. aside.hrig .side-right {width:50px;}
  195. aside.hrig .side-left {width:calc(100% - 65px);padding:0 15px 0 0;text-align:right;}
  196. aside.hrig b.line {margin-left:calc(100% - 25px);}
  197. aside.hlef b.line {margin-left:25px;}
  198. aside.hlef .image,aside.hrig .image {margin-top:-5px;padding:5px 0;}
  199. aside.hcen .image img {padding:0 5px;}
  200. aside.hcen .image {margin-top:10px;}
  201. aside.hrig b.line,aside.hlef b.line {height:50px;padding:40px 0;width:1px;}
  202.  
  203. /* Header */
  204.  
  205. .head_hold {padding:0 10px;}
  206. header {text-align:center;}
  207. header .desc {margin-top:15px;}
  208. header b.line {margin-top:25px;}
  209. header h1,header nav {position:absolute;}
  210.  
  211. /* Header Alignment */
  212.  
  213. header .image img {padding:0 10px;}
  214. header.nav-lef nav,header.nav-rig nav{top:32px;}
  215. header.nav-lef h1,header.nav-rig h1 {top:5px;}
  216. header.nav-lef nav a{margin-right:12px;}
  217. header.nav-cen nav a,header.nav-rig nav a{margin-left:12px;}
  218. header.nav-lef .image img {position:absolute;left:10px;}
  219. header.nav-rig .image img {position:absolute;right:10px;}
  220. header.nav-rig nav,header.nav-rig h1 {right:10px;right:85px;}
  221. header.nav-lef nav,header.nav-lef h1 {left:85px;}
  222. header.nav-lef .head_hold,header.nav-rig .head_hold {height:50px;}
  223. header.nav-cen .head_hold {min-height:25px;max-height:50px;}
  224. header.nav-cen nav{right:5px;}
  225. header.nav-cen .image img{display:inline-block;}
  226. header.nav-cen h1 {text-align:left;max-width:calc(50% - 45px);}
  227.  
  228. /* Titles */
  229.  
  230. h1 {
  231.     margin:0;
  232.     font-size:10px;
  233.     line-height:100%;
  234.     text-transform:uppercase;
  235.     letter-spacing:1px;
  236.     font-weight:400;
  237. }
  238.  
  239. h2 {margin:10px 0;font-weight:600;font-size:13px;line-height:100%;}
  240. h3,h4,h5 {margin:10px 0;font-size:10px;line-height:100%;}
  241.  
  242. /* Permalinks */
  243.  
  244. .entry:hover .p,.entry:hover .tags {opacity:1;}
  245. .p_hold {text-align:{select:Permalink Align};margin-top:5px;font-size:0;}
  246. .p_hold b.line {margin-top:6px;}
  247. .p {display:inline-block;background:{color:Background};}
  248. .p,.tags {
  249.     padding:1px 8px 3px;
  250.     {block:ifHoverPerma}opacity:0;{/block:ifHoverPerma}
  251. }
  252.  
  253. .p a{
  254.     font-size:7px;
  255.     line-height:100%;
  256.     letter-spacing:0.75px;
  257.     text-transform:uppercase;
  258.     font-weight:600;
  259. }
  260.  
  261. .entry:hover .thover{opacity:1;}
  262. .tshow,.thover{display:block;position:relative;}
  263. .thide {display:none;}
  264. .thover {opacity:0;}
  265. .tags a {display:inline-block;margin:1px 3px;font-size:9px;line-height:100%;}
  266. a.nt{
  267.     font-weight:400;
  268.     font-size:9px;
  269.     line-height:100%;
  270.     letter-spacing:2px;
  271.     margin:0 3px 0 5px;
  272. }
  273.  
  274. /* Quotes */
  275.  
  276. .qut_hold {margin-bottom:20px;}
  277. .src {margin-bottom:5px;}
  278. .qut {font-size:13px;line-height:120%;}
  279.  
  280. /* Audio & Chat */
  281.  
  282. .lines,.chat h2 {margin:10px 0;padding:0;}
  283. .lines b {display:block;}
  284. .play {padding:10px;background:#e4e4e4;height:27px;width:27px;}
  285. .audio {font-size:0;}
  286. .audio b.line {margin-top:23px;}
  287. .play,.au {display:inline-block;vertical-align:middle;}
  288. .soundcloud_audio_player{padding:15px 0;}
  289. .au span.tn {font-size:10px;font-weight:600;}
  290. .au span {display:block;font-size:9px;line-height:100%;}
  291. .au span:first-of-type {margin-bottom:15px;}
  292. .au {width:calc(100% - 62px);margin-left:15px;}
  293. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  294.  
  295. /* Text */
  296.  
  297. ol,ul {padding:0 0 0 25px;}
  298. li {margin:3px 0;}
  299. p,blockquote,pre,ul,ol{margin:10px 0;}
  300. b,strong {font-weight:600;}
  301. blockquote p{margin:10px 0;}
  302. blockquote p:first-child{margin:0 0 10px;}
  303. blockquote p:last-child{margin:10px 0 0;}
  304. blockquote p:only-child{margin:0;}
  305. blockquote blockquote {margin:0;}
  306. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  307. pre {
  308.     white-space:pre-wrap;
  309.     white-space:-moz-pre-wrap;
  310.     white-space:-pre-wrap;
  311.     white-space:-o-pre-wrap;
  312.     word-wrap:break-word;
  313. }
  314.  
  315. /* Captions */
  316.  
  317. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  318. .txt,.cap {margin:20px 0;}
  319. .cap {margin:25px 0 20px;}
  320. .chid {display:none;}
  321. .cmin blockquote {border:0;padding:0;margin:0;}
  322. .cinl *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;}
  323. .cinl p:first-of-type {display:inline!important;}
  324. .cinl blockquote {border:0;}
  325. .cinl p,.cinl blockquote p {display:block!important;margin:0!important;}
  326.  
  327. /* Video */
  328.  
  329. .video {overflow:hidden;}
  330. .vine-embed,#youtube_iframe {display:block;}
  331. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  332.  
  333. /* Photosets */
  334.  
  335. #tumblr_lightbox,.tmblr-lightbox {
  336.     background:rgba({RGBcolor:Background},0.99)!important;
  337. }
  338.  
  339. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  340.     opacity:0!important;
  341. }
  342.  
  343. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  344. #tumblr_lightbox_right_image, .lightbox-image {
  345.     box-shadow:none!important;
  346.     border-radius:0px!important;
  347.     {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  348. }
  349.  
  350. /* Permalink Page + Postnotes */
  351.  
  352. .pph {text-transform:lowercase;}
  353. .perma {margin:15px 0;line-height:160%;}
  354. .pmt a:after {content:',';}
  355. .pmt a:last-of-type:after {content:'.';}
  356. .pn ol {margin:0;padding:0;list-style-type:none;}
  357. .pn li{margin:8px 0;font-size:9px;line-height:100%;}
  358. .pn,.pn img{display:none;}
  359. .pn {margin:15px 0;font-size:0;}
  360. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  361. .more_notes_link,.notes_loading {text-align:left!important;}
  362.  
  363. /* Ask */
  364.  
  365. .ask b.line {margin-top:10px;}
  366. .aski {
  367.     padding:0 5px;
  368.     margin:0 10px;
  369.     display:inline-block;
  370.     background:{color:Background};
  371.     line-height:20px;
  372.     font-size:11px;
  373. }
  374.  
  375. .aski img {float:left;width:20px;margin-right:7px;}
  376. .que {padding:15px;border-bottom:1px dashed {color:Border};}
  377.  
  378. /* Tooltips */
  379.  
  380. #s-m-t-tooltip{
  381.     max-width:200px;
  382.     margin:15px;
  383.     z-index:99999999;
  384.     padding:5px 7px;
  385.     font-size:9px;
  386.     line-height:100%;
  387.     color:{color:Link};
  388.     background:{color:Background};
  389.     border:1px solid {color:Border};
  390.     word-wrap:break-word;
  391.     word-break:break-all;
  392. }
  393.  
  394. /* Common Styles */
  395.  
  396. .ask,p,blockquote,.lines,.desc{line-height:150%;}
  397. a:hover, a h2:hover{color:{color:Hover};}
  398. a,.p,.perma {color:{color:Link};}
  399. h2 a i {margin:0px 2px;}
  400.  
  401. {block:ifRoundEdges}
  402. .play,.aski img,#s-m-t-tooltip,.txt img,.cap img,.entry iframe,.video,.bx{border-radius:4px!important;}
  403. {/block:ifRoundEdges}
  404.  
  405. /* Etc */
  406.  
  407. .notes img {width:0px;}
  408. img {margin:0;display:block;}
  409.  
  410. b.line {
  411.     position:absolute;
  412.     height:1px;
  413.     width:100%;
  414.     left:0px;
  415.     background:{color:Border};
  416.     z-index:-1;
  417. }
  418.  
  419. .mobile-only
  420. {
  421.     display:none;
  422. }
  423. .d {
  424.     bottom: 27px;
  425.    
  426.     z-index:6;
  427.     font-size:8px;
  428.     line-height:15px;
  429.     letter-spacing: 0.5px;
  430.     font-weight: bold;
  431.     text-transform: uppercase;
  432.     text-align: center;
  433.    
  434.     position: fixed;
  435.     right: 80px;
  436.     padding: 0px 5px 0px 5px;
  437. }
  438.  
  439. </style>
  440. </head>
  441. <body class="{select:Navigation}">
  442.  
  443. <div class="tc"><i class="fa fa-bars"></i></div>
  444.  
  445. <div class="center {select:Navigation Align}">
  446.  
  447. <aside class="hcen">
  448. <h1><a href="/">{Title}</a></h1>
  449. <b class="line"></b>
  450. <div class="image"><a href="/"><img src="{block:ifIconImage}{image:Icon}{/block:ifIconImage}{block:ifnotIconImage}{PortraitURL-128}{/block:ifnotIconImage}"/></a></div>
  451.  
  452. <nav>
  453.     <a href="/" title="index"><i class="fa fa-home"></i></a>
  454.     <a href="/ask" title="ask"><i class="fa fa-envelope-o"></i></a>
  455.     {block:ifDropLinks}<a href="#" class="lh" title="navigation"><i class="fa fa-bars"></i></a>{/block:ifDropLinks}
  456.     {block:ifnotDropLinks}<a href="{text:Navigation URL}" title="navigation"><i class="fa fa-bars"></i></a>{/block:ifnotDropLinks}
  457. </nav>
  458.  
  459. {block:Description}<div class="desc">{Description} {text:Hovers}{/block:Description}
  460.  
  461. {block:ifDropLinks}
  462. <div class="lb">
  463.     {block:ifLink1}
  464.     <a href="{text:Link 1}">{text:Link 1 Title}</a>
  465.     {/block:ifLink1}{block:ifLink2}
  466.     <a href="{text:Link 2}">{text:Link 2 Title}</a>
  467.     {/block:ifLink2}{block:ifLink3}
  468.     <a href="{text:Link 3}">{text:Link 3 Title}</a>
  469.     {/block:ifLink3}{block:ifLink4}
  470.     <a href="{text:Link 4}">{text:Link 4 Title}</a>
  471.     {/block:ifLink4}        
  472. </div>
  473. {/block:ifDropLinks}
  474.  
  475. </aside>
  476.  
  477. <aside class="hrig">
  478. <div class="side-left">
  479. <h1><a href="/">{Title}</a></h1>
  480. <nav>
  481.     <a href="/" title="index"><i class="fa fa-home"></i></a>
  482.     <a href="/ask" title="ask"><i class="fa fa-envelope-o"></i></a>
  483.     {block:ifDropLinks}<a href="#" class="lh" title="navigation"><i class="fa fa-bars"></i></a>{/block:ifDropLinks}
  484.     {block:ifnotDropLinks}<a href="{text:Navigation URL}" title="navigation"><i class="fa fa-bars"></i></a>{/block:ifnotDropLinks}
  485. </nav>
  486.  
  487. {block:Description}<div class="desc">{Description}</div>{/block:Description}
  488.  
  489. {block:ifDropLinks}
  490. <div class="lb">
  491.     {block:ifLink1}
  492.     <a href="{text:Link 1}">{text:Link 1 Title}</a>
  493.     {/block:ifLink1}{block:ifLink2}
  494.     <a href="{text:Link 2}">{text:Link 2 Title}</a>
  495.     {/block:ifLink2}{block:ifLink3}
  496.     <a href="{text:Link 3}">{text:Link 3 Title}</a>
  497.     {/block:ifLink3}{block:ifLink4}
  498.     <a href="{text:Link 4}">{text:Link 4 Title}</a>
  499.     {/block:ifLink4}        
  500. </div>
  501. {/block:ifDropLinks}
  502. </div>
  503.  
  504. <div class="side-right">
  505. <b class="line"></b>
  506. <div class="image"><a href="/"><img src="{block:ifIconImage}{image:Icon}{/block:ifIconImage}{block:ifnotIconImage}{PortraitURL-128}{/block:ifnotIconImage}"/></a></div>
  507. </div>
  508. </aside>
  509.  
  510. <aside class="hlef">
  511. <div class="side-left">
  512. <b class="line"></b>
  513. <div class="image"><a href="/"><img src="{block:ifIconImage}{image:Icon}{/block:ifIconImage}{block:ifnotIconImage}{PortraitURL-128}{/block:ifnotIconImage}"/></a></div>
  514. </div>
  515.  
  516. <div class="side-right">
  517. <h1><a href="/">{Title}</a></h1>
  518. <nav>
  519.     <a href="/" title="index"><i class="fa fa-home"></i></a>
  520.     <a href="/ask" title="ask"><i class="fa fa-envelope-o"></i></a>
  521.     {block:ifDropLinks}<a href="#" class="lh" title="navigation"><i class="fa fa-bars"></i></a>{/block:ifDropLinks}
  522.     {block:ifnotDropLinks}<a href="{text:Navigation URL}" title="navigation"><i class="fa fa-bars"></i></a>{/block:ifnotDropLinks}
  523. </nav>
  524.  
  525. {block:Description}<div class="desc">{Description}</div>{/block:Description}
  526.  
  527. {block:ifDropLinks}
  528. <div class="lb">
  529.     {block:ifLink1}
  530.     <a href="{text:Link 1}">{text:Link 1 Title}</a>
  531.     {/block:ifLink1}{block:ifLink2}
  532.     <a href="{text:Link 2}">{text:Link 2 Title}</a>
  533.     {/block:ifLink2}{block:ifLink3}
  534.     <a href="{text:Link 3}">{text:Link 3 Title}</a>
  535.     {/block:ifLink3}{block:ifLink4}
  536.     <a href="{text:Link 4}">{text:Link 4 Title}</a>
  537.     {/block:ifLink4}        
  538. </div>
  539. {/block:ifDropLinks}
  540. </div>
  541. </aside>
  542.  
  543. <header class="{select:Navigation Align}">
  544.  
  545. <div class="head_hold">
  546. <h1><a href="/">{Title}</a></h1>
  547.  
  548. <nav>
  549.     <a href="/" title="index"><i class="fa fa-home"></i></a>
  550.     <a href="/ask" title="ask"><i class="fa fa-envelope-o"></i></a>
  551.     {block:ifDropLinks}<a href="#" class="lh" title="navigation"><i class="fa fa-bars"></i></a>{/block:ifDropLinks}
  552.     {block:ifnotDropLinks}<a href="{text:Navigation URL}" title="navigation"><i class="fa fa-bars"></i></a>{/block:ifnotDropLinks}
  553. </nav>
  554.  
  555. <b class="line"></b>
  556. <div class="image"><a href="/"><img src="{block:ifIconImage}{image:Icon}{/block:ifIconImage}{block:ifnotIconImage}{PortraitURL-128}{/block:ifnotIconImage}"/></a></div>
  557. </div>
  558.  
  559. {block:Description}<div class="desc">{Description}</div>{/block:Description}
  560.  
  561. {block:ifDropLinks}
  562. <div class="lb">
  563.     {block:ifLink1}
  564.     <a href="{text:Link 1}">{text:Link 1 Title}</a>
  565.     {/block:ifLink1}{block:ifLink2}
  566.     <a href="{text:Link 2}">{text:Link 2 Title}</a>
  567.     {/block:ifLink2}{block:ifLink3}
  568.     <a href="{text:Link 3}">{text:Link 3 Title}</a>
  569.     {/block:ifLink3}{block:ifLink4}
  570.     <a href="{text:Link 4}">{text:Link 4 Title}</a>
  571.     {/block:ifLink4}        
  572. </div>
  573. {/block:ifDropLinks}
  574. </header>
  575.  
  576. <div id="content">
  577. {block:Posts}
  578. <div class="entry" id="{PostID}">
  579.  
  580. {block:Text}
  581. <div class="txt">
  582. {block:Title}<h2>{Title}</h2>{/block:Title}
  583. {Body}</div>
  584. {/block:Text}
  585.  
  586. {block:Link}
  587. <div class="txt">
  588. <h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>
  589. {block:Description}{Description}{/block:Description}
  590. </div>
  591. {/block:Link}
  592.  
  593. {block:Photo}
  594. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="bx"/></a>
  595. {/block:Photo}
  596.  
  597. {block:Photoset}
  598. <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>
  599. {/block:Photoset}
  600.  
  601. {block:Quote}
  602. <div class="qut_hold">
  603. {block:Source}<div class="src">{Source}</div>{/block:Source}
  604. <div class="qut">{Quote}</div>
  605. </div>
  606. {/block:Quote}
  607.  
  608. {block:Chat}
  609. <div class="chat">
  610. {block:Title}<h2>{Title}</h2>{/block:Title}
  611. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  612. </div>
  613. {/block:Chat}
  614.  
  615. {block:Audio}
  616. <div class="audio">
  617. <b class="line"></b>
  618. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  619. <div class="au">
  620.     {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  621.     {block:Artist}<span>by {Artist}</span>{/block:Artist}
  622. </div>
  623. </div>
  624. {/block:Audio}
  625.  
  626. {block:Video}
  627. <div class="video">{Video-500}</div>
  628. {/block:Video}
  629.  
  630. {block:Answer}
  631. <div class="ask">
  632.     <b class="line"></b>
  633.     <div class="aski"><img src="{AskerPortraitURL-24}">{Asker} said:</div>
  634.     <div class="que">{Question}</div>
  635. </div>
  636. <div class="txt">{Answer}</div>
  637. {/block:Answer}
  638.  
  639. {block:Caption}<div class="cap {select:Captions}">{Caption}</div>{/block:Caption}
  640.  
  641. {block:IndexPage}
  642. <div class="p_hold">
  643. <b class="line"></b>
  644. <div class="p">
  645.     <a href="{Permalink}">{DayofWeek}</a>        
  646.     <a href="{Permalink}" class="nt">{NoteCount}</a>    
  647.     <a href="{ReblogURL}">reblog</a>
  648. </div>
  649.  
  650. {block:HasTags}<div class="tags {select:Tags}">
  651. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  652. </div>{/block:HasTags}
  653. </div>
  654. {/block:IndexPage}
  655.  
  656. {block:PermalinkPage}
  657. {block:Date}
  658. <div class="pph">
  659. <div class="perma">
  660. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  661. {block:RebloggedFrom}<br>
  662. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  663. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  664. {/block:RebloggedFrom}
  665.  
  666. {block:HasTags}<div class="pmt">tags: &nbsp;
  667. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  668. </div>{/block:HasTags}
  669. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  670. </div>
  671.  
  672. {block:PostNotes}
  673. <div class="pn">{PostNotes}</div>
  674. {/block:PostNotes}
  675.  
  676. </div>
  677. {/block:Date}
  678. {/block:PermalinkPage}
  679.  
  680. {block:ContentSource}
  681. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  682. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  683. {/block:SourceLogo}
  684. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  685. {/block:ContentSource}
  686.  
  687. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  688.  
  689. </div>
  690. {/block:Posts}
  691.  
  692. {block:ifPaginate}
  693. {block:Pagination}
  694. <div class="pag">
  695.     {block:PreviousPage}
  696.         <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>
  697.     {/block:PreviousPage}
  698.  
  699.     {block:JumpPagination length="3"}
  700.     {block:CurrentPage}
  701.     <span class="cp">{PageNumber}</span>
  702.     {/block:CurrentPage}
  703.     {block:JumpPage}
  704.     <a class="jp" href="{URL}">{PageNumber}</a>
  705.     {/block:JumpPage}
  706.     {/block:JumpPagination}
  707.  
  708.     {block:NextPage}
  709.         <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>
  710.     {/block:NextPage}
  711. </div>
  712. {/block:Pagination}
  713. {/block:ifPaginate}
  714.  
  715. </div>
  716.  
  717. {block:ifnotPaginate}
  718. {block:Pagination}
  719. <div class="pag">
  720.     {block:PreviousPage}
  721.         <a href="{PreviousPage}" class="prev">back</a>
  722.     {/block:PreviousPage}
  723.     {block:NextPage}
  724.         <a href="{NextPage}" class="next">next</a>
  725.     {/block:NextPage}
  726. </div>
  727.  
  728.     {block:ifLoadMore}
  729.         <a class="load">Load More</a>
  730.     {/block:ifLoadMore}
  731. {/block:Pagination}
  732. {/block:ifnotPaginate}
  733.  
  734. </div>
  735.  
  736. <a class="top" href="#"><i class="fa fa-angle-up"></i></a>
  737. <a class="c" href="http://acuite.tumblr.com">acuite</a>
  738. <div class="d"><a href="#" title="THIS IS MERELY A ROLEPLAY BLOG. i am not the real roy kim, nor am i affiliated with him, cj e&amp;m or mmo entertainment">rp only</a> | <a href="#" title="sidebar image by instagram.com/hyang_ja">©</a></div>
  739.  
  740. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  741. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  742. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  743. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  744. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  745. <script>
  746. $(document).ready(function(){
  747.     $('.photo-slideshow').pxuPhotoset({
  748.         lightbox: true,
  749.         gutter: '1px',
  750.         photoset: '.photo-slideshow',
  751.         photoWrap: '.photo-data',
  752.         photo: '.pxu-photo',
  753.         {block:ifnotRoundEdges}
  754.         rounded: false,
  755.         {/block:ifnotRoundEdges}
  756.         {block:ifRoundEdges}
  757.         rounded: 'corners',
  758.         borderRadius: '3px'
  759.         {/block:ifRoundEdges}
  760.     });
  761.     {block:ifnotPaginate}
  762.     var $container = $('#content');
  763.         $container.infinitescroll({
  764.             itemSelector: '.entry',
  765.             navSelector: '.pag',
  766.             nextSelector: '.next',
  767.             loadingImg: ' ',
  768.             loadingText: ' ',
  769.             donetext: 'No more posts' ,
  770.             bufferPx: 2000,
  771.             {block:ifLoadMore}
  772.             errorCallback: function(){
  773.                 jQuery('.load').delay(50).fadeOut();
  774.             }
  775.             {/block:ifLoadMore}
  776.         },
  777.         function( newElements ) {
  778.             var $newElems = $( newElements );
  779.             var $newElemsIDs = $newElems.map(function(){
  780.                 return this.id;
  781.             }).get();
  782.             $newElems.find('.photo-slideshow').pxuPhotoset({
  783.                 lightbox: true,
  784.                 gutter: '1px',
  785.                 photoset: '.photo-slideshow',
  786.                 photoWrap: '.photo-data',
  787.                 photo: '.pxu-photo',
  788.                 {block:ifnotRoundEdges}
  789.                 rounded: false,
  790.                 {/block:ifnotRoundEdges}
  791.                 {block:ifRoundEdges}
  792.                 rounded: 'corners',
  793.                 borderRadius: '3px'
  794.                 {/block:ifRoundEdges}
  795.             });
  796.             resizeVideos();
  797.             console.log($newElems, $newElemsIDs);
  798.             Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  799.         });
  800.  
  801.     {block:ifLoadMore}
  802.     $(window).unbind(".infscr");
  803.         $(".load").click(function(){
  804.             $("#content").infinitescroll("retrieve");
  805.     });
  806.     {/block:ifLoadMore}
  807.  
  808.     {/block:ifnotPaginate}
  809. });
  810.  
  811.  
  812.  
  813. // scroll to top © html-tuts.com
  814. var amountScrolled = 500;
  815. $(window).scroll(function() {
  816.     if ($(window).scrollTop() > amountScrolled) {
  817.         $('a.top').fadeIn('slow');
  818.     } else {
  819.         $('a.top').fadeOut('slow');
  820.     }
  821. });
  822.  
  823. $('a.top').click(function() {
  824.     $('body, html').animate({
  825.         scrollTop: 0
  826.     }, 'slow');
  827. return false;
  828. });
  829.  
  830.  
  831.  
  832. // drop links & post notes
  833. $(document).ready(function(){
  834.    $(".pn").hide();
  835.         $(".pnh").show();$('.pnh').toggle(function(){
  836.             $(".pn").slideDown(function(){});
  837.                 },function(){
  838.             $(".pn").slideUp(function(){});
  839.         });
  840.     $(".lb").hide();
  841.         $(".lh").show();$('.lh').toggle(function(){
  842.             $(".lb").slideDown(function(){});
  843.                 },function(){
  844.             $(".lb").slideUp(function(){});
  845.         });
  846.     });
  847.  
  848.  
  849.  
  850. // tooltips
  851. (function($){
  852. $(document).ready(function(){
  853.     $("[title]").style_my_tooltips({
  854.         tip_delay_time:200,
  855.         tip_fade_speed:300
  856.         }
  857.     );
  858. });
  859. })(jQuery);
  860.  
  861. </script>
  862. </body>
  863. </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!