Advertisement
aellionios

crazyb!tch

Feb 10th, 2016
155
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.07 KB | None | 0 0
  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.  
  41. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css";; rel="stylesheet">
  42.  
  43. <title>{Title}</title>
  44. {block:Description}
  45. <meta name="description" content="{MetaDescription}" />
  46. {/block:Description}
  47. <link rel="shortcut icon" href="http://xlittle-piece-of-my-lifex.blogspot.com/favicon.ico" />
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  49.  
  50. <meta name="image:Background" content="" />
  51.  
  52. <meta name="color:Background" content="#0000000" />
  53. <meta name="color:Posts" content="#0c0c0c" />
  54. <meta name="color:Text" content="#474747" />
  55. <meta name="color:Links" content="#43324e" />
  56. <meta name="color:Blockquote" content="#191919" />
  57. <meta name="color:Posttitle" content="#222222" />
  58. <meta name="color:Bold" content="#4d3760" />
  59. <meta name="color:Italic" content="#271933"/>
  60. <meta name="color:Border" content="#1e1e1f" />
  61. <meta name="color:Permalink" content="#191919" />
  62. <meta name="color:PermaText" content="#474747" />
  63. <meta name="color:NoteText" content="#474747" />
  64. <meta name="color:NoteBackground" content="#f6f6f6" />
  65. <meta name="color:Scroll" content="#0f0f0f" />
  66. <meta name="color:Scrollbar" content="#0f0f0f" />
  67. <meta name="color:Scrollbarborder" content="#191919" />
  68.  
  69. <meta name="if:250px" content="1" />
  70. <meta name="if:ShowCaptions" content="0" />
  71. <meta name="if:ShowDescription" content="1" />
  72. <meta name="if:WhiteTumblrControls" content="1" />
  73. <meta name="if:Infinitescroll" content="1" />
  74.  
  75. <meta name="text:PostPadding" content="0px" />
  76.  
  77. <meta name="text:MP3 Link" content=""/>
  78.  
  79. <style type="text/css">
  80.  
  81. @font-face
  82. { font-family:"lovenote"; src: url('https://dl.dropbox.com/s/lg0biqm7jqlyfaq/ck-love-note.ttf?dl=1'); format(“truetype”);}
  83. @font-face
  84. { font-family:"dolcevita"; src: url('https://dl.dropbox.com/s/ulyc96lx0yfiryl/Dolce%20Vita%20Heavy%20Bold.ttf?dl=1'); format(“truetype”);}
  85. @font-face
  86. { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  87.  
  88.  
  89. /* Tumblr Controls */
  90.  
  91. iframe#tumblr_controls {
  92. top:0%!important;
  93. right:0%!important;
  94. position:fixed!important;
  95. z-index:999999999!important;
  96. {block:ifWhiteTumblrControls}
  97. opacity:0.3;
  98. -webkit-filter:invert(100%);
  99. -moz-filter:invert(100%);
  100. -o-filter:invert(100%);
  101. -ms-filter:invert(100%);
  102. filter:invert(100%);
  103. {/block:ifWhiteTumblrControls}
  104. }
  105.  
  106.  
  107. /* Scroll */
  108.  
  109. ::-webkit-scrollbar { width:5px; height:5px;}
  110. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  111. ::-webkit-scrollbar-thumb {
  112. background-color:{color:Scrollbar};
  113. border:1px solid {color:Scrollbarborder};
  114. -webkit-border-radius: 10%;
  115. -moz-border-radius: 10%;
  116. border-radius: 10%;}
  117.  
  118.  
  119. /* Tooltips */
  120.  
  121. #s-m-t-tooltip{
  122. max-width:210px;
  123. margin-top:25px;
  124. margin-left:15px;
  125. padding:2px 5px;
  126. z-index:999999;
  127. background:{color:posts};
  128. border:1px solid {color:Border};
  129. -webkit-border-radius: 10%;
  130. -moz-border-radius: 10%;
  131. border-radius: 10%;
  132. color:{color:text};
  133. font-family:calibri, arial, sans-serif;
  134. font-size:8px;
  135. line-height:8px;
  136. letter-spacing:1px;
  137. text-transform:uppercase;
  138. }
  139.  
  140.  
  141. /*Body*/
  142.  
  143. body {
  144. margin:0;
  145. padding:0;
  146. border:0;
  147. background:url('{image:Background}');
  148. background-attachment:fixed;
  149. background-position:bottom right;
  150. background-repeat:no-repeat;
  151. background-color:{color:Background};
  152. color:{color:Text};
  153. font-family:arial, sans-serif;
  154. font-size:8px;
  155. line-height:12px;
  156. word-wrap:break-word;
  157. }
  158.  
  159. pre {
  160. width:95%;
  161. margin-left:auto;
  162. margin-right:auto;
  163. padding:4px;
  164. background:#f4f4f4;
  165. white-space:pre-wrap;
  166. word-wrap:break-word;
  167. }
  168.  
  169. blockquote {
  170. width:88%;
  171. margin-left:auto;
  172. margin-right:auto;
  173. padding-left:10px;
  174. padding-right:10px;
  175. padding-top:1px;
  176. padding-bottom:1px;
  177. border-left:1px solid {color:Blockquote};
  178. }
  179.  
  180. ul, ol {
  181. margin-left:-15px;
  182. }
  183.  
  184.  
  185. /* Typo */
  186.  
  187. p { margin:3px 0px; }
  188.  
  189. a {
  190. color:{color:Links};
  191. text-decoration:none;
  192. transition-duration: 0.6s;
  193. -moz-transition-duration: 0.6s;
  194. -webkit-transition-duration: 0.6s;
  195. -o-transition-duration: 0.6s;
  196. }
  197.  
  198. a:hover{ color:transparent; }
  199.  
  200. b, strong {
  201. color:{color:Bold};
  202. font-weight:bold;
  203. }
  204.  
  205. i, em {
  206. color:{color:Italic};
  207. font-style:italic;
  208. }
  209.  
  210. h2 {
  211. font-family:helvetica;
  212. font-size:30px;
  213. letter-spacing:-2px;
  214. line-height: 18px;
  215. color:{color:PostTitle};
  216. margin:0 0 10px 0;}
  217.  
  218. small, sub, sup {
  219. font-size:9px;
  220. line-height:10px;
  221. }
  222.  
  223. /* Center Wrapper */
  224.  
  225. #wrapper {
  226. {block:if250px}
  227. width:0px;
  228. {/block:if250px}
  229. height:auto;
  230. margin-left: 90px;
  231. margin-right:auto;
  232. margin-top:20px;
  233. margin-bottom:80px;
  234. padding:0;
  235. border:0;
  236. -webkit-animation:pulse 2s;
  237. -moz-animation:pulse 2s;
  238. -o-animation:pulse 2s;
  239. }
  240.  
  241.  
  242. /* Posts */
  243.  
  244. .post_outer {
  245. {block:if250px}
  246. width:370px;
  247. {/block:if250px}
  248. margin-bottom:40px;
  249. background:transparent;
  250. border:1px solid {color:Border};
  251. position:relative;
  252. background:{color:Posts};
  253. }
  254.  
  255. .posts {
  256. {block:if250px}
  257. width:350px;
  258. {/block:if250px}
  259. height:auto;
  260. padding:10px 10px 0px ;
  261. position:relative;
  262. background:{color:Posts};
  263. color:{color:Text};
  264. font-family:arial, sans-serif;
  265. font-size:9px;
  266. line-height:12px;
  267. text-align:left;
  268. }
  269.  
  270. .post_inner { padding:{text:Postpadding}; }
  271.  
  272. .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;}
  273.  
  274. 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; }
  275. #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;}
  276.  
  277. 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; }
  278. #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;}
  279.  
  280. 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; }
  281.  
  282. #tumblr_lightbox {
  283. background-color:rgba(255,255,255,1)!important;
  284. opacity:1;
  285. }
  286. #tumblr_lightbox img { opacity:0; }
  287. #tumblr_lightbox_caption {
  288. padding-left:17px;
  289. background:none!important;
  290. color:#aaa!important;
  291. font-family:arial!important;
  292. font-size:10.5px!important;
  293. font-weight:normal!important;
  294. text-transform:normal!important;
  295. text-shadow:none!important;
  296. }
  297. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  298. padding:0px!important;
  299. opacity:1!important;
  300. -moz-box-shadow:none!important;
  301. -webkit-box-shadow:none!important;
  302. box-shadow:none!important;
  303. -moz-border-radius:0px!important;
  304. -webkit-border-radius:0px!important;
  305. border-radius:0px!important;
  306. }
  307.  
  308.  
  309. /* Perma - Indexpage */
  310.  
  311. #perma {
  312. position:relative;
  313. top:15px;
  314. text-align:right;
  315. color:{color:Border};
  316. }
  317.  
  318. #perma a {
  319. color:{color:Permalink};
  320. font-family:calibri, arial, sans-serif;
  321. font-size:8px;
  322. text-transform:uppercase;
  323. letter-spacing:1px;
  324. }
  325.  
  326. #perma a:hover {
  327. padding-right:5px;
  328. font-style:italic;
  329. }
  330.  
  331.  
  332. /* Perma - Permalinkpage */
  333.  
  334. .perma2 {
  335. color:{color:PermaText};
  336. font-family:calibri, arial, sans-serif;
  337. font-size:8px;
  338. text-transform:uppercase;
  339. line-height:14px;
  340. letter-spacing:1px;
  341. padding-bottom:15px;
  342. padding-top: 5px;
  343. padding-left: 15px;
  344. border-bottom:1px solid {color:Border};
  345. }
  346.  
  347. ol.notes {
  348. height:304px;
  349. overflow:auto;
  350. padding:0px;
  351. margin:15px 10px;
  352. list-style-type:none;
  353. text-align:left;
  354. }
  355.  
  356. li.note {
  357. {block:if250px}
  358. width:324px;
  359. {/block:if250px}
  360. padding:5px 8px;
  361. margin:0px 5px 4px 0px;
  362. background:{color:NoteBackground};
  363. color:{color:NoteText};
  364. font-family:calibri, arial, sans-serif;
  365. font-size:8px;
  366. text-transform:uppercase;
  367. line-height:10px;
  368. letter-spacing:1px;
  369. }
  370.  
  371. li.note a { color:{color:NoteText}; }
  372.  
  373. img.avatar { display:none; }
  374.  
  375.  
  376. /* Ask */
  377.  
  378. #ask {
  379. min-height: auto;
  380. width: 330px;
  381. padding: 13px;
  382. padding-bottom: 10px;
  383. margin-left: -3px;
  384. background-color: #0a0a0a;
  385. }
  386.  
  387. #asker {
  388. margin-top: 10px;
  389. margin-left: -5px;
  390. width: 340px;
  391. font-size:7px;
  392. text-transform: uppercase;
  393. line-height:13px;
  394. letter-spacing: 1px;
  395. text-align:right;
  396. color: {color:text};
  397. background-color: #0a0a0a;
  398. border-bottom: solid 1px;
  399. padding-bottom: 0px;
  400. -moz-transition:all ease-in-out 1s;
  401. -webkit-transition:all ease-in-out 1s;
  402. -o-transition:all ease-in-out 1s;
  403. transition:all ease-in-out 1s;
  404. }
  405.  
  406. #question {
  407. width: 316px;
  408. font-size: 7px;
  409. margin-top: 5px;
  410. margin-left: 10px;
  411. letter-spacing: 1px;
  412. text-transform:uppercase;
  413. color: {color:ask text};
  414. text-align: justify;
  415. }
  416.  
  417. #answer {
  418. margin: 10px;
  419. font-size: 10px;
  420. color: {color:text};
  421. }
  422.  
  423. .askicon img {
  424. margin-left: 0px;
  425. margin-top: -7px;
  426. border-radius:0px;
  427. border: 2px solid #0c0c0c;
  428. opacity:1;
  429. padding:2px;
  430. float:left;
  431. text-align:justify;
  432. -webkit-filter: grayscale(100%);
  433. -webkit-transition:all 1s ease-in-out;
  434. -moz-transition:all 1s ease-in-out;
  435. -o-transition:all 1s ease-in-out;
  436. -ms-transition:all 1s ease-in-out;
  437. transition:all 1s ease-in-out;
  438. }
  439.  
  440. .askicon img:hover {
  441. -webkit-filter: grayscale(0%);
  442. -webkit-transition:all 1s ease-in-out;
  443. -moz-transition:all 1s ease-in-out;
  444. -o-transition:all 1s ease-in-out;
  445. -ms-transition:all 1s ease-in-out;
  446. transition:all 1s ease-in-out;
  447. }
  448.  
  449. .rotate{
  450. -webkit-transition-duration: 1s;
  451. -moz-transition-duration: 1s;
  452. -o-transition-duration: 1s;
  453. transition-duration: 1s;
  454.  
  455. -webkit-transition-property: -webkit-transform;
  456. -moz-transition-property: -moz-transform;
  457. -o-transition-property: -o-transform;
  458. transition-property: transform;
  459. overflow:hidden;
  460.  
  461. }
  462.  
  463. .rotate:hover {
  464. border-radius: 100px;
  465. -webkit-transform:rotate(360deg);
  466. -moz-transform:rotate(360deg);
  467. -o-transform:#8a0000(360deg);
  468. }
  469.  
  470. /* Chat */
  471.  
  472. #chat {
  473. font-size:8px;
  474. font-family:calibri, arial, sans-serif;
  475. text-transform:uppercase;
  476. letter-spacing:1px;
  477. }
  478.  
  479. /* quote */
  480.  
  481. #quote {
  482. font-size: 25px;
  483. line-height: 20px;
  484. font-family:helvetica;
  485. text-transform:uppercase;
  486. font-weight:bold;
  487. color:{color:PostTitle};
  488. text-align: justify;
  489. }
  490.  
  491. /* Audio */
  492.  
  493. .audi {
  494. padding:15px 20px;
  495. overflow:hidden;
  496. opacity:.2;
  497. background:#000;
  498. }
  499.  
  500. .audi_info {
  501. padding-top:5px;
  502. color:{color:text};
  503. font-size:8px;
  504. font-family:calibri, arial, sans-serif;
  505. text-transform:uppercase;
  506. letter-spacing:1px;
  507. line-height:14px;
  508. }
  509.  
  510. .kasse {
  511. height:8px;
  512. width:8px;
  513. margin-top:2px;
  514. margin-bottom:2px;
  515. margin-right:5px;
  516. float:left;
  517. border:1px solid {color:Border};
  518. -webkit-border-radius: 10%;
  519. -moz-border-radius: 10%;
  520. border-radius: 10%;
  521. }
  522.  
  523.  
  524.  
  525.  
  526.  
  527. /* Sidebar */
  528.  
  529. #side{
  530. bottom:-30px;
  531. left:437px;
  532. position:fixed;
  533. width:450px;
  534. height:200px;
  535. -webkit-animation:pulse 2s;
  536. -moz-animation:pulse 2s;
  537. -o-animation:pulse 2s;
  538. }
  539.  
  540. .titlee{
  541. margin-top: 25px;
  542. margin-left: 150px;
  543. font-family:bebas_neue;
  544. text-transform:uppercase;
  545. font-size:66px;
  546. letter-spacing:-2px;
  547. font-weight:bold;
  548. color:{color:posts};
  549. }
  550.  
  551. .hhey{
  552. margin-left:-100px;
  553. margin-top:0px;
  554. background-color:transparent;
  555. text-align: center;
  556. font-family: bebas_neue;
  557. letter-spacing: -3px;
  558. color: {color:posts};
  559. font-size: 40px;
  560. }
  561.  
  562. .butyoufuck{
  563. margin-left: 200px;
  564. margin-top: 20px;
  565. background-color:transparent;
  566. text-align: center;
  567. font-family: bebas_neue;
  568. letter-spacing: -3px;
  569. color: {color:posts};
  570. font-size: 30px;
  571. }
  572.  
  573. .definition{
  574. margin-left: 242px;
  575. margin-top: -180px;
  576. width:147px;
  577. height:103px;
  578. padding: 5px;
  579. background-color:{color:posts};
  580. text-align: justify;
  581. font-size: 7px;
  582. line-height: 13px;
  583. }
  584.  
  585. .career{
  586. margin-left:137px;
  587. margin-top: -113px;
  588. width:100px;
  589. height:80px;
  590. background-color:{color:posts};
  591. text-align: center;
  592. padding: 4px;
  593. line-height: 11px;
  594. font-size: 7px;
  595. }
  596.  
  597. .sb1{
  598. margin-left:398px;
  599. margin-top:-88px;
  600. width:45px;
  601. height:158px;
  602. border:4px solid {color:posts};
  603. overflow:hidden;
  604. }
  605.  
  606. /* music */
  607.  
  608. .musicplayer{
  609. margin-left: 110px;
  610. margin-top: -47px;
  611. overflow:hidden;
  612. width:31px;
  613. height:31px;
  614. padding:5px;
  615. background:{color:posts}; /* This is the background color */
  616. z-index:999999999999999999999999999999999999999;
  617. opacity:1;
  618. -webkit-transition: all 1s ease-in-out;
  619. -moz-transition: all 1s ease-in-out;
  620. transition: all 1s ease-in-out;
  621. }
  622.  
  623. #icon{
  624. /* This is for the positioning of the music gif: */
  625. margin-top:8px;
  626. margin-left:8px;
  627. opacity:1;
  628. -webkit-transition: all 0.5s linear;
  629. -moz-transition: all 0.5s linear;
  630. transition: all 0.5s linear;
  631. }
  632.  
  633. .musicplayer:hover #icon{
  634. margin-top:-20px;
  635. -webkit-transition: all 0.5s linear;
  636. -moz-transition: all 0.5s linear;
  637. transition: all 0.5s linear;
  638. }
  639.  
  640. #musicbox{
  641. width:13px;
  642. height:13px;
  643. border-radius:0em;
  644. overflow:hidden;
  645. /* This is for the positioning of the music player: */
  646. margin-top:15px;
  647. margin-left:10px;
  648. }
  649.  
  650. #music2{
  651. margin-top:-6px;
  652. margin-left:-35px;
  653. border-radius:0em;
  654. }
  655.  
  656. .statcounter {
  657. margin-left:110px;
  658. margin-top: 1px;
  659. width:94px;
  660. height:22px;
  661. background-color:{color:posts};
  662. text-align: center;
  663. line-height: 22px;
  664. font-family:Trebuchet MS, sans-serif;
  665. font-size:10px;
  666. text-transform:uppercase;
  667. }
  668.  
  669. .hovers {
  670. margin-left:111px;
  671. margin-top: -210px;
  672. width:22px;
  673. height:107px;
  674. padding: 4px;
  675. background-color:{color:posts};
  676. }
  677.  
  678. .whants{
  679. width:15px;
  680. height:25px;
  681. float: left;
  682. position: fixed;
  683. -webkit-transition: all 0.4s ease-out;
  684. -moz-transition: all 0.1s ease-out;}
  685.  
  686. .whants a {
  687. display: inline-block;
  688. float: left;
  689. margin-left: 1px;
  690. margin-top:1px;
  691. height: 17px;
  692. width: 20px;
  693. -webkit-transition: all .8s ease-out;
  694. -moz-transition: all .8s ease-out;
  695. -webkit-transition: all .8s ease-out;
  696. -moz-transition: all .8s ease-out;
  697. background-color: #0b0b0b;
  698. overflow:hidden;
  699. color:{color:text};
  700. font-size:10px;
  701. text-transform: uppercase;
  702. line-height:20px;
  703. text-align:center;}
  704.  
  705. .whants a:hover{
  706. color:#fff;
  707. background-color: #43324e;
  708. -webkit-animation: RH infinite 3s;}
  709.  
  710. @-webkit-keyframes RH {
  711. 90% {text-shadow:6px 6px 0px #271933, -6px -6px 0px #271933;}
  712. 40%{ text-shadow:-6px -6px 0px #271933, 6px 6px 0px #271933;}
  713. 50% {text-shadow:10px 6px 0px #271933, -6px -6px 0px #271933;}
  714. 60% {text-shadow:10px 6px 0px #271933, -6px -6px 0px #271933;}
  715. 80% {text-shadow:-6px 6px 0px #271933, 6px -6px 0px #271933;}
  716. }
  717.  
  718. .link {
  719. margin-left:139px;
  720. margin-top:-115px;
  721. width:207px;
  722. height:28px;
  723. background-color:{color:posts};
  724. text-align: center;
  725. line-height: 21px;
  726. font-family:Trebuchet MS, sans-serif;
  727. font-size:10px;
  728. text-transform:uppercase;
  729. }
  730.  
  731. /* menu by ruby connection html | usou ? creditou. É DE GRATIS */
  732.  
  733. .break{
  734. width:235px;
  735. height:15px;
  736. margin-top: 2px;
  737. margin-left: 0px;
  738. float: left;
  739. position: fixed;
  740. -webkit-transition: all 0.4s ease-out;
  741. -moz-transition: all 0.1s ease-out; }
  742.  
  743. .break a {
  744. display: block;
  745. float: left;
  746. margin-left: 3px;
  747. line-height: 24px;
  748. height: 24px;
  749. width: 31px;
  750. -webkit-transition: all .8s ease-out;
  751. -moz-transition: all .8s ease-out;
  752. -webkit-transition: all .8s ease-out;
  753. -moz-transition: all .8s ease-out;
  754. background-color: {color:posts};
  755. text-align:center;
  756. margin-bottom:1px; }
  757.  
  758. .break a:hover{
  759. -moz-transition: all .8s ease-out;
  760. color:#271933;
  761. box-shadow: inset -35px 0px 0px 0px {color:posts},
  762. inset 0px 24px 0px 0px #c5aee0;
  763. }
  764.  
  765. .searchbar{
  766. margin-left:344px;
  767. margin-top:-28px;
  768. width:103px;
  769. height:24px;
  770. background-color:{color:posts};
  771. padding: 2px;
  772. }
  773.  
  774. /* Popup */
  775.  
  776. .popup_block{
  777. width: 450px;
  778. display:none;
  779. background:#000;
  780. padding:10px;
  781. border: 8px solid #000;
  782. font-size: 8px;
  783. text-transform: uppercase;
  784. text-align: justify;
  785. line-height: 9px;
  786. color: {color:text};
  787. float:left;
  788. position: fixed;
  789. top:50%;
  790. left:50%;
  791. z-index: 99999;
  792. }
  793.  
  794. *html #fade {position: absolute;}
  795. *html .popup_block {position: absolute;}
  796. #fade {
  797. display:none;
  798. position:fixed;
  799. left:0px;
  800. top:0px;
  801. width:100%;
  802. height:100%;
  803. z-index:9999;
  804. background:#000; /* change to #fff for solid white */
  805. opacity:0.5; /* change to opacity:1; */
  806. }
  807.  
  808. /* Friends Images */
  809.  
  810. .friends {
  811. background:transparent;
  812. border: 4px: solid #fff;
  813. width:auto;
  814. padding:3px;
  815. height:auto;
  816. font-family:tinytots;
  817. letter-spacing: 1px;
  818. line-height: 10px;
  819. text-transform:uppercase
  820. text-align: justify;
  821. overflow:auto;
  822. font-size:8px;
  823. color:{color:sidebar text};
  824. }
  825.  
  826. .friends img:hover {
  827. -webkit-filter: grayscale(0%);
  828. -moz-transition:all ease-in-out 1s;
  829. -webkit-transition:all ease-in-out 1s;
  830. -o-transition:all ease-in-out 1s;
  831. transition:all ease-in-out 1s;
  832. }
  833.  
  834. .friends img {
  835. padding:0px;
  836. width:60px;
  837. height:60px;
  838. margin-right: 14px;
  839. -webkit-filter: grayscale(100%);
  840. -moz-transition:all ease-in-out 1s;
  841. -webkit-transition:all ease-in-out 1s;
  842. -o-transition:all ease-in-out 1s;
  843. transition:all ease-in-out 1s;
  844. }
  845.  
  846. .snowflaketwo img {
  847. position: fixed;
  848. width:30px;
  849. height:30px;
  850. bottom: 0px;
  851. margin-left: 0px;
  852. z-index: 000;
  853. padding:2px;
  854. background: transparent;
  855. opacity: 1;
  856. border-radius: 50px;
  857. }
  858.  
  859. .snowflakethree img {
  860. position: fixed;
  861. width:30px;
  862. height:30px;
  863. bottom: 32px;
  864. margin-left: 0px;
  865. z-index: 000;
  866. padding:2px;
  867. background: transparent;
  868. opacity: 1;
  869. border-radius: 50px;
  870. }
  871.  
  872. #snowflakefour {
  873. position: fixed;
  874. bottom:15px;
  875. right:5px;
  876. background-color:transparent;
  877. text-align: center;
  878. font-family: bebas_neue;
  879. letter-spacing: -3px;
  880. color: {color:posts};
  881. font-size: 40px;
  882. }
  883.  
  884. </style>
  885.  
  886. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  887. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  888. <script>
  889. (function($){
  890. $(document).ready(function(){
  891. $("[title],a[title],img[title]").style_my_tooltips({
  892. tip_follows_cursor:true,
  893. tip_delay_time:30,
  894. tip_fade_speed:300,
  895. attribute:"title"
  896. });
  897. });
  898. })(jQuery);
  899. </script>
  900.  
  901. {block:ifInfinitescroll}
  902. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  903. {/block:ifInfinitescroll}
  904.  
  905.  
  906. </head>
  907. <body>
  908.  
  909. <div class="snowflaketwo"><a href="http://aimllective.tumblr.com/"><img src="http://o.aolcdn.com/hss/storage/fss/87765a866805c8ab3e0d76c1432567f5/aim1.png"></a></div>
  910.  
  911. <div class="snowflakethree"><a href="http://mysvmi.tumblr.com/" title="the moon to my sun; the reason im alive today. my hoemance. moon mimi."><img src="http://33.media.tumblr.com/3f035ad1631f0f25d7834f87db5ebadd/tumblr_inline_mmrqy19gPl1qz4rgp.gif"></a></div>
  912.  
  913. <div id="snowflakefour"><a href="http://tq-entertainment.tumblr.com/" title="tqent!">TQ!</a></div>
  914.  
  915. <div id="side">
  916.  
  917. <div class="hhey"><b>Hey!</b> You're a</div>
  918. <div class="titlee">CRAZY<b>BITCH</b><em>!</em></div>
  919. <div class="butyoufuck">but you <s><b>fuck</b></s> so good, I'm on top of it<b>!</b></div>
  920.  
  921. <div class="definition">AELLA (N) ( EYE-LUH )- 1) A <b>GODDESS</b>. 2) ONE WITH THE ABILITY TO MAKE YOU<a href="#?w=450" rel="box1" class="poplight"> LOVE</a> HER WITH A SINGLE GLANCE, AND MAKE YOU HATE HER WITH A SECOND. 3) THE RAPPER WITH THE QUICKEST TONGUE, AND QUICKER WIT. 4) <B>CRAZY</B> <em>BITCH</em>. 5) SHE'LL CLIMB SO HIGH BUT FAR FURTHER THAN ANYONE EVER COULD.</div>
  922.  
  923. <div class="career">BETTER KNOWN AS; <br>
  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>.
  925. <br>MODEL - SOCIALITE - PAID PARTY GIRL
  926. </div>
  927.  
  928. <div class="sb1"><img src='http://i.imgur.com/NRji3Lg.png'></div>
  929.  
  930. <div class="musicplayer"><div id="icon">
  931. <img src="http://33.media.tumblr.com/tumblr_m9c4muf9vS1rto88t.gif"/>
  932. </div>
  933. <div id="musicbox"><div id="music2">
  934. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="25">
  935. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  936. <param name="bgcolor" value="#0a0a0a" />
  937. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=105&amp;height=25&amp;volume=5&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=0a0a0a&amp;bgcolor=0a0a0a&amp;bgcolor1=0a0a0a&amp;bgcolor2=0a0a0a&amp;buttoncolor=271933&amp;buttonovercolor=271933&amp;showlist=0" />
  938. </object></div></div></div>
  939.  
  940. <div class="statcounter"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5163425";
  941. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  942. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&m=0&wh="+w_h+"&a=1&pn="+pn+"";
  943. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  944. </script> of <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3058827";
  945. fhsh.src = "http://freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  946. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  947. </script></div>
  948.  
  949. <div class="hovers">
  950. <div class="whants">
  951. <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 model, and also an up and coming idol. It's very possible to appoach her as you know her.">i. </a><a title="Literate, progressive, novella to one liners. 99% literate. Gif/Icons, I adjust to you.">ii. </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.">iii. </a><a title="Sexuality is straight, and too damaged to love anyone but herself.">iv.</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.">v.</a><a title="Theme by ladmilk. heavily tweaked by yours truly, for me and me alone. Graphics are also done by me. do not steal. questions welcomed. Optimized for Google Chrome.">vi.</a>
  952. </div></div>
  953.  
  954. <div class="link">
  955. <div class="break">
  956. <a href="/">HOME</a>
  957. <a href="/ask">Ask</a>
  958. <a href="/submit">Sub</a>
  959. <a href="/navi">Navi</a>
  960. <a href="/timeline">ABO</a>
  961. <a href="http://www.rpthreadtracker.com/public/allthreads?userId=20750&currentBlog=&sortDescending=false&currentOrderBy=LastPostDate&filteredTag=">REP</a>
  962. </div></div>
  963.  
  964. <div class="searchbar"><form action="/search" method="get">
  965. <input type="text" name="q" value="" style="width:68px; height:15px; background-color:#0c0c0c; color: #868686; font-family: calibri; font-size: 10px; border: 1px solid #000000; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top:2px; margin-left:2px;"/>
  966. <input type="button" value="GO" style="height:17px; background-color:#0c0c0c; color: #000000; font-family: calibri; font-size: 11px; border: 1px solid #000000;"/></form>
  967. </div>
  968.  
  969. </div>
  970.  
  971.  
  972. <div id="wrapper">
  973.  
  974.  
  975. <div class="autopagerize_page_element" >
  976. {block:Posts}
  977. <div class="post_outer">
  978. <div class="posts">
  979.  
  980.  
  981. {block:ContentSource}
  982. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  983. {/block:SourceLogo}
  984. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  985. {/block:ContentSource}
  986.  
  987.  
  988. {block:Photo}
  989. {block:IndexPage}
  990. <div id="photos">
  991. <center>{LinkOpenTag}
  992. <img src="{PhotoURL-500}" alt='{PhotoAlt}' />
  993. {LinkCloseTag}</center>
  994. </div>
  995. {/block:IndexPage}
  996. {block:PermalinkPage}
  997. <div id="photos">
  998. <center>{LinkOpenTag}
  999. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1000. {LinkCloseTag}</center>
  1001. </div>
  1002. {/block:PermalinkPage}
  1003. {block:ifShowCaptions}
  1004. {block:Indexpage}
  1005. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1006. {/block:Indexpage}
  1007. {/block:ifShowCaptions}
  1008. {block:PermalinkPage}
  1009. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1010. {/block:PermalinkPage}
  1011. {/block:Photo}
  1012.  
  1013.  
  1014. {block:Photoset}
  1015. <div id="pset">
  1016. {Photoset}
  1017. </div>
  1018. {block:ifShowCaptions}
  1019. {block:Indexpage}
  1020. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1021. {/block:Indexpage}
  1022. {/block:ifShowCaptions}
  1023. {block:PermalinkPage}
  1024. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1025. {/block:PermalinkPage}
  1026. {/block:Photoset}
  1027.  
  1028. {block:Video}
  1029. <div id="vid">
  1030. {block:if250px}
  1031. <center>{Video-250}</center>
  1032. {/block:if250px}
  1033. </div>
  1034. {block:ifShowCaptions}
  1035. {block:Indexpage}
  1036. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1037. {/block:Indexpage}
  1038. {/block:ifShowCaptions}
  1039. {block:PermalinkPage}
  1040. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1041. {/block:PermalinkPage}
  1042. {/block:Video}
  1043.  
  1044.  
  1045. {block:Audio}
  1046. <div class="audi">{AudioPlayerBlack} </div>
  1047. <div class="post_inner">
  1048. <div class="audi_info">
  1049. {block:TrackName}
  1050. <div><div class="kasse"></div> <b>Track:</b> {TrackName}</div>
  1051. {/block:TrackName}
  1052. {block:Artist}
  1053. <div><div class="kasse"></div><b>Artist:</b> {Artist}</div>
  1054. {/block:Artist}
  1055. {block:Album}
  1056. <div><div class="kasse"></div><b>Album:</b> {Album}</div>
  1057. {/block:Album}
  1058. <div><div class="kasse"></div><b>Plays:</b> {PlayCount}</div>
  1059. </div>
  1060. </div>
  1061. {block:ifShowCaptions}
  1062. {block:Indexpage}
  1063. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1064. {/block:Indexpage}
  1065. {/block:ifShowCaptions}
  1066. {block:PermalinkPage}
  1067. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1068. {/block:PermalinkPage}
  1069. {/block:Audio}
  1070.  
  1071.  
  1072. {block:Text}
  1073. <div class="post_inner">
  1074. {block:Title}<h2>{Title}</h2>{/block:Title}
  1075. {Body}
  1076. {block:More} <br><center><a href="{permalink}">CLICKFORMORE?</a></center> {/block:More}
  1077. </div>
  1078. {/block:Text}
  1079.  
  1080.  
  1081. {block:Link}
  1082. <div class="post_inner">
  1083. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1084. {block:Description}{Description}{/block:Description}
  1085. </div>
  1086. {/block:Link}
  1087.  
  1088.  
  1089. <!---- ask posts ---->
  1090. {block:Answer}
  1091. <div id="ask">
  1092. <div class="askicon"><img src="{AskerPortraitURL-30}" class="rotate"></a></div><div id="asker">question from<br>{Asker}</div>
  1093. <div id="question">{Question}</div>
  1094. </div>
  1095. <div id="answer">{Answer}
  1096. {block:More}<a href="{Permalink}"><div class="read_more">Need to Know?</div></a>{/block:More}
  1097. </div>
  1098. {/block:Answer}
  1099.  
  1100. {block:Quote}
  1101. <div class="post_inner">
  1102. <div id="quote">{Quote}</div>
  1103. {block:Source}<div style="font-size:7px; text-transform:uppercase; padding-top:5px; text-align:right;">{Source}</div>{/block:Source}
  1104. </div>
  1105. {/block:Quote}
  1106.  
  1107.  
  1108. {block:Chat}
  1109. <div class="post_inner">
  1110. {block:Title}<h2>{Title}</h2>{/block:Title}
  1111. {block:Lines}<p id="chat">
  1112. {block:Label}
  1113. <b>{Label}</b>
  1114. {/block:Label}
  1115. {Line}</p>
  1116. {/block:Lines}
  1117. </div>
  1118. {/block:Chat}
  1119.  
  1120. </div>
  1121.  
  1122.  
  1123.  
  1124. {block:IndexPage}
  1125. <div id="perma">
  1126. <a href="{Permalink}" title="{NoteCountWithLabel}">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</a> ——
  1127. </div>
  1128. {/block:IndexPage}
  1129.  
  1130.  
  1131. {block:PermalinkPage}
  1132. <div class="perma2">
  1133. {block:Date}
  1134. <div><div class="kasse"></div> {DayOfMonth} {Month} {Year} | {12Hour}:{Minutes} {CapitalAmPm}</div>
  1135. {block:RebloggedFrom}<div><div class="kasse"></div><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}
  1136. <div><div class="kasse"></div>{NoteCountWithLabel}</div>
  1137. {/block:Date}
  1138. {block:HasTags}<div><div class="kasse"></div>{block:Tags}<a href="{TagURL}" style="margin-right:4px;">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1139. </div>
  1140.  
  1141. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1142. {/block:PermalinkPage}
  1143.  
  1144. </div>
  1145. {/block:Posts}
  1146. </div>
  1147.  
  1148. {block:ifnotInfinitescroll}
  1149. {block:Pagination}
  1150. <div class="pagination">
  1151. <div class="pg">{CurrentPage} of {TotalPages}</div>
  1152. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  1153. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1154. </div>
  1155. {/block:Pagination}
  1156. {/block:ifnotInfinitescroll}
  1157.  
  1158.  
  1159. </div>
  1160.  
  1161. </body>
  1162.  
  1163. <div id="box1" class="popup_block">
  1164.  
  1165. <div style="color:#0c0c0c; font-size: 25px; font-family: bebas; text-align: justify; line-height: 23px; width: 190px; float: right;">The truth is, everyone is going to hurt you. You just got to find the ones worth suffering for.</div>
  1166.  
  1167. <div style="width: 240px; height: 250px; text-align: justify; overflow-y: scroll; overflow-x: hidden; padding: 5px; float: left;"><div class="friends">
  1168.  
  1169. <a href="" title="! - * Moon Soomi"><img src="https://41.media.tumblr.com/2b438d5ba8c572d5fc988d5acecc99ff/tumblr_inline_nudnx62SUv1sx2cwu_540.png"/></a>
  1170.  
  1171. <a href="" title="! - * Lee Hana"><img src="https://40.media.tumblr.com/ec6f4793834d294b899b711410e5cb58/tumblr_nz4egnVUBT1ssjv8ro3_250.png"/></a>
  1172.  
  1173. <a href="" title="! - * Yeun Sanggil"><img src="https://40.media.tumblr.com/6b2488b0b0dbc7c9a9ef7abeee86c69b/tumblr_nwt0riV08R1uvnp0po1_250.png"/></a>
  1174.  
  1175. <a href="" title="! - * KOO Joonwae"><img src="http://o.aolcdn.com/hss/storage/fss/5a09661f41434df58a12507539b44188/beach-beer.png"/></a>
  1176.  
  1177. <a href="" title="! - * Kim Hanbin"><img src="https://41.media.tumblr.com/8c1d33b2595d136e73e9078a0fe5e36e/tumblr_nxav08XM2J1ul04tuo6_250.png"/></a>
  1178.  
  1179. <a href="" title="! - * Sen Akihito"><img src="http://o.aolcdn.com/hss/storage/fss/6e40c5396131f661b3c749ce0991257f/tumblr_nwnlsreqTj1qd9gy2o1_540.png"/></a>
  1180.  
  1181. <a href="" title="! - * Renier Vitalli"><img src="https://40.media.tumblr.com/a4ddee4349f32951cbb3c42b1fdb4c52/tumblr_inline_nomwxdjUX61sb4p6n_540.jpg"/></a>
  1182.  
  1183. <a href="" title="! - * Kim Dohyun"><img src="https://40.media.tumblr.com/5900224b2e1791b7c139672efbb13be8/tumblr_nzo79ulM9W1ulz6vlo4_250.png"/></a>
  1184.  
  1185. <a href="" title="! - * Park Lizzy"><img src="https://40.media.tumblr.com/eafab1a64e6b3eaf721dbeb88e07fd0b/tumblr_nzhnw0wkqp1rw3tb4o5_250.png"/></a>
  1186.  
  1187. <a href="" title="! - * Henry Lau"><img src="https://41.media.tumblr.com/dca52cac6d4998a0216ad649a1cb2aec/tumblr_nvcq5dC9Ko1uses7vo5_250.png"/></a>
  1188.  
  1189. <a href="" title="! - * Alexavier Dai"><img src="http://o.aolcdn.com/hss/storage/fss/311c48c58835acad48001a4818c88e2d/tumblr_np2vegiIiM1tml5fdo1_1280.png"/></a>
  1190.  
  1191. <a href="" title="! - * Choi Sooyoung"><img src="https://41.media.tumblr.com/6fecaaa0a8523c7bc1d6730930e40688/tumblr_o04wjnQaF51s02j7ro3_400.png"/></a>
  1192.  
  1193. <a href="" title="! - * Koo Junhwe"><img src="https://41.media.tumblr.com/29db8fb938bf361ce7e57b40d7f22151/tumblr_nyatadgTMD1urkt8fo8_250.png"/></a>
  1194.  
  1195. <a href="" title="! - * Choi Minho"><img src="https://41.media.tumblr.com/2df038d335d69c8cf629f5e99ccf4dd2/tumblr_nripncj8tr1uoz9qdo2_250.png"/></a>
  1196.  
  1197. <a href="" title="! - * Jaiden Wang"><img src="http://33.media.tumblr.com/5b68b4f003bae5a9e131a589db1a1e1e/tumblr_inline_n3wpc5IRC31sxbr2k.png"/></a>
  1198.  
  1199. <a href="" title="! - * Kim Seolhyun"><img src="http://o.aolcdn.com/hss/storage/fss/8976553c6cf880b69ca5b551b0c6a1e3/tumblr_inline_njd7bdNCnO1rvrm9i.png"/></a>
  1200.  
  1201. </div></div>
  1202.  
  1203. <div style="margin-top: 10px; width: 190px; float: right;">The fact of the matter is that one day, I'm going to hurt you. I'm going to hurt every single one of you, and I can't stop myself, because that's what I am. I'm a fuck up and I will fuck up, small or large, it'll happen, but I hope that what I offer is worth the suffering. You've touched me in ways I never knew possibly for someone like me. It's amazing for me to genuinely feel something for each of you, and because of that I'd suffer for every single one of you, and never regret it.</div>
  1204. </div>
  1205.  
  1206.  
  1207. <div id="box2" class="popup_block">
  1208.  
  1209. <div style="color:#0c0c0c; font-size: 30px; font-family: bebas; text-align: justify; line-height: 25px; width: 190px; float: left; padding-right: 5px;">The only person I will tell <em>I love you</em> and actually mean it is <b>myself<b></b>.</div>
  1210.  
  1211. <img src="http://o.aolcdn.com/hss/storage/fss/e4e33a7e2a0485a1e19e76e0b4c94c79/3269280d003dd84ae5ec10f2171c833a.png"/></a>
  1212.  
  1213. <div style="color:#474747; margin-top: 0px; width: 60px; float: right;">
  1214. first, i will captivate you. second, i will watch you fall. i will be everything you want, and i will destory you. i will corrupt you. i will ruin you. and i will never love you.
  1215. </div>
  1216.  
  1217. </div>
  1218.  
  1219. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement