API tools faq
paste
deansturd

Untitled

deansturd
Jan 21st, 2017
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  9.  
  10.  
  11. <script>
  12.  
  13.  
  14.  
  15. $(document).ready(function() {
  16.  
  17. //
  18.  
  19.  
  20.  
  21. //When you click on a link with class of poplight and the href starts with a #
  22.  
  23. $('a.poplight[href^=#]').click(function() {
  24.  
  25. var popID = $(this).attr('rel'); //Get Popup Name
  26.  
  27. var popURL = $(this).attr('href'); //Get Popup href to define size
  28.  
  29.  
  30.  
  31. //Pull Query & Variables from href URL
  32.  
  33. var query= popURL.split('?');
  34.  
  35. var dim= query[1].split('&');
  36.  
  37. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  38.  
  39.  
  40.  
  41. //Fade in the Popup and add close button
  42.  
  43. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  44.  
  45.  
  46. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  47.  
  48. var popMargTop = ($('#' + popID).height() + 80) / 2;
  49.  
  50. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  51.  
  52.  
  53.  
  54. //Apply Margin to Popup
  55.  
  56. $('#' + popID).css({
  57.  
  58. 'margin-top' : -popMargTop,
  59.  
  60. 'margin-left' : -popMargLeft
  61.  
  62. });
  63.  
  64.  
  65.  
  66. //Fade in Background
  67.  
  68. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  69.  
  70. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  71.  
  72.  
  73.  
  74. return false;
  75.  
  76. });
  77.  
  78.  
  79.  
  80. //Close Popups and Fade Layer
  81.  
  82. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  83.  
  84. $('#fade , .popup_block').fadeOut(function() {
  85.  
  86. $('#fade, a.close').remove(); //fade them both out
  87.  
  88. });
  89.  
  90. return false;
  91.  
  92. });
  93.  
  94.  
  95.  
  96.  
  97.  
  98. });
  99.  
  100. </script>
  101.  
  102. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  103.  
  104. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  105.  
  106. <script>
  107.  
  108. (function($){
  109.  
  110. $(document).ready(function(){
  111.  
  112. $("a[title]").style_my_tooltips({
  113.  
  114. tip_follows_cursor:true,
  115.  
  116. tip_delay_time:90,
  117.  
  118. tip_fade_speed:600,
  119.  
  120. attribute:"title"
  121.  
  122. });
  123.  
  124. });
  125.  
  126. })(jQuery);
  127.  
  128. </script>
  129.  
  130.  
  131. <!--
  132.  
  133.  
  134.  
  135.  
  136.  
  137. cerise @ shythemes
  138. (!) TWEAKED SO FUCC UP
  139.  
  140.  
  141.  
  142.  
  143.  
  144. -->
  145. <title>{Title}</title>
  146. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  147. <link rel="shortcut icon" href="http://67.media.tumblr.com/tumblr_lnwepijTBF1qepbs7.gif"/>
  148. {block:Description}
  149. <meta name="description" content="{MetaDescription}" />
  150. {/block:Description}
  151. <meta name="image:background" content=""/>
  152. <meta name="image:sidebar" content=""/>
  153. <meta name="color:background" content="#f8f8f8"/>
  154. <meta name="color:text" content="#8c8c8c"/>
  155. <meta name="color:border" content="#ececec"/>
  156. <meta name="color:post bg" content="#ffffff"/>
  157. <meta name="color:accent" content="#adadad"/>
  158. <meta name="color:bold" content="#6a6a6a"/>
  159. <meta name="color:link" content="#adadad"/>
  160. <meta name="color:link hover" content="#6a6a6a"/>
  161. <meta name="color:scrollbar" content="#8c8c8c"/>
  162. <meta name="select:post width" content="300" title="300px"/>
  163. <meta name="select:post width" content="350" title="350px"/>
  164. <meta name="select:post width" content="400" title="400px"/>
  165. <meta name="select:body font" content="open-sans" title="open sans"/>
  166. <meta name="select:body font" content="lato" title="lato"/>
  167. <meta name="select:body font" content="droid-sans" title="droid sans"/>
  168.  
  169.  
  170. <meta name="select:body font" content="pt-sans" title="pt sans"/>
  171. <meta name="select:body font" content="pt-serif" title="pt serif"/>
  172. <meta name="select:body font" content="lora" title="lora"/>
  173. <meta name="select:layout" content="popup" title="popup"/>
  174. <meta name="select:layout" content="header" title="header"/>
  175. <meta name="select:layout" content="left" title="left sidebar"/>
  176. <meta name="select:layout" content="right" title="right sidebar"/>
  177. <meta name="if:show description" content="1"/>
  178. <meta name="if:show captions" content="1"/>
  179. <meta name="if:show reblog" content="1"/>
  180. <meta name="if:show tags" content="1"/>
  181. <meta name="if:tile background" content="1"/>
  182. <meta name="if:letter spacing" content="0"/>
  183. <meta name="if:infinite scroll" content="1"/>
  184. <meta name="text:tagline" content=""/>
  185.  
  186.  
  187.  
  188. <script src="//use.edgefonts.net/{select:body font}:n4,i4;inconsolata:n5;source-sans-pro:n4.js"></script>
  189. <link href="http://static.tumblr.com/qudkd6d/dvann2fgh/k.css" rel="stylesheet" type="text/css"/>
  190.  
  191. <style type="text/css">
  192.  
  193. @font-face
  194. { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
  195.  
  196. @font-face
  197. { font-family: "lifeismessy"; src: url(' https://www.dropbox.com/s/0w44ejlwyecv1yq/KGLifeisMessy.ttf?dl=0'); format(“truetype”);}
  198.  
  199.  
  200. /* basic styles */
  201.  
  202. #s-m-t-tooltip{
  203. font-family:arial;
  204. max-width:300px;
  205. margin:25px 15px;
  206. font-size:7px;
  207. z-index:999999;
  208. background:#e3e3e3;
  209. color:#999;
  210. padding:5px;
  211. letter-spacing:2px;
  212. }
  213.  
  214.  
  215. ::-webkit-scrollbar {
  216. width:17px;
  217. height:17px;
  218. }
  219. ::-webkit-scrollbar {
  220. background-color:{color:background};
  221. }
  222. ::-webkit-scrollbar-track {
  223. border:8px solid {color:background};
  224. background-color:{color:border};
  225. }
  226. ::-webkit-scrollbar-thumb {
  227. border:8px solid {color:background};
  228. background-color:{color:scrollbar};
  229. }
  230. body {
  231. font-size:9px;
  232. font-family:{select:body font}, 'trebuchet ms', sans-serif;
  233. line-height:15px;
  234. color:{color:text};
  235. background-color:{color:background};
  236. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  237. {block:ifBackgroundImage}background-image:url({image:background});{/block:ifBackgroundImage}
  238. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}
  239. background-attachment:fixed;
  240. background-repeat:no-repeat;
  241. }
  242. a {
  243. -webkit-transition:all .3s ease-in-out;
  244. transition:all .3s ease-in-out;
  245. }
  246. blockquote {
  247. padding-left:15px;
  248. margin-left:15px;
  249. border-left:1px solid {color:border};
  250. }
  251. pre {
  252. font-family:consolas, inconsolata, monospace;
  253. }
  254. ol {
  255. padding-left:45px;
  256. }
  257. b, strong {
  258. font-weight:400;
  259. color:{color:bold};
  260. }
  261. blockquote, ol, ul, p, pre {
  262. margin-top:1em;
  263. margin-bottom:1em;
  264. }
  265.  
  266. /* accents */
  267.  
  268. .accent, ul {
  269. font-size:8px;
  270. font-family:calibri, source-sans-pro, sans-serif;
  271. letter-spacing:1px;
  272. text-transform:uppercase;
  273. color:{color:accent};
  274. }
  275. .accent a:hover {
  276. color:{color:text};
  277. }
  278. .block {
  279. padding:15px 15px 14px;
  280. background-color:{color:post bg};
  281. }
  282.  
  283. h1 {
  284. font-family:arial;
  285. color:#577b7c;
  286. font-size:13px;
  287. text-align:center;
  288. text-transform:uppercase;
  289. font-weight:bolder;
  290. }
  291.  
  292. ul, .notes {
  293. padding:0;
  294. list-style-type:none;
  295. }
  296. ul li, .notes li {
  297. position:relative;
  298. padding-left:30px;
  299. }
  300. ul li::before, .notes li::before, .question > .asker::before {
  301. content:'';
  302. position:absolute;
  303. display:block;
  304. top:6px;
  305. left:0;
  306. width:15px;
  307. height:1px;
  308. border-top:1px solid {color:border};
  309. }
  310.  
  311. /* container */
  312.  
  313. #main {
  314. position:relative;
  315. margin:0 auto;
  316. padding:75px;
  317. width:{select:post width}px;
  318. margin-left:920px;
  319. margin-top:-140px;
  320. }
  321. .popup #main {
  322. padding-top:195px;
  323. }
  324.  
  325. /* navigation */
  326.  
  327. aside {
  328. position:relative;
  329. }
  330. .header aside {
  331. margin-bottom:75px;
  332. }
  333. .left aside,
  334. .right aside,
  335. .corner aside {
  336. position:fixed;
  337. top:75px;
  338. width:180px;
  339. }
  340. .left aside {
  341. left:75px;
  342. left:calc(25% - {select:post width}px/4 - 90px);
  343. }
  344. .right aside {
  345. right:75px;
  346. right:calc(25% - {select:post width}px/4 - 90px);
  347. }
  348. aside .im {
  349. margin:0 -15px;
  350. }
  351. aside .im,
  352. aside .im img {
  353. display:block;
  354. }
  355. .header aside .im,
  356. .popup aside .im {
  357. display:none;
  358. }
  359. aside .top::after {
  360. content:"";
  361. display:block;
  362. clear:both;
  363. }
  364. aside .top .title {
  365. margin:0;
  366. letter-spacing:2px;
  367. }
  368. aside .top .tagline {
  369. width:300px;
  370. height:15px;
  371. line-height:18px;
  372. overflow:hidden;
  373. }
  374. aside .top,
  375. aside .im,
  376. aside .desc {
  377. margin-bottom:15px;
  378. }
  379. .popup .top .title,
  380. .popup .top .tagline,
  381. .popup nav li,
  382. .header .top .title,
  383. .header .top .tagline,
  384. .header nav li {
  385. display:block;
  386. float:left;
  387. width:calc(50% - 8px);
  388. }
  389. .popup .top .title,
  390. .popup nav li:nth-child(2n-1),
  391. .header .top .title,
  392. .header nav li:nth-child(2n-1) {
  393. margin-right:15px;
  394. }
  395. nav ol {
  396. overflow:auto;
  397. list-style-type:none;
  398. padding:0;
  399. margin:0 0 -7px 0;
  400. }
  401. nav li {
  402. position:relative;
  403. margin:0 0 7px;
  404. }
  405. nav li::before {
  406. content:"";
  407. position:absolute;
  408. top:7px;
  409. left:15px;
  410. right:0;
  411. height:1px;
  412. background-color:{color:border};
  413. }
  414. nav a {
  415. position:relative;
  416. padding:0 15px 0 1px;
  417. background-color:{color:post bg};
  418. }
  419.  
  420. /* breakpoints */
  421.  
  422. @media screen and (max-width:960px) {
  423. .w300.left #main { position:absolute; left:255px; }
  424. .w300.left aside { left:75px; }
  425. .w300.right #main { position:absolute; right:255px; }
  426. .w300.right aside { right:75px; }
  427. }
  428. @media screen and (max-width:1010px) {
  429. .w350.left #main { position:absolute; left:255px; }
  430. .w350.left aside { left:75px; }
  431. .w350.right #main { position:absolute; right:255px; }
  432. .w350.right aside { right:75px; }
  433. }
  434. @media screen and (max-width:1060px) {
  435. .w400.left #main { position:absolute; left:255px; }
  436. .w400.left aside { left:75px; }
  437. .w400.right #main { position:absolute; right:255px; }
  438. .w400.right aside { right:75px; }
  439. }
  440.  
  441. /* popup button */
  442.  
  443. # {
  444. -webkit-animation:pop-in 0.9s;
  445. -moz-animation:pop-in 0.9s;
  446. -ms-animation:pop-in 0.9s;
  447. display:none;
  448. position:fixed;
  449. top:454px;
  450. left:713px;
  451. width:45px;
  452. margin-left:-22px;
  453. height:45px;
  454. z-index:999;
  455. }
  456. . {
  457. display:block;
  458. }
  459. # {
  460. position:absolute;
  461. padding:15px;
  462. width:15px;
  463. background-color:{color:post bg};
  464. }
  465. #button .icon hr {
  466. display:block;
  467. height:1px;
  468. width:15px;
  469. border-top:2px solid {color:post bg};
  470. border-bottom:2px solid {color:post bg};
  471. background-color:{color:bold};
  472. }
  473. #button a {
  474. position:relative;
  475. opacity:0;
  476. z-index:100;
  477. display:block;
  478. letter-spacing:3px;
  479. }
  480. #button a:hover,
  481. .tabopen #button a {
  482. opacity:0;
  483. }
  484. #button .avatar {
  485. display:block;
  486. width:39px;
  487. height:39px;
  488. border:3px solid {color:post bg};
  489. }
  490.  
  491. /* popup */
  492.  
  493. .popup aside {
  494. position:fixed;
  495. visibility:hidden;
  496. top:0;
  497. left:0;
  498. right:0;
  499. bottom:0;
  500. opacity:0;
  501. z-index:-99;
  502. -webkit-transition:opacity .3s ease-in-out, visibility 0s ease-in-out .3s, z-index 0s ease-in-out .3s;
  503. transition:opacity .3s ease-in-out, visibility 0s ease-in-out .3s, z-index 0s ease-in-out .3s;
  504. }
  505. .popup.tabopen aside {
  506. visibility:visible;
  507. opacity:1;
  508. z-index:1000;
  509. -webkit-transition-delay:0s;
  510. transition-delay:0s;
  511. }
  512. .popup aside .bg {
  513. position:fixed;
  514. top:0;
  515. left:0;
  516. right:0;
  517. bottom:0;
  518. opacity:.98;
  519. background-color:{color:background};
  520. }
  521. .popup aside .line {
  522. left:50%;
  523. }
  524. .popup aside .tab_content {
  525. position:absolute;
  526. top:195px;
  527. left:50%;
  528. -webkit-transform:translate(-50%,0);
  529. transform:translate(-50%,0);
  530. width:{select:post width}px;
  531. -moz-box-sizing:border-box;
  532. box-sizing:border-box;
  533. }
  534.  
  535. #entries {
  536. margin-left:5px;
  537. text-align: justify;
  538. }
  539.  
  540.  
  541. #posts {
  542. width: 250px;
  543. text-align: justify;
  544. padding: 10px;
  545. background-color:#e3e3e3;
  546. margin-top:5px;
  547. margin-bottom:15px;
  548. border:1px solid #e3e3e3;
  549. }
  550.  
  551. #posts a{
  552. {color:link};
  553. }
  554.  
  555. #posts img {
  556. -webkit-filter: grayscale(100%);
  557. }
  558.  
  559. .photoset {
  560. {block:IfGrayscale}
  561. -webkit-filter:grayscale(100%);
  562. {/block:IfGrayscale}
  563. }
  564.  
  565.  
  566. #tags {
  567. margin-top:5px;
  568. padding:2px;
  569. text-transform:lowercase;
  570. letter-spacing:2px;
  571. text-align:center;
  572. }
  573. #tags a {
  574. font-family:arial;
  575. font-size:7px;
  576. padding:0px;
  577. text-transform: uppercase;
  578. letter-spacing:2px;
  579. }
  580. #tags i {
  581. color:#ddd;
  582. font-size:12px;
  583. }
  584.  
  585. /* post titles */
  586.  
  587. .post > h1,
  588. .question,
  589. .quote {
  590. margin:0 0 15px;
  591. }
  592. .quote * {
  593. margin:0;
  594. }
  595. .question::after {
  596. content:"";
  597. display:block;
  598. clear:both;
  599. }
  600. .question > .asker {
  601. margin-left:15px;
  602. padding-left:30px;
  603. position:relative;
  604. font-style:inherit;
  605. float:right;
  606. }
  607.  
  608. /* text and captions */
  609.  
  610. .text {
  611. margin:0;
  612. }
  613. .text a {
  614. color:{color:link};
  615. }
  616. .text a:hover {
  617. color:{color:link hover};
  618. border-color:{color:link hover};
  619. }
  620. .caption,
  621. .source,
  622. .answer {
  623. margin-top:15px;
  624. }
  625. .caption {
  626. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  627. }
  628.  
  629. /* chat posts */
  630.  
  631. .chat {
  632. margin-bottom:-7px;
  633. }
  634. .chat .lines {
  635. margin-bottom:7px;
  636. }
  637. .chat .label {
  638. margin-right:7px;
  639. }
  640.  
  641. /* audio posts */
  642.  
  643. .audiowrap {
  644. position:relative;
  645. height:27px;
  646. overflow:hidden;
  647. line-height:0;
  648. text-align:left;
  649. }
  650. .albumart {
  651. position:relative;
  652. z-index:1;
  653. display:inline-block;
  654. width:27px;
  655. height:27px;
  656. opacity:.9;
  657. background-size:cover;
  658. }
  659. .audio {
  660. position:absolute;
  661. display:inline-block;
  662. left:0;
  663. top:0;
  664. right:0;
  665. bottom:0;
  666. text-align:left;
  667. }
  668. .audio .player {
  669. width:27px;
  670. height:27px;
  671. left:32px;
  672. top:0;
  673. opacity:.9;
  674. overflow:hidden;
  675. position:absolute;
  676. }
  677. .audio .track {
  678. overflow:hidden;
  679. position:absolute;
  680. top:0;
  681. left:64px;
  682. right:0;
  683. bottom:0;
  684. line-height:29px!important;
  685. background-color:{color:caption bg};
  686. }
  687.  
  688. #info {
  689. color:white;
  690. padding:5px;
  691. display:block;
  692. width:auto;
  693. font-size:7px;
  694. letter-spacing:2px;
  695. font-family:arial;
  696. text-transform:uppercase;
  697. background-color:#b6c8d1;
  698. text-align:center;
  699. }
  700. #info a {
  701. color:white;
  702.  
  703. }
  704. #info i {
  705. color:white;
  706. font-size:12px;
  707. }
  708.  
  709. /* photos and videos */
  710.  
  711. .media {
  712. overflow:hidden;
  713. margin:0 -15px;
  714. {block:IndexPage}{block:ifNotShowCaptions}margin-bottom:-15px;{/block:ifNotShowCaptions}{/block:IndexPage}
  715. }
  716. .media:last-child {
  717. margin-bottom:-15px;
  718. }
  719. .video iframe,
  720. .tumblr_video_container {
  721. display:block;
  722. max-width:100%;
  723. max-height:{select:post width}px;
  724. }
  725. .video #youtube_iframe {
  726. max-height:calc({select:post width}px * 0.67);
  727. }
  728.  
  729. /* pagination */
  730.  
  731. .pagination {
  732. margin-top:150px;
  733. position:relative;
  734. text-align:left;
  735. overflow:auto;
  736. background-color:{color:post bg};
  737. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  738. }
  739. .pagination a {
  740. padding:15px;
  741. display:inline-block;
  742. position:relative;
  743. background-color:{color:post bg};
  744. }
  745. .pagination .next {
  746. float:right;
  747. }
  748. .pagination hr {
  749. position:absolute;
  750. top:21px;
  751. left:15px;
  752. right:15px;
  753. height:1px;
  754. background-color:{color:border};
  755. }
  756.  
  757. /* post notes */
  758.  
  759. .rb {
  760. float:right;
  761. }
  762. .notes li blockquote {
  763. margin-bottom:1em!important;
  764. }
  765.  
  766. /* etc */
  767.  
  768. #stt {
  769. display:block;
  770. text-align:center;
  771. position:fixed;
  772. left:75px;
  773. left:calc(25% - {select:post width}px/4 - 90px);
  774. bottom:75px;
  775. width:180px;
  776. opacity:0;
  777. }
  778. .popup #stt.s,
  779. .header #stt.s {
  780. opacity:1;
  781. }
  782.  
  783. #tumblr_lightbox > div:nth-child(2) {
  784. opacity:.98;
  785. background-color:{color:post bg};
  786. }
  787.  
  788. #linku {
  789. z-index:9;
  790. -webkit-animation:pop-in 0.9s;
  791. -moz-animation:pop-in 0.9s;
  792. -ms-animation:pop-in 0.9s;
  793. width:250px;
  794. height:25px;
  795. float: left;
  796. left:421px;
  797. top:521px;
  798. position: fixed;
  799. -webkit-transition: all 0.4s ease-out;
  800. -moz-transition: all 0.1s ease-out;
  801.  
  802.  
  803. }
  804.  
  805. #linku a{
  806. display: inline-block;
  807. float: left;
  808. padding:1px;
  809. margin-left: 0px ;
  810. height: 20px; width: 29.2px;
  811. -webkit-transition: all .8s ease-out;
  812. -moz-transition: all .8s ease-out;
  813. -webkit-transition: all .8s ease-out;
  814. -moz-transition: all .8s ease-out;
  815. background-color: #bcbcbc;
  816. overflow:hidden;
  817. color:#;
  818. font-size:9px;
  819. border-bottom:4px solid #b6c8d1;
  820. text-transform:uppercase;
  821. line-height:20px;
  822. text-align:center;
  823.  
  824. }
  825.  
  826. #linku a:hover{
  827. color:#e9e9e9;
  828. background-color: #b6c8d1;
  829. -webkit-animation: RH infinite 3s;
  830. }
  831.  
  832. .sbh1 {
  833. -webkit-animation:pop-in 0.9s;
  834. -moz-animation:pop-in 0.9s;
  835. -ms-animation:pop-in 0.9s;
  836. z-index:9;
  837. width:129px;
  838. height:235px;
  839. position:fixed;
  840. left:490px;
  841. top:287px;
  842. padding:0px;
  843. border:5px solid #e3e3e3;
  844. }
  845.  
  846. .sbh1 img{
  847. width:129px;
  848. height:235px;
  849. }
  850.  
  851.  
  852.  
  853. .sbh2 {
  854. -webkit-animation:pop-in 0.9s;
  855. -moz-animation:pop-in 0.9s;
  856. -ms-animation:pop-in 0.9s;
  857. z-index:9;
  858. position:fixed;
  859. left:300px;
  860. top:251px;
  861. padding:0px;
  862. }
  863.  
  864. .sbh3 {
  865. -webkit-animation:pop-in 0.9s;
  866. -moz-animation:pop-in 0.9s;
  867. -ms-animation:pop-in 0.9s;
  868. z-index:9;
  869. position:fixed;
  870. left:530px;
  871. top:522px;
  872. padding:0px;
  873. }
  874.  
  875. .sbh2 img{
  876.  
  877.  
  878. }
  879.  
  880.  
  881. @font-face
  882. { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  883.  
  884. @font-face
  885. {font-family: "laine";src: url('https://dl.dropboxusercontent.com/s/q2nwfx6s9t3k759/laine.ttf?dl=1'); format("truetype");}
  886.  
  887.  
  888. #bracket {
  889. -webkit-animation:pop-in 0.9s;
  890. -moz-animation:pop-in 0.9s;
  891. -ms-animation:pop-in 0.9s;
  892. position:fixed;
  893. left:150px;
  894. top:520px;
  895. background:#0d0d0d;
  896. width:750px;
  897. height:4px;
  898. transform:skew(90%);
  899. }
  900.  
  901. #bracket1 {
  902.  
  903. -webkit-animation:pop-in 0.9s;
  904. -moz-animation:pop-in 0.9s;
  905. -ms-animation:pop-in 0.9s;
  906. position:fixed;
  907. left:690px;
  908. top:435px;
  909. border-top:1px solid #993445;
  910. background:#0d0d0d;
  911. width:193px;
  912. height:10px;
  913. transform:skew(90%);
  914. }
  915.  
  916. #bracket2 {
  917. -webkit-animation:pop-in 0.9s;
  918. -moz-animation:pop-in 0.9s;
  919. -ms-animation:pop-in 0.9s;
  920. border-top:6px dashed #0d0d0d;
  921. position:fixed;
  922. left:170px;
  923. top:390px;
  924. background:transparent;
  925. width:700px;
  926. height:5px;
  927. transform:skew(90%);
  928. }
  929.  
  930. #est {
  931. z-index:99;
  932. -webkit-animation:pop-in 0.9s;
  933. -moz-animation:pop-in 0.9s;
  934. -ms-animation:pop-in 0.9s;
  935. font-family:wendy;
  936. font-size:9px;
  937. letter-spacing:2px;
  938. color:#999;
  939. position:fixed;
  940. left:700px;
  941. top:355px;
  942. }
  943.  
  944.  
  945. #name2 {
  946. -webkit-animation:pop-in 0.9s;
  947. -moz-animation:pop-in 0.9s;
  948. -ms-animation:pop-in 0.9s;
  949. opacity:1;
  950. z-index:99;
  951. letter-spacing:1px;
  952. font-family:bebas_neue;
  953. font-size:25px;
  954. color:#577b7c;
  955. position:fixed;
  956. top:385px;
  957. left:748px;
  958. }
  959.  
  960. .sfm input {
  961.  
  962. -webkit-animation:pop-in 0.9s;
  963. -moz-animation:pop-in 0.9s;
  964. -ms-animation:pop-in 0.9s;
  965. position:fixed;
  966. background-color: #e3e3e3;
  967. font-size: 9px;
  968. text-transform: uppercase;
  969. top: 482px;
  970. left:626px;
  971. color: #999;
  972. letter-spacing: 1px;
  973. padding: 6px 10px;
  974. font-family: calibri, helvetica, arial;}
  975.  
  976. #exo {
  977. -webkit-animation:pop-in 0.9s;
  978. -moz-animation:pop-in 0.9s;
  979. -ms-animation:pop-in 0.9s;
  980. color:#999;
  981. background:#e3e3e3;
  982. position:fixed;
  983. left:690px;
  984. font-size:7px;
  985. top:405px;
  986. text-transform:uppercase;
  987. width:190px;
  988. height:18px;
  989. border-top:5px solid #66ccaa;
  990. font-family: 'Open Sans', trebuchet ms, sans-serif;
  991. }
  992.  
  993. #boyfriend {
  994. -webkit-animation:pop-in 0.9s;
  995. -moz-animation:pop-in 0.9s;
  996. -ms-animation:pop-in 0.9s;
  997. z-index:9;
  998. color:#999;
  999. background:#e3e3e3;
  1000. position:fixed;
  1001. left:750px;
  1002. font-size:7px;
  1003. top:454px;
  1004. text-transform:uppercase;
  1005. width:130px;
  1006. height:45px;
  1007. font-family: 'Open Sans', trebuchet ms, sans-serif;
  1008. }
  1009.  
  1010. #marquee {
  1011. position:absolute;
  1012. }
  1013.  
  1014. #marquee img {
  1015. width:40px;
  1016. height:40px;
  1017. border-radius:100%;
  1018. border:2px solid #999;
  1019. }
  1020.  
  1021. #fade {
  1022. display: none;
  1023. background: #e3e3e3;
  1024. position: fixed;
  1025. left: 0;
  1026. top: 0;
  1027. width: 100%;
  1028. height: 100%;
  1029. opacity: 1;
  1030. z-index: 9999;
  1031. }
  1032.  
  1033. .popup_block{
  1034. text-transform:lowercase;
  1035. display: none;
  1036. background: #e9e9e9;
  1037. opacity:0.5;
  1038. padding: 20px;
  1039. float: left;
  1040. position: fixed;
  1041. top: 50%;
  1042. left: 50%;
  1043. z-index: 99999;
  1044. }
  1045.  
  1046. img.btn_close {
  1047. float: right;
  1048. margin: -55px -55px 0 0;
  1049. }
  1050.  
  1051. *html #fade {
  1052. position: absolute;
  1053. }
  1054.  
  1055. *html .popup_block {
  1056. position: absolute;
  1057. }
  1058.  
  1059.  
  1060.  
  1061. @-webkit-keyframes pop-in {
  1062. 0% { opacity: 0; -webkit-transform: scale(0.5); }
  1063. 100% { opacity: 1; -webkit-transform: scale(1); }
  1064. }
  1065. @-moz-keyframes pop-in {
  1066. 0% { opacity: 0; -moz-transform: scale(0.5); }
  1067. 100% { opacity: 1; -moz-transform: scale(1); }
  1068. }
  1069. @keyframes pop-in {
  1070. 0% { opacity: 0; transform: scale(0.5); }
  1071. 100% { opacity: 1; transform: scale(1); }
  1072. }
  1073.  
  1074. #info1{
  1075. overflow:auto;
  1076. -webkit-animation:pop-in 0.9s;
  1077. -moz-animation:pop-in 0.9s;
  1078. -ms-animation:pop-in 0.9s;
  1079. z-index:99;
  1080. width:110px;
  1081. height:190px;
  1082. background:#e3e3e3;
  1083. border-bottom:4px solid #b6c8d1;
  1084. position:fixed;
  1085. top:360px;
  1086. left:300px;
  1087. padding:4px;
  1088. text-align:center;
  1089. font-family: arial, sans-serif;
  1090. font-size:7px;
  1091. letter-spacing:0px;
  1092. text-transform:uppercase;
  1093. }
  1094.  
  1095.  
  1096.  
  1097. #info2{
  1098. -webkit-animation:pop-in 0.9s;
  1099. -moz-animation:pop-in 0.9s;
  1100. -ms-animation:pop-in 0.9s;
  1101. z-index:99;
  1102. overflow:auto;
  1103. width:150px;
  1104. height:90px;
  1105. background:#e3e3e3;
  1106. position:fixed;
  1107. top:403px;
  1108. left:525px;
  1109. padding:4px;
  1110. letter-spacing:1px;
  1111. text-align:center;
  1112. font-family: 'Open Sans', trebuchet ms, sans-serif;
  1113. font-size:8px;
  1114. text-transform:uppercase;
  1115. }
  1116.  
  1117. @font-face
  1118. {font-family: "embers";src: url('https://dl.dropboxusercontent.com/s/9ye76iqz1rvjxkx/Chasing%20Embers%20Demo%20Version.ttf?dl=1'); format("truetype");}
  1119.  
  1120.  
  1121. .name1 {
  1122. -webkit-animation:pop-in 0.9s;
  1123. -moz-animation:pop-in 0.9s;
  1124. -ms-animation:pop-in 0.9s;text-shadow: 2px 2px #e3e3e3; z-index:999; position:fixed; top:210px; letter-spacing:5px; left:293px; font-size:90px; font-family:'wendy'; color:#b6c8d1;
  1125. -webkit-transition: all 1s ease-in-out;
  1126. -moz-transition: all 1s ease-in-out;
  1127. -o-transition: all 1s ease-in-out;
  1128. -ms-transition: all 1s ease-in-out;
  1129. }
  1130.  
  1131. .name1:hover {
  1132. text-shadow:1px 1px 1px #000;
  1133. -webkit-transform: rotate(10deg);
  1134. -moz-transform: rotate(10deg);
  1135. -o-transform: rotate(10deg);
  1136. -ms-transform: rotate(10deg);
  1137.  
  1138.  
  1139. }
  1140.  
  1141. .gah {
  1142. -webkit-animation:pop-in 0.9s;
  1143. -moz-animation:pop-in 0.9s;
  1144. -ms-animation:pop-in 0.9s;
  1145. position:fixed;
  1146. top:400px;
  1147. z-index:99;
  1148. left:700px;
  1149. width: 190px;
  1150. height: 37px;
  1151. text-align: center;
  1152. letter-spacing: 0px;
  1153. margin-top: 5px;
  1154. }
  1155.  
  1156. .gah img {
  1157. display: inline-block;
  1158. width: 24px;
  1159. height: 24px;
  1160. background-color: #ddd;
  1161. border: 4px solid #e3e3e3;
  1162. transition: .7s ease-in-out;
  1163. -webkit-transition: .7s ease-in-out;
  1164. -moz-transition: .7s ease-in-out;
  1165. -ms-transition: .7s ease-in-out;
  1166. -o-transition: .7s ease-in-out;
  1167. }
  1168.  
  1169. .gah img:hover {
  1170. transform:rotateY(720deg);
  1171. -webkit-transform:rotateY(720deg);
  1172. -moz-transform:rotateY(720deg);
  1173. -ms-transform:rotateY(720deg);
  1174. -o-transform:rotateY(720deg);
  1175. }
  1176.  
  1177.  
  1178. .baby {
  1179. position:fixed;
  1180. top:492px;
  1181. left:422px;
  1182. z-index:99;
  1183. }
  1184.  
  1185. .baby img {
  1186. -webkit-animation:pop-in 0.9s;
  1187. -moz-animation:pop-in 0.9s;
  1188. -ms-animation:pop-in 0.9s;-webkit-filter: grayscale(0%);
  1189. width:154px;
  1190. height:41px;
  1191. }
  1192.  
  1193. @font-face
  1194. { font-family:"basquiat"; src: url('https://dl.dropboxusercontent.com/s/uuoecb8y9394dk8/basquiat.otf?dl=1'); format(“truetype”);}
  1195.  
  1196. @font-face
  1197. { font-family:"dolcevita"; src: url('https://dl.dropbox.com/s/ulyc96lx0yfiryl/Dolce%20Vita%20Heavy%20Bold.ttf?dl=1'); format(“truetype”);}
  1198.  
  1199. .line1 {
  1200. width: 302px;
  1201. height: 1000px;
  1202. border-bottom: 1px solid black;
  1203. -webkit-transform:
  1204. translateY(40px)
  1205. translateX(5px)
  1206. rotate(10deg);
  1207. background-color:#b6c8d1;
  1208. top: -75px;
  1209. left: -140px;
  1210. position:fixed;
  1211. z-index:999999999999999999999999;}
  1212.  
  1213. #info3{
  1214. overflow:auto;
  1215. -webkit-animation:pop-in 0.9s;
  1216. -moz-animation:pop-in 0.9s;
  1217. -ms-animation:pop-in 0.9s;
  1218. z-index:-99;
  1219. width:292px;
  1220. height:70px;
  1221. background:#e3e3e3;
  1222. position:fixed;
  1223. top:360px;
  1224. left:421px;
  1225.  
  1226. padding:4px;
  1227. text-align:center;
  1228. font-family: arial, sans-serif;
  1229. font-size:7px;
  1230. letter-spacing:0px;
  1231. text-transform:uppercase;
  1232. }
  1233.  
  1234. #info4{
  1235. overflow:auto;
  1236. -webkit-animation:pop-in 0.9s;
  1237. -moz-animation:pop-in 0.9s;
  1238. -ms-animation:pop-in 0.9s;
  1239. z-index:99;
  1240. width:1px;
  1241. height:305px;
  1242. background:#e3e3e3;
  1243. position:fixed;
  1244. top:252px;
  1245. left:675px;
  1246. padding:0px;
  1247. text-align:center;
  1248. font-family: arial, sans-serif;
  1249. font-size:7px;
  1250. letter-spacing:0px;
  1251. text-transform:uppercase;
  1252. }
  1253.  
  1254. #thing4 {
  1255. position:fixed;
  1256. left:449px;
  1257. width:120px;
  1258. padding-left:4px;
  1259. padding-bottom:4px;
  1260. padding-right:4px;
  1261. padding-top:7px;
  1262. background-color:#e3e3e3;
  1263. height:17px;
  1264. font-size:7px;
  1265. top:441px;
  1266. font-family:arial;
  1267. text-transform:uppercase;
  1268. }
  1269.  
  1270. #thing5 {
  1271. position:fixed;
  1272. left:400px;
  1273. width:120px;
  1274. padding-left:4px;
  1275. padding-bottom:4px;
  1276. padding-right:4px;
  1277. padding-top:7px;
  1278. background-color:#e3e3e3;
  1279. height:17px;
  1280. font-size:7px;
  1281. top:470px;
  1282. font-family:arial;
  1283. text-transform:uppercase;
  1284.  
  1285. }
  1286.  
  1287. #box{
  1288. overflow:hidden;
  1289. -webkit-animation:pop-in 0.9s;
  1290. -moz-animation:pop-in 0.9s;
  1291. -ms-animation:pop-in 0.9s;
  1292. position:fixed;
  1293. width:24px;
  1294. padding:2px;
  1295. height:24px;
  1296. top:441px; /* You can change the number or change it to bottom*/
  1297. left:421px; /* You can change the number or change it to right*/
  1298. background:#e3e3e3; /* This is the background color */
  1299. }
  1300.  
  1301. #icon{
  1302. /* This is for the positioning of the music gif: */
  1303. margin-top:5px;
  1304. font-size:9px;
  1305. margin-left:7px;
  1306. color:#b6c8d1;
  1307. -webkit-transition: all 0.5s linear;
  1308. -moz-transition: all 0.5s linear;
  1309. transition: all 0.5s linear;
  1310. }
  1311.  
  1312. #box:hover #icon{
  1313. margin-top:-20px;
  1314. -webkit-transition: all 0.5s linear;
  1315. -moz-transition: all 0.5s linear;
  1316. transition: all 0.5s linear;
  1317. }
  1318.  
  1319. #musicbox{
  1320. width:8px;
  1321. height:8px;
  1322. overflow:hidden;
  1323. /* This is for the positioning of the music player: */
  1324. margin-top:14px;
  1325. margin-left:8px;
  1326. }
  1327.  
  1328. #music{
  1329. margin-top:-6px;
  1330. margin-left:-35px;
  1331. }
  1332.  
  1333. .gah {
  1334. position:fixed;
  1335. left:421px;
  1336. width:148px;
  1337. padding-left:4px;
  1338. padding-bottom:4px;
  1339. padding-right:4px;
  1340. padding-top:4px;
  1341. background-color:#e3e3e3;
  1342. height:52px;
  1343. font-size:7px;
  1344. top:467px;
  1345. font-family:arial;
  1346. text-transform:uppercase;
  1347. -webkit-animation:pop-in 0.9s;
  1348. -moz-animation:pop-in 0.9s;
  1349. -ms-animation:pop-in 0.9s;
  1350. margin-top: 5px;
  1351. z-index:99;
  1352. }
  1353.  
  1354.  
  1355. .gah img {
  1356.  
  1357. display: inline-block;
  1358. width: 17px;
  1359.  
  1360. height: 17px;
  1361. transition: .7s ease-in-out;
  1362. -webkit-transition: .7s ease-in-out;
  1363. -moz-transition: .7s ease-in-out;
  1364. -ms-transition: .7s ease-in-out;
  1365. -o-transition: .7s ease-in-out;
  1366. }
  1367.  
  1368. .gah img:hover {
  1369. transform:rotateY(720deg);
  1370. -webkit-transform:rotateY(720deg);
  1371. -moz-transform:rotateY(720deg);
  1372. -ms-transform:rotateY(720deg);
  1373. -o-transform:rotateY(720deg);
  1374. }
  1375.  
  1376. #thing6 {
  1377. position:fixed;
  1378. left:580px;
  1379. width:132px;
  1380. padding-left:4px;
  1381. padding-bottom:4px;
  1382. padding-right:4px;
  1383. padding-top:7px;
  1384. background-color:#e3e3e3;
  1385. height:75px;
  1386. font-size:7px;
  1387. top:472px;
  1388. text-align:center;
  1389. -webkit-animation:pop-in 0.9s;
  1390. -moz-animation:pop-in 0.9s;
  1391. -ms-animation:pop-in 0.9s;
  1392. border-bottom:4px solid #b6c8d1;
  1393. font-family:arial;
  1394. text-transform:uppercase;
  1395.  
  1396. }
  1397.  
  1398.  
  1399. #thingh {
  1400. z-index:9999999999999999999999999999;
  1401. width:210px;
  1402. height:25px;
  1403. float: left;
  1404. left:419px;
  1405. top:456px;
  1406. position: fixed;
  1407.  
  1408. -webkit-transition: all 0.4s ease-out;
  1409. -moz-transition: all 0.1s ease-out;
  1410.  
  1411. }
  1412.  
  1413. #thingh a{
  1414. display: inline-block;
  1415. float: left;
  1416. padding:1px;
  1417. margin-left: 2px ;
  1418. height: 15px; width: 22.3px;
  1419. -webkit-transition: all .8s ease-out;
  1420. -moz-transition: all .8s ease-out;
  1421. -webkit-transition: all .8s ease-out;
  1422. -moz-transition: all .8s ease-out;
  1423. background-color: #e3e3e3;
  1424. overflow:hidden;
  1425. color:#e3e3e3;
  1426. font-size:9px;
  1427. text-transform:uppercase;
  1428. line-height:20px;
  1429. text-align:center;
  1430.  
  1431. }
  1432.  
  1433. #thingh a:hover{
  1434. color:#e3e3e3;
  1435. background-color: #e3e3e3;
  1436. -webkit-animation: RH infinite 3s;
  1437. box-shadow: inset 0 100px 0 0 #b6c8d1;
  1438. }
  1439.  
  1440. #chingus{
  1441. overflow:auto;
  1442. position:fixed;
  1443. top:335px;
  1444. left:540px;
  1445. padding:4px;
  1446. text-align:center;
  1447. font-family: arial, sans-serif;
  1448. font-size:7px;
  1449. line-height:13px;
  1450. z-index:99;
  1451. letter-spacing:0px;
  1452. text-transform:uppercase;
  1453. -webkit-animation:pop-in 0.9s;
  1454. -moz-animation:pop-in 0.9s;
  1455. -ms-animation:pop-in 0.9s;
  1456. }
  1457.  
  1458. .pulse2 {
  1459. -webkit-animation: pulse2 1s linear infinite;
  1460. -moz-animation: pulse2 1s linear infinite;
  1461. -ms-animation: pulse2 1s linear infinite;
  1462. animation: pulse2 1s linear infinite;
  1463. }
  1464.  
  1465. @keyframes "pulse2" {
  1466. 0% {
  1467. -webkit-transform: scale(1.1);
  1468. -moz-transform: scale(1.1);
  1469. -o-transform: scale(1.1);
  1470. -ms-transform: scale(1.1);
  1471. transform: scale(1.1);
  1472. }
  1473. 50% {
  1474. -webkit-transform: scale(0.8);
  1475. -moz-transform: scale(0.8);
  1476. -o-transform: scale(0.8);
  1477. -ms-transform: scale(0.8);
  1478. transform: scale(0.8);
  1479. }
  1480. 100% {
  1481. -webkit-transform: scale(1);
  1482. -moz-transform: scale(1);
  1483. -o-transform: scale(1);
  1484. -ms-transform: scale(1);
  1485. transform: scale(1);
  1486. }
  1487.  
  1488. }
  1489.  
  1490. @-moz-keyframes pulse2 {
  1491. 0% {
  1492. -moz-transform: scale(1.1);
  1493. transform: scale(1.1);
  1494. }
  1495. 50% {
  1496. -moz-transform: scale(0.8);
  1497. transform: scale(0.8);
  1498. }
  1499. 100% {
  1500. -moz-transform: scale(1);
  1501. transform: scale(1);
  1502. }
  1503.  
  1504. }
  1505.  
  1506. @-webkit-keyframes "pulse2" {
  1507. 0% {
  1508. -webkit-transform: scale(1.1);
  1509. transform: scale(1.1);
  1510. }
  1511. 50% {
  1512. -webkit-transform: scale(0.8);
  1513. transform: scale(0.8);
  1514. }
  1515. 100% {
  1516. -webkit-transform: scale(1);
  1517. transform: scale(1);
  1518. }
  1519.  
  1520. }
  1521.  
  1522. @-ms-keyframes "pulse2" {
  1523. 0% {
  1524. -ms-transform: scale(1.1);
  1525. transform: scale(1.1);
  1526. }
  1527. 50% {
  1528. -ms-transform: scale(0.8);
  1529. transform: scale(0.8);
  1530. }
  1531. 100% {
  1532. -ms-transform: scale(1);
  1533. transform: scale(1);
  1534. }
  1535.  
  1536.  
  1537.  
  1538. /*TILT*/
  1539. .tilt {
  1540. -webkit-transition: all 0.5s ease;
  1541. -moz-transition: all 0.5s ease;
  1542. -o-transition: all 0.5s ease;
  1543. -ms-transition: all 0.5s ease;
  1544. transition: all 0.5s ease;
  1545. }
  1546.  
  1547. .tilt:hover {
  1548. text-shadow:1px 1px 1px #000;
  1549. -webkit-transform: rotate(10deg);
  1550. -moz-transform: rotate(10deg);
  1551. -o-transform: rotate(10deg);
  1552. -ms-transform: rotate(10deg);
  1553. }
  1554.  
  1555. </style>
  1556.  
  1557.  
  1558. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1559. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1560. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1561. <script>
  1562. $(document).ready(function(){
  1563. $('.photo-slideshow').pxuPhotoset({
  1564. lightbox: true,
  1565. rounded: false,
  1566. gutter: '1px',
  1567. photoset: '.photo-slideshow',
  1568. photoWrap: '.photo-data',
  1569. photo: '.pxu-photo'
  1570. });
  1571. $('#to, .bg').click(function(){
  1572. $('body').toggleClass('tabopen');
  1573. return false
  1574. });
  1575. $('.sh, .x').click(function(){
  1576. $(this).parents('.info').toggleClass('open');
  1577. return false
  1578. });
  1579. {block:IndexPage}
  1580. {block:ifInfiniteScroll}
  1581. $('#stt').click(function(){
  1582. $('html,body').animate({ scrollTop: 0 }, 1000);
  1583. return false
  1584. });
  1585. $(document).scroll(function(){
  1586. var t = $(document).scrollTop();
  1587. if (t > 1000) $('#stt').addClass('s');
  1588. else $('#stt').removeClass('s');
  1589. });
  1590. {/block:ifInfiniteScroll}
  1591. {/block:IndexPage}
  1592. });
  1593.  
  1594.  
  1595.  
  1596. </script>
  1597.  
  1598. </head>
  1599.  
  1600.  
  1601. <div id="chingus"><a href="#?w=300" rel="friendz" class="poplight" title="* ! in my heart."><div class="heart pulse2"><div style="color:#fff; font-size:10px;"><i style="color:#fff;" class="fa fa-heart" aria-hidden="true"></i></i></div></div></a> </div>
  1602.  
  1603. <div id="box"><div id="icon">
  1604. </div>
  1605. <div id="musicbox"><div id="music">
  1606. </object>
  1607. </div></div></div>
  1608.  
  1609.  
  1610. <div id="con">
  1611.  
  1612. <div class="line1"></div>
  1613.  
  1614. <div id="column1"></div>
  1615.  
  1616.  
  1617. </div></a></div></div>
  1618.  
  1619.  
  1620. <div class="sbh2"><img style=" " src="http://static.tumblr.com/bhqzzew/9xnojp1qn/forirene1.png"></div>
  1621.  
  1622. <div class="sbh3"><img style=" border:1px solid #e3e3e3;" src=""></div>
  1623.  
  1624.  
  1625.  
  1626.  
  1627. <div id="box"><div id="icon">
  1628. <i style="color:#b6c8d1;" class="fa fa-music" aria-hidden="true"></i></div>
  1629. <div id="musicbox"><div id="music">
  1630. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100">
  1631. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1632. <param name="bgcolor" value="#e3e3e3" />
  1633. <param name="FlashVars" value="mp3=http%3A//k003.kiwi6.com/hotlink/w0si5fgz1c/Lido_-_Lost_feat.mp3&amp;autoplay=1&amp;loop=1&amp;showslider=0&amp;loadingcolor=e3e3e3&amp;bgcolor=e3e3e3&amp;bgcolor1=e3e3e3&amp;bgcolor2=e3e3e3&amp;buttoncolor=b6c8d1&amp;buttonovercolor=b6c8d1&amp;textcolor=b6c8d1" />
  1634. </object>
  1635. </div></div></div>
  1636.  
  1637. <div id="thing4"><marquee behavior="scroll" direction="left"><b>CURRENTLY PLAYING: </b> LOST BY LIDO (FT. MURI) STWO REMIX </marquee></div>
  1638.  
  1639. <div id="thing6"><div style="font-family:arial black; color:#b6c8d1; font-size:14px; text-align:left; margin-left:7px; margin-top:0px;">#</div> <div style="margin-top:-15px;">introducing joohyun in everything she is: <br>sweet, cuddly, clingy, <i><b>dancer</b></i>, mother, leader, <big><b>and all smiles.</b></big>.</div>
  1640. </div>
  1641.  
  1642.  
  1643.  
  1644.  
  1645.  
  1646. <div id="info1"><img style="margin-top:15px; border-radius: 50px;" src="http://static.tumblr.com/bhqzzew/Y7jojp4ok/irenegif.gif"><p><b>#</b> <B>BAE JOOHYUN</B> ( or Irene )<i><b></b></i> of red velvet. born on march 29, 1991, in <b>daegu</b>, south korea</div>
  1647.  
  1648. <div id="info3"><div style="margin-top:-1px;">* <b><big>A</big></b>lthough you are very <i>small</i> and your <b>kind</b> have existed in the universe for only a short time,
  1649. You are an <i><b>important</b></i> part of something <b>very</b> large
  1650. and<br>
  1651. <i>very</i> <br>
  1652. <u>beautiful.</u></div></div>
  1653.  
  1654.  
  1655. <div id="thingh"><br><a title="+ semi-au. idol!verse.">
  1656. </a> <a title="+ mirrored literacy; novella, lit, semi-lit. sfw. not the real bae joohyun nor do i have any connection to sment."></a> <a title="+ pre-est is encouraged."></a> <a title="+ will be active here when i can be, don't be scared to remind me of replies if it's been too long since i've sent one."></a> <a title="+ pansexual and single, though, an rs will be undisclosed to any muse unless told otherwise."></a> <a title="+ tracking url and you can find me on aim at @fug.co. will mirror there as well, but slightly illiterate on feed."></a></div>
  1657.  
  1658.  
  1659.  
  1660. <div id="title"><div class="name1"><a href="#?w=300" rel="lol" class="poplight" title="red velvet!"><b>*CAKE<i><b>!</b></i></b></div></div>
  1661.  
  1662.  
  1663.  
  1664.  
  1665. <div class="baby"><a href="#?w=300" rel="hu" class="poplight" title="* under construction."><img src="http://static.tumblr.com/bhqzzew/Aczojp5jj/ireneig.png"></a> </div>
  1666.  
  1667.  
  1668. <div id="friendz" class="popup_block"><center><br><div style="text-align:center; font-family:'wendy'; font-size:45px; color:#b6c8d1; text-shadow:2px 2px #000; padding-left:4px;
  1669. padding-bottom:4px;
  1670. padding-right:4px;
  1671. padding-top:4px;">my little flames.</div><p><br>
  1672.  
  1673. <a title="* ! BAMBAM " href=""><img style="margin-right:1px;" src="http://static.tumblr.com/bhqzzew/eFWok334q/bambam.gif"></a>
  1674. <a title="* ! SEULGI" href=""><img src="http://static.tumblr.com/bhqzzew/vdeojp805/seulgi.gif"></a>
  1675. <a title="* ! PINKY" href=""><img style="margin-left:1.2px;" src="http://static.tumblr.com/bhqzzew/S4Kojpkzb/jie.gif"></a><br>
  1676.  
  1677. <a title="* ! VEE" href=""><img style="margin-right:1px;" src="http://static.tumblr.com/bhqzzew/LScojp9hg/vee.gif"></a>
  1678. <a title="* ! PHOEBE" href=""><img src="http://static.tumblr.com/bhqzzew/uUrok33kc/phoebe.gif"></a>
  1679.  
  1680. <a title="* ! MIMI" href=""><img style="margin-left:1.2px;" src="http://static.tumblr.com/bhqzzew/oN2ojp8i7/mimi.gif"></a>
  1681.  
  1682. <a title="* ! KIKO" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/mkKok33um/kiko.gif"></a>
  1683. <a title="* ! AYANE" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/nk3ojp9yl/ayane.gif"></a>
  1684. <a title="* ! JONG" href="http://kjhyun.tumblr.com/"><img style="margin-left:1.2px;"<img src="http://static.tumblr.com/bhqzzew/mFdojp94w/jong.gif"></a>
  1685. <a title="* ! HOSHI" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/cqkojplgj/hoshi.gif"></a>
  1686. <a title="* ! MYUNGSOO" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/mtvojpl7v/myung.gif"></a>
  1687. <a title="* ! SEOLHYUN" href="http://selhyun.tumblr.com"><img style="margin-left:1.2px;"<img src="http://static.tumblr.com/bhqzzew/nxXojpk5x/seolhyun.gif"></a>
  1688. <a title="* ! CHAEYEON" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/6jqok33p8/chae.gif"></a>
  1689. <a title="* ! JIE" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/eHxok339x/nayeon.gif"></a>
  1690. <a title="* ! MEIQI" href=""><img style="margin-left:1.2px;"<img src="http://static.tumblr.com/bhqzzew/Y8Eojpb39/mei.gif"></a>
  1691. <a title="* ! CHARLIE" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/Ih6ojpasl/charlie.gif"></a>
  1692. <a title="* ! KOOK" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/gCyojplba/kook.gif"></a>
  1693. <a title="* ! ZUHO" href=""><img style="margin-left:1.2px;"<img src="http://static.tumblr.com/bhqzzew/ZwKojp83i/zuho.gif"></a>
  1694. <a title="* ! BUBBLES" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/AM2ojpl3l/bubbles.gif"></a>
  1695. <a title="* ! EDDIE" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/evKojplqq/eddie.gif"></a>
  1696. <a title="* ! WOOSEOK" href=""><img style="margin-left:1.2px;"<img src="http://static.tumblr.com/bhqzzew/mOPojpltd/woo.gif"></a>
  1697. <a title="* ! TAE" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/eZeojply5/tae.gif"></a>
  1698. <a title="* ! SEHUN" href="http://oshunas.tumblr.com/"><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/jqdojpm0m/sehun.gif"></a>
  1699. <a title="* ! AHYEON" href=""><img style="margin-left:1.2px;"<img src="http://static.tumblr.com/bhqzzew/dFKojpm3c/ahyeon.gif"></a>
  1700. <a title="* ! YOONGI" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/m1Iojpm6h/yoongi.gif"></a>
  1701. <a title="* ! DOK" href=""><img style="margin-right:1px;"<img src="http://static.tumblr.com/bhqzzew/nITojpm98/dok.gif"></a>
  1702. <a title="* ! MICAH" href=""><img style="margin-left:1.2px;"<img src="http://static.tumblr.com/bhqzzew/d8Iojpmbt/micah.gif"></a></center></div></div>
  1703.  
  1704.  
  1705. <div id="hu" class="popup_block">
  1706. <center><img src="http://static.tumblr.com/bhqzzew/tFRojpn16/hearts.png" width=280>
  1707. <p>
  1708. <center>* <i>!</i> everything sets itself in place; it takes patience, time and hope. </center>
  1709. </div>
  1710. </div>
  1711.  
  1712. <form action="/search" method="get" class="sfm" name="theform">
  1713. <input style="z-index:9; width:121px; left:580px; top:441px; height:16px; -webkit-animation:pop-in 0.9s;
  1714. -moz-animation:pop-in 0.9s;
  1715. -ms-animation:pop-in 0.9s;" type="text" name="q" value="SEARCH"/>
  1716. </form>
  1717.  
  1718. <div id="linku"><br><a href="/" title="+ home"><i class="fa fa-home" aria-hidden="true"></i></a> <a href="http://www.tumblr.com/dashboard" title="+ dash"><i class="fa fa-power-off" aria-hidden="true"></i></i></a><a href="/ask" title="+ question"><i class="fa fa-commenting" aria-hidden="true"></i></a> <a href="/submit" title="+ gift"><i class="fa fa-heart" aria-hidden="true"></i></a><a href="http://shythemes.tumblr.com/" title="+ tweaked by meiqi mun and then by me."><i class="fa fa-search" aria-hidden="true"></i></a>
  1719.  
  1720. </div>
  1721.  
  1722. <div id="lol" class="popup_block">
  1723. <center><div style="font-size:7px;
  1724. text-transform:uppercase;
  1725. letter-spacing:1px;
  1726. margin-bottom:15px;
  1727. color:{color:text};"><img src="http://static.tumblr.com/bhqzzew/BGZojpmre/rvvv.png"><br><a href="" title="! * love you, seulgi.">[<B>*</B>KS<b><i>!</i></b>]</a> <a href="" title="! * love you, wendy.">[<B>*</B>SS<b><i>!</i></b>]</a> <a href="http://sooyoug.tumblr.com/" title="! * love you, joy.">[<B>*</B>PS<b><i>!</i></b>]</a> <a href="" title="! * yeri, where'd you go?">[<B>*</B>KY<b><i>!</i></b>]</a> </div></center>
  1728. <p>
  1729.  
  1730. </center>
  1731. </div>
  1732.  
  1733. <body class="{select:layout} w{select:post width}{block:PermalinkPage} perma{/block:PermalinkPage}">
  1734.  
  1735.  
  1736.  
  1737. <div id="main">
  1738. <aside>
  1739. <div class="bg"></div>
  1740. <div class="tab_content block">
  1741. <section class="top">
  1742. <a href="/" class="title">{Title}</a>
  1743. <div class="tagline accent" style="float:left;">theme <i><a href="http://www.taehylol.tumblr.com" title="do NOT steal or redistribute, if you need help feel free to hit me up and ask!">tweaked heavily</a></i></div>
  1744. </section>
  1745. {block:ifSidebarImage}<a href="/" class="im"><img src="{image:sidebar}"/></a>{/block:ifSidebarImage}
  1746. {block:ifShowDescription}<div class="desc">{Description}</div>{/block:ifShowDescription}
  1747. <nav class="accent"><ol><!-- navigation -->{block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}{block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}{block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}{block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}{block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}{block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}</ol></nav>
  1748. </div>
  1749. </aside>
  1750. <div id="content"><!-- posts -->
  1751. <div id="entries">
  1752. {block:posts}
  1753.  
  1754. <div id="posts">
  1755. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1756.  
  1757. {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
  1758.  
  1759. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1760. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1761.  
  1762. {block:Photo}<center><img src="{PhotoURL-250}"/></center>
  1763. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1764.  
  1765. {block:Photoset}<center>{Photoset-250}</center>
  1766. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1767.  
  1768. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  1769.  
  1770. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1771.  
  1772. {block:Answer}<div id="question"><i class="fa fa-user" aria-hidden="true"> </i><b>{Asker}:</b> {Question}<br></div>{Answer}{/block:Answer}
  1773.  
  1774.  
  1775. {block:Audio}<div class="playwrapper"><div class="coverart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="songinfo"><center>{block:TrackName}<b><i class="fa fa-microphone" aria-hidden="true"></i></b> {TrackName} </center>{/block:TrackName}</div></div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1776.  
  1777. <div id="info">{block:Date}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details"> <i class="fa fa-retweet" aria-hidden="true"></i></a><a href="{ReblogParentURL}"> {TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1778. {/block:NoRebloggedFrom}</div>
  1779.  
  1780. {block:HasTags}
  1781. <div id="tags"><i class="fa fa-folder-open" aria-hidden="true"></i></i>
  1782. {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}
  1783. </div>{/block:HasTags}
  1784.  
  1785.  
  1786.  
  1787. </div> <!---posts div--->
  1788.  
  1789. {/block:Posts}
  1790. {block:ContentSource}{SourceURL}
  1791. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1792. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  1793. {/block:ContentSource}
  1794. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  1795.  
  1796. </div> <!---entries div--->
  1797.  
  1798. </div> <!---container div--->
  1799.  
  1800.  
  1801.  
  1802. </div><!-- end #content -->
  1803. {block:Pagination}<!-- pagination --><div class="pagination accent"><hr/>{block:PreviousPage}<a class="back" href="{PreviousPage}">{lang:Back}</a>{/block:PreviousPage}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  1804. {block:ifInfiniteScroll}<a id="stt" href="#" class="accent"></a>{/block:ifInfiniteScroll}
  1805. </div><!-- end #main -->
  1806.  
  1807. {block:IndexPage}{block:ifInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1808. <script>
  1809. $(document).ready(function(){
  1810. var $container = $('#content');
  1811. $container.infinitescroll({
  1812. itemSelector: '.entry',
  1813. navSelector: '.pagination',
  1814. nextSelector: '.next',
  1815. loadingImg: '',
  1816. loadingText: '<em></em>',
  1817. bufferPx: 2000
  1818. },
  1819. function( newElements ) {
  1820. var $newElems = $( newElements );
  1821. $newElems.find('.photo-slideshow').pxuPhotoset({
  1822. lightbox: true,
  1823. rounded: false,
  1824. gutter: '1px',
  1825. photoset: '.photo-slideshow',
  1826. photoWrap: '.photo-data',
  1827. photo: '.pxu-photo'
  1828. });
  1829. $newElems.find('.sh, .x').click(function(){
  1830. $(this).parents('.info').toggleClass('open');
  1831. return false
  1832. });
  1833. });
  1834.  
  1835. });
  1836. </script>
  1837. {/block:ifInfiniteScroll}{/block:IndexPage}
  1838. </body>
  1839. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!