API tools faq
paste
deansturd

Untitled

deansturd
Jan 21st, 2017
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.56 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6.  
  7. base code by merok
  8.  
  9. T H E M E B Y 6 R P T
  10.  
  11. heavily edited by 97jeonk!
  12.  
  13.  
  14.  
  15.  
  16.  
  17. -->
  18.  
  19. <html>
  20. <head>
  21.  
  22. <script type="text/javascript"
  23. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24. <script>
  25. $(document).ready(function() {
  26. //
  27. $('a.poplight[href^=#]').click(function() {
  28. var popID = $(this).attr('rel'); //Get Popup Name
  29. var popURL = $(this).attr('href'); //Get Popup href to define size
  30. var query= popURL.split('?');
  31. var dim= query[1].split('&');
  32. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  33. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  34. var popMargTop = ($('#' + popID).height() + 80) / 2;
  35. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  36. //Apply Margin to Popup
  37. $('#' + popID).css({
  38. 'margin-top' : -popMargTop,
  39. 'margin-left' : -popMargLeft
  40. });
  41. $('body').append('<div id="fade"></div>');
  42. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  43. return false;
  44. });
  45. $('a.close, #fade').live('click', function() {
  46. $('#fade , .popup_block').fadeOut(function() {
  47. $('#fade, a.close').remove(); //fade them both out
  48. });
  49. return false;
  50. });
  51. });
  52. </script>
  53.  
  54.  
  55.  
  56. <link href='https://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  57. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  60.  
  61. <!-- start of script tooltip -->
  62. <script>
  63. (function($){
  64. $(document).ready(function() {
  65. $("a[title]").style_my_tooltips({
  66. tip_follows_cursor:true,
  67. tip_delay_time:90,
  68. tip_fade_speed:600,
  69. attribute:"title"
  70. });
  71. });
  72. })(jQuery);
  73. </script>
  74. <!-- end of script tooltip -->
  75.  
  76. <link rel="shortcut icon" href="{Favicon}" />
  77. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  78. <title>{Title}</title>
  79. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  80.  
  81. <!-- DEFAULTS, this it the area that you can add color, images, if show captions, stuff like that -->
  82.  
  83. <meta name="color:background" content="#ffffff">
  84. <meta name="color:page border" content="#bbbbbb"/>
  85. <meta name="color:text" content="#6d7494" />
  86. <meta name="color:link hover" content="#fdfdfd" />
  87. <meta name="color:link" content="#6d7494" />
  88. <meta name="color:Bold" content="#777777" />
  89. <meta name="color:Italic" content="#bbbbbb"/>
  90. <meta name="color:borders" content="#bbbbbb"/>
  91. <meta name="color:accent" content="#bbbbbb"/>
  92.  
  93. <meta name="image:background" content=""/>
  94. <meta name="image:sidebar" content=""/>
  95. <meta name="image:sidebar 2" content=""/>
  96.  
  97. <meta name="if:grayscale" content="1"/>
  98.  
  99. <meta name="text:title" content="bottom title goes here !" />
  100. <meta name="text:link3" content="url" />
  101. <meta name="text:link4" content="url" />
  102. <meta name="text:name1" content="link" />
  103. <meta name="text:name2" content="link" />
  104. <meta name="text:name3" content="link" />
  105. <meta name="text:name4" content="link" />
  106.  
  107. <script type="text/javascript">
  108. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  109. $(document).ready(function() {
  110. function photosetResize() {
  111. $('iframe.photoset').each(function(){
  112. var newSize = 300;
  113. var newSrc = $(this).attr('src').replace('500',newSize);
  114. $(this).attr('src', newSrc).width(newSize);
  115. var high = $(this).css('height');
  116. var calculate = parseInt(high, 10)* newSize/500;
  117. $(this).css('height', calculate);
  118. });
  119. }
  120. photosetResize();
  121. });
  122. </script>
  123.  
  124. </head>
  125.  
  126.  
  127.  
  128. <style type="text/css">
  129. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}
  130.  
  131.  
  132. #s-m-t-tooltip{
  133. font-family:arial;
  134. max-width:300px;
  135. margin:25px 15px;
  136. font-size:7px;
  137. z-index:999999;
  138. background:#141414;
  139. color:#999;
  140. padding:5px;
  141. letter-spacing:2px;
  142. }
  143.  
  144. ::-webkit-scrollbar {width: 1px; height:3px; background:{color:page border}; }
  145. ::-webkit-scrollbar-thumb { background-color: {color:background}; -webkit-border-radius: 1ex; }
  146.  
  147.  
  148. /* -------- BASICS ---------- */
  149.  
  150. body {
  151. color:{color:text};
  152. background-color:{color:background};
  153. font-family:arial;
  154. font-size:9px;
  155. line-height:15px;
  156. text-align:justify;
  157. background-image:url('{image:background}');
  158. }
  159.  
  160. a:link, a:active, a:visited {
  161. color: {color:link};
  162. text-decoration:none
  163. }
  164.  
  165. a:hover {
  166. color:{color:link hover};
  167. -webkit-transition: all 0.2s linear;
  168. -moz-transition: all 0.2s linear;
  169. transition: all 0.2s linear;
  170. }
  171.  
  172. small, sub, sup {
  173. font-size:9px;
  174. }
  175.  
  176. sub, sup {
  177. font-size:8.5px;
  178. }
  179.  
  180. big {
  181. font-size:auto
  182. }
  183.  
  184. b, strong {
  185. color:#6d7494;
  186. letter-spacing:2px;
  187. }
  188.  
  189. h1 {
  190. border-bottom:1px solid #6d7494;
  191. font-size:8px;
  192. background-color:#6d7494;
  193. padding:5px;
  194. height:16px;
  195. color:#fff;
  196. text-transform:uppercase;
  197. font-family:arial;
  198. letter-spacing:4px;
  199. font-weight:bold;
  200. text-align:center;
  201. }
  202.  
  203. i, em {
  204. color:{color:italic};
  205. }
  206.  
  207. p {
  208. margin-top:6px;
  209. margin-bottom:6px
  210. }
  211.  
  212. blockquote {
  213. padding:0px;
  214. padding-left:10px;
  215. margin:8px;
  216. border-left:1px solid #ccc;
  217. }
  218.  
  219. img a {
  220. border:none;
  221. width:100%;
  222. }
  223.  
  224. /*SIDEBAR*/
  225.  
  226. .popup_block{
  227. display:none;
  228. background:#222222;
  229. padding:20px;
  230. float:left;
  231. position:fixed;
  232. top:50%;left:50%;
  233. z-index: 999999999999;
  234. color:#9e9e9e;
  235. font-size:10px;
  236. text-align:center;
  237. text-transform:lowercase;
  238. }
  239.  
  240. *html #fade {position: absolute;}
  241. *html .popup_block {position: absolute;}
  242. #fade {
  243. display:none;
  244. position:fixed;
  245. left:0px;
  246. top:0px;
  247. width:100%;
  248. height:100%;
  249. z-index:99999999;
  250. background:#151515; /* change to #fff for solid white */
  251. opacity:1; /* change to opacity:1; */
  252. }
  253.  
  254. /*THINGS I'VE ADDED*/
  255.  
  256. #kookiepic {
  257. position:fixed;
  258. margin-left:423px;
  259. margin-top:73px;
  260. z-index:99999;
  261. }
  262.  
  263. #kookieborder {
  264. width:223px;
  265. height:351px;
  266. margin-top:156px;
  267. margin-left:426px;
  268. background-color:#222222;
  269. position:fixed;
  270. z-index:9999px;
  271. }
  272.  
  273. #permred {
  274. position:fixed;
  275. margin-left:95px;
  276. margin-top:105px;
  277. z-index:999999px;
  278. }
  279.  
  280. @-webkit-keyframes swing
  281. {
  282. 15%
  283. {
  284. -webkit-transform: translateX(5px);
  285. transform: translateX(5px);
  286. }
  287. 30%
  288. {
  289. -webkit-transform: translateX(-5px);
  290. transform: translateX(-5px);
  291. }
  292. 50%
  293. {
  294. -webkit-transform: translateX(3px);
  295. transform: translateX(3px);
  296. }
  297. 65%
  298. {
  299. -webkit-transform: translateX(-3px);
  300. transform: translateX(-3px);
  301. }
  302. 80%
  303. {
  304. -webkit-transform: translateX(2px);
  305. transform: translateX(2px);
  306. }
  307. 100%
  308. {
  309. -webkit-transform: translateX(0);
  310. transform: translateX(0);
  311. }
  312. }
  313. @keyframes swing
  314. {
  315. 15%
  316. {
  317. -webkit-transform: translateX(5px);
  318. transform: translateX(5px);
  319. }
  320. 30%
  321. {
  322. -webkit-transform: translateX(-5px);
  323. transform: translateX(-5px);
  324. }
  325. 50%
  326. {
  327. -webkit-transform: translateX(3px);
  328. transform: translateX(3px);
  329. }
  330. 65%
  331. {
  332. -webkit-transform: translateX(-3px);
  333. transform: translateX(-3px);
  334. }
  335. 80%
  336. {
  337. -webkit-transform: translateX(2px);
  338. transform: translateX(2px);
  339. }
  340. 100%
  341. {
  342. -webkit-transform: translateX(0);
  343. transform: translateX(0);
  344. }
  345. }
  346.  
  347. #permred:hover {
  348. -webkit-animation: swing 1s ease;
  349. animation: swing 1s ease;
  350. -webkit-animation-iteration-count: 1;
  351. animation-iteration-count: 1;
  352. }
  353.  
  354. #marquee1 {
  355. position:fixed;
  356. width:248px;
  357. height:12px;
  358. padding:3px;
  359. margin-top:156px;
  360. margin-left:170px;
  361. background-color:#222222;
  362. text-transform:uppercase;
  363. font-size:8px;
  364. text-shadow:1px 1px #202020;
  365. color:#9e9e9e;
  366. }
  367.  
  368. #description1 {
  369. position:fixed;
  370. width:150px;
  371. padding:5px;
  372. height:60px;
  373. border-bottom: 10px solid #6d7494;
  374. margin-top:176px;
  375. margin-left:237px;
  376. background-color:#222222;
  377. text-transform:uppercase;
  378. font-size:7px;
  379. text-align:center;
  380. text-shadow:1px 1px 1px #202020;;
  381. color:#9e9e9e;
  382. }
  383.  
  384. #filler{
  385. position:fixed;
  386. margin-top:176px;
  387. margin-left:399px;
  388. width:20px;
  389. height:80px;
  390. background-color:#222222;
  391. border-left:5px solid #6d7494;
  392. }
  393.  
  394. #kookiepic2{
  395. position:fixed;
  396. margin-left:172px;
  397. margin-top:260px;
  398. z-index:1;
  399. }
  400.  
  401. #kookieborder2{
  402. position:fixed;
  403. width:272px;
  404. padding:2px;
  405. line-height:3px;
  406. height:70px;
  407. background-color:#222222;
  408. margin-top:258px;
  409. margin-left:146px;
  410. border-left:2px solid #6d7494;
  411. }
  412.  
  413. b, strong {
  414. color:#6d7494;
  415. letter-spacing:1px;
  416. }
  417.  
  418. i, em {
  419. color:#999999;
  420. }
  421.  
  422. #friendies{
  423. position:fixed;
  424. width:97px;
  425. height:65px;
  426. padding:3px;
  427. background-color:#222222;
  428. margin-top:176px;
  429. margin-left:132px;
  430. border-bottom: 9px solid #6d7494;
  431. }
  432.  
  433. #friendies img{
  434. -webkit-filter:grayscale(100%);
  435. -webkit-transition: all 0.6s ease-in-out;
  436. }
  437.  
  438. #friendies img:hover{
  439. border-radius:104px;
  440. transform: rotate(30deg);
  441. -ms-transform: rotate(30deg);
  442. -webkit-transform: rotate(30deg);
  443. -o-transform: rotate(30deg);
  444. -moz-transform: rotate(30deg);
  445. }
  446.  
  447. #filler2{
  448. position:fixed;
  449. width:12px;
  450. height:74px;
  451. background-color:#222222;
  452. margin-top:258px;
  453. margin-left:132px;
  454. }
  455.  
  456. #established{
  457. position:fixed;
  458. margin-left:264px;
  459. margin-top:334px;
  460. background-color:#222222;
  461. height:15px;
  462. padding:4px;
  463. width:127px;
  464. text-align:center;
  465. text-transform:uppercase;
  466. font-size:7px;
  467. line-height:8px;
  468. color:#9e9e9e;
  469. }
  470.  
  471. #location{
  472. position:fixed;
  473. }
  474.  
  475. #bangtan{
  476. position:fixed;
  477. width:292px;
  478. height:49px;
  479. background-color:#222222;
  480. margin-left:132px;
  481. margin-top:359px;
  482. }
  483.  
  484. #bangtanimg{
  485. position:fixed;
  486. margin-top:362px;
  487. margin-left:135px;
  488. }
  489.  
  490. #inu{
  491. position:fixed;
  492. margin-left:480px;
  493. margin-top:80px;
  494. z-index:1;
  495. }
  496.  
  497. #hovers{
  498. margin-top:410px;
  499. margin-left:264px;
  500. padding:10px;
  501. position:fixed;
  502. background-color:#222222;
  503. width:40px;
  504. height:71px;
  505. line-height:5px;
  506. border-bottom:5px solid #6d7494;
  507. }
  508.  
  509. #hover1{
  510. background-color:#333333;
  511. width:40px;
  512. height:10px;
  513. }
  514.  
  515. #description2 {
  516. position:fixed;
  517. width:118px;
  518. padding:6px;
  519. height:84px;
  520. margin-top:410px;
  521. margin-left:132px;
  522. background-color:#222222;
  523. }
  524.  
  525. #description2text{
  526. text-transform:uppercase;
  527. font-size:7px;
  528. text-align:center;
  529. text-shadow:1px 1px 1px #202020;;
  530. color:#9e9e9e;
  531. margin-top:1px;
  532. }
  533.  
  534. #description3 {
  535. position:fixed;
  536. width:88px;
  537. padding:5px;
  538. height:87px;
  539. margin-top:410px;
  540. margin-left:326px;
  541. background-color:#222222;
  542. text-transform:uppercase;
  543. font-size:7px;
  544. text-align:left;
  545. text-shadow:1px 1px 1px #202020;;
  546. color:#9e9e9e;
  547. }
  548.  
  549. #bigthingy{
  550. width:700px;
  551. height:1700px;
  552. background-color:#171717;
  553. position:fixed;
  554. margin-top:-300px;
  555. margin-left:-400px;
  556. z-index:-9999999;
  557. transform: rotate(30deg);
  558. -ms-transform: rotate(30deg);
  559. -webkit-transform: rotate(30deg);
  560. -o-transform: rotate(30deg);
  561. -moz-transform: rotate(30deg);
  562. }
  563.  
  564. #popupinside img{
  565. width:300px;
  566. height:167px;
  567. }
  568.  
  569. /*LINKS*/
  570.  
  571. #link1{
  572. position:fixed;
  573. margin-left:132px;
  574. margin-top:334px;
  575. width:13px;
  576. height:12px;
  577. text-align:center;
  578. padding:4px;
  579. background-color:#6d7494;
  580. color:#9e9e9e;
  581. text-transform:uppercase;
  582. font-size:10px;
  583. font-family:calibri;
  584. border-bottom:3px solid #444444;
  585. transition: all 0.5s ease-out;
  586. -o-transition-transition: all 0.5s ease-out;
  587. -webkit-transition: all 0.5s ease-out;
  588. -moz-transition: all 0.5s ease-out;
  589. }
  590.  
  591. #link1:hover{
  592. background-color:#6d7499;
  593. border-bottom:3px solid #222222;
  594. transition: all 0.5s ease-out;
  595. -o-transition-transition: all 0.5s ease-out;
  596. -webkit-transition: all 0.5s ease-out;
  597. -moz-transition: all 0.5s ease-out;
  598. }
  599.  
  600. #link2{
  601. position:fixed;
  602. margin-left:153px;
  603. margin-top:334px;
  604. width:13px;
  605. height:12px;
  606. text-align:center;
  607. padding:4px;
  608. background-color:#6d7494;
  609. color:#9e9e9e;
  610. text-transform:uppercase;
  611. font-size:10px;
  612. font-family:calibri;
  613. border-bottom:3px solid #444444;
  614. transition: all 0.5s ease-out;
  615. -o-transition-transition: all 0.5s ease-out;
  616. -webkit-transition: all 0.5s ease-out;
  617. -moz-transition: all 0.5s ease-out;
  618. }
  619.  
  620. #link2:hover{
  621. background-color:#6d7499;
  622. border-bottom:3px solid #222222;
  623. transition: all 0.5s ease-out;
  624. -o-transition-transition: all 0.5s ease-out;
  625. -webkit-transition: all 0.5s ease-out;
  626. -moz-transition: all 0.5s ease-out;
  627. }
  628.  
  629. #link3{
  630. position:fixed;
  631. margin-left:174px;
  632. margin-top:334px;
  633. width:14px;
  634. height:12px;
  635. text-align:center;
  636. padding:4px;
  637. background-color:#6d7494;
  638. color:#9e9e9e;
  639. text-transform:uppercase;
  640. font-size:10px;
  641. font-family:calibri;
  642. border-bottom:3px solid #444444;
  643. transition: all 0.5s ease-out;
  644. -o-transition-transition: all 0.5s ease-out;
  645. -webkit-transition: all 0.5s ease-out;
  646. -moz-transition: all 0.5s ease-out;
  647. }
  648.  
  649. #link3:hover{
  650. background-color:#6d7499;
  651. border-bottom:3px solid #222222;
  652. transition: all 0.5s ease-out;
  653. -o-transition-transition: all 0.5s ease-out;
  654. -webkit-transition: all 0.5s ease-out;
  655. -moz-transition: all 0.5s ease-out;
  656. }
  657.  
  658. #link4{
  659. position:fixed;
  660. margin-left:196px;
  661. margin-top:334px;
  662. width:14px;
  663. height:12px;
  664. text-align:center;
  665. padding:4px;
  666. background-color:#6d7494;
  667. color:#9e9e9e;
  668. text-transform:uppercase;
  669. font-size:10px;
  670. font-family:calibri;
  671. border-bottom:3px solid #444444;
  672. transition: all 0.5s ease-out;
  673. -o-transition-transition: all 0.5s ease-out;
  674. -webkit-transition: all 0.5s ease-out;
  675. -moz-transition: all 0.5s ease-out;
  676. }
  677.  
  678. #link4:hover{
  679. background-color:#6d7499;
  680. border-bottom:3px solid #222222;
  681. transition: all 0.5s ease-out;
  682. -o-transition-transition: all 0.5s ease-out;
  683. -webkit-transition: all 0.5s ease-out;
  684. -moz-transition: all 0.5s ease-out;
  685. }
  686.  
  687. #link5{
  688. position:fixed;
  689. margin-left:218px;
  690. margin-top:334px;
  691. width:14px;
  692. height:12px;
  693. text-align:center;
  694. padding:4px;
  695. background-color:#6d7494;
  696. color:#9e9e9e;
  697. text-transform:uppercase;
  698. font-size:10px;
  699. font-family:calibri;
  700. border-bottom:3px solid #444444;
  701. transition: all 0.5s ease-out;
  702. -o-transition-transition: all 0.5s ease-out;
  703. -webkit-transition: all 0.5s ease-out;
  704. -moz-transition: all 0.5s ease-out;
  705. }
  706.  
  707. #link5:hover{
  708. background-color:#6d7499;
  709. border-bottom:3px solid #222222;
  710. transition: all 0.5s ease-out;
  711. -o-transition-transition: all 0.5s ease-out;
  712. -webkit-transition: all 0.5s ease-out;
  713. -moz-transition: all 0.5s ease-out;
  714. }
  715.  
  716. #link6{
  717. position:fixed;
  718. margin-left:240px;
  719. margin-top:334px;
  720. width:14px;
  721. height:12px;
  722. text-align:center;
  723. padding:4px;
  724. background-color:#6d7494;
  725. color:#9e9e9e;
  726. text-transform:uppercase;
  727. font-size:10px;
  728. font-family:calibri;
  729. border-bottom:3px solid #444444;
  730. transition: all 0.5s ease-out;
  731. -o-transition-transition: all 0.5s ease-out;
  732. -webkit-transition: all 0.5s ease-out;
  733. -moz-transition: all 0.5s ease-out;
  734. }
  735.  
  736. #link6:hover{
  737. background-color:#6d7499;
  738. border-bottom:3px solid #222222;
  739. transition: all 0.5s ease-out;
  740. -o-transition-transition: all 0.5s ease-out;
  741. -webkit-transition: all 0.5s ease-out;
  742. -moz-transition: all 0.5s ease-out;
  743. }
  744.  
  745. /*MUSIC PLAYER*/
  746.  
  747. #box{
  748. overflow:hidden;
  749. position:fixed;
  750. width:23px;
  751. height:23px;
  752. top:342px; /* You can change the number or change it to bottom*/
  753. left:408px; /* You can change the number or change it to right*/
  754. background:#222222; /* This is the background color */
  755. z-index:999999;
  756. }
  757.  
  758. #icon{
  759. /* This is for the positioning of the music gif: */
  760. margin-top:6px;
  761. margin-left:5px;
  762. -webkit-transition: all 0.5s linear;
  763. -moz-transition: all 0.5s linear;
  764. transition: all 0.5s linear;
  765. z-index:1;
  766. }
  767.  
  768. #box:hover #icon{
  769. margin-top:-20px;
  770. -webkit-transition: all 0.5s linear;
  771. -moz-transition: all 0.5s linear;
  772. transition: all 0.5s linear;
  773. }
  774.  
  775. #musicbox{
  776. width:8px;
  777. height:8px;
  778. overflow:hidden;
  779. /* This is for the positioning of the music player: */
  780. margin-top:14px;
  781. margin-left:5px;
  782. z-index:999999;
  783. }
  784.  
  785. #music{
  786. margin-top:-6px;
  787. margin-left:-35px;
  788. z-index:99999999;
  789. }
  790.  
  791.  
  792. /* -------- POSTS ---------- */
  793.  
  794. #entries {
  795. position:absolute;
  796. margin-top:100px;
  797. margin-left:750px;
  798. text-align: justify;
  799. }
  800.  
  801. #entries a{
  802. font-size:7px;
  803. text-transform:uppercase;
  804. font-family:arial;
  805. letter-spacing:2px;
  806. font-weight:bold;
  807. }
  808.  
  809.  
  810. #posts {
  811. width: 300px;
  812. text-align: justify;
  813. padding: 10px;
  814. background-color:#222222;
  815. margin-top:5px;
  816. margin-bottom:25px;
  817. }
  818.  
  819. #posts a{
  820. {color:link};
  821. }
  822.  
  823.  
  824. #posts img {
  825. max-width:100%;
  826. {block:IfGrayscale}
  827. -webkit-filter:grayscale(100%);
  828. {/block:IfGrayscale}
  829. }
  830.  
  831. .photoset {
  832. {block:IfGrayscale}
  833. -webkit-filter:grayscale(100%);
  834. {/block:IfGrayscale}
  835. }
  836.  
  837. #info {
  838. margin-top:15px;
  839. color:#ccc;
  840. display:block;
  841. width:auto;
  842. padding:5px;
  843. font-size:7px;
  844. letter-spacing:3px;
  845. font-weight:bold;
  846. font-family:arial;
  847. text-transform:uppercase;
  848. border-top:1px solid #9e9e9e;
  849. text-align:left;
  850. }
  851.  
  852. #info i {
  853. color:{color:text};
  854. font-size:10px;
  855. }
  856.  
  857. #tags {
  858. margin-top:-5px;
  859. padding:2px;
  860. text-transform:lowercase;
  861. letter-spacing:2px;
  862. }
  863. #tags a {
  864. font-family:arial;
  865. font-size:7px;
  866. padding:0px;
  867. text-transform: uppercase;
  868. letter-spacing:2px;
  869. color:#9e9e9e;
  870. }
  871. #tags i {
  872. color:#ddd;
  873. font-size:12px;
  874. }
  875.  
  876.  
  877.  
  878. /* asks */
  879.  
  880.  
  881. #question {
  882. width:290px;
  883. height:15px;
  884. background-color:{color:accent};
  885. color:white;
  886. padding:5px;
  887. margin-bottom:0px;
  888. text-align:right;
  889. border-bottom:1px solid {color:borders};
  890. }
  891.  
  892. #question b {
  893. color:white;
  894. font-size:7px;
  895. text-transform:uppercase;
  896. font-family:arial;
  897. letter-spacing:4px;
  898. font-weight:100;
  899. }
  900.  
  901. #question a {
  902. color:white;
  903. font-size:7px;
  904. text-transform:uppercase;
  905. font-family:arial;
  906. letter-spacing:4px;
  907. font-weight:100;
  908. }
  909. #question i {
  910. color:white;
  911. font-size:12px;
  912. letter-spacing:8px;
  913. }
  914.  
  915. #answer {
  916. width:240px;
  917. background-color:{color:background};
  918. padding:10px 30px;
  919. margin-bottom:20px;
  920. text-align:justify;
  921. border-bottom:1px solid {color:borders};
  922. }
  923.  
  924.  
  925.  
  926. /* audio */
  927.  
  928.  
  929. .playwrapper { height:60px; padding-bottom:10px; overflow:hidden; position:relative; }
  930.  
  931. .coverart { width:70px; height:70px; position:relative; display:inline-block; background-size:cover;
  932. {block:IfGrayscale}
  933. -webkit-filter:grayscale(100%);
  934. {/block:IfGrayscale} }
  935.  
  936. .audio { position:absolute; display:inline-block; top:0px; bottom:0px; left:0px; right:0px; text-align:left; }
  937.  
  938. .player { width:60px; height:60px; margin-top:0px; margin-bottom:0px; padding:5px; position:absolute; overflow:hidden; background-color:#fff; opacity:0;
  939. -o-transition:opacity .25s ease-out;
  940. -moz-transition:opacity .25s ease-out;
  941. -webkit-transition:opacity .25s ease-out;
  942. transition:opacity .25s ease-out;
  943. }
  944.  
  945. .player:hover { opacity:.8; }
  946.  
  947. .player .audio_player { width:20px; height:20px; margin-top:20px; margin-left:15px; overflow:hidden; }
  948.  
  949. .songinfo { position:absolute; overflow:hidden; margin-left:50%; margin-top:25px; text-align:left; font-family:arial; font-size:7px;letter-spacing:2px; text-transform:uppercase; }
  950. .songinfo b{ font-size:12px; text-align:center;}
  951.  
  952. #quote {
  953. font-size:9px;
  954. font-weight:400;
  955. text-align:left;
  956. letter-spacing:.5px;
  957. display:block;
  958. background-color:{color:background};
  959. text-shadow: 0 0 0.1em {color:text};
  960. padding:10px 10px 10px 15px;}
  961.  
  962. #source {
  963. text-transform:normal;
  964. display:block;
  965. margin-top:-4px;
  966. padding:5px 10px 5px 10px;}
  967.  
  968. /* chats */
  969.  
  970. /* IMESSAGE CHAT POST */
  971. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  972. .asked p {
  973. text-align: left;
  974. margin: 0 0px 10px 0px;
  975. padding: 0;
  976. color: #666666;
  977. font-family: 'Inconsolata', Inconsolata;
  978. font-size: 12px;
  979. line-height: 0px;
  980. }
  981. .footerright .viasrc {
  982. float: left;
  983. }
  984. .asked a {
  985. margin:0;padding:0;
  986. }
  987. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  988. .convo {
  989. overflow: hidden;
  990. list-style-type: none;
  991. padding: 0;
  992. margin: 0;
  993. }
  994.  
  995. .notes img{width:10px; position:relative; top:1px}
  996. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  997.  
  998. /* -------- CREDIT DO NOT REMOVE, EDIT, ETC ---------- */
  999.  
  1000. #credit { position:fixed; bottom:10px; left:10px; font-size:7px; font-family:arial; color:{color:text}; font-weight:bold; text-transform:uppercase; letter-spacing: 0px; font-style:normal; background:{color:background}; padding:3px;}
  1001. #credit a { color:{color:text}; font-weight:bold;letter-spacing:1px; }
  1002. #credit i { color:{color:text}; font-size:10px; }
  1003.  
  1004. </style>
  1005.  
  1006.  
  1007.  
  1008. <body>
  1009.  
  1010. <div id="kookieborder"></div>
  1011.  
  1012. <div id="kookiepic"><img src="http://static.tumblr.com/o6oemnb/Flaok4bib/ireneedie.png" draggable="false"></div>
  1013.  
  1014. <div id="permred"><a href="/"><img src="http://static.tumblr.com/o6oemnb/Yhnok4csd/bunny.png" draggable="false"></a></div>
  1015.  
  1016. <div id="marquee1"><marquee scrollamount="4">RED VELVET COMEBACK RUMORED TO BE SOON. STAY ON YOUR TOES.</marquee></marquee></div>
  1017.  
  1018. <div id="description1"><big></big>( <big><b>&</b></big> Oh you still say, <br><b>love</b> is game
  1019. You tell me but your voice is <br><i><u>shaking</i></u></big></div>
  1020.  
  1021. <div id="filler"></div>
  1022.  
  1023. <div id="kookiepic2"><img src="http://static.tumblr.com/o6oemnb/sncok4bol/ireneedie1.png" draggable="false"></div>
  1024.  
  1025. <div id="kookieborder2"><br><br><br><br><br><br><br><br><br><br>&nbsp;<a href="" title="location: seoul, sk."><i class="fa fa-map-o" aria-hidden="true"></a></i></div>
  1026.  
  1027. <div id="friendies"><a href="" title="kang seulgi"><img src="http://static.tumblr.com/o6oemnb/igsok4dp7/seulgi1.png" draggable="false"></a>&nbsp;<a href="" title="yuuri"><img src="http://static.tumblr.com/o6oemnb/FySok4e2h/yuuri.png" draggable="false"></a>&nbsp;<a href="" title="pinky"><img src="http://static.tumblr.com/o6oemnb/HlIok4ea6/pinky.png" draggable="false"></a><a href="" title="noelle"><img src="http://static.tumblr.com/o6oemnb/zdOok4eew/noelle.png" draggable="false"></a>&nbsp;<a href="" title="kiko"><img src="http://static.tumblr.com/o6oemnb/fRHok4eo2/kiko.png" draggable="false"></a>&nbsp;<a href="" title="phoebe"><img src="http://static.tumblr.com/o6oemnb/rMeok4ewl/phoebe.png" draggable="false"></a></div>
  1028.  
  1029. <div id="filler2"></div>
  1030.  
  1031. <div id="link1"><a href="/" title="home"><i class="fa fa-home" aria-hidden="true"></i></a></div>
  1032. <div id="link2"><a href="/ask" title="ask"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></div>
  1033. <div id="link3"><a href="/submit" title="gift"><i class="fa fa-picture-o" aria-hidden="true"></i></a></div>
  1034. <div id="link4"><a href="/tagged/(; memes" title="memes"><i class="fa fa-info-circle" aria-hidden="true"></i>
  1035. </a></div>
  1036. <div id="link5"><a href="/tagged/(; rep" title="replies"><i class="fa fa-archive" aria-hidden="true"></i></a></div>
  1037. <div id="link6"><a href="#?w=300" rel="box2" class="poplight" title="live your dreams."><i class="fa fa-heartbeat" aria-hidden="true"></i>
  1038. </i></a></div>
  1039.  
  1040. <div id="established"><b>established</b>:<i> january 2017</i><br><b>aim</b>: <i>@fug.co</i> say hi if you want</i></div>
  1041.  
  1042. <div id="box"><div id="icon">
  1043. <img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  1044. </div>
  1045. <div id="musicbox"><div id="music">
  1046.  
  1047. <!-- MUSIC PLAYER CODES -->
  1048.  
  1049. </div></div></div>
  1050.  
  1051. <div id="bangtan"></div>
  1052. <div id="bangtanimg"><a href="#?w=300" rel="box1" class="poplight" title="the flames in my heart."><img src="http://static.tumblr.com/o6oemnb/XsDok4bu3/ireneedie2.png"></a></div>
  1053.  
  1054. <div id="hovers">
  1055. <a href="" title="idolverse, gen. i am in no way affiliated with red velvet nor am i affiliated with sm entertainment."><div id="hover1"></div></a><br>
  1056. <a href="" title="mostly sfw, but everything will be tagged accordingly. if you have any questions, feel free to ask."><div id="hover1"></div></a><br>
  1057. <a href="" title="mirrored literacy, novella, para, illit. icons/gifs are welcomed, but not required."><div id="hover1"></div><br></a>
  1058. <a href="" title="tracking current url."><div id="hover1"></div><br>
  1059. <a href="" title="pansexual & single, though any rs that does bubble up with remain undisclosed to any muse unless outright told."><div id="hover1"></div></a>
  1060.  
  1061. </div>
  1062.  
  1063. <div id="description2">
  1064.  
  1065. <div id="description2text">
  1066. introducing joohyun (better known by irene), in everything she is:
  1067. sweet, cuddly, clingy, dancer, mother, leader, and all smiles.
  1068. </div>
  1069. </div>
  1070.  
  1071. <div id="description3">
  1072. <div id="description2text"><b>hap·pi·ness</b> (<i>hapēnəs</i>) — the state of being happy. <b><big>see also:</big></b> <a href="/tagged/.(; red velvet" title="drops of sunshine.">red velvet</a>
  1073. </div></div>
  1074. </div>
  1075.  
  1076. <div id="bigthingy"></div>
  1077. <div id="border"></div>
  1078.  
  1079. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK &nbsp;</a> -{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">NEXT</a><br />{/block:NextPage}{/block:Pagination}</div>
  1080.  
  1081.  
  1082. </div>
  1083.  
  1084. <!-- holder -->
  1085.  
  1086. <!-- do not remove-->
  1087. <div id="credit"><a href="http://6rpt.tumblr.com/" title="theme credit"><b><i class="fa fa-code" aria-hidden="true"></i></b> codes by six</a></div>
  1088.  
  1089. <div id="container">
  1090.  
  1091. <div id="entries">
  1092. {block:posts}
  1093.  
  1094. <div id="posts">
  1095. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1096.  
  1097. {block:Quote}<div id="quote">{Quote}</div>
  1098. {block:Source}<div id="source">{Source}</div>
  1099. {/block:Source}{/block:Quote}
  1100.  
  1101. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1102. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1103.  
  1104. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  1105. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1106.  
  1107. {block:Photoset}<center>{Photoset-500}</center>
  1108. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1109.  
  1110. {block:Chat}
  1111. {block:Title}
  1112. <h1>{Title}</h1>{/block:Title}<br>
  1113. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1114. {Line}</li>{/block:Lines}</ul>
  1115. {/block:Chat}
  1116.  
  1117. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1118.  
  1119. {block:Answer}<div id="question"><i class="fa fa-user" aria-hidden="true"> </i><b>{Asker} inquired, </b><br></div><div id="answer"> {Question}<br></div>{Answer}{/block:Answer}
  1120.  
  1121.  
  1122. {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}
  1123.  
  1124. <div id="info">{block:Date}<a href="{Permalink}"> <a href="{Permalink}" target="_blank" class="details"> reblog</i></a> • <a href="{ReblogParentURL}"> {TimeAgo}</a>{/block:Date}{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1125. {/block:NoRebloggedFrom}</div>
  1126.  
  1127. {block:HasTags}
  1128. <div id="tags"><i class="fa fa-hashtag" aria-hidden="true"></i>
  1129. {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}
  1130. </div>{/block:HasTags}
  1131.  
  1132.  
  1133.  
  1134. </div> <!---posts div--->
  1135.  
  1136. {/block:Posts}
  1137. {block:ContentSource}{SourceURL}
  1138. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1139. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  1140. {/block:ContentSource}
  1141. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  1142.  
  1143. </div> <!---entries div--->
  1144.  
  1145.  
  1146. </div>
  1147. </div>
  1148.  
  1149.  
  1150. </div> <!---container div--->
  1151.  
  1152.  
  1153. </body>
  1154. <div id="box1" class="popup_block">
  1155. <img src="http://static.tumblr.com/o6oemnb/4pLok4f7s/red_velvet1.png">
  1156. <center><div><title="! * i love you, seulgi.">[<B>*</B>KS<b><i>!</i></b>]</a> <title="! * i love you, wendy.">[<B>*</B>SS<b><i>!</i></b>]</a> <a href="http://sooyoug.tumblr.com/" title="! * i love you, joy.">[<B>*</B>PS<b><i>!</i></b>]</a> <title="! * yeri, where'd you go?">[<B>*</B>KY<b><i>!</i></b>]</a></div></center>
  1157. always with red velvet.
  1158. </div>
  1159.  
  1160. </div></div></div></div></div></div></div></div></div></div>
  1161. <div id="box2" class="popup_block">
  1162. <div id="popupinside">
  1163. <img src="http://static.tumblr.com/o6oemnb/Qkbok4fi8/hearts.png">
  1164. <br>* ! everything sets itself in place; it takes patience, time and hope. </a></i>
  1165. </div>
  1166.  
  1167. </div></div></div></div></div></div></div></div></div></div>
  1168. </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!