API tools faq
paste
Advertisement
aellionios

huge theme; ladmilk missing hovers

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