API tools faq
paste
Advertisement
aellionios

crazyb!tch; light @ spence

aellionios
Apr 13th, 2016
177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--- Theme #50 by Heidi @ladmilk - Inspired by Selkas ---->
  5.  
  6. <head>
  7.  
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10. <script>
  11. $(document).ready(function() {
  12. //
  13. $('a.poplight[href^=#]').click(function() {
  14. var popID = $(this).attr('rel'); //Get Popup Name
  15. var popURL = $(this).attr('href'); //Get Popup href to define size
  16. var query= popURL.split('?');
  17. var dim= query[1].split('&');
  18. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  19. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  20. var popMargTop = ($('#' + popID).height() + 80) / 2;
  21. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  22. //Apply Margin to Popup
  23. $('#' + popID).css({
  24. 'margin-top' : -popMargTop,
  25. 'margin-left' : -popMargLeft
  26. });
  27. $('body').append('<div id="fade"></div>');
  28. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  29. return false;
  30. });
  31. $('a.close, #fade').live('click', function() {
  32. $('#fade , .popup_block').fadeOut(function() {
  33. $('#fade, a.close').remove(); //fade them both out
  34. });
  35. return false;
  36. });
  37. });
  38. </script>
  39.  
  40.  
  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="#eeeeee" />
  53. <meta name="color:Posts" content="#ffffff" />
  54. <meta name="color:Text" content="#474747" />
  55. <meta name="color:Links" content="#ff7c80" />
  56. <meta name="color:Blockquote" content="#191919" />
  57. <meta name="color:Posttitle" content="#cccccc" />
  58. <meta name="color:Bold" content="#ff7c80" />
  59. <meta name="color:Italic" content="#ea6a6a"/>
  60. <meta name="color:Border" content="#f6f6f6" />
  61. <meta name="color:Permalink" content="#ffffff" />
  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="#eeeeee" />
  66. <meta name="color:Scrollbar" content="#ff7c80" />
  67. <meta name="color:Scrollbarborder" content="#ff7c80" />
  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: {color:background};
  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: {color:background};
  398. border-bottom: solid 1px #fff;
  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 #fff;
  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: {color:background};
  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: {color:bold};
  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:{color:bold};
  761. box-shadow: inset -35px 0px 0px 0px {color:posts},
  762. inset 0px 24px 0px 0px {color:bold};
  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 {
  860. position: fixed;
  861. bottom: 2px;
  862. margin-left: 2px;
  863. font-size:14px;
  864. z-index: 000;
  865. padding:2px;
  866. background: transparent;
  867. opacity: 1;
  868. border-radius: 50px;
  869. }
  870.  
  871. #snowflakefour {
  872. position: fixed;
  873. bottom:15px;
  874. right:5px;
  875. background-color:transparent;
  876. text-align: center;
  877. font-family: bebas_neue;
  878. letter-spacing: -3px;
  879. color: {color:posts};
  880. font-size: 40px;
  881. }
  882.  
  883. </style>
  884.  
  885. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  886. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  887. <script>
  888. (function($){
  889. $(document).ready(function(){
  890. $("[title],a[title],img[title]").style_my_tooltips({
  891. tip_follows_cursor:true,
  892. tip_delay_time:30,
  893. tip_fade_speed:300,
  894. attribute:"title"
  895. });
  896. });
  897. })(jQuery);
  898. </script>
  899.  
  900. {block:ifInfinitescroll}
  901. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  902. {/block:ifInfinitescroll}
  903.  
  904.  
  905. </head>
  906. <body>
  907.  
  908. <div id="snowflakefour"><a href="http://tq-entertainment.tumblr.com/" title="tqent!">TQ!</a></div>
  909.  
  910. <div id="side">
  911.  
  912. <div class="hhey"><b>Hey!</b> You're a</div>
  913. <div class="titlee">CRAZY<b>BITCH</b><em>!</em></div>
  914. <div class="butyoufuck">but you <s><b>fuck</b></s> so good, I'm on top of it<b>!</b></div>
  915.  
  916. <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>
  917.  
  918. <div class="career">BETTER KNOWN AS; <br>
  919. 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>.
  920. <br>MODEL - SOCIALITE - PAID PARTY GIRL
  921. </div>
  922.  
  923. <div class="sb1"><img src='http://i.imgur.com/NRji3Lg.png'></div>
  924.  
  925. <div class="musicplayer"><div id="icon">
  926. <img src="http://33.media.tumblr.com/tumblr_m9c4muf9vS1rto88t.gif"/>
  927. </div>
  928. <div id="musicbox"><div id="music2">
  929. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="25">
  930. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  931. <param name="bgcolor" value="#ffffff" />
  932. <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=ffffff&amp;bgcolor=ffffff&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;buttoncolor=271933&amp;buttonovercolor=271933&amp;showlist=0" />
  933. </object></div></div></div>
  934.  
  935. <div class="statcounter"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5163425";
  936. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  937. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&m=0&wh="+w_h+"&a=1&pn="+pn+"";
  938. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  939. </script> of <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3058827";
  940. fhsh.src = "http://freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  941. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  942. </script></div>
  943.  
  944. <div class="hovers">
  945. <div class="whants">
  946. <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 akali @ aellionios.tumblr.com. do not steal. questions welcomed. Optimized for Google Chrome.">vi.</a>
  947. </div></div>
  948.  
  949. <div class="link">
  950. <div class="break">
  951. <a href="/">HOME</a>
  952. <a href="/ask">Ask</a>
  953. <a href="/submit">Sub</a>
  954. <a href="/navi">Navi</a>
  955. <a href="/timeline">ABO</a>
  956. <a href="http://www.rpthreadtracker.com/public/allthreads?userId=20750&currentBlog=&sortDescending=false&currentOrderBy=LastPostDate&filteredTag=">REP</a>
  957. </div></div>
  958.  
  959. <div class="searchbar"><form action="/search" method="get">
  960. <input type="text" name="q" value="" style="width:68px; height:15px; background-color:#ffffff; color: #868686; font-family: calibri; font-size: 10px; border: 1px solid #eeeeee; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top:2px; margin-left:2px;"/>
  961. <input type="button" value="GO" style="height:17px; background-color:ffffff; color: #eeeeee; font-family: calibri; font-size: 11px; border: 1px solid #ffffff;"/></form>
  962. </div>
  963.  
  964. </div>
  965.  
  966.  
  967. <div id="wrapper">
  968.  
  969.  
  970. <div class="autopagerize_page_element" >
  971. {block:Posts}
  972. <div class="post_outer">
  973. <div class="posts">
  974.  
  975.  
  976. {block:ContentSource}
  977. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  978. {/block:SourceLogo}
  979. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  980. {/block:ContentSource}
  981.  
  982.  
  983. {block:Photo}
  984. {block:IndexPage}
  985. <div id="photos">
  986. <center>{LinkOpenTag}
  987. <img src="{PhotoURL-500}" alt='{PhotoAlt}' />
  988. {LinkCloseTag}</center>
  989. </div>
  990. {/block:IndexPage}
  991. {block:PermalinkPage}
  992. <div id="photos">
  993. <center>{LinkOpenTag}
  994. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  995. {LinkCloseTag}</center>
  996. </div>
  997. {/block:PermalinkPage}
  998. {block:ifShowCaptions}
  999. {block:Indexpage}
  1000. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1001. {/block:Indexpage}
  1002. {/block:ifShowCaptions}
  1003. {block:PermalinkPage}
  1004. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1005. {/block:PermalinkPage}
  1006. {/block:Photo}
  1007.  
  1008.  
  1009. {block:Photoset}
  1010. <div id="pset">
  1011. {Photoset}
  1012. </div>
  1013. {block:ifShowCaptions}
  1014. {block:Indexpage}
  1015. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1016. {/block:Indexpage}
  1017. {/block:ifShowCaptions}
  1018. {block:PermalinkPage}
  1019. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1020. {/block:PermalinkPage}
  1021. {/block:Photoset}
  1022.  
  1023. {block:Video}
  1024. <div id="vid">
  1025. {block:if250px}
  1026. <center>{Video-250}</center>
  1027. {/block:if250px}
  1028. </div>
  1029. {block:ifShowCaptions}
  1030. {block:Indexpage}
  1031. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1032. {/block:Indexpage}
  1033. {/block:ifShowCaptions}
  1034. {block:PermalinkPage}
  1035. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1036. {/block:PermalinkPage}
  1037. {/block:Video}
  1038.  
  1039.  
  1040. {block:Audio}
  1041. <div class="audi">{AudioPlayerBlack} </div>
  1042. <div class="post_inner">
  1043. <div class="audi_info">
  1044. {block:TrackName}
  1045. <div><div class="kasse"></div> <b>Track:</b> {TrackName}</div>
  1046. {/block:TrackName}
  1047. {block:Artist}
  1048. <div><div class="kasse"></div><b>Artist:</b> {Artist}</div>
  1049. {/block:Artist}
  1050. {block:Album}
  1051. <div><div class="kasse"></div><b>Album:</b> {Album}</div>
  1052. {/block:Album}
  1053. <div><div class="kasse"></div><b>Plays:</b> {PlayCount}</div>
  1054. </div>
  1055. </div>
  1056. {block:ifShowCaptions}
  1057. {block:Indexpage}
  1058. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1059. {/block:Indexpage}
  1060. {/block:ifShowCaptions}
  1061. {block:PermalinkPage}
  1062. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  1063. {/block:PermalinkPage}
  1064. {/block:Audio}
  1065.  
  1066.  
  1067. {block:Text}
  1068. <div class="post_inner">
  1069. {block:Title}<h2>{Title}</h2>{/block:Title}
  1070. {Body}
  1071. {block:More} <br><center><a href="{permalink}">CLICKFORMORE?</a></center> {/block:More}
  1072. </div>
  1073. {/block:Text}
  1074.  
  1075.  
  1076. {block:Link}
  1077. <div class="post_inner">
  1078. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1079. {block:Description}{Description}{/block:Description}
  1080. </div>
  1081. {/block:Link}
  1082.  
  1083.  
  1084. <!---- ask posts ---->
  1085. {block:Answer}
  1086. <div id="ask">
  1087. <div class="askicon"><img src="{AskerPortraitURL-30}" class="rotate"></a></div><div id="asker">question from<br>{Asker}</div>
  1088. <div id="question">{Question}</div>
  1089. </div>
  1090. <div id="answer">{Answer}
  1091. {block:More}<a href="{Permalink}"><div class="read_more">Need to Know?</div></a>{/block:More}
  1092. </div>
  1093. {/block:Answer}
  1094.  
  1095. {block:Quote}
  1096. <div class="post_inner">
  1097. <div id="quote">{Quote}</div>
  1098. {block:Source}<div style="font-size:7px; text-transform:uppercase; padding-top:5px; text-align:right;">{Source}</div>{/block:Source}
  1099. </div>
  1100. {/block:Quote}
  1101.  
  1102.  
  1103. {block:Chat}
  1104. <div class="post_inner">
  1105. {block:Title}<h2>{Title}</h2>{/block:Title}
  1106. {block:Lines}<p id="chat">
  1107. {block:Label}
  1108. <b>{Label}</b>
  1109. {/block:Label}
  1110. {Line}</p>
  1111. {/block:Lines}
  1112. </div>
  1113. {/block:Chat}
  1114.  
  1115. </div>
  1116.  
  1117.  
  1118.  
  1119. {block:IndexPage}
  1120. <div id="perma">
  1121. <a href="{Permalink}" title="{NoteCountWithLabel}">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</a> ——
  1122. </div>
  1123. {/block:IndexPage}
  1124.  
  1125.  
  1126. {block:PermalinkPage}
  1127. <div class="perma2">
  1128. {block:Date}
  1129. <div><div class="kasse"></div> {DayOfMonth} {Month} {Year} | {12Hour}:{Minutes} {CapitalAmPm}</div>
  1130. {block:RebloggedFrom}<div><div class="kasse"></div><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}
  1131. <div><div class="kasse"></div>{NoteCountWithLabel}</div>
  1132. {/block:Date}
  1133. {block:HasTags}<div><div class="kasse"></div>{block:Tags}<a href="{TagURL}" style="margin-right:4px;">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1134. </div>
  1135.  
  1136. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1137. {/block:PermalinkPage}
  1138.  
  1139. </div>
  1140. {/block:Posts}
  1141. </div>
  1142.  
  1143. {block:ifnotInfinitescroll}
  1144. {block:Pagination}
  1145. <div class="pagination">
  1146. <div class="pg">{CurrentPage} of {TotalPages}</div>
  1147. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  1148. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1149. </div>
  1150. {/block:Pagination}
  1151. {/block:ifnotInfinitescroll}
  1152.  
  1153.  
  1154. </div>
  1155.  
  1156. </body>
  1157.  
  1158. <div id="box1" class="popup_block">
  1159.  
  1160. </div>
  1161.  
  1162. </div>
  1163.  
  1164. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!