API tools faq
paste
Advertisement
aellionios

suga : ladmilk tweak ( petty )

aellionios
May 7th, 2016
190
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #28 by Heidi @ladmilk
  7.  
  8.  
  9. Credit:
  10. Masonry: (masonry.desandro.com)
  11. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  12. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  13. Tool-tips: Malihu (manos.malihu.gr/style-my-tooltips-jquery-plugin/)
  14. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos)
  15.  
  16. ---->
  17.  
  18. <head>
  19.  
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22. <script>
  23. $(document).ready(function() {
  24. //
  25. $('a.poplight[href^=#]').click(function() {
  26. var popID = $(this).attr('rel'); //Get Popup Name
  27. var popURL = $(this).attr('href'); //Get Popup href to define size
  28. var query= popURL.split('?');
  29. var dim= query[1].split('&');
  30. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  31. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  32. var popMargTop = ($('#' + popID).height() + 80) / 2;
  33. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  34. //Apply Margin to Popup
  35. $('#' + popID).css({
  36. 'margin-top' : -popMargTop,
  37. 'margin-left' : -popMargLeft
  38. });
  39. $('body').append('<div id="fade"></div>');
  40. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  41. return false;
  42. });
  43. $('a.close, #fade').live('click', function() {
  44. $('#fade , .popup_block').fadeOut(function() {
  45. $('#fade, a.close').remove(); //fade them both out
  46. });
  47. return false;
  48. });
  49. });
  50. </script>
  51.  
  52. <title>{Title}</title>
  53. {block:Description}
  54. <meta name="description" content="{MetaDescription}" />
  55. {/block:Description}
  56. <link rel="shortcut icon" href="{Favicon}" />
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  58.  
  59.  
  60. <meta name="color:Background" content="#141414" />
  61. <meta name="color:Posts" content="#0a0a0a" />
  62. <meta name="color:Post Title" content="#555555" />
  63. <meta name="color:Text" content="#999999" />
  64. <meta name="color:Links" content="#cccccc" />
  65. <meta name="color:Links Hover" content="#75b1d6" />
  66. <meta name="color:Bold" content="#529ecc" />
  67. <meta name="color:Italic" content="#529ecc"/>
  68. <meta name="color:Blockquote" content="#eeeeee" />
  69. <meta name="color:Borders" content="#eeeeee" />
  70.  
  71. <meta name="color:Ask Background" content="#0f0f0f" />
  72. <meta name="color:Ask Text" content="#aaaaaa" />
  73.  
  74. <meta name="color:Perma Text" content="#999999" />
  75. <meta name="color:Perma Links" content="#75b1d6" />
  76. <meta name="color:Perma Links Hover" content="#666666" />
  77.  
  78. <meta name="color:Title" content="#555555" />
  79. <meta name="color:Header Background" content="#ffffff" />
  80. <meta name="color:Header Text" content="#999999" />
  81. <meta name="color:Header Borders" content="#eeeeee" />
  82. <meta name="color:Header Two Accent" content="#75b1d6" />
  83. <meta name="color:Nav Hover Background" content="#75b1d6" />
  84. <meta name="color:Nav Hover" content="#ffffff" />
  85.  
  86. <meta name="color:Scroll" content="#141414" />
  87. <meta name="color:Scrollbar" content="#75b1d6" />
  88.  
  89.  
  90. <meta name="image:Background" content="" />
  91.  
  92.  
  93. <meta name="if:Image Fade" content="0" />
  94. <meta name="if:Hover Perma" content="0" />
  95.  
  96. <meta name="if:Show Captions" content="0" />
  97. <meta name="if:Show Tags" content="1" />
  98.  
  99. <meta name="if:Infinitescroll" content="0" />
  100. <meta name="if:Manual Load" content="0" />
  101.  
  102. <meta name="if:White Audio Player" content="1" />
  103. <meta name="if:Black Audio Player" content="0" />
  104.  
  105.  
  106. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  107. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  108. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  109.  
  110. <meta name="select:Header" content="one" title="One" />
  111. <meta name="select:Header" content="two" title="Two" />
  112.  
  113. <meta name="select:Description Width" content="50" title="50%" />
  114. <meta name="select:Description Width" content="60" title="60%" />
  115. <meta name="select:Description Width" content="70" title="70%" />
  116. <meta name="select:Description Width" content="80" title="80%" />
  117.  
  118. <meta name="select:Post Size" content="250" title="250px" />
  119. <meta name="select:Post Size" content="300" title="300px" />
  120. <meta name="select:Post Size" content="350" title="350px" />
  121. <meta name="select:Post Size" content="400" title="400px" />
  122. <meta name="select:Post Size" content="500" title="500px" />
  123.  
  124. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  125. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  126. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  127. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  128. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  129.  
  130. <meta name="select:Columns" content="1" title="1" />
  131. <meta name="select:Columns" content="2" title="2" />
  132. <meta name="select:Columns" content="3" title="3" />
  133. <meta name="select:Columns" content="4" title="4" />
  134.  
  135.  
  136. <meta name="text:Post Margin" content="20" />
  137.  
  138. <meta name="text:MP3 Link" content=""/>
  139.  
  140. <link href="http://static.tumblr.com/3yblkz0/EkLnyuqmx/pxu_ps.css" rel="stylesheet" type="text/css"/>
  141.  
  142.  
  143. <!--- Fonts --->
  144.  
  145.  
  146. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  147. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  148. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  149. <meta name="select:Body Font" content="calibri" title="Calibri" />
  150. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  151. <meta name="select:Body Font" content="Lato" title="Lato" />
  152. <meta name="select:Body Font" content="cambria" title="Cambria" />
  153. <meta name="select:Body Font" content="georgia" title="Georgia" />
  154. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  155. <meta name="select:Body Font" content="Lora" title="Lora" />
  156. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  157. <meta name="select:Body Font" content="courier" title="Courier" />
  158. <meta name="select:Body Font" content="consolas" title="Consolas" />
  159. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  160.  
  161. <meta name="select:Body Font Size" content="8" title="8px" />
  162. <meta name="select:Body Font Size" content="9" title="9px" />
  163. <meta name="select:Body Font Size" content="10" title="10px" />
  164. <meta name="select:Body Font Size" content="11" title="11px" />
  165. <meta name="select:Body Font Size" content="12" title="12px" />
  166.  
  167.  
  168. <meta name="select:Header Font" content="Open Sans" title="Open Sans" />
  169. <meta name="select:Header Font" content="helvetica" title="Helvetica" />
  170. <meta name="select:Header Font" content="trebuchet ms" title="Trebuchet ms" />
  171. <meta name="select:Header Font" content="calibri" title="Calibri" />
  172. <meta name="select:Header Font" content="Roboto" title="Roboto" />
  173. <meta name="select:Header Font" content="Lato" title="Lato" />
  174. <meta name="select:Header Font" content="cambria" title="Cambria" />
  175. <meta name="select:Header Font" content="georgia" title="Georgia" />
  176. <meta name="select:Header Font" content="times new roman" title="Times New Roman" />
  177. <meta name="select:Header Font" content="Lora" title="Lora" />
  178. <meta name="select:Header Font" content="Droid Serif" title="Droid Serif" />
  179. <meta name="select:Header Font" content="courier" title="Courier" />
  180. <meta name="select:Header Font" content="consolas" title="Consolas" />
  181. <meta name="select:Header Font" content="lucida console" title="Lucida Console" />
  182.  
  183.  
  184. <meta name="select:Perma Font" content="Open Sans" title="Open Sans" />
  185. <meta name="select:Perma Font" content="helvetica" title="Helvetica" />
  186. <meta name="select:Perma Font" content="trebuchet ms" title="Trebuchet ms" />
  187. <meta name="select:Perma Font" content="calibri" title="Calibri" />
  188. <meta name="select:Perma Font" content="Roboto" title="Roboto" />
  189. <meta name="select:Perma Font" content="Lato" title="Lato" />
  190. <meta name="select:Perma Font" content="cambria" title="Cambria" />
  191. <meta name="select:Perma Font" content="georgia" title="Georgia" />
  192. <meta name="select:Perma Font" content="times new roman" title="Times New Roman" />
  193. <meta name="select:Perma Font" content="Lora" title="Lora" />
  194. <meta name="select:Perma Font" content="Droid Serif" title="Droid Serif" />
  195. <meta name="select:Perma Font" content="courier" title="Courier" />
  196. <meta name="select:Perma Font" content="consolas" title="Consolas" />
  197. <meta name="select:Perma Font" content="lucida console" title="Lucida Console" />
  198.  
  199.  
  200. <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' />
  201.  
  202.  
  203. <style type="text/css">
  204.  
  205. @font-face
  206. { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  207.  
  208.  
  209. /* Tumblr Controls */
  210.  
  211.  
  212. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  213. top:0%!important;
  214. right:0%!important;
  215. position:fixed!important;
  216. z-index:999999999!important;
  217. }
  218.  
  219. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  220. -webkit-filter:invert(100%);
  221. -moz-filter:invert(100%);
  222. -o-filter:invert(100%);
  223. -ms-filter:invert(100%);
  224. filter:invert(100%);
  225. opacity:0.3;
  226. }
  227.  
  228. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  229. -webkit-filter:invert(70%);
  230. -moz-filter:invert(70%);
  231. -o-filter:invert(70%);
  232. -ms-filter:invert(70%);
  233. filter:invert(70%);
  234. opacity:0.4;
  235. }
  236.  
  237.  
  238.  
  239. /* Scrollbar */
  240.  
  241.  
  242. ::-webkit-scrollbar { width:5px; height:5px; }
  243. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  244. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }
  245.  
  246.  
  247.  
  248. /* Body - General */
  249.  
  250.  
  251. body {
  252. margin:0;
  253. padding:0;
  254. border:0;
  255. background:url('http://o.aolcdn.com/hss/storage/fss/c0403e33f83450f39626d4e381be1dc7/ChGxU46UYAESARF.png');
  256. background-attachment:fixed;
  257. background-repeat:no-repeat;
  258. background-position: bottom left;
  259. background-color:{color:Background};
  260. color:{color:Text};
  261. font-family:{select:Body Font}, sans-serif;
  262. font-size:{select:Body Font Size}px;
  263. line-height:140%;
  264. word-wrap:break-word;
  265. }
  266.  
  267. a {
  268. color:{color:Links};
  269. text-decoration:none;
  270. transition-duration: 0.6s;
  271. -moz-transition-duration: 0.6s;
  272. -webkit-transition-duration: 0.6s;
  273. -o-transition-duration: 0.6s;
  274. }
  275.  
  276. a:hover { color:{color:Links Hover}; }
  277.  
  278. b, strong { color:{color:Bold}; font-weight:bold; }
  279.  
  280. i, em { color:{color:Italic}; font-style:italic; }
  281.  
  282. h1, h2, h3, h4, h5 {
  283. margin:0;
  284. font-size:120%;
  285. font-weight:normal;
  286. line-height:120%;
  287. }
  288.  
  289. .posts > h2 {
  290. margin:0px 0px 5px 0px;
  291. display:block;
  292. color:{color:Post Title};
  293. font-size:14px;
  294. line-height:120%;
  295. letter-spacing:0px;
  296. text-transform:uppercase;
  297. }
  298.  
  299. .posts > h2:only-child { margin:0; }
  300.  
  301. .tags, #asker, #audio_text, footer {
  302. font-size:8px;
  303. letter-spacing:1.5px;
  304. text-transform:uppercase;
  305. }
  306.  
  307. nav a, ul.perma_p li p:nth-of-type(1) {
  308. font-size:8px;
  309. letter-spacing:2px;
  310. text-transform:uppercase;
  311. }
  312.  
  313. small, sub, sup { font-size:90%; }
  314.  
  315. big { font-size:110%; }
  316.  
  317. sub, sup, small, big { vertical-align:baseline; }
  318.  
  319. p { margin:5px 0; padding:0; }
  320.  
  321. p:first-of-type :not(.tags) { margin-top:0; }
  322.  
  323. p:last-of-type { margin-bottom:0; }
  324.  
  325. pre {
  326. margin:5px 0;
  327. padding:2px 4px;
  328. background:#f4f4f4;
  329. white-space:pre-wrap;
  330. word-wrap:break-word;
  331. }
  332.  
  333. blockquote {
  334. margin:5px 5px 5px 0px;
  335. padding:2px 0 2px 10px;
  336. border-left:1px solid {color:Blockquote};
  337. }
  338.  
  339. .cap { margin:10px 0 0 0; }
  340.  
  341. .cp { display:none; }
  342.  
  343. ul, ol { padding:0; margin:5px 15px; }
  344.  
  345. ul { list-style:circle; }
  346.  
  347.  
  348.  
  349. /* Center wrapper - Posts */
  350.  
  351.  
  352. #wrapper {
  353. {block:IndexPage}
  354. width:100px;
  355. {/block:IndexPage}
  356. {block:PermalinkPage}
  357. width:calc({select:Post Size Permalinkpage}px + 20px);
  358. {/block:PermalinkPage}
  359. margin-left: 900px;
  360. margin-top: 10px;
  361. padding:0;
  362. position:fixed;
  363. border:0;
  364. }
  365.  
  366. .posts {
  367. {block:IndexPage}
  368. width:{select:Post Size}px;
  369. margin:{text:Post Margin}px;
  370. {/block:IndexPage}
  371. {block:PermalinkPage}
  372. width:{select:Post Size Permalinkpage}px;
  373. margin:{text:Post Margin}px auto 10px auto;
  374. {/block:PermalinkPage}
  375. height:auto;
  376. {block:ifHoverPerma}
  377. min-height:60px;
  378. {/block:ifHoverPerma}
  379. padding:10px;
  380. position:relative;
  381. background:{color:Posts};
  382. color:{color:Text};
  383. }
  384.  
  385.  
  386.  
  387. /* Image */
  388.  
  389.  
  390. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; }
  391.  
  392. #photo img { width:100%; display:block;}
  393.  
  394.  
  395.  
  396. /* Photoset */
  397.  
  398.  
  399. .tmblr-lightbox, #tumblr_lightbox { background:rgba({RGBcolor:Background}, .8)!important; }
  400.  
  401. .vignette, #vignette, .lightbox-caption, #tumblr_lightbox_caption { opacity:0!important; }
  402.  
  403. .lightbox-image, #tumblr_lightbox img {
  404. border-radius:0px!important;
  405. -webkit-border-radius:0px!important;
  406. -moz-border-radius:0px!important;
  407. box-shadow:none!important;
  408. -webkit-box-shadow:none!important;
  409. -moz-box-shadow:none!important;
  410. }
  411.  
  412.  
  413.  
  414. /* Video */
  415.  
  416.  
  417. #vid, #vid iframe { display:block; overflow:hidden; }
  418.  
  419.  
  420.  
  421. {block:IndexPage}
  422. {block:ifImageFade}
  423. #vid, .photo-data, #photo img {
  424. opacity:.7;
  425. -webkit-transition:all .7s ease;
  426. -moz-transition:all .7s ease;
  427. -o-transition:all .7s ease;
  428. transition:all .7s ease;
  429. }
  430.  
  431. .posts:hover #photo img, .posts:hover .photo-data, .posts:hover #vid { opacity:1; }
  432. {/block:ifImageFade}
  433. {/block:IndexPage}
  434.  
  435.  
  436.  
  437. /* Audio */
  438.  
  439.  
  440. iframe.tumblr_audio_player {
  441. width:26px;
  442. height:26px;
  443. display:block;
  444. overflow:hidden;
  445. border:17px solid
  446. {block:ifWhiteAudioPlayer}#fff{/block:ifWhiteAudioPlayer}
  447. {block:ifBlackAudioPlayer}#000{/block:ifBlackAudioPlayer};
  448. background:
  449. {block:ifWhiteAudioPlayer}#fff{/block:ifWhiteAudioPlayer}
  450. {block:ifBlackAudioPlayer}#000{/block:ifBlackAudioPlayer};
  451. }
  452.  
  453. #audio tr td { border:1px solid {color:Borders}; }
  454.  
  455. #audio tr td:first-of-type { border-right:none; }
  456. #audio tr td:last-of-type { border-left:none; }
  457.  
  458. #audio_text {
  459. padding:10px 15px 10px 10px;
  460. background:
  461. {block:ifWhiteAudioPlayer}#fff{/block:ifWhiteAudioPlayer}
  462. {block:ifBlackAudioPlayer}#000{/block:ifBlackAudioPlayer};
  463. color:#aaa;
  464. line-height:10px;
  465. text-align:right;
  466. }
  467.  
  468. iframe.soundcloud_audio_player {
  469. {block:IndexPage}
  470. width:{select:Post Size}px;
  471. {/block:IndexPage}
  472. {block:PermalinkPage}
  473. width:{select:Post Size Permalinkpage}px;
  474. {/block:PermalinkPage}
  475. height:auto!important;
  476. display:block;
  477. }
  478.  
  479. iframe.spotify_audio_player { height:80px!important; display:block; }
  480.  
  481.  
  482.  
  483. /* Ask */
  484.  
  485.  
  486. #question {
  487. margin-bottom:20px;
  488. padding:10px;
  489. background:{color:Ask Background};
  490. color:{color:Ask Text};
  491. }
  492.  
  493. #question:after {
  494. content:"";
  495. width:0;
  496. height:0;
  497. margin:10px 0 0 0;
  498. position:absolute;
  499. display:block;
  500. border-style:solid;
  501. border-width:0 15px 15px 0;
  502. border-color:transparent {color:Ask Background} transparent transparent;
  503. }
  504.  
  505. #asker {
  506. margin:-20px 0 0 35px;
  507. position:absolute;
  508. line-height:15px;
  509. }
  510.  
  511.  
  512.  
  513. /* Quote */
  514.  
  515.  
  516. #quote {
  517. padding:5px;
  518. font-size:120%;
  519. font-style:italic;
  520. line-height:120%;
  521. text-align:center;
  522. }
  523.  
  524. #source {
  525. margin-top:5px;
  526. font-size:{select:Body Font Size}px;
  527. font-style:normal;
  528. }
  529.  
  530.  
  531.  
  532. /* Chat */
  533.  
  534.  
  535. p#chat { margin:0 1px; padding:2px 0px }
  536.  
  537.  
  538.  
  539. /* Perma - Tags - Indexpage */
  540.  
  541.  
  542. ul.perma {
  543. margin:0;
  544. padding:10px 10px 20px 10px;
  545. {block:ifHoverPerma}
  546. width:{select:Post Size}px;
  547. position:absolute;
  548. opacity:0;
  549. z-index:99999;
  550. {/block:ifHoverPerma}
  551. list-style:none;
  552. display:-webkit-box;
  553. display:-moz-box;
  554. display:-ms-flexbox;
  555. display:-webkit-flex;
  556. display:flex;
  557. -webkit-flex-flow:row wrap;
  558. flex-flow:row nowrap;
  559. -webkit-justify-content:flex-start;
  560. justify-content:flex-start;
  561. box-sizing:border-box;
  562. background:{color:Posts};
  563. color:{color:Perma Text};
  564. font-family:{select:Perma Font}, sans-serif;
  565. -webkit-transition:all .7s ease;
  566. -moz-transition:all .7s ease;
  567. -o-transition:all .7s ease;
  568. transition:all .7s ease;
  569. }
  570.  
  571. {block:ifHoverPerma}
  572. .posts:hover ul.perma { opacity:1; }
  573. {/block:ifHoverPerma}
  574.  
  575. ul.perma a { display:block; color:{color:Perma Links}; }
  576.  
  577. ul.perma a:hover { color:{color:Perma Links Hover}; }
  578.  
  579. ul.perma li:first-of-type {
  580. width:70px;
  581. border-right:1px solid {color:Borders};
  582. font-size:38px;
  583. font-weight:300;
  584. line-height:38px;
  585. }
  586.  
  587. ul.perma li:last-of-type { margin-left:10px; }
  588.  
  589. ul.perma li:last-of-type p:nth-of-type(1) {
  590. font-size:12px;
  591. line-height:14px;
  592. letter-spacing:3px;
  593. text-transform:uppercase;
  594. }
  595.  
  596. ul.perma li:last-of-type p:nth-of-type(3) {
  597. font-size:7px;
  598. letter-spacing:1px;
  599. text-transform:uppercase;
  600. }
  601.  
  602. .tags {
  603. margin-top:10px;
  604. padding-top:10px;
  605. overflow:hidden;
  606. border-top:1px solid {color:Borders};
  607. text-overflow:ellipsis;
  608. white-space:nowrap;
  609. }
  610.  
  611. .tags a { margin-right:7px; }
  612.  
  613.  
  614.  
  615. /* Post Information - Notes - Permalinkpage */
  616.  
  617.  
  618. ul.perma_p {
  619. margin:10px 0 0 0;
  620. padding:10px 0 0 0;
  621. list-style:none;
  622. display:-webkit-box;
  623. display:-moz-box;
  624. display:-ms-flexbox;
  625. display:-webkit-flex;
  626. display:flex;
  627. -webkit-flex-flow:row wrap;
  628. flex-flow:row nowrap;
  629. -webkit-justify-content:flex-start;
  630. justify-content:flex-start;
  631. border-top:1px solid {color:Borders};
  632. font-family:{select:Perma Font}, sans-serif;
  633. }
  634.  
  635. ul.perma_p li {
  636. width:calc(100% / (1
  637. {block:RebloggedFrom}+ 1 {/block:RebloggedFrom}
  638. {block:HasTags}+ 1{/block:HasTags}
  639. ));
  640. margin:0 5px;
  641. letter-spacing:.5px;
  642. text-transform:lowercase;
  643. }
  644.  
  645. ul.perma_p li:first-of-type { margin-left:0; }
  646. ul.perma_p li:last-of-type { margin-right:0; }
  647.  
  648. #tags {
  649. text-align:justify;
  650. word-break:break-all;
  651. word-wrap:break-word;
  652. }
  653.  
  654. #tags a { margin-right:5px; }
  655.  
  656. .not {
  657. padding:5px;
  658. background:{color:Posts};
  659. letter-spacing:.5px;
  660. text-align:center;
  661. cursor:help;
  662. }
  663.  
  664. ol.notes {
  665. margin:0;
  666. padding:0;
  667. display:none;
  668. list-style-type:none;
  669. }
  670.  
  671. ol.notes li.note { padding:10px 0px; }
  672.  
  673. ol.notes li.note img.avatar { display:none; }
  674.  
  675.  
  676. ul.perma p, ul.perma_p li p { margin:0; }
  677.  
  678.  
  679. /* Header */
  680.  
  681.  
  682. .header {
  683. {block:IndexPage}
  684. width:{select:Post Size}px;
  685. margin:{text:Post Margin}px;
  686. {/block:IndexPage}
  687. {block:PermalinkPage}
  688. width:{select:Post Size Permalinkpage}px;
  689. margin:{text:Post Margin}px auto;
  690. {/block:PermalinkPage}
  691. height:auto;
  692. padding:10px;
  693. background:{color:Header Background};
  694. color:{color:Header Text};
  695. font-family:{select:Header Font}, sans-serif;
  696. }
  697.  
  698. .outline {
  699. height:100%;
  700. padding:10px;
  701. box-sizing: border-box;
  702. border:1px solid {color:Header Borders};
  703. }
  704.  
  705. .header h1 {
  706. margin:0 0 20px 0;
  707. color:{color:Title};
  708. font-weight:normal;
  709. letter-spacing:3px;
  710. text-transform:uppercase;
  711. }
  712.  
  713. .header h1.one { text-align:center; }
  714.  
  715. .header h1.two { text-align:left; }
  716.  
  717. .flex {
  718. margin:0;
  719. padding:0;
  720. display:-webkit-box;
  721. display:-moz-box;
  722. display:-ms-flexbox;
  723. display:-webkit-flex;
  724. display:flex;
  725. -webkit-flex-flow: row wrap;
  726. flex-flow:row nowrap;
  727. -webkit-justify-content: flex-start;
  728. justify-content: flex-start;
  729. }
  730.  
  731. {block:HideTitle}
  732. .flex.two { margin-top:5px; }
  733. {/block:HideTitle}
  734.  
  735. .desc {
  736. width:{select:Description Width}%;
  737. text-align:justify;
  738. word-break:break-all;
  739. word-wrap:break-word;
  740. }
  741.  
  742. .desc.one {
  743. padding-right:10px;
  744. border-right:1px solid {color:Header Borders};
  745. }
  746.  
  747. .desc.two { margin-right:10px; }
  748.  
  749. nav {
  750. width:calc(100% - {select:Description Width}%);
  751. {block:ShowDescription}
  752. margin-left:10px;
  753. {/block:ShowDescription}
  754. }
  755.  
  756. nav a {
  757. padding:3px 0;
  758. display:block;
  759. color:{color:Header Text};
  760. -webkit-transition:all .7s ease;
  761. -moz-transition:all .7s ease;
  762. -o-transition:all .7s ease;
  763. transition:all .7s ease;
  764. }
  765.  
  766. nav a:hover {
  767. padding-left:10px;
  768. background:{color:Nav Hover Background};
  769. color:{color:Nav Hover};
  770. font-style:italic;
  771. }
  772.  
  773. nav.two:before, .desc.two:before {
  774. content:"";
  775. width:30px;
  776. height:2px;
  777. top:-5px;
  778. left:0;
  779. position:relative;
  780. display:block;
  781. background:{color:Header Two Accent};
  782. }
  783.  
  784.  
  785.  
  786. /* Footer - Pagination - Manual Load */
  787.  
  788.  
  789. footer { margin:80px auto; text-align:center; }
  790.  
  791. .pagination, #load {
  792. padding:5px 10px;
  793. position:relative;
  794. display:inline;
  795. background:{color:Posts};
  796. color:{color:Text};
  797. }
  798.  
  799. .pagination a, a#load { margin:0 5px; cursor:pointer; }
  800.  
  801.  
  802. {block:ifInfinitescroll}
  803. .pagination { display:none; }
  804.  
  805. #infscr-loading { display:none!important; }
  806. {/block:ifInfinitescroll}
  807.  
  808.  
  809.  
  810. /* Tooltips */
  811.  
  812.  
  813. #s-m-t-tooltip{
  814. max-width:210px;
  815. margin-top:25px;
  816. margin-left:15px;
  817. padding:5px 5px;
  818. z-index:999999;
  819. background:{color:posts};
  820. border:1px solid {color:italic};
  821. color:{color:text};
  822. font-family:calibri, arial, sans-serif;
  823. font-size:8.5px;
  824. line-height:9px;
  825. letter-spacing:1px;
  826. text-transform:uppercase;
  827. }
  828.  
  829. /* sidebar */
  830.  
  831.  
  832. #side{
  833. bottom: 10px;
  834. left:485px;
  835. position:fixed;
  836. width:350px;
  837. height:300px;
  838. -webkit-animation:pulse 2s;
  839. -moz-animation:pulse 2s;
  840. -o-animation:pulse 2s;
  841. }
  842.  
  843. .career{
  844. margin-left:0px;
  845. margin-top:55px;
  846. width:275px;
  847. height:26px;
  848. background-color:transparent;
  849. text-align: justify;
  850. font-family: bebas_neue;
  851. color: {color:links};
  852. line-height: 48px;
  853. font-size: 53px;
  854. text-transform: uppercase;
  855. letter-spacing: -2px;
  856. font-weight: bold;
  857. text-shadow: 1px 1px 2px rgba(68, 65, 52, 0.91);
  858. }
  859.  
  860. @keyframes bounce {
  861. 0% {-webkit-transform: scale(.4); }
  862. 50% {-webkit-transform: scale(1.04); }
  863. 70% {-webkit-transform: scale(.8); }
  864. 100% {-webkit-transform: scale(1); }
  865. }
  866.  
  867. @-webkit-keyframes bounce {
  868. 0% {-webkit-transform: scale(.4); }
  869. 50% {-webkit-transform: scale(1.04); }
  870. 70% {-webkit-transform: scale(.9); }
  871. 100% {-webkit-transform: scale(1); }
  872. }
  873.  
  874. @-webkit-keyframes spaceboots {
  875. 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
  876. 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
  877. 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
  878. 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
  879. 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
  880. 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  881. 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
  882. 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
  883. 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
  884. 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
  885. 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
  886. }
  887. .shake:hover,
  888. .shake:focus {
  889. -webkit-animation-name: spaceboots;
  890. -webkit-animation-duration: 2s;
  891. -webkit-transform-origin:50% 50%;
  892. -webkit-animation-iteration-count: infinite;
  893. -webkit-animation-timing-function: linear;
  894. }
  895.  
  896. h24.shake,
  897. .shake.inline {
  898. display:inline-block
  899. }
  900.  
  901.  
  902. .words {
  903. margin-left:0px;
  904. margin-top: 15px;
  905. width:228px;
  906. height:54px;
  907. padding: 7px;
  908. background-color:{color:posts};
  909. color: {color:links};
  910. text-align: justify;
  911. font-size: 7px;
  912. line-height: 13px;
  913. opacity:1;
  914. }
  915.  
  916. .sb1{
  917. margin-left:243px;
  918. margin-top:-173px;
  919. width:100px;
  920. height:300px;
  921. border:4px solid {color:posts};
  922. overflow:hidden;
  923. }
  924.  
  925. .links {
  926. margin-left:0px;
  927. margin-top:-134px;
  928. width:234px;
  929. height:37px;
  930. background-color:{color:posts};
  931. color: {color:text};
  932. text-align: center;
  933. font-family: bebas_neue;
  934. line-height: 39px;
  935. padding: 4px;
  936. font-size: 38px;
  937. text-transform: uppercase;
  938. letter-spacing: -1px;
  939. word-spacing: 10px;
  940. font-weight: bold;
  941. }
  942.  
  943. .sb2{
  944. margin-left:0px;
  945. margin-top:1px;
  946. width:234px;
  947. height:59px;
  948. border:4px solid {color:posts};
  949. overflow:hidden;
  950. }
  951.  
  952. .hovers {
  953. margin-left:0px;
  954. margin-top: 1px;
  955. width:213px;
  956. height:12px;
  957. padding: 4px;
  958. background-color:{color:posts};
  959. padding-left: 25px;
  960. }
  961.  
  962. .whants{
  963. width:235px;
  964. height:15px;
  965. margin-left: -12px;
  966. position: fixed;
  967. -webkit-transition: all 0.4s ease-out;
  968. -moz-transition: all 0.1s ease-out;}
  969.  
  970. .whants a {
  971. display: inline-block;
  972. float: left;
  973. margin-left: 1px;
  974. margin-top:1px;
  975. height: 10px;
  976. width: 35px;
  977. -webkit-transition: all .8s ease-out;
  978. -moz-transition: all .8s ease-out;
  979. -webkit-transition: all .8s ease-out;
  980. -moz-transition: all .8s ease-out;
  981. background-color: {color:background};
  982. overflow:hidden;
  983. color:#848484;
  984. font-size:10px;
  985. text-transform: uppercase;
  986. line-height:20px;
  987. text-align:justify;}
  988.  
  989. .whants a:hover{
  990. color:#fff;
  991. background-color: {color:bold};
  992. -webkit-animation: RH infinite 3s;}
  993.  
  994. /* Music Player */
  995.  
  996. .musicplayer{
  997. overflow:hidden;
  998. width:20px;
  999. height:20px;
  1000. padding:5px;
  1001. margin-top: -30px;
  1002. margin-left:318px;
  1003. background:{color:posts}; /* This is the background color */
  1004. z-index:9999;
  1005. opacity:1;
  1006. -webkit-transition: all 1s ease-in-out;
  1007. -moz-transition: all 1s ease-in-out;
  1008. transition: all 1s ease-in-out;
  1009. }
  1010.  
  1011. #icon{
  1012. /* This is for the positioning of the music gif: */
  1013. margin-top:3px;
  1014. margin-left:3px;
  1015. opacity:0.7;
  1016. -webkit-transition: all 0.5s linear;
  1017. -moz-transition: all 0.5s linear;
  1018. transition: all 0.5s linear;
  1019. }
  1020.  
  1021. .musicplayer:hover #icon{
  1022. margin-top:-20px;
  1023. -webkit-transition: all 0.5s linear;
  1024. -moz-transition: all 0.5s linear;
  1025. transition: all 0.5s linear;
  1026. }
  1027.  
  1028. #musicbox{
  1029. width:8px;
  1030. height:8px;
  1031. border-radius:10em;
  1032. overflow:hidden;
  1033. /* This is for the positioning of the music player: */
  1034. margin-top:10px;
  1035. margin-left:6px;
  1036. }
  1037.  
  1038. #music2{
  1039. margin-top:-6px;
  1040. margin-left:-35px;
  1041. border-radius:10em;
  1042. }
  1043.  
  1044. #sbbg:hover #musicplayer{
  1045. opacity:0.7;
  1046. -webkit-transition: all 1s ease-in-out;
  1047. -moz-transition: all 1s ease-in-out;
  1048. transition: all 1s ease-in-out;
  1049. }
  1050.  
  1051. .popup_block{
  1052. display:none;
  1053. background:{color:background};
  1054. padding:20px;
  1055. float:left;
  1056. position:fixed;
  1057. top:50%;left:50%;
  1058. z-index: 99999;
  1059. }
  1060.  
  1061. *html #fade {position: absolute;}
  1062. *html .popup_block {position: absolute;}
  1063. #fade {
  1064. display:none;
  1065. position:fixed;
  1066. left:0px;
  1067. top:0px;
  1068. width:100%;
  1069. height:100%;
  1070. z-index:9999;
  1071. background:{color:background}; /* change to #fff for solid white */
  1072. opacity:1; /* change to opacity:1; */
  1073. }
  1074.  
  1075. .friends {
  1076. margin-left: 12px;
  1077. margin-top: 5px;
  1078. }
  1079.  
  1080. .friends img{
  1081. margin: 5px;
  1082. width:40px;
  1083. height:40px;
  1084. border: 2px solid {color:bold};
  1085. text-align: justify;
  1086. }
  1087.  
  1088. {CustomCSS}
  1089.  
  1090.  
  1091.  
  1092. </style>
  1093.  
  1094.  
  1095.  
  1096. <!---- Scripts ---->
  1097.  
  1098.  
  1099. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1100.  
  1101. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1102. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1103. <script src="http://static.tumblr.com/3yblkz0/Bu3nywvqg/shythemes_vr.js"></script>
  1104. <script>
  1105. $(document).ready(function(){
  1106. $('.not').click(function(){
  1107. $(".notes").slideToggle("slow");
  1108. });
  1109. $("[title],a[title],img[title]").style_my_tooltips({
  1110. tip_follows_cursor:true,
  1111. tip_delay_time:50,
  1112. tip_fade_speed:500,
  1113. attribute:"title"
  1114. });
  1115. $('.photo-slideshow').pxuPhotoset({
  1116. lightbox: true,
  1117. rounded: false,
  1118. gutter: '5px',
  1119. borderRadius: '0px',
  1120. photoset: '.photo-slideshow',
  1121. photoWrap: '.photo-data',
  1122. photo: '.pxu-photo'
  1123. });
  1124. });
  1125. </script>
  1126.  
  1127.  
  1128.  
  1129. </head>
  1130.  
  1131. <div id="side">
  1132.  
  1133. <div class="career">
  1134. <h24 class="shake">SUGA:MINYOONGI</h2>
  1135. </div>
  1136. <div class="words">
  1137. MEET MIN YOONGI, CLASS 93, ALSO KNOWN AS SUGA, BTS' MAIN RAPPER AND COMPOSER, OFFICIAL OLD GRUMPY GRANDPA OF THE DORM WITH AMAZING RAP AND SONGWRITING SKILLS AND AN UNDENIABLE LOVE FOR MUSIC, SWAG AND SLEEP.
  1138. </div>
  1139. <div class="sb1"><img src='http://o.aolcdn.com/hss/storage/fss/def70ce9be99b088f22c97944dbcf364/ChGxdxXUcAAk7DU.png'></div>
  1140. <div class="links">
  1141. <h24 class="shake"><a href="/">i.</a></h24>
  1142. <h24 class="shake"><a href="/ask">ii.</a></h24>
  1143. <h24 class="shake"><a href="/submit">iii.</a></h24>
  1144. <h24 class="shake"><a href="/timeline">vi.</a></h24>
  1145. <h24 class="shake"><a href="http://www.rpthreadtracker.com/public/allthreads?userId=20750&currentBlog=&sortDescending=false&currentOrderBy=LastPostDate&filteredTag=">v.</a></h24>
  1146. <h24 class="shake"><a href="#?w=300" rel="box1" class="poplight">vi.</a></h2>
  1147. </div>
  1148. <div class="sb2"><img src='http://o.aolcdn.com/hss/storage/fss/c4c337b0c4374a8ca0d14943c6e33c87/tumblr_static_a0ptw7hoqq88osc0wwscwgsoo_640_v2.png'></div>
  1149. <div class="hovers">
  1150. <div class="whants">
  1151. <a title="HOVER"> </a>
  1152. <a title="HOVER"> </a>
  1153. <a title="HOVER"></a>
  1154. <a title="HOVER"></a>
  1155. <a title="HOVER"></a>
  1156. <a href="http://aellionios.tumblr.com/" title="Heavily tweaked by aellionios, aka Akali. Graphics are also done by Akali. do not steal. questions should be directed towards her. Optimized for Google Chrome."></a>
  1157. </div></div>
  1158.  
  1159. <div class="musicplayer"><div id="icon">
  1160. <img src="https://33.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  1161. </div>
  1162. <div id="musicbox"><div id="music2">
  1163. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="25">
  1164. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1165. <param name="bgcolor" value="#000000" />
  1166. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=105&amp;height=25&amp;volume=15&amp;autoplay=1&amp;loop=1&amp;shuffle=0&amp;showslider=0&amp;loadingcolor=f7f8f9&amp;bgcolor=000000&amp;bgcolor1=000000&amp;bgcolor2=000000&amp;buttoncolor=75b1d6&amp;buttonovercolor=75b1d6&amp;showlist=0" />
  1167. </object>
  1168. </div></div></div>
  1169.  
  1170. </div>
  1171.  
  1172.  
  1173. <body class="{select:Tumblr Controls}">
  1174.  
  1175.  
  1176.  
  1177. <section id="wrapper">
  1178.  
  1179.  
  1180.  
  1181. {block:Posts}
  1182. <article class="posts">
  1183.  
  1184.  
  1185.  
  1186. {block:IndexPage}
  1187. <ul class="perma">
  1188. {block:Date}
  1189. <li><a href="{Permalink}" {block:ifInfinitescroll}target="_blank"{/block:ifInfinitescroll}>{DayOfMonth}</a></li>
  1190. <li><p>{DayOfWeek}</p><p>{Month}</p><p>W{WeekOfYear}</p></li>
  1191. {/block:Date}
  1192. </ul>
  1193. {/block:IndexPage}
  1194.  
  1195.  
  1196. {block:ContentSource}
  1197. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1198. {/block:SourceLogo}
  1199. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1200. {/block:ContentSource}
  1201.  
  1202.  
  1203. {block:Photo}
  1204. <div id="photo">
  1205. {block:IndexPage}
  1206. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  1207. {/block:IndexPage}
  1208. {block:PermalinkPage}
  1209. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  1210. {/block:PermalinkPage}
  1211. </div>
  1212. {/block:Photo}
  1213.  
  1214.  
  1215. {block:Photoset}
  1216. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1217. {block:Photos}
  1218. <div class="photo-data">
  1219. <div class="pxu-photo">
  1220. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1221. </div>
  1222. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1223. </div>
  1224. {/block:Photos}
  1225. </div>
  1226. {/block:Photoset}
  1227.  
  1228.  
  1229. {block:Video}
  1230. <div id="vid">{Video-500}</div>
  1231. {/block:Video}
  1232.  
  1233.  
  1234. {block:Audio}
  1235. <table id="audio" border="0" cellpadding="0" cellspacing="0" width="100%">
  1236. <tr>
  1237. <td valign="middle" width="60px">
  1238. {block:ifWhiteAudioPlayer}{AudioPlayerWhite}{/block:ifWhiteAudioPlayer}
  1239. {block:ifBlackAudioPlayer}{AudioPlayerBlack}{/block:ifBlackAudioPlayer}
  1240. </td>
  1241. <td id="audio_text" valign="middle">
  1242. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br/>by {Artist}{/block:Artist}
  1243. </td>
  1244. </tr>
  1245. </table>
  1246. {/block:Audio}
  1247.  
  1248.  
  1249. {block:Text}
  1250. {block:Title}<h2>{Title}</h2>{/block:Title}
  1251. {Body}
  1252. {/block:Text}
  1253.  
  1254.  
  1255. {block:Link}
  1256. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1257. {block:Description}{Description}{/block:Description}
  1258. {/block:Link}
  1259.  
  1260.  
  1261. {block:Answer}
  1262. <div id="question">{Question}</div> <p id="asker">{Asker}</p>
  1263. {Answer}
  1264. {/block:Answer}
  1265.  
  1266.  
  1267. {block:Quote}
  1268. <div id="quote">
  1269. {Quote}
  1270. {block:Source}<p id="source">— {Source}</p>{/block:Source}
  1271. </div>
  1272. {/block:Quote}
  1273.  
  1274.  
  1275. {block:Chat}
  1276. {block:Title}<h2>{Title}</h2>{/block:Title}
  1277. {block:Lines}
  1278. <p id="chat" >{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>
  1279. {/block:Lines}
  1280. {/block:Chat}
  1281.  
  1282.  
  1283. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp{/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  1284.  
  1285.  
  1286. {block:IndexPage}{block:ifShowTags}{block:HasTags}
  1287. <p class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</p>
  1288. {/block:HasTags}{/block:ifShowTags}{/block:IndexPage}
  1289.  
  1290.  
  1291. {block:PermalinkPage}{block:Date}
  1292. <ul class="perma_p">
  1293. <li><p>date</p>
  1294. <p>{DayOfWeek}, week {WeekOfYear}</p>
  1295. <p>{DayOfMonth} {Month}, {Year}</p>
  1296. </li>
  1297. {block:RebloggedFrom}
  1298. <li><p>by</p>
  1299. <p>origin <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  1300. <p>via <a href="{ReblogParentURL}">{ReblogParentName}</a></p>
  1301. </li>
  1302. {/block:RebloggedFrom}
  1303. {block:HasTags}
  1304. <li><p>tags</p>
  1305. <p id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  1306. </li>
  1307. {/block:HasTags}
  1308. </ul>
  1309. {/block:Date}{/block:PermalinkPage}
  1310.  
  1311.  
  1312.  
  1313. </article>
  1314.  
  1315.  
  1316.  
  1317. {block:PermalinkPage}
  1318. {block:NoteCount}<div class="not">{NoteCountWithLabel}</div>{/block:NoteCount}
  1319. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1320. {/block:PermalinkPage}
  1321.  
  1322.  
  1323.  
  1324. {/block:Posts}
  1325. </section>
  1326.  
  1327.  
  1328.  
  1329. {block:IndexPage}
  1330. <footer>
  1331. {block:Pagination}
  1332. <div class="pagination">
  1333. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  1334. {CurrentPage} / {TotalPages}
  1335. {block:NextPage} <a id="next" href="{NextPage}">next</a>{/block:NextPage}
  1336. </div>
  1337. {/block:Pagination}
  1338. {block:ifInfinitescroll}
  1339. {block:ifManualLoad}
  1340. <a id="load">load more</a>
  1341. {/block:ifManualLoad}
  1342. {/block:ifInfinitescroll}
  1343. </footer>
  1344. {/block:IndexPage}
  1345.  
  1346.  
  1347.  
  1348. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; left:5px; position:fixed;" title="Theme by Heidi">cr.</a>
  1349.  
  1350.  
  1351.  
  1352. <!---- Scripts ---->
  1353.  
  1354.  
  1355. {block:IndexPage}
  1356. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  1357. {block:ifInfinitescroll}
  1358. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1359. {/block:ifInfinitescroll}
  1360. <script>
  1361. $(document).ready(function(){
  1362. var $container = $('#wrapper');
  1363. $container.masonry({
  1364. itemSelector: 'article',
  1365. columnWidth: {select:Post Size} + 20 + {text:Post Margin}*2,
  1366. });
  1367. $container.imagesLoaded(function(){
  1368. $container.masonry();
  1369. });
  1370. {block:ifInfinitescroll}
  1371. $container.infinitescroll({
  1372. itemSelector : ".posts",
  1373. navSelector : ".pagination",
  1374. nextSelector : ".pagination a#next",
  1375. loadingImg : "",
  1376. loadingText : "<em> </em>",
  1377. bufferPx : 1000,
  1378. extraScrollPx: 500,
  1379. {block:ifManualLoad}
  1380. errorCallback: function () { jQuery('a#load').delay(50).fadeOut(); },
  1381. {/block:ifManualLoad}
  1382. },
  1383. function( newElements ) {
  1384. resizeVideos();
  1385. $(newElements).find('.photo-slideshow').pxuPhotoset({
  1386. lightbox: true,
  1387. rounded: false,
  1388. gutter: '5px',
  1389. borderRadius: '0px',
  1390. photoset: '.photo-slideshow',
  1391. photoWrap: '.photo-data',
  1392. photo: '.pxu-photo'
  1393. });
  1394. var $newElems = $( newElements ).css({ opacity: 0 });
  1395. $newElems.imagesLoaded(function(){
  1396. $container.masonry( 'appended', $newElems );
  1397. $newElems.animate({ opacity: 1 });
  1398. });
  1399. });
  1400. {block:ifnotManualLoad}
  1401. if($(window).height() >= $(document).height()){
  1402. $container.infinitescroll('retrieve'); return false;
  1403. };
  1404. {/block:ifnotManualLoad}
  1405. {block:ifManualLoad}
  1406. $(window).unbind('.infscr');
  1407. $('a#load').click(function() {
  1408. $container.infinitescroll('retrieve');return false;
  1409. });
  1410. {/block:ifManualLoad}
  1411. {/block:ifInfinitescroll}
  1412. });
  1413. </script>
  1414. {/block:IndexPage}
  1415.  
  1416.  
  1417.  
  1418. </body>
  1419.  
  1420. <div id="box1" class="popup_block">
  1421.  
  1422. <div style="background-color:#000000; margin-top:5px; width: 287px; height:50px; padding: 10px; text-transform: uppercase; font-size: 7px; ">put ur lil note in here for ur friends nub nub. don't make it too long.</div>
  1423.  
  1424. <div style="background-color:#000000; margin-top:5px; width: 307px; height:200px; overflow-y:scroll;">
  1425. <div class="friends">
  1426.  
  1427. <a href="http://mysvmi.tumblr.com/" title="! - * Moon Soomi"><img src="https://41.media.tumblr.com/2b438d5ba8c572d5fc988d5acecc99ff/tumblr_inline_nudnx62SUv1sx2cwu_540.png"/></a>
  1428.  
  1429. <a href="http://drumskr.tumblr.com/" title="! - * Yoo Jongjae"><img src="http://o.aolcdn.com/hss/storage/fss/5a09661f41434df58a12507539b44188/beach-beer.png"/></a>
  1430.  
  1431. <a href="http://soianz.tumblr.com/" title="! - * Lee Hana"><img src="https://40.media.tumblr.com/ec6f4793834d294b899b711410e5cb58/tumblr_nz4egnVUBT1ssjv8ro3_250.png"/></a>
  1432.  
  1433. <a href="http://hxnryz.tumblr.com/" title="! - * Henry Lau"><img src="https://41.media.tumblr.com/dca52cac6d4998a0216ad649a1cb2aec/tumblr_nvcq5dC9Ko1uses7vo5_250.png"/></a>
  1434.  
  1435. <a href="http://90yoda.tumblr.com/" title="! - * Park Sojin"><img src="https://images-2.discordapp.net/.eJwNyMENgCAMAMBdGIBKEUS3IUiQBC2h9WXcXX-Xe9Q9mtrUIdJ5A9grJxq7ZqERS9aFqLQce2Wd6IQoEtNx5ksYjHc4BxMwWJy9DQv-5Se3_HK4TtYYv4LV_Srq_QA4KiAF.LRphoPpoT-XbtyoV0PbmxZ9MWCo.png"/></a>
  1436.  
  1437. <a href="http://choisooy.tumblr.com/" title="! - * Choi Sooyoung"><img src="https://41.media.tumblr.com/6fecaaa0a8523c7bc1d6730930e40688/tumblr_o04wjnQaF51s02j7ro3_400.png"/></a>
  1438.  
  1439. <a href="http://lizzorilla.tumblr.com" title="! - * Park Sooyoung"><img src="https://41.media.tumblr.com/c8185ddd96a7b703bc4195e8505d002e/tumblr_o1hc0sjFkd1uz1ojso3_250.png"/></a>
  1440.  
  1441. <a href="http://vxrtve.co.vu/" title="! - * Byun Baekhyun"><img src="http://o.aolcdn.com/hss/storage/fss/210887c5db3247104de6351accaf7153/baek.png"/></a>
  1442.  
  1443. <a href="http://exokvi.tumblr.com/" title="! - * Kim Jongin"><img src="http://o.aolcdn.com/hss/storage/fss/f800fa6b3ccc974bb56926c395c3a9d4/1c.png"/></a>
  1444.  
  1445. <a href="http://hvisse.tumblr.com/" title="! - * Park Greyson"><img src="https://images-2.discordapp.net/.eJwNyNENgyAQANBdGAAORDycoTsYigZNlCNwxLRNd2_f5_uIXk8xi525tFmp9WiR6iobUw1pk4konVsoR5ORLhWYQ9yvLXNT2o3GokaDg7FuwMn8y8E4oQPwxmuPGhT363nWJZdX5fiwBXXb-xtuGhYLIEtO4vsDj6sqxg.JYrooAs39mjOaJCsWEPr35Bj12E.png?width=300&height=300"/></a>
  1446.  
  1447. <a href="" title="! - * Lee Senshiro"><img src="http://o.aolcdn.com/hss/storage/fss/6e40c5396131f661b3c749ce0991257f/tumblr_nwnlsreqTj1qd9gy2o1_540.png"/></a>
  1448.  
  1449. <a href="http://vuotriste.tumblr.com/" title="! - * Renier Vitalli"><img src="https://40.media.tumblr.com/a4ddee4349f32951cbb3c42b1fdb4c52/tumblr_inline_nomwxdjUX61sb4p6n_540.jpg"/></a>
  1450.  
  1451. <a href="http://penncho.tumblr.com/" title="! - * Cho Spencer"><img src="http://o.aolcdn.com/hss/storage/fss/c55fcf3eff7ca029b3103b52d59e7b30/c55fcf3eff7ca029b3103b52d59e7b30.jpg"/></a>
  1452.  
  1453. <a href="http://yienetic.tumblr.com/" title="! - * Mark Taun"><img src="https://40.media.tumblr.com/698252bf65263914ad8b980a2e814ded/tumblr_o141qvnj2N1urkt8fo1_250.png"/></a>
  1454.  
  1455. <a href="http://noctvrnez.tumblr.com/" title="! - * Seijiro Thane"><img src="http://o.aolcdn.com/hss/storage/fss/af296499c200098cee857d447d8469e5/%5BVietsub%5D+160109+Chanyeol+Live+on+V-app+%5BEXO+Team%5Df.png"/></a>
  1456.  
  1457. <a href="http://aekure.tumblr.com/" title="! - * Heo June"><img src="http://o.aolcdn.com/hss/storage/fss/971c7f7aef2a2ae92472d6d5972779f1/iconfriends.jpg"/></a>
  1458.  
  1459. </div></div>
  1460.  
  1461. </div></div></div></div></div></div></div></div></div></div>
  1462. </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!