Advertisement
aellionios

fake render ; sorrism base.

Apr 27th, 2016
643
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.87 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. theme: sleepless
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  14. <script type="text/javascript">
  15. $(document).ready(function(){
  16. $(".links_body").hide();
  17. $(".links_head").click(function(){
  18. $(this).next(".links_body").slideToggle('slow');
  19. }); }); </script>
  20.  
  21. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="http://xlittle-piece-of-my-lifex.blogspot.com/favicon.ico" />
  24.  
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <!--Default Variables-->
  29.  
  30. <meta name="color:Background" content="#f8f8f8"/>
  31. <meta name="color:Posts" content="#ffffff"/>
  32. <meta name="color:Text" content="#cccccc"/>
  33. <meta name="color:Link" content="#a7a7a7"/>
  34. <meta name="color:Title" content="#000000"/>
  35. <meta name="color:Scrollbar" content="#d5d5d5" />
  36. <meta name="color:Borders" content="#eeeeee"/>
  37. <meta name="color:Accents" content="#fbfbfb"/>
  38. <meta name="color:Bold" content="#4d3760" />
  39. <meta name="color:Italic" content="#271933"/>
  40. <meta name="color:hover" content="#4d3760" />
  41.  
  42. <meta name="if:Infinite Scroll" content="1"/>
  43. <meta name="if:Manual Load" content="0"/>
  44. <meta name="if:Click for Tags" content="1"/>
  45.  
  46. <meta name="text:Subtitle" content=""/>
  47. <meta name="text:Post Spacing" content="75"/>
  48.  
  49. <meta name="select:Captions" content="default" title="Default"/>
  50. <meta name="select:Captions" content="inline" title="Inline"/>
  51. <meta name="select:Captions" content="hide" title="Hide"/>
  52.  
  53. <meta name="select:Post Width" content="200" title="200px"/>
  54. <meta name="select:Post Width" content="250" title="250px"/>
  55. <meta name="select:Post Width" content="275" title="275px"/>
  56. <meta name="select:Post Width" content="300" title="300px"/>
  57. <meta name="select:Post Width" content="325" title="325px"/>
  58. <meta name="select:Post Width" content="350" title="350px"/>
  59. <meta name="select:Post Width" content="375" title="375px"/>
  60. <meta name="select:Post Width" content="400" title="400px"/>
  61. <meta name="select:Post Width" content="450" title="450px"/>
  62. <meta name="select:Post Width" content="500" title="500px"/>
  63. <meta name="select:Post Width" content="540" title="540px"/>
  64.  
  65. <meta name="text:Home Title" content="home"/>
  66. <meta name="text:Ask Title" content="message"/>
  67. <meta name="text:Archive Title" content="archive"/>
  68.  
  69. <meta name="text:Link 1 URL" content=""/>
  70. <meta name="text:Link 1" content=""/>
  71. <meta name="text:Link 2 URL" content=""/>
  72. <meta name="text:Link 2" content=""/>
  73. <meta name="text:Link 3 URL" content=""/>
  74. <meta name="text:Link 3" content=""/>
  75.  
  76. <meta name="text:MP3 Link" content=""/>
  77.  
  78. <!--CSS customization here. -->
  79.  
  80. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  83.  
  84. <style type="text/css">
  85.  
  86. @font-face
  87. { font-family:"lovenote"; src: url('https://dl.dropbox.com/s/lg0biqm7jqlyfaq/ck-love-note.ttf?dl=1'); format(“truetype”);}
  88. @font-face
  89. { font-family:"dolcevita"; src: url('https://dl.dropbox.com/s/ulyc96lx0yfiryl/Dolce%20Vita%20Heavy%20Bold.ttf?dl=1'); format(“truetype”);}
  90. @font-face
  91. { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  92.  
  93. /*tumblr controls and lightbox*/
  94.  
  95. #tumblr_lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  96.  
  97. #tumblr_lightbox img {opacity:0;}
  98.  
  99. #tumblr_lightbox_caption {
  100. color:{color:title}!important;
  101. font-family:inherit!important;
  102. font-size:10px!important;
  103. font-weight:normal!important;
  104. text-shadow:none!important;
  105. }
  106.  
  107. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  108. -moz-box-shadow:none!important;
  109. -webkit-box-shadow:none!important;
  110. box-shadow:none!important;
  111. -moz-border-radius:0px!important;
  112. -webkit-border-radius:0px!important;
  113. border-radius:0px!important;
  114. padding:20px!important;
  115. margin:-20px 0 0 -20px!important;
  116. background:{color:posts}!important;
  117. border:0!important;
  118. opacity:1!important;
  119. }
  120.  
  121. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.6!important;}
  122.  
  123. iframe#tumblr_controls {
  124. white-space:nowrap!important;
  125. -webkit-filter:invert(70%)!important;
  126. -moz-filter:invert(70%)!important;
  127. -ms-filter:invert(70%)!important;
  128. -o-filter:invert(70%)!important;
  129. filter:invert(70%)!important;
  130. top:10px!important;
  131. right:10px!important;
  132. opacity:.3!important;
  133. position:fixed!important;
  134. }
  135.  
  136. /*tooltip*/
  137.  
  138. .ui-tooltip {
  139. position:Absolute;
  140. z-index:9999;
  141. padding-top:15px;
  142. }
  143.  
  144. .ui-tooltip-content {
  145. max-width:210px;
  146. margin-top:25px;
  147. margin-left:15px;
  148. padding:5px 5px;
  149. z-index:999999;
  150. background:{color:posts};
  151. border:1px solid {color:italic};
  152. color:{color:text};
  153. font-family:calibri, arial, sans-serif;
  154. font-size:8.5px;
  155. line-height:9px;
  156. letter-spacing:1px;
  157. text-transform:uppercase;
  158. }
  159.  
  160. /*scrollbar*/
  161.  
  162. ::-webkit-scrollbar{
  163. height:2px;
  164. width:4px;
  165. background:inherit;
  166. }
  167.  
  168. ::-webkit-scrollbar-thumb {
  169. background:{color:scrollbar};
  170. border-radius:2px;
  171. -webkit-border-radius:2px;
  172. }
  173.  
  174. .same::-webkit-scrollbar {width:1px;}
  175.  
  176. .same::-webkit-scrollbar-thumb {background:{color:borders}!important;}
  177.  
  178. /*basics*/
  179.  
  180. body {
  181. background:{color:background};
  182. color:{color:text};
  183. font-family: arial, sans-serif;
  184. font-size:10px;
  185. font-weight:normal;
  186. -webkit-font-smoothing:antialiased;
  187. -moz-font-smoothing:antialiased;
  188. font-smoothing:antialiased;
  189. text-shadow: 1px 1px 1px rgba(0,0,0,0.005);
  190. position:relative;
  191. word-wrap:break-word;
  192. text-align:left;
  193. margin:0;
  194. line-height:1.75em;
  195. }
  196.  
  197. *, body {cursor:crosshair;}
  198.  
  199. a {
  200. color:{color:text};
  201. text-decoration:none;
  202. cursor:help;
  203. transition:all .4s ease-in-out;
  204. -webkit-transition:all .4s ease-in-out;
  205. -moz-transition:all .4s ease-in-out;
  206. -o-transition:all .4s ease-in-out;
  207. }
  208.  
  209. a:hover {
  210. color:{color:link};
  211. border-color:{color:link}!important;
  212. }
  213.  
  214. .caption a, .tex a, .a a, .title a {border-bottom:1px solid {color:borders};}
  215.  
  216. img {
  217. opacity:1;
  218. border:none;
  219. text-decoration:none;
  220. }
  221.  
  222. blockquote {
  223. border-left:1px solid {color:borders};
  224. padding:.25em 0 .25em 15px;
  225. margin:.5em 0;
  226. }
  227.  
  228. pre {
  229. padding:0;
  230. margin:0;
  231. line-height:inherit!important;
  232. background:transparent;
  233. font-family:inherit!Important;
  234. font-size:inherit!important;
  235. white-space:pre-wrap;
  236. white-space:-moz-pre-wrap;
  237. white-space:-pre-wrap;
  238. white-space:-o-pre-wrap;
  239. word-wrap:break-word;
  240. }
  241.  
  242. p {margin:.75em 0;}
  243.  
  244. p:first-of-type {margin-top:0;}
  245.  
  246. p:last-of-type {margin-bottom:0;}
  247.  
  248. b, strong {
  249. color:{color:Bold};
  250. font-weight:bold;
  251. }
  252.  
  253. i, em {
  254. color:{color:Italic};
  255. font-style:italic;
  256. }
  257.  
  258. ol, ul {
  259. list-style:none;
  260. padding-left:15px;
  261. }
  262.  
  263. li {
  264. padding-left:15px;
  265. position:relative;
  266. }
  267.  
  268. li:before {
  269. content:'\00BB';
  270. position:Absolute;
  271. left:0px;
  272. }
  273.  
  274. small, big, sub, pre {
  275. font-size:9px;
  276. line-height:2em!important;
  277. vertical-align:top!important;
  278. }
  279.  
  280. h1, h2, h3, h4 {
  281. font-size:15px;
  282. margin:0;
  283. padding:0;
  284. color:{color:title};
  285. font-weight:bold;
  286. }
  287.  
  288. hr {
  289. border:none;
  290. box-shadow:0;
  291. margin:1em 0;
  292. border-top:1px solid {color:borders};
  293. }
  294.  
  295. .bigger hr {margin:15px 0;}
  296.  
  297. /*side*/
  298.  
  299. aside {
  300. width:170px;
  301. position:fixed;
  302. top:200px;
  303. left:50%;
  304. margin-left:calc(-{select:post width}px / 2 - 275px);
  305. -webkit-animation-name: fade-in;
  306. -webkit-animation-duration: 1.5s;
  307. }
  308.  
  309. #d {
  310. padding:20px;
  311. margin-bottom:15px;
  312. background:{color:posts};
  313. border-bottom:1px solid {color:borders};
  314. }
  315.  
  316. .tai {
  317. font-size:1.6em;
  318. font-weight:bold;
  319. display:block;
  320. color:{color:title};
  321. }
  322.  
  323. .sub {display:block;}
  324.  
  325. nav {
  326. -webkit-animation-name: fade-in;
  327. -webkit-animation-duration: 2s;
  328. position:absolute;
  329. transform:translate(0%,-100%);
  330. -webkit-transform:translate(0%,-100%);
  331. -o-transform:translate(0%,-100%);
  332. -moz-transform:translate(0%,-100%);
  333. font-size:8px;
  334. line-height:2em;
  335. padding-bottom:15px;
  336. text-transform:uppercase;
  337. letter-spacing:1px;
  338. }
  339.  
  340. nav a {
  341. margin-right:15px;
  342. counter-increment:link;
  343. display:inline-block;
  344. }
  345.  
  346. nav a:before {
  347. content:counter(link, decimal-leading-zero);
  348. font-weight:bold;
  349. color:{color:title};
  350. margin-right:15px;
  351. }
  352.  
  353. /*pagination*/
  354.  
  355. #pagination {
  356. {block:ifinfinitescroll}
  357. display:none;
  358. {/block:ifinfinitescroll}
  359. }
  360.  
  361. footer a {
  362. display:inline-block;
  363. padding:2px 4px;
  364. background:{color:posts};
  365. border-bottom:1px solid {color:borders};
  366. margin:0 10px;
  367. }
  368.  
  369. footer a:hover {border-color:{color:borders}!important;}
  370.  
  371. footer {
  372. {block:ifinfinitescroll}
  373. {block:ifnotmanualload}
  374. display:none;
  375. {/block:ifnotmanualload}
  376. {/block:ifinfinitescroll}
  377. text-align:center;
  378. margin:0 auto 100px auto;
  379. font-size:8px;
  380. text-transform:uppercase;
  381. letter-spacing:1px;
  382. width:{select:post width}px;
  383. }
  384.  
  385. #infscr-loading {display:none!important;}
  386.  
  387. .nice {
  388. position:fixed;
  389. right:15px;
  390. bottom:15px;
  391. width:15px;
  392. text-align:center;
  393. padding:3px;
  394. line-height:15px;
  395. background:{color:posts};
  396. }
  397.  
  398. /*posts*/
  399.  
  400. #entries {
  401. margin-left:880px;
  402. margin-top: 50px;
  403. {block:indexpage}
  404. {block:ifinfinitescroll}
  405. {block:ifnotmanualload}
  406. {/block:ifnotmanualload}
  407. {/block:ifinfinitescroll}
  408. {/block:indexpage}
  409. position:relative;
  410. width:calc({select:post width}px + 40px);
  411. }
  412.  
  413. .posts {
  414. width:{select:post width}px;
  415. padding:20px;
  416. background:{color:posts};
  417. border-bottom:1px solid {color:borders};
  418. vertical-align:top;
  419. position:relative;
  420. display:block;
  421. {block:indexpage}
  422. margin-bottom:{text:post spacing}px;
  423. {/block:indexpage}
  424. -webkit-animation-name: fade-in;
  425. -webkit-animation-duration: 2s;
  426. }
  427.  
  428. .posts img {
  429. height:auto;
  430. max-width:{select:post width}px;
  431. }
  432.  
  433. .photo img {
  434. width:{select:post width}px;
  435. display:block;
  436. }
  437.  
  438. .media {
  439. display:block;
  440. position:relative;
  441. }
  442.  
  443. .media iframe, .tumblr_video_container {display:block;}
  444.  
  445. .tumblr_video_container {
  446. width:auto!important;
  447. height:auto!important;
  448. }
  449.  
  450. a.read_more {text-transform:lowercase;}
  451.  
  452. /*text and captions*/
  453.  
  454. .title {
  455. color:{color:title};
  456. font-size:1.2em;
  457. font-weight:500;
  458. line-height:1.5em;
  459. }
  460.  
  461. .title a {color:{color:title};}
  462.  
  463. .title a:hover {color:{color:link};}
  464.  
  465. .ted {margin-top:15px;}
  466.  
  467. .quote {
  468. padding:15px;
  469. background:{color:accents};
  470. margin-bottom:15px;
  471. }
  472.  
  473. .source {margin-left:15px;
  474. text-transform: uppercase;
  475. font-size: 7px;
  476. }
  477.  
  478. .caption {margin:15px 0 0 0;}
  479.  
  480. .inline *:not(a):not(ul):not(ol):not(li) {
  481. margin:0;
  482. padding:0;
  483. display:inline;
  484. }
  485.  
  486. .inline blockquote:first-of-type {display:inline!important;}
  487.  
  488. .inline p:first-of-type::after {content:' ';}
  489.  
  490. .inline blockquote {
  491. padding:0;
  492. display:block;
  493. border:0;
  494. }
  495.  
  496. .inline blockquote p {display:block!important;}
  497.  
  498. .inline p {
  499. display:block!important;
  500. margin:.5em 0!important;
  501. }
  502.  
  503. .inline p:first-of-type {
  504. display:inline!important;
  505. margin:0!important;
  506. }
  507.  
  508. .inline *::after:not(a):not(ul):not(ol):not(li) {content:' ';}
  509.  
  510. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  511.  
  512. .caption *:last-child, .a *:last-child, .tex *:last-child {
  513. margin-bottom:0!important;
  514. padding-bottom:0!Important;
  515. }
  516.  
  517. {block:indexpage}
  518. .hide {display:none!important;}
  519. {/block:indexpage}
  520.  
  521. /*audio*/
  522.  
  523. .tumblr_audio_player {
  524. width:250px;
  525. height:30px;
  526. margin-top:-2px;
  527. }
  528.  
  529. .player {
  530. width:25px;
  531. height:25px;
  532. border-left:2px solid white;
  533. display:block;
  534. overflow:hidden;
  535. }
  536.  
  537. .hold {
  538. background:white;
  539. vertical-align:middle;
  540. border:2px solid {color:accents};
  541. display:inline-block;
  542. padding:15px;
  543. position:relative;
  544. margin-right:15px;
  545. }
  546.  
  547. .audio_info {
  548. display:inline-block;
  549. vertical-align:middle;
  550. background:{color:accents};
  551. padding:15px;
  552. line-height:14.5px;
  553. width:calc(100% - 112px);
  554. }
  555.  
  556. .audio_info span {display:block;}
  557.  
  558. .spotify_audio_player {
  559. height:80px;
  560. border-radius:0!important;
  561. }
  562.  
  563. /*asks*/
  564.  
  565. .q {
  566. padding:15px;
  567. background:{color:accents};
  568. }
  569.  
  570. .as:before, .source:before, .t:before {
  571. content:'';
  572. display:inline-block;
  573. vertical-align:middle;
  574. width:15px;
  575. height:1px;
  576. background:{color:borders};
  577. margin-right:5px;
  578. }
  579.  
  580. .as {
  581. margin:15px 0 0 15px;
  582. text-transform:lowercase;
  583. }
  584.  
  585. .a {margin-top:15px}
  586.  
  587. /*chats*/
  588.  
  589. .chat {
  590. margin:0;
  591. padding:0;
  592. list-style:none;
  593. text-align:left;
  594. }
  595.  
  596. .chat li:before {display:none;}
  597.  
  598. .l.odd {
  599. background:{color:accents};
  600. padding:5px;
  601. }
  602.  
  603. .l.even {padding:5px;}
  604.  
  605. .label {
  606. font-weight:bold;
  607. color:{color:title};
  608. display:inline-block;
  609. }
  610.  
  611. /*permalink and notes*/
  612.  
  613. #permalink {
  614. margin-top:15px;
  615. padding-top:15px;
  616. border-top:1px solid {color:borders};
  617. }
  618.  
  619. #permalink span {display:block;}
  620.  
  621. .when {
  622. margin-top:15px;
  623. padding-top:15px;
  624. line-height:1.5em;
  625. border-top:1px solid {color:borders};
  626. font-size:8px;
  627. position:relative;
  628. text-transform:uppercase;
  629. letter-spacing:1px;
  630. }
  631.  
  632. .when a {display:inline-block;}
  633.  
  634. .when .rest {
  635. float:right;
  636. display:inline-block;
  637. text-align:right;
  638. }
  639.  
  640. .tt {
  641. display:none;
  642. position:relative;
  643. top:calc(100% + 15px);
  644. }
  645.  
  646. .pagenotes {
  647. text-transform:lowercase;
  648. margin-top:100px;
  649. }
  650.  
  651. .pagenotes .title {
  652. margin-bottom:15px;
  653. padding:15px;
  654. background:{color:Accents};
  655. }
  656.  
  657. .same {
  658. max-height:300px;
  659. overflow:auto;
  660. }
  661.  
  662. .same li:before {display:none;}
  663.  
  664. ol.notes {
  665. list-style-type:none;
  666. padding:0px;
  667. margin:0px;
  668. }
  669.  
  670. ol.notes li.note {
  671. display:block;
  672. padding-left:0;
  673. }
  674.  
  675. ol.notes li.note img.avatar {display:none!important;}
  676.  
  677. .more_notes_link,.notes_loading {
  678. display:block;
  679. text-align:left!important;
  680. color:{color:title};
  681. }
  682.  
  683. /*links*/
  684.  
  685. .le {
  686. position:relative;
  687. width:{select:post width}px;
  688. }
  689.  
  690. .rest {
  691. margin-left:60px;
  692. display:block;
  693. }
  694.  
  695. .le a, .lo {
  696. display:inline-block;
  697. font-size:8px;
  698. text-transform:uppercase;
  699. letter-spacing:1px;
  700. }
  701.  
  702. .le a {width:calc(({select:post width}px - 60px) / 3)!important;}
  703.  
  704. .lo {
  705. color:{color:title};
  706. width:60px;
  707. float:left;
  708. font-weight:bold;
  709. position:relative;
  710. }
  711.  
  712. .bigger a, .bigger a:hover {border:0!important;}
  713.  
  714. .bigger a:before {display:none;}
  715.  
  716. /* quotes */
  717.  
  718. .titlequote {
  719. font-size: 25px;
  720. line-height: 20px;
  721. font-family:helvetica;
  722. text-transform:uppercase;
  723. font-weight:bold;
  724. color:{color:PostTitle};
  725. text-align: justify;
  726. }
  727.  
  728. /* sidebar */
  729.  
  730. /* Sidebar */
  731.  
  732. #side{
  733. bottom: 10px;
  734. left: 470px;
  735. position:fixed;
  736. width:550px;
  737. height:200px;
  738. -webkit-animation:pulse 2s;
  739. -moz-animation:pulse 2s;
  740. -o-animation:pulse 2s;
  741. }
  742.  
  743. .andmark {
  744. margin-top: -235px;
  745. margin-left: -90px;
  746. font-family:raleway;
  747. text-transform:uppercase;
  748. font-size:230px;
  749. letter-spacing:-2px;
  750. font-weight:bold;
  751. color:{color:posts};
  752. z-index:9;
  753. }
  754.  
  755. .titlee {
  756. Margin-top: -59px;
  757. margin-left: 30px;
  758. font-family: bebas_neue;
  759. text-transform:uppercase;
  760. font-size:100px;
  761. letter-spacing:-2px;
  762. font-weight:bold;
  763. color:{color:posts};
  764. z-index:9;
  765. -webkit-transition:all 1s ease-in-out;
  766. -moz-transition:all 1s ease-in-out;
  767. -o-transition:all 1s ease-in-out;
  768. -ms-transition:all 1s ease-in-out;
  769. transition:all 1s ease-in-out;
  770. }
  771.  
  772. .titlee:hover {
  773. color:{color:bold};
  774. text-shadow:2px 2px 0px {color:posts};
  775. -ms-transform: rotate(5deg); /* IE 9 */
  776. -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
  777. transform: rotate(5deg);
  778. -webkit-transition:all 1s ease-in-out;
  779. -moz-transition:all 1s ease-in-out;
  780. -o-transition:all 1s ease-in-out;
  781. -ms-transition:all 1s ease-in-out;
  782. transition:all 1s ease-in-out;
  783. }
  784.  
  785. .sun {
  786. Margin-top: -36px;
  787. margin-left: 197px;
  788. font-family: bebas_neue;
  789. text-transform:uppercase;
  790. font-size:55px;
  791. letter-spacing:3px;
  792. font-weight:bold;
  793. color:{color:posts};
  794. z-index:9;
  795. }
  796.  
  797. .aella {
  798. Margin-top: 19px;
  799. margin-left: 197px;
  800. font-family: bebas_neue;
  801. text-transform:uppercase;
  802. font-size:44px;
  803. letter-spacing:-2px;
  804. font-weight:bold;
  805. color:{color:posts};
  806. z-index:9;
  807. }
  808.  
  809. .career{
  810. margin-left:49px;
  811. margin-top: 7px;
  812. width:204px;
  813. height:72px;
  814. background-color:{color:posts};
  815. text-align: justify;
  816. padding: 9px;
  817. line-height: 12px;
  818. font-size: 7px;
  819. text-transform: uppercase;
  820. }
  821.  
  822. .career a {
  823. color: {color:link};
  824. }
  825.  
  826. .social {
  827. margin-left: 235px;
  828. margin-top: 1px;
  829. width:36px;
  830. height:36px;
  831. background-color:transparent;
  832. -webkit-transition: all 0.9s ease-in-out;
  833. -moz-transition: all 0.9s ease-in-out;
  834. -o-transition: all 0.9s ease-in-out;
  835. -ms-transition: all 0.9s ease-in-out;
  836. transition: all 0.9s ease-in-out;
  837. }
  838.  
  839. .socialimg img{
  840. padding-top:0px;
  841. width:36px;
  842. height:36px;
  843. margin-right: -2px;
  844. -webkit-transition: all 0.9s ease-in-out;
  845. -moz-transition: all 0.9s ease-in-out;
  846. -o-transition: all 0.9s ease-in-out;
  847. -ms-transition: all 0.9s ease-in-out;
  848. transition: all 0.9s ease-in-out;
  849. }
  850.  
  851. .social:hover {
  852. background:{color:bold};
  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. .socialinsta {
  861. margin-left:235px;
  862. margin-top: 1px;
  863. width:36px;
  864. height:36px;
  865. background-color:transparent;
  866. -webkit-transition: all 0.9s ease-in-out;
  867. -moz-transition: all 0.9s ease-in-out;
  868. -o-transition: all 0.9s ease-in-out;
  869. -ms-transition: all 0.9s ease-in-out;
  870. transition: all 0.9s ease-in-out;
  871. }
  872.  
  873. .socialimg img{
  874. padding-top:0px;
  875. width:36px;
  876. height:36px;
  877. margin-right: -2px;
  878. -webkit-transition: all 0.9s ease-in-out;
  879. -moz-transition: all 0.9s ease-in-out;
  880. -o-transition: all 0.9s ease-in-out;
  881. -ms-transition: all 0.9s ease-in-out;
  882. transition: all 0.9s ease-in-out;
  883. }
  884.  
  885. .socialinsta:hover {
  886. background:{color:bold};
  887. -webkit-transition: all 0.9s ease-in-out;
  888. -moz-transition: all 0.9s ease-in-out;
  889. -o-transition: all 0.9s ease-in-out;
  890. -ms-transition: all 0.9s ease-in-out;
  891. transition: all 0.9s ease-in-out;
  892. }
  893.  
  894. .socialsound {
  895. margin-left:235px;
  896. margin-top: 1px;
  897. width:36px;
  898. height:36px;
  899. background-color:transparent;
  900. -webkit-transition: all 0.9s ease-in-out;
  901. -moz-transition: all 0.9s ease-in-out;
  902. -o-transition: all 0.9s ease-in-out;
  903. -ms-transition: all 0.9s ease-in-out;
  904. transition: all 0.9s ease-in-out;
  905. }
  906.  
  907. .socialimg img{
  908. padding-top:0px;
  909. width:36px;
  910. height:36px;
  911. margin-right: -2px;
  912. -webkit-transition: all 0.9s ease-in-out;
  913. -moz-transition: all 0.9s ease-in-out;
  914. -o-transition: all 0.9s ease-in-out;
  915. -ms-transition: all 0.9s ease-in-out;
  916. transition: all 0.9s ease-in-out;
  917. }
  918.  
  919. .socialsound:hover {
  920. background:{color:bold};
  921. -webkit-transition: all 0.9s ease-in-out;
  922. -moz-transition: all 0.9s ease-in-out;
  923. -o-transition: all 0.9s ease-in-out;
  924. -ms-transition: all 0.9s ease-in-out;
  925. transition: all 0.9s ease-in-out;
  926. }
  927.  
  928. .socialutube {
  929. margin-left:235px;
  930. margin-top: 1px;
  931. width:36px;
  932. height:36px;
  933. background-color:transparent;
  934. -webkit-transition: all 0.9s ease-in-out;
  935. -moz-transition: all 0.9s ease-in-out;
  936. -o-transition: all 0.9s ease-in-out;
  937. -ms-transition: all 0.9s ease-in-out;
  938. transition: all 0.9s ease-in-out;
  939. }
  940.  
  941. .socialimg img{
  942. padding-top:0px;
  943. width:36px;
  944. height:36px;
  945. margin-right: -2px;
  946. -webkit-transition: all 0.9s ease-in-out;
  947. -moz-transition: all 0.9s ease-in-out;
  948. -o-transition: all 0.9s ease-in-out;
  949. -ms-transition: all 0.9s ease-in-out;
  950. transition: all 0.9s ease-in-out;
  951. }
  952.  
  953. .socialutube:hover {
  954. background:{color:bold};
  955. -webkit-transition: all 0.9s ease-in-out;
  956. -moz-transition: all 0.9s ease-in-out;
  957. -o-transition: all 0.9s ease-in-out;
  958. -ms-transition: all 0.9s ease-in-out;
  959. transition: all 0.9s ease-in-out;
  960. }
  961.  
  962. .sb1{
  963. margin-left:-41px;
  964. margin-top:-147px;
  965. width:267px;
  966. height:80px;
  967. border:4px solid {color:posts};
  968. overflow:hidden;
  969. }
  970.  
  971. .definition{
  972. margin-left: -41px;
  973. margin-top: 1px;
  974. width:269px;
  975. height:52px;
  976. padding: 3px;
  977. background-color:{color:posts};
  978. text-align: justify;
  979. font-size: 7px;
  980. line-height: 13px;
  981. opacity:1;
  982. -webkit-transition: all .8s ease-out;
  983. -moz-transition: all .8s ease-out;
  984. -webkit-transition: all .8s ease-out;
  985. -moz-transition: all .8s ease-out;
  986. }
  987.  
  988. .akali {
  989. margin-left: 63px;
  990. margin-top: 1px;
  991. width:198px;
  992. height:75px;
  993. padding: 5px;
  994. background-color:{color:posts};
  995. text-align: justify;
  996. font-size: 7px;
  997. line-height: 13px;
  998. opacity:1;
  999. -webkit-transition: all .8s ease-out;
  1000. -moz-transition: all .8s ease-out;
  1001. -webkit-transition: all .8s ease-out;
  1002. -moz-transition: all .8s ease-out;
  1003. }
  1004.  
  1005. .hovers {
  1006. margin-left:63px;
  1007. margin-top: 1px;
  1008. width:200px;
  1009. height:12px;
  1010. padding: 4px;
  1011. background-color:{color:posts};
  1012. }
  1013.  
  1014. .whants{
  1015. width:195px;
  1016. height:15px;
  1017. float: left;
  1018. margin-left: 4px;
  1019. position: fixed;
  1020. -webkit-transition: all 0.4s ease-out;
  1021. -moz-transition: all 0.1s ease-out;}
  1022.  
  1023. .whants a {
  1024. display: inline-block;
  1025. float: left;
  1026. margin-left: 1px;
  1027. margin-top:1px;
  1028. height: 10px;
  1029. width: 31px;
  1030. -webkit-transition: all .8s ease-out;
  1031. -moz-transition: all .8s ease-out;
  1032. -webkit-transition: all .8s ease-out;
  1033. -moz-transition: all .8s ease-out;
  1034. background-color: #edeef0;
  1035. overflow:hidden;
  1036. color:#848484;
  1037. font-size:10px;
  1038. text-transform: uppercase;
  1039. line-height:20px;
  1040. text-align:center;}
  1041.  
  1042. .whants a:hover{
  1043. color:#fff;
  1044. background-color: {color:bold};
  1045. -webkit-animation: RH infinite 3s;}
  1046.  
  1047. .link {
  1048. margin-left:-40px;
  1049. margin-top:-106px;
  1050. width:101px;
  1051. height:106px;
  1052. background-color:{color:posts};
  1053. text-align: center;
  1054. line-height: 21px;
  1055. font-family:Trebuchet MS, sans-serif;
  1056. font-size:9px;
  1057. text-transform:uppercase;
  1058. z-index:9999999999999999;
  1059. opacity:`;
  1060. -webkit-transition: all .8s ease-out;
  1061. -moz-transition: all .8s ease-out;
  1062. -webkit-transition: all .8s ease-out;
  1063. -moz-transition: all .8s ease-out;
  1064. }
  1065.  
  1066. /* menu by ruby connection html | usou ? creditou. É DE GRATIS */
  1067.  
  1068. .break{
  1069. width:105px;
  1070. height:15px;
  1071. margin-top: 5px;
  1072. margin-left: 5px;
  1073. float: left;
  1074. position: fixed;
  1075. -webkit-transition: all .8s ease-out;
  1076. -moz-transition: all .8s ease-out;
  1077. -webkit-transition: all .8s ease-out;
  1078. -moz-transition: all .8s ease-out; }
  1079.  
  1080. .break a {
  1081. display: block;
  1082. float: left;
  1083. margin-left: 3px;
  1084. line-height: 17px;
  1085. height: 15px;
  1086. width: 75px;
  1087. -webkit-transition: all .8s ease-out;
  1088. -moz-transition: all .8s ease-out;
  1089. -webkit-transition: all .8s ease-out;
  1090. -moz-transition: all .8s ease-out;
  1091. background-color: {color:background};
  1092. text-align:left;
  1093. margin-bottom:1px;
  1094. border-left: 7px solid {color:italic};
  1095. padding-left: 5px;
  1096. }
  1097.  
  1098. .break a:hover{
  1099. width: 65px;
  1100. padding-left: 15px;
  1101. color:#865ea8;
  1102. border-left: 7px solid {color:bold};
  1103. -webkit-transition: all .8s ease-out;
  1104. -moz-transition: all .8s ease-out;
  1105. -webkit-transition: all .8s ease-out;
  1106. -moz-transition: all .8s ease-out;
  1107.  
  1108. }
  1109.  
  1110.  
  1111. .directories{
  1112. margin-left:46px;
  1113. margin-top: 1px;
  1114. width:178px;
  1115. height:28px;
  1116. background-color:{color:posts};
  1117. text-align: center;
  1118. padding: 4px;
  1119. line-height: 15px;
  1120. font-size: 8px;
  1121. letter-spacing: 2px;
  1122. word-spacing: 1px;
  1123. }
  1124.  
  1125. .musicplayer{
  1126. margin-left: 233px;
  1127. margin-top: -36px;
  1128. overflow:hidden;
  1129. width:28px;
  1130. height:26px;
  1131. padding:5px;
  1132. background:{color:posts}; /* This is the background color */
  1133. z-index:999999999999999999999999999999999999999;
  1134. opacity:1;
  1135. -webkit-transition: all 1s ease-in-out;
  1136. -moz-transition: all 1s ease-in-out;
  1137. transition: all 1s ease-in-out;
  1138. }
  1139.  
  1140. #icon{
  1141. /* This is for the positioning of the music gif: */
  1142. margin-top:5px;
  1143. margin-left:7px;
  1144. opacity:1;
  1145. -webkit-transition: all 0.5s linear;
  1146. -moz-transition: all 0.5s linear;
  1147. transition: all 0.5s linear;
  1148. }
  1149.  
  1150. .musicplayer:hover #icon{
  1151. margin-top:-20px;
  1152. -webkit-transition: all 0.5s linear;
  1153. -moz-transition: all 0.5s linear;
  1154. transition: all 0.5s linear;
  1155. }
  1156.  
  1157. #musicbox{
  1158. width:13px;
  1159. height:13px;
  1160. border-radius:0em;
  1161. overflow:hidden;
  1162. /* This is for the positioning of the music player: */
  1163. margin-top:14px;
  1164. margin-left:8px;
  1165. }
  1166.  
  1167. #music2{
  1168. margin-top:-7px;
  1169. margin-left:-34px;
  1170. border-radius:0em;
  1171. }
  1172.  
  1173. .contact{
  1174. margin-left:-164px;
  1175. margin-top: -36px;
  1176. width:186px;
  1177. height:28px;
  1178. background-color:{color:posts};
  1179. text-align: right;
  1180. padding: 4px;
  1181. line-height: 15px;
  1182. font-size: 8px;
  1183. border-left: 7px solid {color:bold};
  1184. border-right: 7px solid {color:bold};
  1185. }
  1186.  
  1187. .statcounter {
  1188. margin-left:-397px;
  1189. margin-top: -33px;
  1190. width:123px;
  1191. height:26px;
  1192. background-color:transparent;
  1193. color:#000;
  1194. text-align: center;
  1195. line-height: 13.5px;
  1196. font-family:Trebuchet MS, sans-serif;
  1197. font-size:8px;
  1198. text-transform:uppercase;
  1199. }
  1200.  
  1201. .links_list {
  1202. margin-top:-15px;
  1203. margin-left:-415px;
  1204. width:100%;
  1205. z-index:1;
  1206. }
  1207.  
  1208. .links_head {
  1209. cursor:pointer;
  1210. width:250px;
  1211. height:20px;
  1212. background:{color:posts};
  1213. padding-top:2px;
  1214. margin-top:-18px;
  1215. text-align:center;
  1216. text-transform:uppercase;
  1217. font-family:arial, sans-serif;
  1218. font-size:7px;
  1219. line-height: 9px;
  1220. }
  1221.  
  1222. .links_body {
  1223. padding:5px;
  1224. width:406px;
  1225. height: 35px;
  1226. margin-top:1px;
  1227. margin-left: 0px;
  1228. background-color:{color:posts};
  1229. text-transform:uppercase;
  1230. font-family:calibri, arial, sans-serif;
  1231. font-size:8px;
  1232. text-align:left;
  1233. display:none;
  1234. }
  1235.  
  1236. .links_body img {
  1237. padding-top:3px;
  1238. width:30px;
  1239. height:30px;
  1240. margin-right: 3px;
  1241. opacity: 0.5; filter:alpha(opacity=75); -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
  1242. -webkit-filter: grayscale(100%);
  1243. z-index: -9999999999999999999999999px;
  1244. -webkit-transition: all 0.9s ease-in-out;
  1245. -moz-transition: all 0.9s ease-in-out;
  1246. -o-transition: all 0.9s ease-in-out;
  1247. -ms-transition: all 0.9s ease-in-out;
  1248. transition: all 0.9s ease-in-out;
  1249. }
  1250.  
  1251. .links_body img:hover { opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;
  1252. -webkit-filter: grayscale(50%);
  1253. z-index: -9999999999999999999999999px;
  1254. -webkit-transition: all 0.9s ease-in-out;
  1255. -moz-transition: all 0.9s ease-in-out;
  1256. -o-transition: all 0.9s ease-in-out;
  1257. -ms-transition: all 0.9s ease-in-out;
  1258. transition: all 0.9s ease-in-out;
  1259. }
  1260.  
  1261. {CustomCSS}
  1262.  
  1263. </style>
  1264. </head>
  1265.  
  1266. <!-- jquery -->
  1267.  
  1268. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1269. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  1270. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1271.  
  1272. <script>
  1273. $(document).ready(function() {
  1274. $(document).tooltip({
  1275. track:true
  1276. });
  1277. $('.photo-slideshow').pxuPhotoset({
  1278. lightbox: true,
  1279. rounded: 'corners',
  1280. gutter: '3px',
  1281. borderRadius: '0px',
  1282. photoset: '.photo-slideshow',
  1283. photoWrap: '.photo-data',
  1284. photo: '.pxu-photo'
  1285. });
  1286. // video & soundcloud scripts © eoxk.tumblr
  1287. $('.v iframe').each(function(){
  1288. var scale = $(this).parents('.v').width() / 500;
  1289. $(this).attr({
  1290. width: Math.floor($(this).attr('width') * scale),
  1291. height: Math.floor($(this).attr('height') * scale)
  1292. });
  1293. });
  1294. $('.ss').each(function() {
  1295. $(this).click(function() {
  1296. var $this = $(this);
  1297. $this.closest('.posts').find('.tt').slideToggle(400);
  1298. $this.toggleClass('seemore');
  1299. if ($this.hasClass('seemore')) {
  1300. $this.text('show tags');
  1301. } else {
  1302. $this.text('hide tags');
  1303. }
  1304. });
  1305. });
  1306. var color = '{color:link}'; // color of play button (hex)
  1307. $('.soundcloud_audio_player').each(function(){
  1308. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' - 30 });
  1309. });
  1310. });
  1311. </script>
  1312.  
  1313. <body>
  1314.  
  1315. <img src='http://o.aolcdn.com/hss/storage/fss/b77e0a1c039c9a9b735772c6c49620a3/tumblr_o2quof41hM1s6vjiio1_540.png' style='position:fixed;bottom:84px;left:0px;z-index:-999;'/>
  1316.  
  1317. <div id="side">
  1318.  
  1319. <div class="andmark">&</div>
  1320. <div class="titlee">AKALI</div>
  1321. <div class="sun">sun</div>
  1322. <div class="aella">aella</div>
  1323.  
  1324. <div class="career">BETTER KNOWN AS;
  1325. AKALI - LEAD VOCALIST, MAIN RAPPER, LEAD DANCER OF <b><a href="/reign" title="a testament that women can be just as talented as men.">REIGN</a>.</B> <b><a href="/tagged/( .sun!disc )" title="visit the other side of me.">SOLOIST</a></b>. <b><a href="/royals" title="the royals.">ROYALS'</a></b> FEMALE LEAD. BAD ATTITUDE WITH A BAD HABIT OF RUNNING HER MOUTH. YOU <B>MOST</B> LIKELY KNOW HER, APPROACH HER AS SUCH. EVEN IF IT'S TO SWING AT HER, BECAUSE SHE FUCKED YOUR BOYFRIEND.
  1326. </div>
  1327.  
  1328. <div class="social">
  1329. <div class="socialimg">
  1330. <a href="/tagged/( .social!twitter )" title="social:twitter"><img src="http://o.aolcdn.com/hss/storage/fss/f478539895a404b9d3110a350ce458/twitter-2-128+(1).png"/></a>
  1331. </div>
  1332. </div>
  1333.  
  1334. <div class="socialinsta">
  1335. <div class="socialimg">
  1336. <a href="/tagged/( .social!insta )" title="social:insta"><img src="http://o.aolcdn.com/hss/storage/fss/a9b05c416e9916d74002cfb8f7d272b7/instagram-2-128+(1).png"/></a>
  1337. </div>
  1338. </div>
  1339.  
  1340. <div class="socialsound">
  1341. <div class="socialimg">
  1342. <a href="/tagged/( .social!soundcloud )" title="social:soundcloud"><img src="http://o.aolcdn.com/hss/storage/fss/1582cb1a7eef5cd5f002da88ebbf0c8e/soundcloud-2-128+(1).png"/></a>
  1343. </div>
  1344. </div>
  1345.  
  1346. <div class="socialutube">
  1347. <div class="socialimg">
  1348. <a href="/tagged/( .social!youtube )" title="social:youtube"><img src="http://o.aolcdn.com/hss/storage/fss/7199cac01d9e5166e1e57b77b74ed6f4/youtube-2-128.png"/></a>
  1349. </div>
  1350. </div>
  1351.  
  1352. <div class="sb1"><img src='http://o.aolcdn.com/hss/storage/fss/d9ee2207eb28d61ff88207bd3f131158/large.gif'></div>
  1353.  
  1354. <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>
  1355.  
  1356. <div class="hovers">
  1357. <div class="whants">
  1358. <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 sorrism. heavily tweaked by yours truly, for me and me alone. Graphics are also done by me. ICON PSD by YODA. do not steal. questions welcomed. Optimized for Google Chrome."></a>
  1359. </div></div>
  1360.  
  1361. <div class="akali"><B>AKALI</B> (N) - 1) NARISSITIC GODDESS. 2) TQ'S PROBLEMATIC QUEEN, AND YOUR PROBLEMATIC FAVE. 3) RAPPER WITH THE QUICK TOUNGE, AND QUICKER WIT. FREESTYLES BETTER THAN YOUR OPPA. 4) PROBABLY THE CHICK WHO FUCKED YOUR BOYFRIEND. 5) RAPPER, VOCALIST, DANCER; TRIPLE THREAT.
  1362. </div>
  1363.  
  1364. <div class="link">
  1365. <div class="break">
  1366. <a href="/">! - HOME</a>
  1367. <a href="/ask">! - MESSAGE</a>
  1368. <a href="/submit">! - SUBMIT</a>
  1369. <a href="/navi">! - NAVIGATION</a>
  1370. <a href="/timeline">! - HISTORY</a>
  1371. <a href="http://www.rpthreadtracker.com/public/allthreads?userId=20750&currentBlog=&sortDescending=false&currentOrderBy=LastPostDate&filteredTag=">! - TRACKER</a>
  1372. </div></div>
  1373.  
  1374. <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> <a href="http://illestcrew.tumblr.com/">ILLEST!</a> <a href="http://avcmoi.tumblr.com/">AVEC!</a></div>
  1375.  
  1376. <div class="musicplayer"><div id="icon">
  1377. <img src="https://33.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  1378. </div>
  1379. <div id="musicbox"><div id="music2">
  1380. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="25">
  1381. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1382. <param name="bgcolor" value="#f7f8f9" />
  1383. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=105&amp;height=25&amp;volume=15&amp;autoplay=1&amp;loop=1&amp;shuffle=0&amp;showslider=0&amp;loadingcolor=f7f8f9&amp;bgcolor=f7f8f9&amp;bgcolor1=f7f8f9&amp;bgcolor2=f7f8f9&amp;buttoncolor=cab1da&amp;buttonovercolor=cab1da&amp;showlist=0" />
  1384. </object></div></div></div>
  1385.  
  1386. <div class="contact"><b>C O N T A C T</b>: AIM @ S I C K B I T C H . K R<BR>LET ME KNOW WHO YOU ARE WHEN YOU ADD.</div>
  1387.  
  1388. <div class="statcounter">EST. OCT 2015 // <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5163425";
  1389. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1390. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&m=0&wh="+w_h+"&a=1&pn="+pn+"";
  1391. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1392. </script> of <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3058827";
  1393. fhsh.src = "http://freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  1394. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1395. </script></div>
  1396.  
  1397. <div class="links_list">
  1398. <p class="links_head">The truth is, everyone is going to hurt you. You just got to find the ones worth suffering for. <b>[ CLICK ]</b></p>
  1399. <div class="links_body">
  1400. <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
  1401. <a href="http://mysvmi.tumblr.com/" title="! - * Moon Soomi"><img src="https://41.media.tumblr.com/2b438d5ba8c572d5fc988d5acecc99ff/tumblr_inline_nudnx62SUv1sx2cwu_540.png"/></a>
  1402.  
  1403. <a href="http://drumskr.tumblr.com/" title="! - * Yoo Jongjae"><img src="http://o.aolcdn.com/hss/storage/fss/5a09661f41434df58a12507539b44188/beach-beer.png"/></a>
  1404.  
  1405. <a href="http://soianz.tumblr.com/" title="! - * Lee Hana"><img src="https://40.media.tumblr.com/ec6f4793834d294b899b711410e5cb58/tumblr_nz4egnVUBT1ssjv8ro3_250.png"/></a>
  1406.  
  1407. <a href="http://hxnryz.tumblr.com/" title="! - * Henry Lau"><img src="https://41.media.tumblr.com/dca52cac6d4998a0216ad649a1cb2aec/tumblr_nvcq5dC9Ko1uses7vo5_250.png"/></a>
  1408.  
  1409. <a href="http://90yoda.tumblr.com/" title="! - * Park Sojin"><img src="https://images-2.discordapp.net/.eJwNyMENgCAMAMBdGIBKEUS3IUiQBC2h9WXcXX-Xe9Q9mtrUIdJ5A9grJxq7ZqERS9aFqLQce2Wd6IQoEtNx5ksYjHc4BxMwWJy9DQv-5Se3_HK4TtYYv4LV_Srq_QA4KiAF.LRphoPpoT-XbtyoV0PbmxZ9MWCo.png"/></a>
  1410.  
  1411. <a href="http://choisooy.tumblr.com/" title="! - * Choi Sooyoung"><img src="https://41.media.tumblr.com/6fecaaa0a8523c7bc1d6730930e40688/tumblr_o04wjnQaF51s02j7ro3_400.png"/></a>
  1412.  
  1413. <a href="http://lizzorilla.tumblr.com" title="! - * Park Sooyoung"><img src="https://41.media.tumblr.com/c8185ddd96a7b703bc4195e8505d002e/tumblr_o1hc0sjFkd1uz1ojso3_250.png"/></a>
  1414.  
  1415. <a href="http://vxrtve.co.vu/" title="! - * Byun Baekhyun"><img src="http://o.aolcdn.com/hss/storage/fss/210887c5db3247104de6351accaf7153/baek.png"/></a>
  1416.  
  1417. <a href="http://exokvi.tumblr.com/" title="! - * Kim Jongin"><img src="http://o.aolcdn.com/hss/storage/fss/f800fa6b3ccc974bb56926c395c3a9d4/1c.png"/></a>
  1418.  
  1419. <a href="http://hvisse.tumblr.com/" title="! - * Park Greyson"><img src="https://images-2.discordapp.net/.eJwNyNENgyAQANBdGAAORDycoTsYigZNlCNwxLRNd2_f5_uIXk8xi525tFmp9WiR6iobUw1pk4konVsoR5ORLhWYQ9yvLXNT2o3GokaDg7FuwMn8y8E4oQPwxmuPGhT363nWJZdX5fiwBXXb-xtuGhYLIEtO4vsDj6sqxg.JYrooAs39mjOaJCsWEPr35Bj12E.png?width=300&height=300"/></a>
  1420.  
  1421. <a href="" title="! - * Lee Senshiro"><img src="http://o.aolcdn.com/hss/storage/fss/6e40c5396131f661b3c749ce0991257f/tumblr_nwnlsreqTj1qd9gy2o1_540.png"/></a>
  1422.  
  1423. <a href="http://vuotriste.tumblr.com/" title="! - * Renier Vitalli"><img src="https://40.media.tumblr.com/a4ddee4349f32951cbb3c42b1fdb4c52/tumblr_inline_nomwxdjUX61sb4p6n_540.jpg"/></a>
  1424.  
  1425. <a href="http://penncho.tumblr.com/" title="! - * Cho Spencer"><img src="http://o.aolcdn.com/hss/storage/fss/c55fcf3eff7ca029b3103b52d59e7b30/c55fcf3eff7ca029b3103b52d59e7b30.jpg"/></a>
  1426.  
  1427. <a href="http://yienetic.tumblr.com/" title="! - * Mark Taun"><img src="https://40.media.tumblr.com/698252bf65263914ad8b980a2e814ded/tumblr_o141qvnj2N1urkt8fo1_250.png"/></a>
  1428.  
  1429. <a href="http://noctvrnez.tumblr.com/" title="! - * Seijiro Thane"><img src="http://o.aolcdn.com/hss/storage/fss/af296499c200098cee857d447d8469e5/%5BVietsub%5D+160109+Chanyeol+Live+on+V-app+%5BEXO+Team%5Df.png"/></a>
  1430.  
  1431. <a href="http://aekure.tumblr.com/" title="! - * Heo June"><img src="http://o.aolcdn.com/hss/storage/fss/971c7f7aef2a2ae92472d6d5972779f1/iconfriends.jpg"/></a></marquee>
  1432. </div></div></div></div>
  1433.  
  1434. </div>
  1435.  
  1436.  
  1437. <section id="entries">
  1438.  
  1439. {block:Posts}<article class="posts">
  1440.  
  1441. {block:Quote}<div class="titlequote">{Quote}</div>
  1442. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1443. {/block:Quote}
  1444.  
  1445. {block:Text}
  1446. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1447. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  1448. {/block:Text}
  1449.  
  1450. {block:Link}
  1451. <div class="title"><a href="{URL}">{Name}</a></div>
  1452. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  1453. {/block:Link}
  1454.  
  1455. {block:Chat}
  1456. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1457. <ol class="chat {block:title}ted{/block:title}">
  1458. {block:Lines}
  1459. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1460. {/block:Lines}
  1461. </ol>
  1462. {/block:Chat}
  1463.  
  1464. {block:Photo}
  1465. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  1466. {/block:Photo}
  1467.  
  1468. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1469. {/block:Photoset}
  1470.  
  1471. {block:Video}<div class="media v">{Video-500}</div>{/block:Video}
  1472.  
  1473. {block:Audio}
  1474. {block:AudioPlayer}
  1475. <div class="hold">
  1476. <div class="player">{AudioPlayerwhite}</div>
  1477. </div>{/block:AudioPlayer}<div class="audio_info">
  1478. {block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}
  1479. {block:Artist}<span>by {Artist}</span>{/block:Artist}</div>
  1480. {/block:Audio}
  1481.  
  1482. {block:Answer}
  1483. <div class="q">{Question}</div>
  1484. <div class="as">sent by {Asker}</div>
  1485. <div class="a">{Answer}</div>
  1486. {/block:Answer}
  1487.  
  1488. {block:Caption}<div class="caption {select:captions}">{Caption}</div>{/block:Caption}
  1489.  
  1490. {block:Date}{block:indexpage}
  1491. <div class="when"><span class="rest">{block:notecount}<a href="{permalink}">{notecountwithlabel}</a><br>{/block:notecount}<a href="{ReblogURL}" target="_blank" class="r">reblog</a></span>{block:ifnotClickforTags}<a href="{Permalink}" target="_blank">posted on {dayofweek}<br>{timeago}</a>{/block:ifnotClickforTags}{block:ifClickforTags}<a href="{Permalink}" target="_blank">posted on {dayofweek}</a>{block:HasTags}<br><a class="ss seemore">show tags</a><div class="tt">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifClickforTags}</div>{/block:indexpage}
  1492.  
  1493. {block:permalinkpage}
  1494. <div id="permalink">
  1495. <span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</span>
  1496. {block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}
  1497. {block:HasTags}<span>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  1498. {/block:permalinkpage}
  1499. {/block:Date}</article>
  1500.  
  1501. {block:PostNotes}
  1502. <article class="pagenotes posts"><div class="title">{NoteCountWithLabel}</div><div class="same">{PostNotes}</div></article>
  1503. {/block:PostNotes}
  1504. {/block:Posts}
  1505.  
  1506. </section>
  1507.  
  1508. {block:Pagination}<footer>
  1509. <div id="pagination">
  1510. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}<div id="more"><a style="cursor:help;">load more</a></div>{/block:ifmanualload}{/block:ifinfinitescroll}</footer>
  1511. {/block:Pagination}
  1512.  
  1513.  
  1514. {block:indexpage}
  1515. {block:ifinfinitescroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1516. <script>
  1517. $(document).ready(function(){
  1518. var color = '{color:link}';
  1519. var $container = $('section');
  1520. $container.infinitescroll({
  1521. itemSelector: '.posts',
  1522. navSelector: '#pagination',
  1523. nextSelector: '#pagination a',
  1524. loadingImg: '',
  1525. loadingText: '<em></em>',
  1526. bufferPx: 3000
  1527. },
  1528. function( newElements ) {
  1529. var $newElems = $( newElements );
  1530. $newElems.find('.photo-slideshow').pxuPhotoset({
  1531. lightbox: true,
  1532. rounded: 'corners',
  1533. gutter: '3px',
  1534. borderRadius: '0px',
  1535. photoset: '.photo-slideshow',
  1536. photoWrap: '.photo-data',
  1537. photo: '.pxu-photo'
  1538. });
  1539. $newElems.find('.v iframe').each(function(){
  1540. var scale = $(this).parents('.v').width() / 500;
  1541. $(this).attr({
  1542. width: Math.floor($(this).attr('width') * scale),
  1543. height: Math.floor($(this).attr('height') * scale)
  1544. });
  1545. });
  1546. $newElems.find('.ss').each(function() {
  1547. $(this).click(function() {
  1548. var $this = $(this);
  1549. $this.closest('.posts').find('.tt').slideToggle(400);
  1550. $this.toggleClass('seemore');
  1551. if ($this.hasClass('seemore')) {
  1552. $this.text('show tags');
  1553. } else {
  1554. $this.text('hide tags');
  1555. }
  1556. });
  1557. });
  1558. $newElems.find('.soundcloud_audio_player').each(function(){
  1559. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' - 30 });
  1560. });
  1561. });
  1562. {block:ifmanualload}
  1563. jQuery(window).unbind('.infscr');
  1564. jQuery('#more a').click(function(){
  1565. jQuery('section').infinitescroll('retrieve'); return false;
  1566. });
  1567. {/block:ifmanualload}
  1568. });
  1569. </script>
  1570. {/block:ifinfinitescroll}
  1571. {/block:indexpage}
  1572.  
  1573.  
  1574. {block:ContentSource}
  1575. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1576. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1577. {/block:SourceLogo}
  1578. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1579. {/block:ContentSource}
  1580. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">σ</a>
  1581. </body>
  1582.  
  1583. <!-- Start of StatCounter Code for Tumblr -->
  1584. <script type="text/javascript">
  1585. var sc_project=10873951;
  1586. var sc_invisible=1;
  1587. var sc_security="ceb90a76";
  1588. var scJsHost = (("https:" == document.location.protocol) ?
  1589. "https://secure." : "http://www.");
  1590. document.write("<sc"+"ript type='text/javascript' src='" +
  1591. scJsHost+
  1592. "statcounter.com/counter/counter.js'></"+"script>");
  1593. </script>
  1594. <noscript><div class="statcounter"><a title="stat tracker
  1595. for tumblr" href="http://statcounter.com/tumblr/"
  1596. target="_blank"><img class="statcounter"
  1597. src="http://c.statcounter.com/10873951/0/ceb90a76/1/"
  1598. alt="stat tracker for tumblr"></a></div></noscript>
  1599. <!-- End of StatCounter Code for Tumblr -->
  1600.  
  1601. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement