API tools faq
paste
Advertisement
leerious

khc90

leerious
Nov 28th, 2015
267
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html >
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #24 by Heidi @ladmilk
  7.  
  8.  
  9. Credit:
  10. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  11. Tool-tips: Malihu (manos.malihu.gr/style-my-tooltips-jquery-plugin/)
  12. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/123250129923/tutorial-resizing-videos)
  13.  
  14. ---->
  15.  
  16. <head>
  17. <title>{Title}</title>
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. <link rel="shortcut icon" href="{Favicon}" />
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  23.  
  24. <meta name="color:Background" content="#ffffff" />
  25. <meta name="color:Posts" content="#f7f7f7" />
  26. <meta name="color:Posts Title" content="#666666" />
  27. <meta name="color:Text" content="#888888" />
  28. <meta name="color:Links" content="#000000" />
  29. <meta name="color:Links Hover" content="#e4e4e4" />
  30. <meta name="color:Bold" content="#777777" />
  31. <meta name="color:Italic" content="#cccccc"/>
  32. <meta name="color:Blockquote" content="#e4e4e4" />
  33. <meta name="color:Chat" content="#f1f1f1" />
  34. <meta name="color:Quote" content="#aaaaaa" />
  35. <meta name="color:Ask" content="#666666" />
  36. <meta name="color:Perma Background" content="#ffffff" />
  37. <meta name="color:Perma Border" content="#eeeeee" />
  38. <meta name="color:Perma Text" content="#cccccc" />
  39. <meta name="color:Perma Links" content="#999999" />
  40. <meta name="color:Title" content="#666666" />
  41. <meta name="color:Sidebar Background" content="#f7f7f7" />
  42. <meta name="color:Sidebar Text" content="#888888" />
  43. <meta name="color:Navigation" content="#000000"/>
  44. <meta name="color:Navigation Background Hover" content="#000000" />
  45. <meta name="color:Navigation Hover" content="#ffffff" />
  46. <meta name="color:Scroll" content="#ffffff" />
  47. <meta name="color:Scrollbar" content="#dddddd" />
  48.  
  49.  
  50. <meta name="image:Background" content="" />
  51. <meta name="image:Sidebar" content="" />
  52.  
  53.  
  54. <meta name="if:Image Fade" content="1" />
  55.  
  56. <meta name="if:Show Tags" content="1" />
  57. <meta name="if:Show Captions" content="0" />
  58.  
  59. <meta name="if:InfiniteScroll" content="1" />
  60.  
  61. <meta name="if:Grey Tumblr Controls" content="0" />
  62. <meta name="if:White Tumblr Controls" content="1" />
  63. <meta name="if:Black Tumblr Controls" content="0" />
  64.  
  65.  
  66. <meta name="select:Post Size" content="250" title="250px" />
  67. <meta name="select:Post Size" content="300" title="300px" />
  68. <meta name="select:Post Size" content="350" title="350px" />
  69. <meta name="select:Post Size" content="400" title="400px" />
  70. <meta name="select:Post Size" content="500" title="500px" />
  71.  
  72.  
  73. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  74. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  75. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  76. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  77. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  78.  
  79.  
  80. <meta name="text:Link1" content="" />
  81. <meta name="text:Title1" content="" />
  82. <meta name="text:Link2" content="" />
  83. <meta name="text:Title2" content="" />
  84. <meta name="text:Link3" content="" />
  85. <meta name="text:Title3" content="" />
  86. <meta name="text:Link4" content="" />
  87. <meta name="text:Title4" content="" />
  88.  
  89.  
  90. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  91.  
  92.  
  93. <!--- Fonts --->
  94.  
  95.  
  96. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  97. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  98. <meta name="select:Body Font" content="calibri" title="Calibri" />
  99. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  100. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  101. <meta name="select:Body Font" content="Lato" title="Lato" />
  102. <meta name="select:Body Font" content="cambria" title="Cambria" />
  103. <meta name="select:Body Font" content="georgia" title="Georgia" />
  104. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  105. <meta name="select:Body Font" content="Lora" title="Lora" />
  106. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  107. <meta name="select:Body Font" content="courier" title="Courier" />
  108. <meta name="select:Body Font" content="consolas" title="Consolas" />
  109. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  110.  
  111. <meta name="select:Body Font Size" content="8" title="8px" />
  112. <meta name="select:Body Font Size" content="9" title="9px" />
  113. <meta name="select:Body Font Size" content="10" title="10px" />
  114. <meta name="select:Body Font Size" content="11" title="11px" />
  115. <meta name="select:Body Font Size" content="12" title="12px" />
  116.  
  117.  
  118. <meta name="select:Title Font" content="helvetica" title="Helvetica" />
  119. <meta name="select:Title Font" content="trebuchet ms" title="Trebuchet ms" />
  120. <meta name="select:Title Font" content="calibri" title="Calibri" />
  121. <meta name="select:Title Font" content="Open Sans" title="Open Sans" />
  122. <meta name="select:Title Font" content="Roboto" title="Roboto" />
  123. <meta name="select:Title Font" content="Lato" title="Lato" />
  124. <meta name="select:Title Font" content="cambria" title="Cambria" />
  125. <meta name="select:Title Font" content="georgia" title="Georgia" />
  126. <meta name="select:Title Font" content="times new roman" title="Times New Roman" />
  127. <meta name="select:Title Font" content="Lora" title="Lora" />
  128. <meta name="select:Title Font" content="Droid Serif" title="Droid Serif" />
  129. <meta name="select:Title Font" content="courier" title="Courier" />
  130. <meta name="select:Title Font" content="consolas" title="Consolas" />
  131. <meta name="select:Title Font" content="lucida console" title="Lucida Console" />
  132.  
  133. <meta name="select:Perma Font" content="calibri" title="Calibri" />
  134. <meta name="select:Perma Font" content="trebuchet ms" title="Trebuchet ms" />
  135. <meta name="select:Perma Font" content="helvetica" title="Helvetica" />
  136. <meta name="select:Perma Font" content="Open Sans" title="Open Sans" />
  137. <meta name="select:Perma Font" content="Roboto" title="Roboto" />
  138. <meta name="select:Perma Font" content="Lato" title="Lato" />
  139. <meta name="select:Perma Font" content="cambria" title="Cambria" />
  140. <meta name="select:Perma Font" content="georgia" title="Georgia" />
  141. <meta name="select:Perma Font" content="times new roman" title="Times New Roman" />
  142. <meta name="select:Perma Font" content="Lora" title="Lora" />
  143. <meta name="select:Perma Font" content="Droid Serif" title="Droid Serif" />
  144. <meta name="select:Perma Font" content="courier" title="Courier" />
  145. <meta name="select:Perma Font" content="consolas" title="Consolas" />
  146. <meta name="select:Perma Font" content="lucida console" title="Lucida Console" />
  147.  
  148. <meta name="select:Font Style" content="i" title="Italic" />
  149. <meta name="select:Font Style" content="n" title="Normal" />
  150.  
  151.  
  152. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300|Roboto:400,700,300|Lato:400,300,700|Lora:400,700|Droid+Serif:400,700' rel='stylesheet' type='text/css' />
  153.  
  154.  
  155.  
  156. <style type="text/css">
  157.  
  158.  
  159.  
  160. /* Tumblr Controls */
  161.  
  162.  
  163. iframe#tumblr_controls {
  164. top:0%!important;
  165. right:0%!important;
  166. position:fixed!important;
  167. z-index:999999999!important;
  168. {block:ifnotBlackTumblrControls}
  169. {block:ifWhiteTumblrControls}
  170. -webkit-filter:invert(100%);
  171. -moz-filter:invert(100%);
  172. -o-filter:invert(100%);
  173. -ms-filter:invert(100%);
  174. filter:invert(100%);
  175. opacity:0.3;
  176. {/block:ifWhiteTumblrControls}
  177. {block:ifGreyTumblrControls}
  178. -webkit-filter:invert(70%);
  179. -moz-filter:invert(70%);
  180. -o-filter:invert(70%);
  181. -ms-filter:invert(70%);
  182. filter:invert(70%);
  183. opacity:0.4;
  184. {/block:ifGreyTumblrControls}
  185. {/block:ifnotBlackTumblrControls}
  186. }
  187.  
  188.  
  189.  
  190. /* Scrollbar */
  191.  
  192.  
  193. ::-webkit-scrollbar { width:6px; height:6px; }
  194. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  195. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }
  196.  
  197.  
  198.  
  199. /*Body*/
  200.  
  201.  
  202. body {
  203. margin:0;
  204. padding:0;
  205. border:0;
  206. background:url('{image:Background}');
  207. background-attachment:fixed;
  208. background-repeat:repeat;
  209. background-color:{color:Background};
  210. color:{color:Text};
  211. font-family:arial, sans-serif;
  212. font-size:9px;
  213. line-height:12px;
  214. word-wrap:break-word;
  215. }
  216.  
  217. a { color:{color:Links}; text-decoration:none; }
  218.  
  219. a:hover, aside h1 a:hover, .pagination a:hover, .perma a:hover { color:{color:Links Hover}; }
  220.  
  221. b, strong { color:{color:Bold}; font-weight:bold; }
  222.  
  223. i, em { color:{color:Italic}; font-style:italic; }
  224.  
  225. .i { font-style:italic; }
  226.  
  227. .n { font-style:normal; }
  228.  
  229. h1, h2, h3, h4, h5 {
  230. margin:0;
  231. font-size:120%;
  232. font-weight:normal;
  233. line-height:120%;
  234. }
  235.  
  236. .posts > h2 {
  237. margin:0px 0px 5px 0px;
  238. display:block;
  239. color:{color:Posts Title};
  240. font-family:arial;
  241. font-weight:bold;
  242. text-transform:uppercase;
  243. font-style:italic;
  244. font-size:12px;
  245. line-height:14px;
  246. text-align:center;
  247. }
  248.  
  249. p { margin:5px 0; padding:0; }
  250. p:first-of-type { margin-top:0; }
  251. p:last-of-type { margin-bottom:0; }
  252.  
  253. pre {
  254. margin:5px 0;
  255. padding:2px 4px;
  256. background:#f4f4f4;
  257. white-space:pre-wrap;
  258. word-wrap:break-word;
  259. }
  260.  
  261. blockquote {
  262. margin:5px 5px 5px 15px;
  263. padding:2px 0 2px 10px;
  264. border-left:1px solid {color:Blockquote};
  265. }
  266.  
  267. .cap { margin:10px 0 0 0; }
  268. .cp { display:none; }
  269.  
  270. ul, ol { padding:0; margin:5px 25px; }
  271.  
  272. ul { list-style-type:square; }
  273.  
  274.  
  275.  
  276. /* Center wrapper & Posts */
  277.  
  278.  
  279. #wrapper {
  280. {block:IndexPage}
  281. width:calc({select:Post Size}px + 20px);
  282. {/block:IndexPage}
  283. {block:PermalinkPage}
  284. width:calc({select:Post Size Permalinkpage}px + 20px);
  285. {/block:PermalinkPage}
  286. margin:80px 500px;
  287. padding:0;
  288. position:relative;
  289. }
  290.  
  291. .posts_outer {
  292. {block:IndexPage}
  293. margin:50px auto;
  294. {block:IndexPage}
  295. {block:PermalinkPage}
  296. margin:50px auto 10px auto;
  297. {/block:PermalinkPage}
  298. position:relative;
  299. }
  300.  
  301. .posts {
  302. {block:IndexPage}
  303. width:{select:Post Size}px;
  304. {/block:IndexPage}
  305. {block:PermalinkPage}
  306. width:{select:Post Size Permalinkpage}px;
  307. {/block:PermalinkPage}
  308. padding:10px;
  309. background:{color:Posts};
  310. color:{color:Text};
  311. }
  312.  
  313.  
  314.  
  315. /* Image */
  316.  
  317.  
  318. .posts img, iframe, img, embed, object, video { max-width:100%; }
  319.  
  320. #photo img { width:100%; display:block; }
  321.  
  322.  
  323.  
  324. /* Photoset */
  325.  
  326.  
  327. .photoset { display:block; }
  328.  
  329. #tumblr_lightbox { background-color:rgba({RGBcolor:Background}, .8)!important; }
  330.  
  331. #vignette { opacity:0!important; }
  332.  
  333. #tumblr_lightbox_caption {
  334. padding-left:17px;
  335. background:none!important;
  336. color:{color:Text}!important;
  337. font-family:{select:Body Font}!important;
  338. text-transform:none!important;
  339. text-shadow:none!important;
  340. }
  341.  
  342. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  343. padding:0px!important;
  344. opacity:1!important;
  345. border-radius:0px!important;
  346. -webkit-border-radius:0px!important;
  347. -moz-border-radius:0px!important;
  348. box-shadow:none!important;
  349. -webkit-box-shadow:none!important;
  350. -moz-box-shadow:none!important;
  351. }
  352.  
  353.  
  354.  
  355. /* Video */
  356.  
  357.  
  358. #vid { display:block; overflow:hidden; }
  359.  
  360. #vid iframe { display:block; }
  361.  
  362. .tumblr_video_container { width:auto!important; height:auto!important; }
  363.  
  364. {block:IndexPage}
  365. iframe.vine-embed {
  366. width:{select:Post Size}px!important;
  367. height:{select:Post Size}px!important;
  368. display:block;
  369. }
  370. {/block:IndexPage}
  371.  
  372.  
  373. {block:ifImageFade}
  374. {block:IndexPage}
  375. #vid, .html_photoset, #photo img {
  376. opacity:.7;
  377. -webkit-transition:all .7s ease;
  378. -moz-transition:all .7s ease;
  379. -o-transition:all .7s ease;
  380. transition:all .7s ease;
  381. }
  382.  
  383. .posts_outer:hover #photo img, .posts_outer:hover .html_photoset, .posts_outer:hover #vid { opacity:1; }
  384. {/block:IndexPage}
  385. {/block:ifImageFade}
  386.  
  387.  
  388.  
  389. /* Audio */
  390.  
  391. #art {
  392. width:80px;
  393. height:80px;
  394. display:block;
  395. background-image:url('http://static.tumblr.com/3yblkz0/Z52nu812y/80.png');
  396. background-position:center;
  397. background-color:#fff;
  398. }
  399.  
  400. #art img { width:80px; display:block; }
  401.  
  402. #audio_text { padding:0 10px; position:relative; }
  403.  
  404. #audio_text p { padding:2px 0px; }
  405.  
  406. iframe.tumblr_audio_player {
  407. width:30px;
  408. height:30px;
  409. display:block;
  410. position:absolute;
  411. opacity:0.4;
  412. border:25px solid #fff;
  413. background:#fff;
  414. -webkit-transition:all .7s ease;
  415. -moz-transition:all .7s ease;
  416. -o-transition:all .7s ease;
  417. transition:all .7s ease;
  418. }
  419.  
  420. .posts:hover iframe.tumblr_audio_player { opacity:.8; }
  421.  
  422. {block:IndexPage}
  423. iframe.soundcloud_audio_player {
  424. width:{select:Post Size}px!important;
  425. height:auto!important;
  426. display:block;
  427. }
  428.  
  429. iframe.spotify_audio_player {
  430. width:{select:Post Size}px!important;
  431. height:80px!important;
  432. display:block;
  433. }
  434. {/block:IndexPage}
  435.  
  436.  
  437.  
  438. /* Chat */
  439.  
  440.  
  441. #lines { margin:0; padding:3px 5px; }
  442.  
  443. #lines.odd { background:{color:Chat}; border:solid 1px #eee; }
  444.  
  445.  
  446.  
  447. /* Quote */
  448.  
  449. #quote {
  450. color:{color:Quote};
  451. font-family:{select:Title Font};
  452. font-size:11px;
  453. font-style:italic;
  454. }
  455.  
  456. #source {
  457. margin-top:3px;
  458. font-size:7px;
  459. letter-spacing:1px;
  460. text-align:right;
  461. text-transform:uppercase;
  462. }
  463.  
  464.  
  465.  
  466. /* Ask */
  467.  
  468.  
  469. #asker {
  470. margin-bottom:4px;
  471. color:{color:Ask};
  472. font-family:{select:Title Font};
  473. font-size:12px;
  474. border-bottom:solid 1px #000;
  475. text-transform:uppercase;
  476. font-weight:bold;
  477. font-style:italic;
  478. text-align:left;
  479. }
  480.  
  481. #asker a { color:{color:Ask}; }
  482.  
  483. #question {
  484. padding:10px;
  485. font-style:italic;
  486. border-left:solid 6px #000;
  487. text-align:left;
  488. }
  489.  
  490.  
  491.  
  492. /* Permalink */
  493.  
  494.  
  495. .perma {
  496. margin:0px auto;
  497. padding:3px;
  498. background:{color:Perma Background};
  499. border-top:1px solid {color:Perma Border};
  500. color:{color:Perma Text};
  501. font-family:arial;
  502. padding-left:10px;
  503. text-transform:uppercase;
  504. font-size:7px;
  505. font-weight:bold;
  506. line-height:14px;
  507. letter-spacing:1px;
  508. }
  509.  
  510. .perma a { color:{color:Perma Links}; }
  511.  
  512. .tag a { margin-right:5px; }
  513.  
  514. .tt { display:none }
  515.  
  516.  
  517.  
  518. /* Notes */
  519.  
  520.  
  521. ol.notes {
  522. margin:0;
  523. padding:0;
  524. list-style-type:none;
  525. }
  526.  
  527. ol.notes li.note { padding:10px 0px; }
  528.  
  529. ol.notes li.note img.avatar { display:none; }
  530.  
  531. .more_notes_link_container { list-style-type:none }
  532.  
  533.  
  534.  
  535. /* Sidebar */
  536.  
  537. aside {
  538. width:150px;
  539. height:auto;
  540. margin:70px 0 0 -250px;
  541. padding:5px;
  542. position:fixed;
  543. background:{color:Sidebar Background};
  544. color:{color:Sidebar Text};
  545. }
  546.  
  547. aside h1 {
  548. margin:0 0 5px 0;
  549. padding:0;
  550. color:{color:Title};
  551. font-family:{select:Title Font};
  552. font-size:35px;
  553. line-height:35px;
  554. letter-spacing:-2px;
  555. }
  556.  
  557. aside h1 a { color:{color:Title}; }
  558.  
  559. .desc {
  560. padding:5px 1px;
  561. font-size:8px;
  562. letter-spacing:1px;
  563. line-height:10px;
  564. }
  565.  
  566. nav { padding:5px 0; }
  567.  
  568. nav a {
  569. margin-right:2px;
  570. padding:1px;
  571. display:inline-block;
  572. color:{color:Navigation};
  573. font-size:7px;
  574. letter-spacing:1px;
  575. line-height:9px;
  576. text-transform:uppercase;
  577. }
  578.  
  579. nav a:hover {
  580. background:{color:Navigation Background Hover};
  581. color:{color:Navigation Hover};
  582. }
  583.  
  584.  
  585.  
  586. /* Pagination */
  587.  
  588.  
  589. .pagination {
  590. margin:5px 0 0 0;
  591. color:{color:Sidebar Text};
  592. font-size:8px;
  593. letter-spacing:1px;
  594. line-height:10px;
  595. }
  596.  
  597. .pagination a { color:{color:Sidebar Text}; }
  598.  
  599. #next { display:none; }
  600.  
  601. {block:ifInfinitescroll}
  602. .pagination { display:none; }
  603.  
  604. #infscr-loading { display:none!important; }
  605. {/block:ifInfinitescroll}
  606.  
  607.  
  608.  
  609. /* Tooltips */
  610.  
  611.  
  612. #s-m-t-tooltip{
  613. max-width:300px;
  614. margin:25px 15px;
  615. padding:0 5px;
  616. z-index:999999;
  617. background:{color:Posts};
  618. color:#000;
  619. font-family:arial;
  620. font-size:7px;
  621. text-transform:uppercase;
  622. box-shadow:1px 1px 2px rgba(0,0,0,.1);
  623. }
  624.  
  625.  
  626. /* young, wild and free! */
  627.  
  628. #topbar {
  629. position:fixed;
  630. top:0px;
  631. left:0px;
  632. width:100%;
  633. background-color:#000;
  634. height:50px;
  635. z-index:999; }
  636. #topnav {
  637. position:fixed;
  638. top:20px;
  639. left:20px;
  640. font-family:arial;
  641. font-size:30px;
  642. color:#fff;
  643. letter-spacing:-3px;
  644. font-weight:bold;
  645. font-style:italic;
  646. z-index:9999; }
  647. #topnav a {
  648. color:#fff; }
  649. #topnav a:hover {
  650. color:#000; }
  651.  
  652. #sidebar {
  653. position:fixed;
  654. top:100px;
  655. left:100px;
  656. background-color:#fff;
  657. padding:18px;
  658. height:110px;
  659. width:110px; }
  660. #sidebar img {
  661. height:110px; }
  662. #desc {
  663. position:fixed;
  664. top:250px;
  665. left:100px;
  666. background-color:#000;
  667. padding-top:2px;
  668. padding-bottom:2px;
  669. padding-left:5px;
  670. padding-right:5px;
  671. text-align:center;
  672. font-family:arial;
  673. text-transform:uppercase;
  674. font-size:9px;
  675. font-style:italic;
  676. font-weight:bold;
  677. color:#fff;
  678. width:136px; }
  679. #secondesc {
  680. position:fixed;
  681. top:270px;
  682. left:100px;
  683. background-color:#fff;
  684. font-family:arial;
  685. font-size:7px;
  686. font-style:italic;
  687. color:#000;
  688. text-transform:lowercase;
  689. width:130px;
  690. text-align:justify;
  691. padding:8px; }
  692. #stitching {
  693. position:fixed;
  694. top:350px;
  695. left:120px;
  696. width:100px;
  697. border-bottom:dashed 2px #000; }
  698.  
  699.  
  700.  
  701.  
  702. {CustomCSS}
  703.  
  704.  
  705. </style>
  706.  
  707. </head>
  708.  
  709.  
  710. <!---- Scripts ---->
  711.  
  712. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  713.  
  714. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  715. {block:IndexPage}
  716. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  717. {/block:IndexPage}
  718.  
  719. <script>
  720. $(document).ready(function(){
  721. $("[title],a[title],img[title]").style_my_tooltips({
  722. tip_follows_cursor:true,
  723. tip_delay_time:50,
  724. tip_fade_speed:500,
  725. attribute:"title"
  726. });
  727. $('#vid iframe').each(function(){
  728. var scale = $(this).parents('#vid').width() / 500;
  729. $(this).attr({
  730. width: Math.floor($(this).attr('width') * scale),
  731. height: Math.floor($(this).attr('height') * scale)
  732. });
  733. });
  734. {block:IndexPage}
  735. {block:ifInfinitescroll}
  736. var $container = $('#wrapper');
  737. $container.infinitescroll({
  738. itemSelector :".posts_outer",
  739. navSelector : ".pagination",
  740. nextSelector : ".pagination a#next",
  741. loadingImg : "",
  742. loadingText : "<em></em>",
  743. bufferPx : 800,
  744. },
  745. function( newElements ) {
  746. $(newElements).find('#vid iframe').each(function(){
  747. var scale = $(this).parents('#vid').width() / 500;
  748. $(this).attr({
  749. width: Math.floor($(this).attr('width') * scale),
  750. height: Math.floor($(this).attr('height') * scale)
  751. });
  752. });
  753. });
  754. {/block:ifInfinitescroll}
  755. {/block:IndexPage}
  756. });
  757. </script>
  758.  
  759.  
  760. <body>
  761.  
  762. <div id="sidebar"><img src="{image:Sidebar}"></div>
  763. <div id="desc">kim himchan ▸ 041990 BAP</div>
  764. <div id="secondesc">{description}</div>
  765. <div id="stitching"></div>
  766. <div id="topnav">항해: <a href="/" title="index">⋅</a>
  767. <a href="/ask" title="inbox">⋅</a>
  768. <a href="/pr." title="profile">⋅</a>
  769. <a href="/na." title="navigation">⋅</a>
  770. <a href="/dc." title="I am not the real kim himchan, nor am i affliated with b.a.p in any way shape or form. this is just a roleplay blog made for fun, so please, let's just have fun! click for more on the disclaimer.">⋅</a>
  771. </div>
  772.  
  773. <div id="wrapper">
  774.  
  775.  
  776.  
  777.  
  778. {block:Posts}
  779. <article class="posts_outer">
  780. <div class="posts">
  781.  
  782.  
  783. {block:ContentSource}
  784. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  785. {/block:SourceLogo}
  786. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  787. {/block:ContentSource}
  788.  
  789.  
  790. {block:Photo}
  791. <div id="photo">
  792. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt='{PhotoAlt}'/>{LinkCloseTag}
  793. </div>
  794. {/block:Photo}
  795.  
  796.  
  797. {block:Photoset}
  798. {Photoset}
  799. {/block:Photoset}
  800.  
  801.  
  802. {block:Video}
  803. <div id="vid">{Video-500}</div>
  804. {/block:Video}
  805.  
  806.  
  807. {block:Audio}
  808. <table border="0" cellpadding="0" cellspacing="0" ><tr>
  809. <td id="art" valign="top">
  810. {AudioPlayerWhite}
  811. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  812. </td>
  813. <td id="audio_text" valign="middle" width="100%">
  814. {block:TrackName}<p><b>Song:</b> {TrackName}</p>{/block:TrackName}
  815. {block:Artist}<p><b>Artist:</b> {Artist}</p>{/block:Artist}
  816. {block:Album}<p><b>Album:</b> {Album}</p>{/block:Album}
  817. {block:PlayCount}<p><b>Plays:</b> {FormattedPlayCount}</p>{/block:PlayCount}
  818. </td>
  819. </tr>
  820. </table>
  821. {/block:Audio}
  822.  
  823.  
  824. {block:Text}
  825. {block:Title}<h2>{Title}</h2>{/block:Title}
  826. {Body}
  827. {/block:Text}
  828.  
  829.  
  830. {block:Link}
  831. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  832. {block:Description}{Description}{/block:Description}
  833. {/block:Link}
  834.  
  835.  
  836. {block:Answer}
  837. <div id="question"><div id="asker">{Asker} said:</div> {Question}</div>
  838. {Answer}
  839. {/block:Answer}
  840.  
  841.  
  842. {block:Quote}
  843. <div id="quote">{Quote}</div>
  844. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  845. {/block:Quote}
  846.  
  847.  
  848. {block:Chat}
  849. {block:Title}<h2>{Title}</h2>{/block:Title}
  850. {block:Lines}<p id="lines" class="{Alt} user_{UserNumber}">
  851. {block:Label}
  852. <b>{Label}</b>
  853. {/block:Label}
  854. {Line}</p>
  855. {/block:Lines}
  856. {/block:Chat}
  857.  
  858.  
  859. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp {/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  860.  
  861.  
  862. </div>
  863.  
  864.  
  865. {block:Date}
  866. <div class="perma {select:Font Style}">
  867. {block:PermalinkPage}Posted {/block:PermalinkPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{TimeAgo}{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage} / {DayOfWeek}, {DayOfMonth}. {ShortMonth}, {Year}{block:PermalinkPage}
  868. {block:NoteCount} / {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{NoteCountWithLabel}{block:IndexPage}</a>{/block:IndexPage}{/block:NoteCount}
  869. {block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} {block:IndexPage}/ <a href="{ReblogURL}" >reblog</a> {block:HasTags}▶ <a title="{block:Tags}#{Tag} {/block:Tags}">tags</a>{/block:HasTags}{/block:ifShowTags}{/block:IndexPage}
  870.  
  871. </div>
  872. {/block:Date}
  873.  
  874. {block:PostNotes}{PostNotes}{/block:PostNotes}
  875.  
  876.  
  877. </article>
  878. {/block:Posts}
  879. </div>
  880. <div id="topbar"></div>
  881.  
  882.  
  883. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; left:5px; position:fixed;" title="Theme by Heidi">cr.</a>
  884.  
  885.  
  886. </body>
  887. </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!