Guest User

Untitled

a guest
Sep 29th, 2016
47
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.50 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. theme: breezeblocks 2.0 -- updated 1.6.2016
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15. <script>
  16. $(document).ready(function() {
  17. //
  18. $('a.poplight[href^=#]').click(function() {
  19. var popID = $(this).attr('rel'); //Get Popup Name
  20. var popURL = $(this).attr('href'); //Get Popup href to define size
  21. var query= popURL.split('?');
  22. var dim= query[1].split('&');
  23. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  24. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  25. var popMargTop = ($('#' + popID).height() + 80) / 2;
  26. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  27. //Apply Margin to Popup
  28. $('#' + popID).css({
  29. 'margin-top' : -popMargTop,
  30. 'margin-left' : -popMargLeft
  31. });
  32. $('body').append('<div id="fade"></div>');
  33. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  34. return false;
  35. });
  36. $('a.close, #fade').live('click', function() {
  37. $('#fade , .popup_block').fadeOut(function() {
  38. $('#fade, a.close').remove(); //fade them both out
  39. });
  40. return false;
  41. });
  42. });
  43. </script>
  44. <title>{Title} {block:TagPage} #{Tag}{/block:TagPage}{block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
  45.  
  46. <link rel="shortcut icon" href="{favicon}">
  47.  
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50.  
  51. <!--Default Variables-->
  52.  
  53. <meta name="color:Background" content="#fafafa"/>
  54. <meta name="color:Text" content="#363636"/>
  55. <meta name="color:Link" content="#777777"/>
  56. <meta name="color:Link Hover" content="#eeeeee"/>
  57. <meta name="color:Blog Title" content="#bbbbbb"/>
  58. <meta name="color:Title" content="#000000"/>
  59. <meta name="color:Scrollbar" content="#aaaaaa" />
  60. <meta name="color:Borders" content="#eeeeee"/>
  61. <meta name="color:Text Borders" content="#eeeeee"/>
  62. <meta name="color:Posts" content="#ffffff"/>
  63. <meta name="color:Accents" content="#fbfbfb"/>
  64. <meta name="color:Shadow" content="#eeeeee"/>
  65.  
  66. <meta name="image:Sidebar" content=""/>
  67. <meta name="image:Background" content=""/>
  68.  
  69. <meta name="if:Hide Tags" content="0"/>
  70. <meta name="if:Large Image" content="0"/>
  71. <meta name="if:Search Bar" content="0"/>
  72. <meta name="if:Infinite Scroll" content="0"/>
  73. <meta name="if:Manual Load" content="1"/>
  74. <meta name="if:Stretch Background" content="1"/>
  75.  
  76. <meta name="text:Home Title" content="Index"/>
  77. <meta name="text:Ask Title" content="Message"/>
  78. <meta name="text:Archive Title" content="Archive"/>
  79.  
  80. <meta name="text:Link 1 URL" content=""/>
  81. <meta name="text:Link 1" content=""/>
  82. <meta name="text:Link 2 URL" content=""/>
  83. <meta name="text:Link 2" content=""/>
  84. <meta name="text:Link 3 URL" content=""/>
  85. <meta name="text:Link 3" content=""/>
  86.  
  87. <meta name="select:Sidebar Position" content="left" title="Left"/>
  88. <meta name="select:Sidebar Position" content="right" title="Right"/>
  89.  
  90. <meta name="select:Post Width" content="275" title="275px"/>
  91. <meta name="select:Post Width" content="300" title="300px"/>
  92. <meta name="select:Post Width" content="350" title="350px"/>
  93. <meta name="select:Post Width" content="400" title="400px"/>
  94. <meta name="select:Post Width" content="450" title="450px"/>
  95. <meta name="select:Post Width" content="500" title="500px"/>
  96. <meta name="select:Post Width" content="540" title="540px"/>
  97.  
  98. <meta name="select:Caption" content="def" title="Default"/>
  99. <meta name="select:Caption" content="inl" title="Inline"/>
  100. <meta name="select:Caption" content="hide def" title="Hide Default"/>
  101. <meta name="select:Caption" content="hide inl" title="Hide Inline"/>
  102.  
  103.  
  104. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/open-sans:n4,i4,n7,i7.js"></script>
  105.  
  106. <!--CSS customization here. -->
  107.  
  108. <style type="text/css">
  109.  
  110.  
  111.  
  112. .popup_block{
  113. display:none;
  114. background:#fff;
  115. padding:20px;
  116. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  117. float:left;
  118. position:fixed;
  119. top:50%;left:50%;
  120. z-index: 99999;
  121. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  122. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  123. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  124. }
  125.  
  126. *html #fade {position: absolute;}
  127. *html .popup_block {position: absolute;}
  128. #fade {
  129. display:none;
  130. position:fixed;
  131. left:0px;
  132. top:0px;
  133. width:100%;
  134. height:100%;
  135. z-index:9999;
  136. background:#000; /* change to #fff for solid white */
  137. opacity:0.5; /* change to opacity:1; */
  138. }
  139.  
  140. /*tumblr controls and lightbox*/
  141.  
  142. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  143.  
  144. .tmblr-lightbox img {opacity:0;}
  145.  
  146. .lightbox-caption {
  147. color:{color:title}!important;
  148. font-family:inherit!important;
  149. font-size:1em!important;
  150. font-weight:normal!important;
  151. text-shadow:none!important;
  152. }
  153.  
  154. .lightbox-image {
  155. -moz-box-shadow:none!important;
  156. -webkit-box-shadow:none!important;
  157. box-shadow:none!important;
  158. -moz-border-radius:3px!important;
  159. -webkit-border-radius:3px!important;
  160. border-radius:3px!important;
  161. padding:0px!important;
  162. border:3px solid {color:posts}!important;
  163. margin-top:-3px!important;
  164. margin-left:-3px!important;
  165. opacity:1!important;
  166. }
  167.  
  168. .vignette {opacity:0!Important;}
  169.  
  170. .iframe-controls--desktop {
  171. white-space:nowrap!important;
  172. -webkit-filter:invert(70%)!important;
  173. -moz-filter:invert(70%)!important;
  174. -ms-filter:invert(70%)!important;
  175. -o-filter:invert(70%)!important;
  176. filter:invert(70%)!important;
  177. top:5px!important;
  178. right:5px!important;
  179. opacity:.4!important;
  180. position:fixed!important;
  181. }
  182.  
  183. /*tooltip*/
  184.  
  185. .ui-tooltip {
  186. position:Absolute;
  187. z-index:9999;
  188. padding-top:10px;
  189. }
  190.  
  191. .ui-tooltip-content {
  192. background:{color:posts};
  193. max-width:200px;
  194. padding:.5em 1em;
  195. font-size:.9em;
  196. text-transform:uppercase;
  197. letter-spacing:2px;
  198. border:1px solid {color:borders};
  199. border-radius:2px;
  200. -moz-border-radius:2px;
  201. -webkit-border-radius:2px;
  202. }
  203.  
  204. /*scrollbar*/
  205.  
  206. ::-webkit-scrollbar {
  207. height:2px;
  208. width:4px;
  209. background:inherit;
  210. }
  211.  
  212. ::-webkit-scrollbar-thumb{
  213. border-radius:2px;
  214. -moz-border-radius:2px;
  215. -webkit-border-radius:2px;
  216. background:{color:scrollbar};
  217. }
  218.  
  219. /*general*/
  220.  
  221. body {
  222. background:{color:background} url('{image:background}') center center fixed repeat;
  223. {block:ifstretchbackground}
  224. -webkit-background-size: cover;
  225. -moz-background-size: cover;
  226. -o-background-size: cover;
  227. background-size: cover;
  228. {/block:ifstretchbackground}
  229. color:{color:text};
  230. font:9px/1.5em open-sans, arial, sans-serif;
  231. word-wrap:break-word;
  232. text-align:left;
  233. -moz-osx-font-smoothing:grayscale;
  234. -webkit-font-smoothing:antialiased;
  235. font-smoothing:antialiased;
  236. margin:0;
  237. }
  238.  
  239. a {
  240. color:{color:link};
  241. text-decoration:none;
  242. }
  243.  
  244. a, svg {
  245. transition:all .3s linear;
  246. -webkit-transition:all .3s linear;
  247. -o-transition:all .3s linear;
  248. -moz-transition:all .3s linear;
  249. }
  250.  
  251. a, a img {cursor:pointer;}
  252.  
  253. a:hover {
  254. color:{color:link hover}!important;
  255. text-decoration:none;
  256. }
  257.  
  258. img {
  259. opacity:1;
  260. border:0;
  261. text-decoration:none;
  262. max-width:100%;
  263. height:auto;
  264. display:block;
  265. }
  266.  
  267. blockquote {
  268. padding:.25em 0 .25em 15px;
  269. margin:.5em 0;
  270. border-left:1px solid {color:text borders};
  271. }
  272.  
  273. pre {
  274. padding:0;
  275. margin:0;
  276. line-height:inherit!important;
  277. background:transparent;
  278. font-family:inherit!Important;
  279. font-size:inherit!important;
  280. white-space:pre-wrap;
  281. white-space:-moz-pre-wrap;
  282. white-space:-pre-wrap;
  283. white-space:-o-pre-wrap;
  284. word-wrap:break-word;
  285. }
  286.  
  287. p {margin:1em 0;}
  288.  
  289. p:first-of-type {margin-top:0;}
  290.  
  291. p:last-of-type {margin-bottom:0;}
  292.  
  293. b, strong, b a, strong a {color:{color:title};}
  294.  
  295. ol, ul {
  296. list-style:none;
  297. text-align:left;
  298. padding-left:0;
  299. }
  300.  
  301. li {
  302. position:relative;
  303. padding:.25em 0 .25em 25px;
  304. margin-left:15px;
  305. }
  306.  
  307. ol li {counter-increment:list;}
  308.  
  309. ol li:before, ul li:before {
  310. left:0;
  311. position:absolute;
  312. vertical-align:baseline!important;
  313. }
  314.  
  315. ol li:before {content:counter(list) '.';}
  316.  
  317. ul li:before {
  318. content:'○';
  319. margin-top:-1px;
  320. vertical-align:middle!important;
  321. }
  322.  
  323. .chat li:before, .pagenotes li:before {display:none;}
  324.  
  325. .chat li {margin:0;}
  326.  
  327. small, big, sub, pre {
  328. font-size:1em!important;
  329. line-height:1.4em!important;
  330. vertical-align:baseline!important;
  331. }
  332.  
  333. h1, h2, h3, h4 {
  334. margin:1.5em 0;
  335. font-size:1.5em;
  336. padding:0;
  337. color:{color:title};
  338. font-weight:normal;
  339. }
  340.  
  341. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  342.  
  343. hr {
  344. border:none;
  345. box-shadow:0;
  346. margin:2em auto;
  347. width:25px;
  348. border-top:2px solid {color:link hover};
  349. }
  350.  
  351. aside, form, footer, article {
  352. -webkit-animation-name: fade-in;
  353. -webkit-animation-duration: 1.5s;
  354. }
  355.  
  356. /*aside*/
  357.  
  358. aside {
  359. width:200px;
  360. top:100px;
  361. position:fixed;
  362. }
  363.  
  364. aside, .posts, footer a, .ui-tooltip-content {
  365. background:{color:posts};
  366. border-radius:2px;
  367. -moz-border-radius:2px;
  368. -webkit-border-radius:2px;
  369. box-shadow:0px 1px 2px {color:shadow};
  370. -webkit-box-shadow:0px 1px 2px {color:shadow};
  371. -moz-box-shadow:0px 1px 2px {color:shadow};
  372. }
  373.  
  374. .right {left:calc(50% + {select:post width}px / 2 + {block:ifSidebarImage}{block:ifnotLargeImage}136{/block:ifnotLargeImage}{block:ifLargeImage}75{/block:ifLargeImage}{/block:ifSidebarImage}{block:ifnotSidebarImage}75{/block:ifnotSidebarImage}px);}
  375.  
  376. .left {left:calc(50% - {select:post width}px / 2 - 275px);}
  377.  
  378. .btit {
  379. padding:calc(23px - .75em) 15px;
  380. font-size:1.3em;
  381. line-height:1.5em;
  382. text-transform:uppercase;
  383. letter-spacing:2px;
  384. display:block;
  385. position:relative;
  386. color:{color:blog title};
  387. }
  388.  
  389. .btit:after {
  390. content:'';
  391. width:25px;
  392. height:2px;
  393. background:{color:link hover};
  394. top:calc(100% - 2px);
  395. position:absolute;
  396. left:15px;
  397. }
  398.  
  399. #d {padding:15px 15px 0 15px;}
  400.  
  401. nav {
  402. font-size:.9em;
  403. text-transform:uppercase;
  404. letter-spacing:2px;
  405. padding:15px 0;
  406. }
  407.  
  408. nav a {
  409. display:block;
  410. padding:0 15px;
  411. margin-bottom:5px;
  412. }
  413.  
  414. nav a:last-of-type {margin-bottom:0;}
  415.  
  416. .ic {
  417. display:inline-block;
  418. {block:ifnotLargeImage}
  419. position:absolute;
  420. left:-61px;
  421. {/block:ifnotLargeImage}
  422. }
  423.  
  424. .ic img {
  425. display:block;
  426. width:46px;
  427. height:46px;
  428. -moz-border-radius:2px;
  429. -webkit-border-radius:2px;
  430. border-radius:2px;
  431. {block:ifLargeImage}
  432. width:200px;
  433. border-bottom-left-radius:0px;
  434. -webkit-border-bottom-left-radius:0px;
  435. -moz-border-bottom-left-radius:0px;
  436. border-bottom-right-radius:0px;
  437. -webkit-border-bottom-right-radius:0px;
  438. -moz-border-bottom-right-radius:0px;
  439. height:auto;
  440. {/block:ifLargeImage}
  441. }
  442.  
  443. /*pagination*/
  444.  
  445. footer {
  446. width:{select:post width}px;
  447. margin:0 auto 100px auto;
  448. text-align:center;
  449. {block:ifinfinitescroll}
  450. {block:ifnotmanualload}
  451. display:none;
  452. {/block:ifnotmanualload}
  453. {/block:ifinfinitescroll}
  454. }
  455.  
  456. footer a {
  457. padding:10px 15px;
  458. -moz-border-radius:2px;
  459. -webkit-border-radius:2px;
  460. border-radius:2px;
  461. font-size:.9em;
  462. display:inline-block;
  463. text-transform:uppercase;
  464. letter-spacing:1px;
  465. background:{color:posts};
  466. }
  467.  
  468. #pagination {
  469. text-align:right;
  470. {block:ifinfinitescroll}
  471. display:none;
  472. {/block:ifinfinitescroll}
  473. }
  474.  
  475. #plain {
  476. float:left;
  477. text-align:left;
  478. }
  479.  
  480. #infscr-loading {display:none!important;}
  481.  
  482. .nice {
  483. position:fixed;
  484. right:15px;
  485. bottom:10px;
  486. width:15px;
  487. height:15px;
  488. z-index:6;
  489. font-size:8px;
  490. line-height:15px;
  491. text-align:center;
  492. background:{color:posts};
  493. }
  494.  
  495. /*posts*/
  496.  
  497. section {
  498. width:{select:post width}px;
  499. margin-left:700px;
  500. margin-top:30px;
  501.  
  502. }
  503.  
  504. article {
  505. width:{select:post width}px;
  506. position:relative;
  507. margin-bottom:75px;
  508. }
  509.  
  510. .posts {
  511. -moz-border-radius:2px;
  512. -webkit-border-radius:2px;
  513. border-radius:2px;
  514. overflow:hidden;
  515. }
  516.  
  517. .ph {
  518. position:relative;
  519. overflow:hidden;
  520. }
  521.  
  522. .ph img {
  523. width:100%;
  524. display:block;
  525. }
  526.  
  527. .video * {
  528. display:block;
  529. min-width:100%;
  530. }
  531.  
  532. a.read_more {text-transform:lowercase;}
  533.  
  534. a.tumblr_blog {
  535. display:inline-block;
  536. margin-bottom:5px;
  537. }
  538.  
  539. /*titles*/
  540.  
  541. .title {
  542. color:{color:title};
  543. font-size:1.3em;
  544. line-height:1.4em;
  545. padding:15px;
  546. }
  547.  
  548. .title a {color:{color:title};}
  549.  
  550. .title a:hover {color:{color:link};}
  551.  
  552. .tex, .source, .caption, .a {padding:15px;}
  553.  
  554. .ted {margin-top:-15px;}
  555.  
  556. /*captions*/
  557.  
  558. .ugh .caption {border-top:1px solid {color:borders};}
  559.  
  560. .inl.ree .caption p:first-of-type, .inl.ree .caption blockquote:first-of-type, .inl.ree .text p:first-of-type, .inl.ree .text blockquote:first-of-type {display:inline;}
  561.  
  562. .inl.ree .caption p:first-of-type::after {content:' ';}
  563.  
  564. .inl.ree .caption blockquote:first-of-type, .inl.ree .text blockquote:first-of-type {
  565. border:0;
  566. padding:0;
  567. }
  568.  
  569. {block:indexpage}.hide .caption {display:none!important;}{/block:indexpage}
  570.  
  571. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  572.  
  573. .caption *:last-child, .a *:last-child, .text *:last-child {
  574. margin-bottom:0!important;
  575. padding-bottom:0!Important;
  576. }
  577.  
  578. /*asks*/
  579.  
  580. .q {
  581. padding:15px;
  582. background:{color:accents};
  583. border-bottom:1px solid {color:borders};
  584. position:relative;
  585. }
  586.  
  587. .as, .as a {
  588. color:{color:text};
  589. text-transform:lowercase;
  590. }
  591.  
  592. /*chat*/
  593.  
  594. .chat {
  595. padding:0;
  596. margin:0;
  597. list-style:none;
  598. }
  599.  
  600. .l.odd {background:{color:accents};}
  601.  
  602. .l {
  603. padding:15px;
  604. border-bottom:1px solid {color:borders};
  605. }
  606.  
  607. .l:last-of-type {border:0;}
  608.  
  609. .label {color:{color:title};}
  610.  
  611. /*audio*/
  612.  
  613. .tumblr_audio_player {
  614. width:{select:post width}px;
  615. height:30px;
  616. margin-top:-2px;
  617. }
  618.  
  619. .player {
  620. width:25px;
  621. height:24px;
  622. position:absolute;
  623. left:15px;
  624. opacity:.5;
  625. top:calc(50% - 12px);
  626. display:block;
  627. overflow:hidden;
  628. }
  629.  
  630. .hold {
  631. background:{color:accents};
  632. position:relative;
  633. display:block;
  634. min-height:24px;
  635. padding:15px;
  636. }
  637.  
  638. .audio_info {
  639. vertical-align:middle;
  640. margin-left:40px;
  641. max-width:calc(100% - 40px);
  642. }
  643.  
  644. .audio_info span {
  645. white-space:nowrap;
  646. overflow:hidden;
  647. text-overflow:ellipsis;
  648. display:block;
  649. }
  650.  
  651. .hold .artist {color:rgba({RGBcolor:text},.7);}
  652.  
  653. /*permalink and notes*/
  654.  
  655. .when {
  656. padding:calc(23px - .75em) 15px;
  657. text-transform:uppercase;
  658. letter-spacing:1px;
  659. border-bottom:1px solid {color:borders};
  660. }
  661.  
  662. .when a {
  663. display:inline-block;
  664. font-size:.9em;
  665. }
  666.  
  667. .when svg {
  668. width:12px;
  669. margin:-1px 15px 0 0;
  670. display:inline-block;
  671. fill:{color:text};
  672. vertical-align:middle;
  673. }
  674.  
  675. .when a:hover svg {fill:{color:link hover};}
  676.  
  677. .rr {
  678. float:right;
  679. text-align:right;
  680. }
  681.  
  682. .rr a {
  683. height:1em;
  684. position:relative;
  685. display:inline-block;
  686. }
  687.  
  688. .rr svg {margin:0 0 0 15px;}
  689.  
  690. .like:hover svg {fill:{color:link};}
  691.  
  692. .like .liked + svg {fill:#D95E40;}
  693.  
  694. .like_button {cursor:pointer;}
  695.  
  696. .like_button iframe {
  697. position:absolute;
  698. opacity:0;
  699. top:0;
  700. bottom:0;
  701. right:0;
  702. z-index:2;
  703. }
  704.  
  705. #permalink {
  706. padding:15px;
  707. font-size:.9em;
  708. text-transform:uppercase;
  709. letter-spacing:1px;
  710. }
  711.  
  712. .nope {padding-top:0!important;}
  713.  
  714. #permalink a {color:{color:text};}
  715.  
  716. .inf {
  717. padding:15px;
  718. {block:ifhidetags}
  719. {block:indexpage}
  720. display:none;
  721. {/block:indexpage}
  722. {/block:ifhidetags}
  723. }
  724.  
  725. .inf svg {
  726. height:12px;
  727. display:inline-block;
  728. fill:{color:link};
  729. vertical-align:middle;
  730. width:12px;
  731. margin-top:-2px;
  732. }
  733.  
  734. .inf .mm {
  735. display:inline-block;
  736. position:absolute;
  737. padding-right:15px;
  738. z-index:2;
  739. left:15px;
  740. width:15px;
  741. }
  742.  
  743. .inf .mm:before {
  744. content:'';
  745. width:30px;
  746. top:0;
  747. z-index:-1;
  748. bottom:0;
  749. left:0px;
  750. position:absolute;
  751. background:-moz-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  752. background:-webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  753. background:-webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  754. background:-o-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  755. background:-ms-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  756. background:linear-gradient(to left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  757. }
  758.  
  759. .tags {
  760. position:relative;
  761. padding-left:30px;
  762. {block:indexpage}
  763. overflow:hidden;
  764. white-space:nowrap;
  765. {/block:indexpage}
  766. }
  767.  
  768. {block:indexpage}
  769. .tags_inner {
  770. padding:0px 40px 0px 0;
  771. position:relative;
  772. float:left;
  773. }
  774.  
  775. .tags.draggable .tags_inner {
  776. -webkit-touch-callout:none;
  777. -webkit-user-select:none;
  778. -khtml-user-select:none;
  779. -moz-user-select:none;
  780. -ms-user-select:none;
  781. user-select:none;
  782. }
  783.  
  784. .tags:after {
  785. content:'';
  786. width:20px;
  787. top:0;
  788. bottom:0;
  789. right:0;
  790. position:absolute;
  791. background:
  792. -moz-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  793. background:
  794. -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  795. background:
  796. -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  797. background:
  798. -o-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  799. background:
  800. -ms-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  801. background:
  802. linear-gradient(to right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  803. }
  804. {/block:indexpage}
  805.  
  806. .tags a {
  807. margin-right:10px;
  808. display:inline;
  809. text-transform:uppercase;
  810. letter-spacing:1px;
  811. font-size:.9em;
  812. }
  813.  
  814. .pagenotes .title {border-bottom:1px solid {color:borders};}
  815.  
  816. ol.notes {
  817. list-style-type:none;
  818. padding:10px 15px;
  819. margin:0px;
  820. overflow-y:auto;
  821. max-height:300px;
  822. }
  823.  
  824. ol.notes li.note {
  825. display:block;
  826. font-size:.9em;
  827. text-transform:uppercase;
  828. letter-spacing:1px;
  829. padding:5px 0;
  830. margin:0;
  831. }
  832.  
  833. ol.notes li.note:nth-child(odd) * {color:{color:text};}
  834.  
  835. ol.notes li.note:nth-child(even) * {color:rgba({RGBcolor:text},.7);}
  836.  
  837. ol.notes li.note img.avatar {display:none!important;}
  838.  
  839. .more_notes_link,.notes_loading {
  840. display:block;
  841. text-align:left!important;
  842. color:{color:title};
  843. }
  844.  
  845. #top {
  846. position:fixed;
  847. left:0;
  848. right:0;
  849. top:0;
  850. z-index:12;
  851. background:{color:posts};
  852. height:calc(3em + 10px);
  853. border-bottom:1px solid {color:borders};
  854. }
  855.  
  856. input[type="search"] {
  857. -webkit-appearance:textfield;
  858. -moz-box-sizing:content-box;
  859. -webkit-box-sizing:content-box;
  860. box-sizing:content-box;
  861. }
  862.  
  863. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  864.  
  865. .search-form {
  866. border:none;
  867. display:block;
  868. width:{select:post width}px;
  869. position:Relative;
  870. margin:5px auto;
  871. height:3em!important;
  872. line-height:3em!important;
  873. }
  874.  
  875. form svg {
  876. height:12px;
  877. display:inline-block;
  878. position:absolute;
  879. left:15px;
  880. top:calc(50% - 6px);
  881. fill:{color:text};
  882. vertical-align:middle;
  883. }
  884.  
  885. .search-form input {
  886. width:calc({select:post width}px - 50px);
  887. position:Relative;
  888. padding:0 5px!important;
  889. margin-left:40px;
  890. height:3em!important;
  891. font-size:.9em;
  892. background:{color:posts};
  893. text-transform:uppercase;
  894. font-family:open-sans, arial, sans-serif;
  895. letter-spacing:1px;
  896. display:block;
  897. outline:none;
  898. border:0;
  899. transition:0.8s;
  900. -o-transition-duration:0.8s;
  901. -webkit-transition-duration:0.8s;
  902. -moz-transition-duration:0.8s;
  903. }
  904.  
  905. .search-form input[type=text] {color:{color:text};}
  906.  
  907. .search-form input:focus{
  908. outline:none;
  909. background:{color:accents};
  910. transition:0.8s;
  911. -o-transition-duration:0.8s;
  912. -webkit-transition-duration:0.8s;
  913. -moz-transition-duration:0.8s;
  914. }
  915.  
  916. input::-webkit-input-placeholder {color:{color:text};}
  917.  
  918. input::-moz-placeholder {color:{color:text};}
  919.  
  920. input:-moz-placeholder {color:{color:text};}
  921.  
  922. input:-ms-input-placeholder {color:{color:text};}
  923.  
  924. {customCss}
  925.  
  926. .tri {
  927. position:fixed;
  928. background-color:#eeeeee;
  929. width:450px;
  930. height:1500px;
  931. margin-top:-100px;
  932. left:-30px;
  933. -ms-transform: rotate(-25deg); /* IE 9 */
  934. -webkit-transform: rotate(-25deg); /* Chrome, Safari, Opera */
  935. transform: rotate(-25deg);
  936. }
  937.  
  938.  
  939. @font-face { font-family: 'Signerica_Medium'; src: url('https://dl.dropboxusercontent.com/s/o1se5m1pcd6ymvh/Signerica_Medium.ttf?dl=1'); format("truetype");}
  940.  
  941.  
  942. #tit1 {
  943. position: fixed;
  944. width:180px;
  945. margin-top: 225px;
  946. margin-left: 290px;
  947. font-family: 'couture';
  948. font-size: 25px;
  949. color: #cccccc;
  950. text-transform: uppercase;
  951. font-style: italic;
  952. text-align: justify;
  953. }
  954.  
  955. #nav {
  956. position: fixed;
  957. width:180px;
  958. margin-top: 285px;
  959. margin-left: 380px;
  960. font-family: 'couture';
  961. font-size: 10px;
  962. color: #cccccc;
  963. text-transform: uppercase;
  964. font-style: italic;
  965. text-align: justify;
  966. }
  967.  
  968. #tit2 {
  969. position: fixed;;
  970. margin-top: 250px;
  971. margin-left: 327px;
  972. font-family: 'Signerica_Medium';
  973. font-size: 30px;
  974. color: #f5b3bf;
  975. font-style: italic;
  976. text-align: justify;
  977. }
  978.  
  979. #rect1 {
  980. position:fixed;
  981. left:240px;
  982. top:310px;
  983. width:117px;
  984. height:159px;
  985. line-height:9px;
  986. color:#444;
  987. font-family:arial; text-transform:uppercase; font-size:7px; padding:5px; color:#a9a9a9;
  988. background-color:#eeeeee;
  989. border:1px;
  990. text-align:justify;
  991. padding-left:8px;
  992. padding-right:8px;
  993. border-radius:1px;
  994.  
  995. }
  996.  
  997. #rect2 {
  998. position:fixed;
  999. left:377px;
  1000. top:330px;
  1001. width:117px;
  1002. height:60px;
  1003. line-height:9px;
  1004. color:#444;
  1005. font-family:arial; text-transform:uppercase; font-size:7px; padding:5px; color:#a9a9a9;
  1006. background-color:#eeeeee;
  1007. border:1px;
  1008. text-align:justify;
  1009. padding-left:8px;
  1010. padding-right:8px;
  1011. border-radius:1px;
  1012.  
  1013. }
  1014.  
  1015. #mp3 {
  1016. position:fixed;
  1017. left:240px;
  1018. top:483px;
  1019. width:255px;
  1020. height:10px;
  1021. line-height:9px;
  1022. color:#444;
  1023. font-family:arial; text-transform:uppercase; font-size:7px; padding:5px; color:#a9a9a9;
  1024. background-color:#eeeeee;
  1025. border:1px;
  1026. text-align:justify;
  1027. padding-left:8px;
  1028. padding-right:8px;
  1029. border-radius:1px;
  1030.  
  1031. }
  1032.  
  1033.  
  1034. #gd {
  1035. position:fixed;
  1036. left:377px;
  1037. top:405px;
  1038. width:117px;
  1039. height:63px;
  1040. line-height:9px;
  1041. color:#444;
  1042. font-family:arial; text-transform:uppercase; font-size:7px; padding:5px; color:#a9a9a9;
  1043. background-color:#eeeeee;
  1044. border:1px;
  1045. text-align:justify;
  1046. padding-left:8px;
  1047. padding-right:8px;
  1048. border-radius:1px;
  1049.  
  1050. }
  1051.  
  1052. #abt {
  1053. position:fixed;
  1054.  
  1055.  
  1056.  
  1057. }
  1058.  
  1059. #hovers {
  1060. position:fixed;
  1061. top:495px;
  1062. left:250px;
  1063. width:auto;
  1064. height:auto;
  1065. padding:12px;
  1066. font-family:arial;
  1067. font-size:86px;
  1068. color:#666666;
  1069. line-height:74px;
  1070. text-transform:uppercase;
  1071. z-index:1;
  1072. }
  1073.  
  1074. #hovers a { color:#8598a6;
  1075.  
  1076. }
  1077.  
  1078.  
  1079. #thomas {
  1080. height:60px;
  1081. width:60px;
  1082. background-color:#fff;
  1083. background-image:url('');
  1084. border:2px solid #fff;
  1085. background-repeat:no-repeat;
  1086. margin-left:470px;
  1087. top:330px;
  1088. position:fixed;
  1089. margin-top:115px;
  1090. z-index:4;
  1091. padding:5px;
  1092. color:#5959;
  1093. font-size:5px;
  1094. -webkit-border-radius: 100px;
  1095. -moz-border-radius: 100px;
  1096. border-radius: 100px;
  1097.  
  1098. }
  1099.  
  1100. #heart {
  1101. position:fixed;
  1102. left:95px;
  1103. top:135px;
  1104. height: auto;
  1105. width: auto;
  1106. z-index:4;
  1107.  
  1108.  
  1109. }
  1110.  
  1111.  
  1112. #thomas img {
  1113. border-radius:30em;
  1114. z-index:999;
  1115. width:60px;
  1116. height:60px;
  1117. opacity:1;
  1118. -webkit-filter: grayscale(0%);
  1119. -webkit-transition: all 0.7s ease-in-out;
  1120. -moz-transition: all 0.7s ease-in-out;
  1121. -o-transition: all 0.7s ease-in-out;
  1122. -ms-transition: all 0.7s ease-in-out;
  1123. transition: all 0.7s ease-in-out;
  1124. }
  1125.  
  1126. #dahyun {
  1127. position:fixed;
  1128. left:515px;
  1129. top:330px;
  1130. width:25px;
  1131. height:25px;
  1132. line-height:10px;
  1133. color:#444;
  1134. font-family:arial; text-transform:uppercase; font-size:7px; padding:5px; color:#a9a9a9;
  1135. background-color:#eee;
  1136. border:1px;
  1137. padding-left:8px;
  1138. padding-right:8px;
  1139. border-radius:6px;
  1140.  
  1141. }
  1142.  
  1143. #femllective {
  1144. position:fixed;
  1145. left:50px;
  1146. bottom:10px;
  1147. width:37px;
  1148.  
  1149. }
  1150.  
  1151. #dulcet {
  1152. position:fixed;
  1153. left:10px;
  1154. bottom:10px;
  1155. width:32px;
  1156.  
  1157.  
  1158. }
  1159.  
  1160. #dahyun img {
  1161. width:24px;
  1162. height:24px;
  1163. -webkit-filter: grayscale(100%);outline-offset: -5px;outline:double 1px rgba(255,255,255,0.1);max-width:250px;opacity: 1;-webkit-filter: grayscale(100%);-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; }
  1164.  
  1165. #dahyun img:hover {
  1166. opacity:1;outline-offset: -110px;outFline:double 110px rgba(255,255,255,.05);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;transition: all .5s linear;-webkit-filter:grayscale(50%);-moz-filter:grayscale(50%);filter:grayscale(50%);
  1167.  
  1168. }
  1169.  
  1170. #simon {
  1171. position:fixed;
  1172. left:515px;
  1173. top:370px;
  1174. width:25px;
  1175. height:25px;
  1176. line-height:10px;
  1177. color:#444;
  1178. font-family:arial; text-transform:uppercase; font-size:7px; padding:5px; color:#a9a9a9;
  1179. background-color:#eee;
  1180. border:1px;
  1181. padding-left:8px;
  1182. padding-right:8px;
  1183. border-radius:6px;
  1184.  
  1185.  
  1186. }
  1187.  
  1188. #simon img {
  1189. width:24px;
  1190. height:24px;
  1191. -webkit-filter: grayscale(100%);outline-offset: -5px;outline:double 1px rgba(255,255,255,0.1);max-width:250px;opacity: 1;-webkit-filter: grayscale(100%);-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; }
  1192.  
  1193. #simon img:hover {
  1194. opacity:1;outline-offset: -110px;outFline:double 110px rgba(255,255,255,.05);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;transition: all .5s linear;-webkit-filter:grayscale(50%);-moz-filter:grayscale(50%);filter:grayscale(50%);
  1195.  
  1196. }
  1197.  
  1198. #kai {
  1199. position:fixed;
  1200. left:515px;
  1201. top:410px;
  1202. width:25px;
  1203. height:25px;
  1204. line-height:10px;
  1205. color:#444;
  1206. font-family:arial; text-transform:uppercase; font-size:7px; padding:5px; color:#a9a9a9;
  1207. background-color:#eee;
  1208. border:1px;
  1209. padding-left:8px;
  1210. padding-right:8px;
  1211. border-radius:6px;
  1212.  
  1213.  
  1214. }
  1215.  
  1216. #kai img {
  1217. width:24px;
  1218. height:24px;
  1219. -webkit-filter: grayscale(100%);outline-offset: -5px;outline:double 1px rgba(255,255,255,0.1);max-width:250px;opacity: 1;-webkit-filter: grayscale(100%);-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; }
  1220.  
  1221. #kai img:hover {
  1222. opacity:1;outline-offset: -110px;outFline:double 110px rgba(255,255,255,.05);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;transition: all .5s linear;-webkit-filter:grayscale(50%);-moz-filter:grayscale(50%);filter:grayscale(50%);
  1223.  
  1224. }
  1225.  
  1226. /*player*/
  1227. #player {
  1228. position:fixed;
  1229. top:280px;
  1230. left:290px;
  1231. z-index:999999999;
  1232. width:30px;
  1233. height:30px;
  1234. background-color:transparent; /*Outer Square Background Color*/
  1235. color:#c0d3af; /*Box Text Color*/
  1236. opacity:1;
  1237. }
  1238.  
  1239. #pixelie {
  1240. width:30px;
  1241. height:30px;
  1242. margin-top:2px;
  1243. margin-left:2px;
  1244. overflow:hidden;
  1245. border-radius:30px;
  1246. background-color:transparent; /*Inner Circle Background Color*/
  1247. }
  1248.  
  1249. #musicooo {
  1250. height:26px;
  1251. }
  1252.  
  1253. #musicooo img {
  1254. margin-bottom:10px;
  1255. margin-left:1px;
  1256. margin-top:2px;
  1257. }
  1258.  
  1259. #musicooo embed, #musicooo, #player span, #pixelie, #player {
  1260. -webkit-transition: all 0.6s ease-in-out;
  1261. -moz-transition: all 0.6s ease-in-out;
  1262. -ms-transition: all 0.6s ease-in-out;
  1263. -o-transition: all 0.6s ease-in-out;
  1264. transition: all 0.6s ease-in-out;
  1265. }
  1266.  
  1267. #musicooo embed {
  1268. margin-left:-20px;
  1269. }
  1270.  
  1271. #player:hover {
  1272. opacity:1;
  1273. border-radius:50px; background-color:transparent; /*Inner Circle Background Color*/
  1274. }
  1275.  
  1276. #player:hover #musicooo {
  1277. transition-delay:.5s;
  1278. margin-top:-30px;
  1279. }
  1280.  
  1281. #player:hover img {
  1282. -webkit-filter: hue-rotate(50deg);
  1283. }
  1284.  
  1285. #player span {
  1286. z-index:1;
  1287. position:fixed;
  1288. margin-top:60px;
  1289. margin-left:46px;
  1290. font-size:10px;
  1291. height:55px;
  1292. padding:5px;
  1293. line-height:110%;
  1294. font-family:calibri;
  1295. background-color:transparent; /*Inner Circle Background Color*/
  1296. opacity:0;
  1297. }
  1298.  
  1299. #player span ol {
  1300. margin:0px;
  1301. padding:0px 15px;
  1302. }
  1303.  
  1304. #player:hover span {
  1305. margin-top:-30px;
  1306. opacity:.8;
  1307. }
  1308.  
  1309.  
  1310.  
  1311. </style>
  1312. </head>
  1313. <body>
  1314.  
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320.  
  1321.  
  1322. <div class="tri"></div>
  1323.  
  1324. <div id="heart">
  1325. <a href="#?w=300" rel="thom" class="poplight" title="내 손을 잡아줘."><img src="http://66.media.tumblr.com/c0bd729d023f2a7a5d7a6887474eb15a/tumblr_inline_niyo8n3Ink1ry72eo.gif"></a>
  1326. </div>
  1327.  
  1328.  
  1329.  
  1330.  
  1331. <div id="rect1">Please be clingy with me. Get worried if I don’t text you back in ten minutes, blow up my phone, when were in public you better hold my hand and kiss me, get mad when other guys look at me, tell me that you miss me or love me all the time. But also I want you to trust me. If I’m dating you then it means that I’m all for you. I don’t want a relationship that will last a few days. I got into this because I saw something with you. I am yours, you are mine. End of story.
  1332. </div>
  1333.  
  1334.  
  1335.  
  1336. <div id="nav"><a href="/">home</a>. <a href="/ask">ask</a>. <a href="/tagged/%3B-abt">about</a>. <a href="/submit">gift</a>.</div>
  1337.  
  1338. <div id="rect1">Please be clingy with me. Get worried if I don’t text you back in ten minutes, blow up my phone, when were in public you better hold my hand and kiss me, get mad when other guys look at me, tell me that you miss me or love me all the time. But also I want you to trust me. If I’m dating you then it means that I’m all for you. I don’t want a relationship that will last a few days. I got into this because I saw something with you. I am yours, you are mine. End of story.
  1339. </div>
  1340.  
  1341. <div id="rect2">kim ahyoung // sleep-deprived plant « essentially a sinnamon roll « danger: may cause choking with a corny pickup line or two, approach with caution ++ free hugs available 24/7 !! </div>
  1342.  
  1343. <div id="gd"><a href="#?w=300" rel="girls" class="poplight"><img src="http://i.imgur.com/UXlQkRu.jpg"></a></div>
  1344. <div style="position:Fixed; left:-70px; top:60px;"><img src="http://i.imgur.com/qMGciMX.png" width=440px></div>
  1345.  
  1346. <div id="dahyun">
  1347. <a href="http://prkjnny.tumblr.com" title="my personal diary • i love you to the moon and back and please please please never leave my side. trust that i'll protect you forever and always – pinky swear! thank you so much for dragging my butt with you where ever you go – i'll cling to your left ankle and never let go, i promise!!! :')"><img src="https://41.media.tumblr.com/46f9b72f24256bc8579303cbbd88c3e5/tumblr_nzrqzoLBbe1s02j7ro2_250.png">
  1348. </div>
  1349.  
  1350. <div id="femllective">
  1351. <a href="http://femllective.tumblr.com" title=""><img src="https://36.media.tumblr.com/d336ed1d99e75b68d6fa8a5f1a0f6787/tumblr_o4lq34qrqx1u2936yo5_r1_250.png">
  1352. </div>
  1353.  
  1354. <div id="dulcet">
  1355. <a href="http://dulcetcoll.tumblr.com" title=""><img src="http://67.media.tumblr.com/6a779b08637da2bba6c86a29b3f11a2a/tumblr_oe115e3D3B1vyeo8yo2_100.png">
  1356. </div>
  1357.  
  1358. <div id="simon">
  1359. <a href="http://jgnhwa.tumblr.com" title="my busan boy • to the man who was named after my potted plant (or was it the other way round– HMM!) stop eating ALL my fried chicken and please protect your smol sinnamon roll from your fangirls. and as always, i'll allow you to hide behind me. day 35, still waiting for you to finish folding your laundry but your #1 homegirl/koala will always be sitting here waiting with open arms! #domesticjota will forever be my aesthetic."><img src="https://66.media.tumblr.com/6ad8c10330379156e325bde9a71d2eef/tumblr_o0k47670lT1tzjtn2o1_250.png"></a>
  1360. </div>
  1361.  
  1362. <div id="kai">
  1363. <a href="http://24dean.tumblr.com" title="brother from another mother • eternal 오빠 and my soulmate. thank you for coming back for me – i love you for always being such a dumbo and for sharing my horrible sense of humor and especially for all the 6-hour horror movie marathons. we have so much in common and when we find even MORE things we share we both get so creeped istg i have pulled like 52 jinxes on you! cauliflower will be our always. #neverforget."><img src="https://66.media.tumblr.com/0bdb9b4e0ad6a7544dca79faaabae5dd/tumblr_ob7lp9UZoW1vyjpqeo2_400.png"></a>
  1364. </div>
  1365.  
  1366.  
  1367.  
  1368.  
  1369.  
  1370.  
  1371.  
  1372.  
  1373. <div style="position:Fixed; left:118px; top:85px;"><img src="http://65.media.tumblr.com/3e1183a55de45f5e820370518a755a0e/tumblr_inline_mpnat76yLx1rfs4fb.png" width=65px></div>
  1374.  
  1375.  
  1376. <div id="mp3">
  1377. "she's beauty, she's grace, she falls flat on her face."
  1378. </div>
  1379.  
  1380.  
  1381.  
  1382. <div id="tit1">everyday is</div>
  1383. <div id="tit2">girls day</div>
  1384.  
  1385. <div id="hovers">
  1386. <a title="literate. idolverse, but muse's personality and characteristics have been tweaked. occasionally nsfw. i'll reciprocate if you use gifs/icons!!"> * </a>
  1387. <a title="aim: s.unkissed // will be used mostly for light-hearted and relaxed character interaction!! please approach me, i am a small humble thing in need of your affection. bless me with your messages and i'll shower you with love."> * </a>
  1388. <a title="tracking: ahyngkm"> * </a>
  1389. <a title="current thoughts: come have a chat over kimbap with me!"> * </a>
  1390. </div>
  1391.  
  1392.  
  1393. <section id="entries">
  1394.  
  1395. {block:Posts}
  1396.  
  1397. <article id="{PostID}" class="{select:caption} {select:Caption}{block:RebloggedFrom} ree{/block:RebloggedFrom}"><div class="posts {block:audio}ugh{/block:audio}">
  1398.  
  1399. {block:date}<div class="when"><span class="rr"><a href="{ReblogURL}" target="_blank" class="r"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a><a class="like">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a></span><a href="{permalink}" target="_blank"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108,184.3c42.1,0,76.3-34.2,76.3-76.3S150.1,31.7,108,31.7S31.7,65.9,31.7,108S65.9,184.3,108,184.3z M108,43.7c35.5,0,64.3,28.9,64.3,64.3s-28.9,64.3-64.3,64.3S43.7,143.5,43.7,108S72.5,43.7,108,43.7z"/><path d="M98.3,120.7l25.7,20c1.1,0.8,2.4,1.3,3.7,1.3c1.8,0,3.6-0.8,4.7-2.3c2-2.6,1.6-6.4-1.1-8.4L108,113.1V72c0-3.3-2.7-6-6-6s-6,2.7-6,6v44C96,117.9,96.9,119.6,98.3,120.7z"/></svg> {month} {dayofmonth}{dayofmonthsuffix}</a></div>{/block:date}
  1400.  
  1401.  
  1402. {block:Quote}<div class="title quote">{Quote}</div>{block:Source}<div class="source ted">{Source}</div>{/block:Source}{/block:Quote}
  1403.  
  1404. {block:Text}
  1405. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1406. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  1407. {/block:Text}
  1408.  
  1409. {block:Link}
  1410. <div class="title"><a href="{URL}">{Name}</a></div>
  1411. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  1412. {/block:Link}
  1413.  
  1414. {block:Chat}
  1415. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1416. <ol class="chat">
  1417. {block:Lines}
  1418. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1419. {/block:Lines}
  1420. </ol>
  1421. {/block:Chat}
  1422.  
  1423. <div class="ph">
  1424. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:Photo}
  1425.  
  1426. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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>{/block:Photoset}
  1427.  
  1428. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  1429.  
  1430. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}{/block:Audio}
  1431. </div>
  1432.  
  1433. {block:Answer}<div class="q"><span class="as">{Asker} sent: </span>{Question}</div><div class="a">{Answer}</div>{/block:Answer}
  1434.  
  1435. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1436.  
  1437. {block:Date}{block:permalinkpage}{block:RebloggedFrom}<div id="permalink" {block:Caption}class="nope"{/block:Caption}>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} / source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="inf {block:Caption}nope{/block:Caption}{block:answer}nope{/block:answer}{block:text}nope{/block:text}{block:link}nope{/block:link}{block:quote}nope{/block:quote}" {block:chat}style="border-top:1px solid {Color:borders}"{/block:chat}><span class="mm"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4S67.1,73.1,67.1,77.7z"/></svg></span><div class="tags draggable"><div class="tags_inner">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div></div></div>{/block:HasTags}{/block:Date}
  1438. </div></article>
  1439.  
  1440. {block:PostNotes}<article class="pagenotes"><div class="posts"><div class="title">{NoteCountWithLabel}</div>{PostNotes}</div></article>{/block:PostNotes}
  1441.  
  1442. {/block:Posts}
  1443.  
  1444. </section>
  1445.  
  1446. {block:Pagination}<footer><div id="pagination">{block:previousPage}<a href="{previousPage}" {block:NextPage}id="plain"{/block:NextPage}>previous page</a>{/block:previousPage}{block:NextPage}<a href="{NextPage}" id="next">next page</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}<a class="load">load more</a>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}</footer>{/block:Pagination}
  1447.  
  1448. {block:ContentSource}
  1449. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1450. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1451. {/block:SourceLogo}
  1452. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1453. {/block:ContentSource}
  1454.  
  1455. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>{block:indexpage}<script src="http://static.tumblr.com/sas2ex2/Uvzo2if15/tags.js"></script>{block:ifinfinitescroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1456. <script>
  1457. $(document).ready(function(){
  1458. $('.photo-slideshow').pxuPhotoset({
  1459. lightbox: true,
  1460. rounded: false,
  1461. gutter: '1px',
  1462. photoset: '.photo-slideshow',
  1463. photoWrap: '.photo-data',
  1464. photo: '.pxu-photo'
  1465. });
  1466. $(document).tooltip({track:true});
  1467. $('iframe.tumblr_audio_player').each(function(){
  1468. var audio = $(this).attr('src')
  1469. $(this).attr('src', audio + '&color=transparent');
  1470. });
  1471. var $container = $('section');
  1472. {block:indexpage}{block:ifinfinitescroll}
  1473. $container.infinitescroll({
  1474. itemSelector: 'article',
  1475. navSelector: '#pagination',
  1476. nextSelector: '#pagination a',
  1477. loadingImg: '',
  1478. loadingText: '<em></em>',
  1479. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  1480. bufferPx: 3000
  1481. },
  1482. function( newElements ) {
  1483. var $newElems = $( newElements );
  1484. var $newID = $newElems.map(function() {return this.id;}).get();
  1485. Tumblr.LikeButton.get_status_by_post_ids($newID);
  1486. $newElems.find('.photo-slideshow').pxuPhotoset({
  1487. lightbox: true,
  1488. rounded: false,
  1489. gutter: '1px',
  1490. photoset: '.photo-slideshow',
  1491. photoWrap: '.photo-data',
  1492. photo: '.pxu-photo'
  1493. });
  1494. resizeVideos();
  1495. dragTags();
  1496. $newElems.find('iframe.tumblr_audio_player').each(function(){
  1497. var audio = $(this).attr('src')
  1498. $(this).attr('src', audio + '&color=transparent');
  1499. });
  1500. });
  1501. {block:ifmanualload}
  1502. $(window).unbind('.infscr');
  1503. $('.load').click(function(){
  1504. $('footer').fadeTo("400", 0);
  1505. $container.delay(400).infinitescroll('retrieve');
  1506. $(this).parent('footer').delay(400).fadeTo("400", 1);
  1507. });
  1508. {/block:ifmanualload}
  1509. {/block:ifinfinitescroll}{/block:indexpage}
  1510. });
  1511. </script>
  1512. <a title="">
  1513. <div id="player">
  1514. <div id="pixelie"><div id="musicooo"><table cellspacing"0" cellpadding="0"><tr><td>
  1515. <!-- playerc Gif URL Here (Replace the Link)--><img src="http://66.media.tumblr.com/tumblr_m7vzw2cqLS1r6o8v2.gif" width=15>
  1516. </td></tr><tr><td>
  1517. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k003.kiwi6.com/hotlink/wwg2i04z6f/Hoody_-_Like_You_Audio_Like_You_-_Single_.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1518. </td></tr></table></div></div></div></a>
  1519.  
  1520.  
  1521.  
  1522. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">@</a>
  1523.  
  1524. </body>
  1525.  
  1526. <div id="girls" class="popup_block">
  1527. <div style="float: right; width: 150px; padding: 1px; letter-spacing: 0px;"><span style="color: #cccccc; font-family: arial, sans-serif; font-size: small; line-height: 18.2px;"></span>
  1528.  
  1529. forever & always. <b> #protectgsd2k16!!!! </b>
  1530.  
  1531.  
  1532. </div>
  1533. <p><img src="https://49.media.tumblr.com/c29ed08e7a0e6cb47c15ceb9033bc424/tumblr_o47q76P8T31v9olg8o1_500.gif"style="width: 125px; float: left; border: 3px double #f5b3bf; border-radius: 50px 50px 50px 50px; padding: 1px;"></p>
  1534. </center>
  1535. </div>
  1536.  
  1537.  
  1538. </div></div></div></div></div></div></div></div></div></div>
  1539.  
  1540. <div id="thom" class="popup_block">
  1541.  
  1542. <a href="http://ymken.tumblr.com/" title="the blue to my yellow skittle"><img src="http://41.media.tumblr.com/66b5ee57ff6a71c9243f3f29540c63a2/tumblr_inline_ntijz1F1QD1rxixjl_250.png" style=" width:70px; height=70px; "></img></a>
  1543.  
  1544. <a href="http://lalizmanoban.tumblr.com/" title="scissors sister to my scissors sister."><img src="https://67.media.tumblr.com/67366d98a7ba8f792e9393d99a9cce56/tumblr_odpl2cXEVT1vcit9jo4_250.png" style=" width:70px; height=70px;"></img></a>
  1545.  
  1546. <a href="http://ddnghk.tumblr.com/" title="handyman & onion ring husband"><img src="http://67.media.tumblr.com/6da9c082d2a194b388f5cbbcf37ff69f/tumblr_inline_nf7041Z4zD1s7h6vh.png" style=" width:70px; height=70px; "></img></a>
  1547.  
  1548. </div>
  1549.  
  1550. </div></div></div></div></div></div></div></div></div></div>
  1551.  
  1552. <div id="about" class="popup_block">
  1553. <div style="float: right; width: 150px; padding: 1px; letter-spacing: 0px;"><span style="color: #cccccc; font-family: arial, sans-serif; font-size: small; line-height: 18.2px;"></span><strong>
  1554. <i>"Pd-nim what do i say again? Ah&mdash;ah, it's filming? omo&mdash;
  1555. </i>hi, hello, everyone. my name is kim dahyun and i'm twice's rapper and proclaimed milk goddess! so what do i talk about&mdash; about me? <i>me?</i> okay, okay. well, i'm from jyp's twice and i am the lead rapper. i'm&mdash; uh&mdash; funny? cute? heh, i don't know. well anyways, take your chance on me, i promise i'm not that bad (besides my grannie jokes and my lack of aegyo).
  1556.  
  1557. </div>
  1558. <p><img src="https://67.media.tumblr.com/5e7e226adb6b6c6f162aa50d0fdb3619/tumblr_o2q32fwcyh1rpp321o6_r1_250.gif" style="width: 100px; float: left; border: 3px dotted #cccccc; border-radius: 50px 50px 50px 50px; padding: 1px;" /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>
  1559. </center>
  1560. </div>
  1561. </html>
Add Comment
Please, Sign In to add comment