API tools faq
paste
Advertisement
aellionios

seulgi remake; ladmilk - gifted

aellionios
Apr 5th, 2016
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--- Theme #50 by Heidi @ladmilk - Inspired by Selkas ---->
  5.  
  6. <head>
  7.  
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10. <script>
  11. $(document).ready(function() {
  12. //
  13. $('a.poplight[href^=#]').click(function() {
  14. var popID = $(this).attr('rel'); //Get Popup Name
  15. var popURL = $(this).attr('href'); //Get Popup href to define size
  16. var query= popURL.split('?');
  17. var dim= query[1].split('&');
  18. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  19. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  20. var popMargTop = ($('#' + popID).height() + 80) / 2;
  21. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  22. //Apply Margin to Popup
  23. $('#' + popID).css({
  24. 'margin-top' : -popMargTop,
  25. 'margin-left' : -popMargLeft
  26. });
  27. $('body').append('<div id="fade"></div>');
  28. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  29. return false;
  30. });
  31. $('a.close, #fade').live('click', function() {
  32. $('#fade , .popup_block').fadeOut(function() {
  33. $('#fade, a.close').remove(); //fade them both out
  34. });
  35. return false;
  36. });
  37. });
  38. </script>
  39.  
  40. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  41. <script type="text/javascript">
  42. $(document).ready(function(){
  43. $(".links_body").hide();
  44. $(".links_head").click(function(){
  45. $(this).next(".links_body").slideToggle('slow');
  46. }); }); </script>
  47.  
  48.  
  49. <title>{Title}</title>
  50. {block:Description}
  51. <meta name="description" content="{MetaDescription}" />
  52. {/block:Description}
  53. <link rel="shortcut icon" href="http://xlittle-piece-of-my-lifex.blogspot.com/favicon.ico" />
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  55.  
  56. <meta name="image:Background" content="" />
  57.  
  58. <meta name="color:Background" content="#e5e5e5" />
  59. <meta name="color:Posts" content="#ffffff" />
  60. <meta name="color:Text" content="#474747" />
  61. <meta name="color:Links" content="#5db7e3" />
  62. <meta name="color:Blockquote" content="#191919" />
  63. <meta name="color:Posttitle" content="#5db7e3" />
  64. <meta name="color:Bold" content="#5db7e3" />
  65. <meta name="color:Italic" content="#5db7e3"/>
  66. <meta name="color:hover" content="#5db7e3" />
  67. <meta name="color:Border" content="#f6f6f6" />
  68. <meta name="color:Permalink" content="#ffffff" />
  69. <meta name="color:PermaText" content="#474747" />
  70. <meta name="color:NoteText" content="#474747" />
  71. <meta name="color:NoteBackground" content="#f6f6f6" />
  72. <meta name="color:Scroll" content="#e5e5e5" />
  73. <meta name="color:Scrollbar" content="#5db7e3" />
  74. <meta name="color:Scrollbarborder" content="#5db7e3" />
  75.  
  76. <meta name="if:250px" content="1" />
  77. <meta name="if:ShowCaptions" content="0" />
  78. <meta name="if:ShowDescription" content="1" />
  79. <meta name="if:WhiteTumblrControls" content="1" />
  80. <meta name="if:Infinitescroll" content="1" />
  81.  
  82. <meta name="text:PostPadding" content="0px" />
  83. <meta name="text:description" content="0px" />
  84.  
  85. <meta name="text:MP3 Link" content=""/>
  86.  
  87. <style type="text/css">
  88.  
  89. @font-face
  90. { font-family:"lovenote"; src: url('https://dl.dropbox.com/s/lg0biqm7jqlyfaq/ck-love-note.ttf?dl=1'); format(“truetype”);}
  91. @font-face
  92. { font-family:"dolcevita"; src: url('https://dl.dropbox.com/s/ulyc96lx0yfiryl/Dolce%20Vita%20Heavy%20Bold.ttf?dl=1'); format(“truetype”);}
  93. @font-face
  94. { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  95.  
  96.  
  97. /* Tumblr Controls */
  98.  
  99. iframe#tumblr_controls {
  100. top:0%!important;
  101. right:0%!important;
  102. position:fixed!important;
  103. z-index:999999999!important;
  104. {block:ifWhiteTumblrControls}
  105. opacity:0.3;
  106. -webkit-filter:invert(100%);
  107. -moz-filter:invert(100%);
  108. -o-filter:invert(100%);
  109. -ms-filter:invert(100%);
  110. filter:invert(100%);
  111. {/block:ifWhiteTumblrControls}
  112. }
  113.  
  114.  
  115. /* Scroll */
  116.  
  117. ::-webkit-scrollbar { width:5px; height:5px;}
  118. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  119. ::-webkit-scrollbar-thumb {
  120. background-color:{color:Scrollbar};
  121. border:1px solid {color:Scrollbarborder};
  122. -webkit-border-radius: 10%;
  123. -moz-border-radius: 10%;
  124. border-radius: 10%;}
  125.  
  126.  
  127. /* Tooltips */
  128.  
  129. #s-m-t-tooltip{
  130. max-width:210px;
  131. margin-top:25px;
  132. margin-left:15px;
  133. padding:2px 5px;
  134. z-index:999999;
  135. background:{color:posts};
  136. border:1px solid {color:Border};
  137. -webkit-border-radius: 10%;
  138. -moz-border-radius: 10%;
  139. border-radius: 10%;
  140. color:{color:text};
  141. font-family:calibri, arial, sans-serif;
  142. font-size:9px;
  143. line-height:9px;
  144. letter-spacing:1px;
  145. text-transform:uppercase;
  146. }
  147.  
  148.  
  149. /*Body*/
  150.  
  151. body {
  152. margin:0;
  153. padding:0;
  154. border:0;
  155. background:url('{image:Background}');
  156. background-attachment:fixed;
  157. background-size:contain;
  158. background-position:bottom left;
  159. background-repeat:no-repeat;
  160. background-color:{color:Background};
  161. color:{color:Text};
  162. font-family:arial, sans-serif;
  163. font-size:9px;
  164. line-height:12px;
  165. word-wrap:break-word;
  166. }
  167.  
  168. pre {
  169. width:95%;
  170. margin-left:auto;
  171. margin-right:auto;
  172. padding:4px;
  173. background:#f4f4f4;
  174. white-space:pre-wrap;
  175. word-wrap:break-word;
  176. }
  177.  
  178. blockquote {
  179. width:88%;
  180. margin-left:auto;
  181. margin-right:auto;
  182. padding-left:10px;
  183. padding-right:10px;
  184. padding-top:1px;
  185. padding-bottom:1px;
  186. border-left:1px solid {color:Blockquote};
  187. }
  188.  
  189. ul, ol {
  190. margin-left:-15px;
  191. }
  192.  
  193.  
  194. /* Typo */
  195.  
  196. p { margin:3px 0px; }
  197.  
  198. a {
  199. color:{color:Links};
  200. text-decoration:none;
  201. transition-duration: 0.6s;
  202. -moz-transition-duration: 0.6s;
  203. -webkit-transition-duration: 0.6s;
  204. -o-transition-duration: 0.6s;
  205. }
  206.  
  207. a:hover{ color:transparent; }
  208.  
  209. b, strong {
  210. color:{color:Bold};
  211. font-weight:bold;
  212. }
  213.  
  214. i, em {
  215. color:{color:Italic};
  216. font-style:italic;
  217. }
  218.  
  219. h2 {
  220. font-family:helvetica;
  221. font-size:30px;
  222. letter-spacing:-2px;
  223. line-height: 18px;
  224. color:{color:PostTitle};
  225. margin:0 0 10px 0;}
  226.  
  227. small, sub, sup {
  228. font-size:10px;
  229. line-height:10px;
  230. }
  231.  
  232. /* Center Wrapper */
  233.  
  234. #wrapper {
  235. {block:if250px}
  236. width:0px;
  237. {/block:if250px}
  238. height:auto;
  239. margin-left: 955px;
  240. margin-right:auto;
  241. margin-top:20px;
  242. margin-bottom:80px;
  243. padding:0;
  244. border:0;
  245. -webkit-animation:pulse 2s;
  246. -moz-animation:pulse 2s;
  247. -o-animation:pulse 2s;
  248. }
  249.  
  250.  
  251. /* Posts */
  252.  
  253. .post_outer {
  254. {block:if250px}
  255. width:370px;
  256. {/block:if250px}
  257. margin-bottom:40px;
  258. background:transparent;
  259. border:1px solid {color:Border};
  260. position:relative;
  261. background:{color:Posts};
  262. }
  263.  
  264. .posts {
  265. {block:if250px}
  266. width:350px;
  267. {/block:if250px}
  268. height:auto;
  269. padding:10px 10px 0px ;
  270. position:relative;
  271. background:{color:Posts};
  272. color:{color:Text};
  273. font-family:arial, sans-serif;
  274. font-size:10px;
  275. line-height:12px;
  276. text-align:left;
  277. }
  278.  
  279. .post_inner { padding:{text:Postpadding}; }
  280.  
  281. .posts img { max-width:100%;-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; opacity:.5; transition-duration:0.8s; -o-transition-duration:0.8s;}
  282.  
  283. img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  284. #photo img { max-width:100%; display:block;-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  285.  
  286. img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  287.  
  288. #pset, #vid { margin-bottom:-3px;-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; opacity:.5; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  289.  
  290. #pset:hover { -webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  291.  
  292. img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  293.  
  294. #tumblr_lightbox {
  295. background-color:rgba(255,255,255,1)!important;
  296. opacity:1;
  297. }
  298. #tumblr_lightbox img { opacity:0; }
  299. #tumblr_lightbox_caption {
  300. padding-left:17px;
  301. background:none!important;
  302. color:#aaa!important;
  303. font-family:arial!important;
  304. font-size:10.5px!important;
  305. font-weight:normal!important;
  306. text-transform:normal!important;
  307. text-shadow:none!important;
  308. }
  309. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  310. padding:0px!important;
  311. opacity:1!important;
  312. -moz-box-shadow:none!important;
  313. -webkit-box-shadow:none!important;
  314. box-shadow:none!important;
  315. -moz-border-radius:0px!important;
  316. -webkit-border-radius:0px!important;
  317. border-radius:0px!important;
  318. }
  319.  
  320.  
  321. /* Perma - Indexpage */
  322.  
  323. #perma {
  324. position:relative;
  325. top:15px;
  326. text-align:right;
  327. color:{color:Border};
  328. }
  329.  
  330. #perma a {
  331. color:{color:Permalink};
  332. font-family:calibri, arial, sans-serif;
  333. font-size:8px;
  334. text-transform:uppercase;
  335. letter-spacing:1px;
  336. }
  337.  
  338. #perma a:hover {
  339. padding-right:5px;
  340. font-style:italic;
  341. }
  342.  
  343.  
  344. /* Perma - Permalinkpage */
  345.  
  346. .perma2 {
  347. color:{color:PermaText};
  348. font-family:calibri, arial, sans-serif;
  349. font-size:8px;
  350. text-transform:uppercase;
  351. line-height:14px;
  352. letter-spacing:1px;
  353. padding-bottom:15px;
  354. padding-top: 5px;
  355. padding-left: 15px;
  356. border-bottom:1px solid {color:Border};
  357. }
  358.  
  359. ol.notes {
  360. height:204px;
  361. overflow:auto;
  362. padding:0px;
  363. margin:15px 10px;
  364. list-style-type:none;
  365. text-align:left;
  366. }
  367.  
  368. li.note {
  369. {block:if250px}
  370. width:324px;
  371. {/block:if250px}
  372. padding:5px 8px;
  373. margin:0px 5px 4px 0px;
  374. background:{color:NoteBackground};
  375. color:{color:NoteText};
  376. font-family:calibri, arial, sans-serif;
  377. font-size:8px;
  378. text-transform:uppercase;
  379. line-height:10px;
  380. letter-spacing:1px;
  381. }
  382.  
  383. li.note a { color:{color:NoteText}; }
  384.  
  385. img.avatar { display:none; }
  386.  
  387.  
  388. /* Ask */
  389.  
  390. #ask {
  391. min-height: auto;
  392. width: 330px;
  393. padding: 13px;
  394. padding-bottom: 10px;
  395. margin-left: -3px;
  396. background-color: #fbfbfb;
  397. }
  398.  
  399. #asker {
  400. margin-top: 10px;
  401. margin-left: -5px;
  402. width: 340px;
  403. font-size:7px;
  404. text-transform: uppercase;
  405. line-height:13px;
  406. letter-spacing: 1px;
  407. text-align:right;
  408. color: {color:text};
  409. background-color: #fbfbfb;
  410. border-bottom: solid 1px;
  411. padding-bottom: 0px;
  412. -moz-transition:all ease-in-out 1s;
  413. -webkit-transition:all ease-in-out 1s;
  414. -o-transition:all ease-in-out 1s;
  415. transition:all ease-in-out 1s;
  416. }
  417.  
  418. #question {
  419. width: 316px;
  420. font-size: 7px;
  421. margin-top: 5px;
  422. margin-left: 10px;
  423. letter-spacing: 1px;
  424. text-transform:uppercase;
  425. color: {color:ask text};
  426. text-align: justify;
  427. }
  428.  
  429. #answer {
  430. margin: 10px;
  431. font-size: 10px;
  432. color: {color:text};
  433. }
  434.  
  435. .askicon img {
  436. margin-left: 0px;
  437. margin-top: -7px;
  438. border-radius:0px;
  439. border: 2px solid #fff;
  440. opacity:1;
  441. padding:2px;
  442. float:left;
  443. text-align:justify;
  444. -webkit-filter: grayscale(100%);
  445. -webkit-transition:all 1s ease-in-out;
  446. -moz-transition:all 1s ease-in-out;
  447. -o-transition:all 1s ease-in-out;
  448. -ms-transition:all 1s ease-in-out;
  449. transition:all 1s ease-in-out;
  450. }
  451.  
  452. .askicon img:hover {
  453. -webkit-filter: grayscale(0%);
  454. -webkit-transition:all 1s ease-in-out;
  455. -moz-transition:all 1s ease-in-out;
  456. -o-transition:all 1s ease-in-out;
  457. -ms-transition:all 1s ease-in-out;
  458. transition:all 1s ease-in-out;
  459. }
  460.  
  461. .rotate{
  462. -webkit-transition-duration: 1s;
  463. -moz-transition-duration: 1s;
  464. -o-transition-duration: 1s;
  465. transition-duration: 1s;
  466.  
  467. -webkit-transition-property: -webkit-transform;
  468. -moz-transition-property: -moz-transform;
  469. -o-transition-property: -o-transform;
  470. transition-property: transform;
  471. overflow:hidden;
  472.  
  473. }
  474.  
  475. .rotate:hover {
  476. border-radius: 100px;
  477. -webkit-transform:rotate(360deg);
  478. -moz-transform:rotate(360deg);
  479. -o-transform:#8a0000(360deg);
  480. }
  481.  
  482. /* Chat */
  483.  
  484. #chat {
  485. font-size:8px;
  486. font-family:calibri, arial, sans-serif;
  487. text-transform:uppercase;
  488. letter-spacing:1px;
  489. }
  490.  
  491. /* quote */
  492.  
  493. #quote {
  494. font-size: 25px;
  495. line-height: 20px;
  496. font-family:helvetica;
  497. text-transform:uppercase;
  498. font-weight:bold;
  499. color:{color:PostTitle};
  500. text-align: justify;
  501. }
  502.  
  503. /* Audio */
  504.  
  505. .audi {
  506. padding:15px 20px;
  507. overflow:hidden;
  508. opacity:.2;
  509. background:#000;
  510. }
  511.  
  512. .audi_info {
  513. padding-top:5px;
  514. color:{color:text};
  515. font-size:8px;
  516. font-family:calibri, arial, sans-serif;
  517. text-transform:uppercase;
  518. letter-spacing:1px;
  519. line-height:14px;
  520. }
  521.  
  522. .kasse {
  523. height:8px;
  524. width:8px;
  525. margin-top:2px;
  526. margin-bottom:2px;
  527. margin-right:5px;
  528. float:left;
  529. border:1px solid {color:Border};
  530. -webkit-border-radius: 10%;
  531. -moz-border-radius: 10%;
  532. border-radius: 10%;
  533. }
  534.  
  535.  
  536.  
  537.  
  538.  
  539. /* Sidebar */
  540.  
  541. #side{
  542. bottom: 20px;
  543. left: 470px;
  544. position:fixed;
  545. width:550px;
  546. height:200px;
  547. -webkit-animation:pulse 2s;
  548. -moz-animation:pulse 2s;
  549. -o-animation:pulse 2s;
  550. }
  551.  
  552. .titlee{
  553. margin-top: 100px;
  554. margin-left: -3px;
  555. font-family:bebas_neue;
  556. text-transform:uppercase;
  557. font-size:122px;
  558. letter-spacing:-7px;
  559. font-weight:bold;
  560. color:{color:posts};
  561. }
  562.  
  563. .b1 {
  564. margin-left:0px;
  565. margin-top: 31px;
  566. width:301px;
  567. height:7px;
  568. background-color:{color:posts};
  569. }
  570.  
  571. .sunaella{
  572. margin-top: 20px;
  573. margin-left: -1px;
  574. font-family:bebas_neue;
  575. text-transform:uppercase;
  576. font-size:62px;
  577. letter-spacing: 0px;
  578. font-weight:bold;
  579. color:{color:posts};
  580. }
  581.  
  582.  
  583. .akali {
  584. margin-left: 205px;
  585. margin-top: 11px;
  586. width:249px;
  587. height:90px;
  588. padding: 4px;
  589. padding-top:1px;
  590. background-color:{color:posts};
  591. text-align: justify;
  592. font-size: 7px;
  593. line-height: 13px;
  594. }
  595.  
  596. .sb1{
  597. margin-left:209px;
  598. margin-top:-267px;
  599. width:100px;
  600. height:272px;
  601. border:4px solid {color:posts};
  602. overflow:hidden;
  603. }
  604.  
  605. .sb2{
  606. margin-left:318px;
  607. margin-top:-317px;
  608. width:100px;
  609. height:272px;
  610. border:4px solid {color:posts};
  611. overflow:hidden;
  612. }
  613.  
  614. .definition{
  615. margin-left: 0px;
  616. margin-top: -189px;
  617. width:198px;
  618. height:75px;
  619. padding: 5px;
  620. background-color:{color:posts};
  621. text-align: justify;
  622. font-size: 7px;
  623. line-height: 13px;
  624. opacity:1;
  625. -webkit-transition: all .8s ease-out;
  626. -moz-transition: all .8s ease-out;
  627. -webkit-transition: all .8s ease-out;
  628. -moz-transition: all .8s ease-out;
  629. }
  630.  
  631. .hovers {
  632. margin-left:0px;
  633. margin-top: -106px;
  634. width:200px;
  635. height:12px;
  636. padding: 4px;
  637. background-color:{color:posts};
  638. }
  639.  
  640. .whants{
  641. width:195px;
  642. height:15px;
  643. float: left;
  644. margin-left: 4px;
  645. position: fixed;
  646. -webkit-transition: all 0.4s ease-out;
  647. -moz-transition: all 0.1s ease-out;}
  648.  
  649. .whants a {
  650. display: inline-block;
  651. float: left;
  652. margin-left: 1px;
  653. margin-top:1px;
  654. height: 10px;
  655. width: 31px;
  656. -webkit-transition: all .8s ease-out;
  657. -moz-transition: all .8s ease-out;
  658. -webkit-transition: all .8s ease-out;
  659. -moz-transition: all .8s ease-out;
  660. background-color: {color:background};
  661. overflow:hidden;
  662. color:{color:text};
  663. font-size:10px;
  664. text-transform: uppercase;
  665. line-height:20px;
  666. text-align:center;}
  667.  
  668. .whants a:hover{
  669. color:#fff;
  670. background-color: {color:italic};
  671. -webkit-animation: RH infinite 3s;}
  672.  
  673. .career{
  674. margin-left:0px;
  675. margin-top: -131px;
  676. width:422px;
  677. height:36px;
  678. background-color:{color:posts};
  679. text-align: justify;
  680. padding: 2px;
  681. line-height: 12px;
  682. font-size: 7px;
  683. text-transform: uppercase;
  684. }
  685.  
  686. .contact{
  687. margin-left:0px;
  688. margin-top: 38px;
  689. width:186px;
  690. height:24px;
  691. background-color:{color:posts};
  692. text-align: right;
  693. padding: 4px;
  694. line-height: 12px;
  695. font-size: 8px;
  696. border-left: 7px solid {color:bold};
  697. border-right: 7px solid {color:bold};
  698. }
  699.  
  700. .directories{
  701. margin-left:0px;
  702. margin-top: -69px;
  703. width:178px;
  704. height:26px;
  705. background-color:{color:posts};
  706. text-align: center;
  707. padding: 4px;
  708. line-height: 12px;
  709. font-size: 8px;
  710. letter-spacing: 2px;
  711. word-spacing: 1px;
  712. border-top: 1px solid {color:bold};
  713. border-bottom: 1px solid {color:bold};
  714. }
  715.  
  716. .statcounter {
  717. margin-left:187px;
  718. margin-top: -36px;
  719. width:91px;
  720. height:36px;
  721. background-color:{color:posts};
  722. text-align: center;
  723. line-height: 18px;
  724. font-family:Trebuchet MS, sans-serif;
  725. font-size:8px;
  726. text-transform:uppercase;
  727. }
  728.  
  729. .musicplayer{
  730. margin-left: 279px;
  731. margin-top: -36px;
  732. overflow:hidden;
  733. width:28px;
  734. height:26px;
  735. padding:5px;
  736. background:{color:posts}; /* This is the background color */
  737. z-index:999999999999999999999999999999999999999;
  738. opacity:1;
  739. -webkit-transition: all 1s ease-in-out;
  740. -moz-transition: all 1s ease-in-out;
  741. transition: all 1s ease-in-out;
  742. }
  743.  
  744. #icon{
  745. /* This is for the positioning of the music gif: */
  746. margin-top:5px;
  747. margin-left:7px;
  748. opacity:1;
  749. -webkit-transition: all 0.5s linear;
  750. -moz-transition: all 0.5s linear;
  751. transition: all 0.5s linear;
  752. }
  753.  
  754. .musicplayer:hover #icon{
  755. margin-top:-20px;
  756. -webkit-transition: all 0.5s linear;
  757. -moz-transition: all 0.5s linear;
  758. transition: all 0.5s linear;
  759. }
  760.  
  761. #musicbox{
  762. width:13px;
  763. height:13px;
  764. border-radius:0em;
  765. overflow:hidden;
  766. /* This is for the positioning of the music player: */
  767. margin-top:14px;
  768. margin-left:8px;
  769. }
  770.  
  771. #music2{
  772. margin-top:-6px;
  773. margin-left:-35px;
  774. border-radius:0em;
  775. }
  776.  
  777. .link {
  778. margin-left:325px;
  779. margin-top:130px;
  780. width:150px;
  781. height:100px;
  782. background-color:transparent;
  783. text-align: center;
  784. line-height: 21px;
  785. font-family:Trebuchet MS, sans-serif;
  786. font-size:9px;
  787. text-transform:uppercase;
  788. z-index:9999999999999999;
  789. opacity:0;
  790. -webkit-transition: all .8s ease-out;
  791. -moz-transition: all .8s ease-out;
  792. -webkit-transition: all .8s ease-out;
  793. -moz-transition: all .8s ease-out;
  794. }
  795.  
  796. #side:hover .link {
  797. opacity:1;
  798. -webkit-transition: all .8s ease-out;
  799. -moz-transition: all .8s ease-out;
  800. -webkit-transition: all .8s ease-out;
  801. -moz-transition: all .8s ease-out;
  802. }
  803. /* menu by ruby connection html | usou ? creditou. É DE GRATIS */
  804.  
  805. .break{
  806. width:105px;
  807. height:15px;
  808. margin-top: 2px;
  809. margin-left: 0px;
  810. float: left;
  811. position: fixed;
  812. color:{color:posts};
  813. -webkit-transition: all .8s ease-out;
  814. -moz-transition: all .8s ease-out;
  815. -webkit-transition: all .8s ease-out;
  816. -moz-transition: all .8s ease-out; }
  817.  
  818. .break a {
  819. display: block;
  820. float: left;
  821. margin-left: 3px;
  822. line-height: 17px;
  823. height: 15px;
  824. width: 74px;
  825. -webkit-transition: all .8s ease-out;
  826. -moz-transition: all .8s ease-out;
  827. -webkit-transition: all .8s ease-out;
  828. -moz-transition: all .8s ease-out;
  829. background-color: {color:posts};
  830. text-align:left;
  831. margin-bottom:1px;
  832. border-left: 7px solid {color:italic};
  833. padding-left: 5px;
  834. }
  835.  
  836. .break a:hover{
  837. width: 64px;
  838. padding-left: 15px;
  839. color:{color:hover};
  840. -webkit-transition: all .8s ease-out;
  841. -moz-transition: all .8s ease-out;
  842. -webkit-transition: all .8s ease-out;
  843. -moz-transition: all .8s ease-out;
  844.  
  845. }
  846.  
  847. .social {
  848. margin-left:318px;
  849. margin-top: 15px;
  850. width:108px;
  851. height:36px;
  852. background-color:transparent;
  853. -webkit-transition: all 0.9s ease-in-out;
  854. -moz-transition: all 0.9s ease-in-out;
  855. -o-transition: all 0.9s ease-in-out;
  856. -ms-transition: all 0.9s ease-in-out;
  857. transition: all 0.9s ease-in-out;
  858. }
  859.  
  860. .socialimg img{
  861. padding-top:0px;
  862. width:35.2px;
  863. height:36px;
  864. margin-right: -2px;
  865. -webkit-transition: all 0.9s ease-in-out;
  866. -moz-transition: all 0.9s ease-in-out;
  867. -o-transition: all 0.9s ease-in-out;
  868. -ms-transition: all 0.9s ease-in-out;
  869. transition: all 0.9s ease-in-out;
  870. }
  871.  
  872. .social:hover {
  873. background:{color:bold};
  874. -webkit-transition: all 0.9s ease-in-out;
  875. -moz-transition: all 0.9s ease-in-out;
  876. -o-transition: all 0.9s ease-in-out;
  877. -ms-transition: all 0.9s ease-in-out;
  878. transition: all 0.9s ease-in-out;
  879. }
  880.  
  881. </style>
  882.  
  883. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  884. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  885. <script>
  886. (function($){
  887. $(document).ready(function(){
  888. $("[title],a[title],img[title]").style_my_tooltips({
  889. tip_follows_cursor:true,
  890. tip_delay_time:30,
  891. tip_fade_speed:300,
  892. attribute:"title"
  893. });
  894. });
  895. })(jQuery);
  896. </script>
  897.  
  898. {block:ifInfinitescroll}
  899. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  900. {/block:ifInfinitescroll}
  901.  
  902.  
  903. </head>
  904. <body>
  905.  
  906. <div id="side">
  907.  
  908. <div class="titlee">SEULGI</div>
  909. <div class="b1"></div>
  910. <div class="sunaella">REDVELVET</div>
  911.  
  912. <div class="sb1"><img src='http://o.aolcdn.com/hss/storage/fss/166800a61e8ab2a7ecabc053a82d6f9f/rqewrq.png'></div>
  913. <div class="sb2"><img src='http://o.aolcdn.com/hss/storage/fss/77e9b148355de6407056b458828e1a54/rqwer.png'></div>
  914.  
  915.  
  916. <div class="definition"><B>AELLA</B> (N) ( EYE-LUH )- 1) ADOPTED KOREAN AMERICAN DAUGHTER. 2) THE CENTER OF THE RAPPING QUEEN. 3) A GIRL YOU DON'T KNOW, YOU WON'T KNOW, AND YOU'LL NEVER FIND OUT ABOUT. 4) LOVES MORE THAN SHE RECIEVES, AND DESTINED FOR TRAGEDY. ( FOR MORE - SEE <EM>AKALI</EM>)</div>
  917.  
  918. <div class="hovers">
  919. <div class="whants">
  920. <a title="Original Character, Sun Aella ( pronounced eye-luh ). Though she is not Kim Hyuna, nor affiliated with CUBE Entertainment, she is an entertainment muse. She's both a well known underground artist, socialite with many connections in the industry, and also an up and coming idol. It's very possible to appoach her as you know her. Though positively or negatively is up to you."> </a><a title="Literate, progressive, novella to one liners. 99% literate. Gif/Icons, I adjust to you."> </a><a title="NSFW. Booze, and drugs, and other triggering actions associated with this muse and will be written about as flashbacks as she's on her climb at the moment. You've been warned."></a><a title="Single. She’s completely nuts in a way that makes you smile, highly neurotic, a great deal of maintenance required. She's your problematic fave."></a><a title="Please at least read through her profiles, and her about before interacting with her. There's things you don't have to read, but I've put a lot of effort into this muse, and would appreciate it."></a><a title="Theme by ladmilk. Heavily Tweaked by AKALI @ aellionios.tumblr.com. Questions should be directed towards her."></a>
  921. </div></div>
  922.  
  923. <div class="career">BETTER KNOWN AS;
  924. AKALI - LEAD VOCALIST, MAIN RAPPER, LEAD DANCER OF <a href="/reign" title="a testament that women can be just as talented as men.">REIGN</a>.</B> <a href="/tagged/( .sun!disc )" title="visit the other side of me.">SOLOIST</a>. MODEL SOCIALITE PAID PARTY GIRL. BAD ATTITUDE WITH A BAD HABIT OF RUNNING HER MOUTH. TOU <B>MOST</B> LIKELY KNOW HER, APPROACH HER AS SUCH. EVEN IF IT'S TO SWING AT HER, BECAUSE SHE FUCKED YOUR BOYFRIEND.
  925. </div>
  926.  
  927. <div class="contact"><b>C O N T A C T</b>: AIM @ A K A L I . K R<BR>LET ME KNOW WHO YOU ARE WHEN YOU ADD.</div>
  928.  
  929. <div class="directories"><a href="http://mysvmi.tumblr.com/">MOON!</a> <a href="http://originalites.tumblr.com/">ORIGINALITES!</a> <a href="http://tq-entertainment.tumblr.com">TQENT!</a> <a href="http://knetz.tumblr.com/">KNETZ!</a></div>
  930.  
  931. <div class="statcounter">EST. OCT 2015<BR><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5163425";
  932. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  933. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&m=0&wh="+w_h+"&a=1&pn="+pn+"";
  934. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  935. </script> of <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3058827";
  936. fhsh.src = "http://freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  937. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  938. </script></div>
  939.  
  940. <div class="musicplayer"><div id="icon">
  941. <img src="https://33.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  942. </div>
  943. <div id="musicbox"><div id="music2">
  944. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="25">
  945. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  946. <param name="bgcolor" value="#e5e5e5" />
  947. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=105&amp;height=25&amp;volume=15&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=e5e5e5&amp;bgcolor=e5e5e5&amp;bgcolor1=e5e5e5&amp;bgcolor2=e5e5e5&amp;buttoncolor=271933&amp;buttonovercolor=271933&amp;showlist=0" />
  948. </object></div></div></div>
  949.  
  950. <div class="link">
  951. <div class="break">
  952. <a href="/">! - HOME</a>
  953. <a href="/ask">! - MESSAGE</a>
  954. <a href="/submit">! - SUBMIT</a>
  955. <a href="/navi">! - NAVIGATION</a>
  956. <a href="/timeline">! - HISTORY</a>
  957. <a href="http://www.rpthreadtracker.com/public/allthreads?userId=20750&currentBlog=&sortDescending=false&currentOrderBy=LastPostDate&filteredTag=">! - TRACKER</a>
  958. </div></div>
  959.  
  960. <div class="social">
  961. <div class="socialimg">
  962. <a href="/tagged/( .social!twitter )" title="social:twitter"><img src="http://www.iconsdb.com/icons/preview/white/twitter-2-xxl.png"/></a>
  963.  
  964. <a href="/tagged/( .social!insta )" title="social:instagram"><img src="http://www.iconsdb.com/icons/preview/white/instagram-2-xxl.png"/></a>
  965.  
  966. <a href="/tagged/( .social!soundcloud )" title="social:soundcloud"><img src="http://www.iconsdb.com/icons/preview/white/soundcloud-2-xxl.png"/></a>
  967. </div>
  968. </div>
  969.  
  970.  
  971. </div>
  972.  
  973.  
  974. <div id="wrapper">
  975.  
  976.  
  977. <div class="autopagerize_page_element" >
  978. {block:Posts}
  979. <div class="post_outer">
  980. <div class="posts">
  981.  
  982.  
  983. {block:ContentSource}
  984. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  985. {/block:SourceLogo}
  986. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  987. {/block:ContentSource}
  988.  
  989.  
  990. {block:Photo}
  991. {block:IndexPage}
  992. <div id="photos">
  993. <center>{LinkOpenTag}
  994. <img src="{PhotoURL-500}" alt='{PhotoAlt}' />
  995. {LinkCloseTag}</center>
  996. </div>
  997. {/block:IndexPage}
  998. {block:PermalinkPage}
  999. <div id="photos">
  1000. <center>{LinkOpenTag}
  1001. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1002. {LinkCloseTag}</center>
  1003. </div>
  1004. {/block:PermalinkPage}
  1005. {block:ifShowCaptions}
  1006. {block:Indexpage}
  1007. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1008. {/block:Indexpage}
  1009. {/block:ifShowCaptions}
  1010. {block:PermalinkPage}
  1011. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1012. {/block:PermalinkPage}
  1013. {/block:Photo}
  1014.  
  1015.  
  1016. {block:Photoset}
  1017. <div id="pset">
  1018. {Photoset}
  1019. </div>
  1020. {block:ifShowCaptions}
  1021. {block:Indexpage}
  1022. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1023. {/block:Indexpage}
  1024. {/block:ifShowCaptions}
  1025. {block:PermalinkPage}
  1026. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1027. {/block:PermalinkPage}
  1028. {/block:Photoset}
  1029.  
  1030. {block:Video}
  1031. <div id="vid">
  1032. {block:if250px}
  1033. <center>{Video-250}</center>
  1034. {/block:if250px}
  1035. </div>
  1036. {block:ifShowCaptions}
  1037. {block:Indexpage}
  1038. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1039. {/block:Indexpage}
  1040. {/block:ifShowCaptions}
  1041. {block:PermalinkPage}
  1042. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1043. {/block:PermalinkPage}
  1044. {/block:Video}
  1045.  
  1046.  
  1047. {block:Audio}
  1048. <div class="audi">{AudioPlayerBlack} </div>
  1049. <div class="post_inner">
  1050. <div class="audi_info">
  1051. {block:TrackName}
  1052. <div><div class="kasse"></div> <b>Track:</b> {TrackName}</div>
  1053. {/block:TrackName}
  1054. {block:Artist}
  1055. <div><div class="kasse"></div><b>Artist:</b> {Artist}</div>
  1056. {/block:Artist}
  1057. {block:Album}
  1058. <div><div class="kasse"></div><b>Album:</b> {Album}</div>
  1059. {/block:Album}
  1060. <div><div class="kasse"></div><b>Plays:</b> {PlayCount}</div>
  1061. </div>
  1062. </div>
  1063. {block:ifShowCaptions}
  1064. {block:Indexpage}
  1065. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1066. {/block:Indexpage}
  1067. {/block:ifShowCaptions}
  1068. {block:PermalinkPage}
  1069. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1070. {/block:PermalinkPage}
  1071. {/block:Audio}
  1072.  
  1073.  
  1074. {block:Text}
  1075. <div class="post_inner">
  1076. {block:Title}<h2>{Title}</h2>{/block:Title}
  1077. {Body}
  1078. {block:More} {/block:More}
  1079. </div>
  1080. {/block:Text}
  1081.  
  1082.  
  1083. {block:Link}
  1084. <div class="post_inner">
  1085. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1086. {block:Description}{Description}{/block:Description}
  1087. </div>
  1088. {/block:Link}
  1089.  
  1090.  
  1091. <!---- ask posts ---->
  1092. {block:Answer}
  1093. <div id="ask">
  1094. <div class="askicon"><img src="{AskerPortraitURL-30}" class="rotate"></a></div><div id="asker">question from<br>{Asker}</div>
  1095. <div id="question">{Question}</div>
  1096. </div>
  1097. <div id="answer">{Answer}
  1098. {block:More}<a href="{Permalink}"><div class="read_more">Need to Know?</div></a>{/block:More}
  1099. </div>
  1100. {/block:Answer}
  1101.  
  1102. {block:Quote}
  1103. <div class="post_inner">
  1104. <div id="quote">{Quote}</div>
  1105. {block:Source}<div style="font-size:7px; text-transform:uppercase; padding-top:5px; text-align:right;">{Source}</div>{/block:Source}
  1106. </div>
  1107. {/block:Quote}
  1108.  
  1109.  
  1110. {block:Chat}
  1111. <div class="post_inner">
  1112. {block:Title}<h2>{Title}</h2>{/block:Title}
  1113. {block:Lines}<p id="chat">
  1114. {block:Label}
  1115. <b>{Label}</b>
  1116. {/block:Label}
  1117. {Line}</p>
  1118. {/block:Lines}
  1119. </div>
  1120. {/block:Chat}
  1121.  
  1122. </div>
  1123.  
  1124.  
  1125.  
  1126. {block:IndexPage}
  1127. <div id="perma">
  1128. <a href="{Permalink}" title="{NoteCountWithLabel}">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</a> ——
  1129. </div>
  1130. {/block:IndexPage}
  1131.  
  1132.  
  1133. {block:PermalinkPage}
  1134. <div class="perma2">
  1135. {block:Date}
  1136. <div><div class="kasse"></div> {DayOfMonth} {Month} {Year} | {12Hour}:{Minutes} {CapitalAmPm}</div>
  1137. {block:RebloggedFrom}<div><div class="kasse"></div><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}
  1138. <div><div class="kasse"></div>{NoteCountWithLabel}</div>
  1139. {/block:Date}
  1140. {block:HasTags}<div><div class="kasse"></div>{block:Tags}<a href="{TagURL}" style="margin-right:4px;">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1141. </div>
  1142.  
  1143. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1144. {/block:PermalinkPage}
  1145.  
  1146. </div>
  1147. {/block:Posts}
  1148. </div>
  1149.  
  1150. {block:ifnotInfinitescroll}
  1151. {block:Pagination}
  1152. <div class="pagination">
  1153. <div class="pg">{CurrentPage} of {TotalPages}</div>
  1154. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  1155. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1156. </div>
  1157. {/block:Pagination}
  1158. {/block:ifnotInfinitescroll}
  1159.  
  1160.  
  1161. </div>
  1162.  
  1163. <!-- Start of StatCounter Code for Tumblr -->
  1164. <script type="text/javascript">
  1165. var sc_project=10873951;
  1166. var sc_invisible=1;
  1167. var sc_security="ceb90a76";
  1168. var scJsHost = (("https:" == document.location.protocol) ?
  1169. "https://secure." : "http://www.");
  1170. document.write("<sc"+"ript type='text/javascript' src='" +
  1171. scJsHost+
  1172. "statcounter.com/counter/counter.js'></"+"script>");
  1173. </script>
  1174. <noscript><div class="statcounter"><a title="stat tracker
  1175. for tumblr" href="http://statcounter.com/tumblr/"
  1176. target="_blank"><img class="statcounter"
  1177. src="http://c.statcounter.com/10873951/0/ceb90a76/1/"
  1178. alt="stat tracker for tumblr"></a></div></noscript>
  1179. <!-- End of StatCounter Code for Tumblr -->
  1180.  
  1181. </body>
  1182.  
  1183. </div>
  1184.  
  1185. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!