API tools faq
paste
Advertisement
aellionios

for daughter; sorrism.

aellionios
Apr 5th, 2016
169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.16 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: sleepless
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  14. <script type="text/javascript">
  15. $(document).ready(function(){
  16. $(".links_body").hide();
  17. $(".links_head").click(function(){
  18. $(this).next(".links_body").slideToggle('slow');
  19. }); }); </script>
  20.  
  21. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{favicon}">
  24.  
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <!--Default Variables-->
  29.  
  30. <meta name="color:Background" content="#eeeeee"/>
  31. <meta name="color:Posts" content="#f7f8f9"/>
  32. <meta name="color:Text" content="#cccccc"/>
  33. <meta name="color:Link" content="#a7a7a7"/>
  34. <meta name="color:Title" content="#000000"/>
  35. <meta name="color:Scrollbar" content="#d5d5d5" />
  36. <meta name="color:Borders" content="#eeeeee"/>
  37. <meta name="color:Accents" content="#fbfbfb"/>
  38. <meta name="color:Bold" content="#ff7fac" />
  39. <meta name="color:Italic" content="#ff7fac"/>
  40. <meta name="color:hover" content="#4d3760" />
  41.  
  42. <meta name="if:Infinite Scroll" content="1"/>
  43. <meta name="if:Manual Load" content="0"/>
  44. <meta name="if:Click for Tags" content="1"/>
  45.  
  46. <meta name="text:Subtitle" content=""/>
  47. <meta name="text:Post Spacing" content="75"/>
  48.  
  49. <meta name="select:Captions" content="default" title="Default"/>
  50. <meta name="select:Captions" content="inline" title="Inline"/>
  51. <meta name="select:Captions" content="hide" title="Hide"/>
  52.  
  53. <meta name="select:Post Width" content="200" title="200px"/>
  54. <meta name="select:Post Width" content="250" title="250px"/>
  55. <meta name="select:Post Width" content="275" title="275px"/>
  56. <meta name="select:Post Width" content="300" title="300px"/>
  57. <meta name="select:Post Width" content="325" title="325px"/>
  58. <meta name="select:Post Width" content="350" title="350px"/>
  59. <meta name="select:Post Width" content="375" title="375px"/>
  60. <meta name="select:Post Width" content="400" title="400px"/>
  61. <meta name="select:Post Width" content="450" title="450px"/>
  62. <meta name="select:Post Width" content="500" title="500px"/>
  63. <meta name="select:Post Width" content="540" title="540px"/>
  64.  
  65. <meta name="text:Home Title" content="home"/>
  66. <meta name="text:Ask Title" content="message"/>
  67. <meta name="text:Archive Title" content="archive"/>
  68.  
  69. <meta name="text:Link 1 URL" content=""/>
  70. <meta name="text:Link 1" content=""/>
  71. <meta name="text:Link 2 URL" content=""/>
  72. <meta name="text:Link 2" content=""/>
  73. <meta name="text:Link 3 URL" content=""/>
  74. <meta name="text:Link 3" content=""/>
  75.  
  76. <meta name="text:MP3 Link" content=""/>
  77.  
  78. <!--CSS customization here. -->
  79.  
  80. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  83.  
  84. <style type="text/css">
  85.  
  86. @font-face
  87. { font-family:"lovenote"; src: url('https://dl.dropbox.com/s/lg0biqm7jqlyfaq/ck-love-note.ttf?dl=1'); format(“truetype”);}
  88. @font-face
  89. { font-family:"dolcevita"; src: url('https://dl.dropbox.com/s/ulyc96lx0yfiryl/Dolce%20Vita%20Heavy%20Bold.ttf?dl=1'); format(“truetype”);}
  90. @font-face
  91. { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  92.  
  93. /*tumblr controls and lightbox*/
  94.  
  95. #tumblr_lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  96.  
  97. #tumblr_lightbox img {opacity:0;}
  98.  
  99. #tumblr_lightbox_caption {
  100. color:{color:title}!important;
  101. font-family:inherit!important;
  102. font-size:10px!important;
  103. font-weight:normal!important;
  104. text-shadow:none!important;
  105. }
  106.  
  107. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  108. -moz-box-shadow:none!important;
  109. -webkit-box-shadow:none!important;
  110. box-shadow:none!important;
  111. -moz-border-radius:0px!important;
  112. -webkit-border-radius:0px!important;
  113. border-radius:0px!important;
  114. padding:20px!important;
  115. margin:-20px 0 0 -20px!important;
  116. background:{color:posts}!important;
  117. border:0!important;
  118. opacity:1!important;
  119. }
  120.  
  121. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.6!important;}
  122.  
  123. iframe#tumblr_controls {
  124. white-space:nowrap!important;
  125. -webkit-filter:invert(70%)!important;
  126. -moz-filter:invert(70%)!important;
  127. -ms-filter:invert(70%)!important;
  128. -o-filter:invert(70%)!important;
  129. filter:invert(70%)!important;
  130. top:10px!important;
  131. right:10px!important;
  132. opacity:.3!important;
  133. position:fixed!important;
  134. }
  135.  
  136. /*tooltip*/
  137.  
  138. .ui-tooltip {
  139. position:Absolute;
  140. z-index:9999;
  141. padding-top:15px;
  142. }
  143.  
  144. .ui-tooltip-content {
  145. max-width:210px;
  146. margin-top:25px;
  147. margin-left:15px;
  148. padding:5px 5px;
  149. z-index:999999;
  150. background:{color:posts};
  151. border:1px solid {color:italic};
  152. color:{color:text};
  153. font-family:calibri, arial, sans-serif;
  154. font-size:8.5px;
  155. line-height:9px;
  156. letter-spacing:1px;
  157. text-transform:uppercase;
  158. }
  159.  
  160. /*scrollbar*/
  161.  
  162. ::-webkit-scrollbar{
  163. height:2px;
  164. width:4px;
  165. background:inherit;
  166. }
  167.  
  168. ::-webkit-scrollbar-thumb {
  169. background:{color:scrollbar};
  170. border-radius:2px;
  171. -webkit-border-radius:2px;
  172. }
  173.  
  174. .same::-webkit-scrollbar {width:1px;}
  175.  
  176. .same::-webkit-scrollbar-thumb {background:{color:borders}!important;}
  177.  
  178. /*basics*/
  179.  
  180. body {
  181. background:{color:background};
  182. background-image:url('http://o.aolcdn.com/hss/storage/fss/a1a138f12eb27168fe3443ef9571c905/sgdfgsfd.png');
  183. background-repeat:no-repeat;
  184. background-position:fixed;
  185. color:{color:text};
  186. font-family: arial, sans-serif;
  187. font-size:10px;
  188. font-weight:normal;
  189. -webkit-font-smoothing:antialiased;
  190. -moz-font-smoothing:antialiased;
  191. font-smoothing:antialiased;
  192. text-shadow: 1px 1px 1px rgba(0,0,0,0.005);
  193. position:relative;
  194. word-wrap:break-word;
  195. text-align:left;
  196. margin:0;
  197. line-height:1.75em;
  198. }
  199.  
  200. *, body {cursor:crosshair;}
  201.  
  202. a {
  203. color:{color:text};
  204. text-decoration:none;
  205. cursor:help;
  206. transition:all .4s ease-in-out;
  207. -webkit-transition:all .4s ease-in-out;
  208. -moz-transition:all .4s ease-in-out;
  209. -o-transition:all .4s ease-in-out;
  210. }
  211.  
  212. a:hover {
  213. color:{color:link};
  214. border-color:{color:link}!important;
  215. }
  216.  
  217. .caption a, .tex a, .a a, .title a {border-bottom:1px solid {color:borders};}
  218.  
  219. img {
  220. opacity:1;
  221. border:none;
  222. text-decoration:none;
  223. }
  224.  
  225. blockquote {
  226. border-left:1px solid {color:borders};
  227. padding:.25em 0 .25em 15px;
  228. margin:.5em 0;
  229. }
  230.  
  231. pre {
  232. padding:0;
  233. margin:0;
  234. line-height:inherit!important;
  235. background:transparent;
  236. font-family:inherit!Important;
  237. font-size:inherit!important;
  238. white-space:pre-wrap;
  239. white-space:-moz-pre-wrap;
  240. white-space:-pre-wrap;
  241. white-space:-o-pre-wrap;
  242. word-wrap:break-word;
  243. }
  244.  
  245. p {margin:.75em 0;}
  246.  
  247. p:first-of-type {margin-top:0;}
  248.  
  249. p:last-of-type {margin-bottom:0;}
  250.  
  251. b, strong {
  252. color:{color:Bold};
  253. font-weight:bold;
  254. }
  255.  
  256. i, em {
  257. color:{color:Italic};
  258. font-style:italic;
  259. }
  260.  
  261. ol, ul {
  262. list-style:none;
  263. padding-left:15px;
  264. }
  265.  
  266. li {
  267. padding-left:15px;
  268. position:relative;
  269. }
  270.  
  271. li:before {
  272. content:'\00BB';
  273. position:Absolute;
  274. left:0px;
  275. }
  276.  
  277. small, big, sub, pre {
  278. font-size:8px;
  279. line-height:2em!important;
  280. vertical-align:top!important;
  281. }
  282.  
  283. h1, h2, h3, h4 {
  284. font-size:15px;
  285. margin:0;
  286. padding:0;
  287. color:{color:title};
  288. font-weight:bold;
  289. }
  290.  
  291. hr {
  292. border:none;
  293. box-shadow:0;
  294. margin:1em 0;
  295. border-top:1px solid {color:borders};
  296. }
  297.  
  298. .bigger hr {margin:15px 0;}
  299.  
  300. /*side*/
  301.  
  302. aside {
  303. width:170px;
  304. position:fixed;
  305. top:200px;
  306. left:50%;
  307. margin-left:calc(-{select:post width}px / 2 - 275px);
  308. -webkit-animation-name: fade-in;
  309. -webkit-animation-duration: 1.5s;
  310. }
  311.  
  312. #d {
  313. padding:20px;
  314. margin-bottom:15px;
  315. background:{color:posts};
  316. border-bottom:1px solid {color:borders};
  317. }
  318.  
  319. .tai {
  320. font-size:1.6em;
  321. font-weight:bold;
  322. display:block;
  323. color:{color:title};
  324. }
  325.  
  326. .sub {display:block;}
  327.  
  328. nav {
  329. -webkit-animation-name: fade-in;
  330. -webkit-animation-duration: 2s;
  331. position:absolute;
  332. transform:translate(0%,-100%);
  333. -webkit-transform:translate(0%,-100%);
  334. -o-transform:translate(0%,-100%);
  335. -moz-transform:translate(0%,-100%);
  336. font-size:8px;
  337. line-height:2em;
  338. padding-bottom:15px;
  339. text-transform:uppercase;
  340. letter-spacing:1px;
  341. }
  342.  
  343. nav a {
  344. margin-right:15px;
  345. counter-increment:link;
  346. display:inline-block;
  347. }
  348.  
  349. nav a:before {
  350. content:counter(link, decimal-leading-zero);
  351. font-weight:bold;
  352. color:{color:title};
  353. margin-right:15px;
  354. }
  355.  
  356. /*pagination*/
  357.  
  358. #pagination {
  359. {block:ifinfinitescroll}
  360. display:none;
  361. {/block:ifinfinitescroll}
  362. }
  363.  
  364. footer a {
  365. display:inline-block;
  366. padding:2px 4px;
  367. background:{color:posts};
  368. border-bottom:1px solid {color:borders};
  369. margin:0 10px;
  370. }
  371.  
  372. footer a:hover {border-color:{color:borders}!important;}
  373.  
  374. footer {
  375. {block:ifinfinitescroll}
  376. {block:ifnotmanualload}
  377. display:none;
  378. {/block:ifnotmanualload}
  379. {/block:ifinfinitescroll}
  380. text-align:center;
  381. margin:0 auto 100px auto;
  382. font-size:8px;
  383. text-transform:uppercase;
  384. letter-spacing:1px;
  385. width:{select:post width}px;
  386. }
  387.  
  388. #infscr-loading {display:none!important;}
  389.  
  390. .nice {
  391. position:fixed;
  392. right:15px;
  393. bottom:15px;
  394. width:15px;
  395. text-align:center;
  396. padding:3px;
  397. line-height:15px;
  398. background:{color:posts};
  399. }
  400.  
  401. /*posts*/
  402.  
  403. #entries {
  404. margin-left:880px;
  405. margin-top: 50px;
  406. {block:indexpage}
  407. {block:ifinfinitescroll}
  408. {block:ifnotmanualload}
  409. {/block:ifnotmanualload}
  410. {/block:ifinfinitescroll}
  411. {/block:indexpage}
  412. position:relative;
  413. width:calc({select:post width}px + 40px);
  414. }
  415.  
  416. .posts {
  417. width:{select:post width}px;
  418. padding:20px;
  419. background:{color:posts};
  420. border-bottom:1px solid {color:borders};
  421. vertical-align:top;
  422. position:relative;
  423. display:block;
  424. {block:indexpage}
  425. margin-bottom:{text:post spacing}px;
  426. {/block:indexpage}
  427. -webkit-animation-name: fade-in;
  428. -webkit-animation-duration: 2s;
  429. }
  430.  
  431. .posts img {
  432. height:auto;
  433. max-width:{select:post width}px;
  434. }
  435.  
  436. .photo img {
  437. width:{select:post width}px;
  438. display:block;
  439. }
  440.  
  441. .media {
  442. display:block;
  443. position:relative;
  444. }
  445.  
  446. .media iframe, .tumblr_video_container {display:block;}
  447.  
  448. .tumblr_video_container {
  449. width:auto!important;
  450. height:auto!important;
  451. }
  452.  
  453. a.read_more {text-transform:lowercase;}
  454.  
  455. /*text and captions*/
  456.  
  457. .title {
  458. color:{color:title};
  459. font-size:1.2em;
  460. font-weight:500;
  461. line-height:1.5em;
  462. }
  463.  
  464. .title a {color:{color:title};}
  465.  
  466. .title a:hover {color:{color:link};}
  467.  
  468. .ted {margin-top:15px;}
  469.  
  470. .quote {
  471. padding:15px;
  472. background:{color:accents};
  473. margin-bottom:15px;
  474. }
  475.  
  476. .source {margin-left:15px;
  477. text-transform: uppercase;
  478. font-size: 7px;
  479. }
  480.  
  481. .caption {margin:15px 0 0 0;}
  482.  
  483. .inline *:not(a):not(ul):not(ol):not(li) {
  484. margin:0;
  485. padding:0;
  486. display:inline;
  487. }
  488.  
  489. .inline blockquote:first-of-type {display:inline!important;}
  490.  
  491. .inline p:first-of-type::after {content:' ';}
  492.  
  493. .inline blockquote {
  494. padding:0;
  495. display:block;
  496. border:0;
  497. }
  498.  
  499. .inline blockquote p {display:block!important;}
  500.  
  501. .inline p {
  502. display:block!important;
  503. margin:.5em 0!important;
  504. }
  505.  
  506. .inline p:first-of-type {
  507. display:inline!important;
  508. margin:0!important;
  509. }
  510.  
  511. .inline *::after:not(a):not(ul):not(ol):not(li) {content:' ';}
  512.  
  513. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  514.  
  515. .caption *:last-child, .a *:last-child, .tex *:last-child {
  516. margin-bottom:0!important;
  517. padding-bottom:0!Important;
  518. }
  519.  
  520. {block:indexpage}
  521. .hide {display:none!important;}
  522. {/block:indexpage}
  523.  
  524. /*audio*/
  525.  
  526. .tumblr_audio_player {
  527. width:250px;
  528. height:30px;
  529. margin-top:-2px;
  530. }
  531.  
  532. .player {
  533. width:25px;
  534. height:25px;
  535. border-left:2px solid white;
  536. display:block;
  537. overflow:hidden;
  538. }
  539.  
  540. .hold {
  541. background:white;
  542. vertical-align:middle;
  543. border:2px solid {color:accents};
  544. display:inline-block;
  545. padding:15px;
  546. position:relative;
  547. margin-right:15px;
  548. }
  549.  
  550. .audio_info {
  551. display:inline-block;
  552. vertical-align:middle;
  553. background:{color:accents};
  554. padding:15px;
  555. line-height:14.5px;
  556. width:calc(100% - 112px);
  557. }
  558.  
  559. .audio_info span {display:block;}
  560.  
  561. .spotify_audio_player {
  562. height:80px;
  563. border-radius:0!important;
  564. }
  565.  
  566. /*asks*/
  567.  
  568. .q {
  569. padding:15px;
  570. background:{color:accents};
  571. }
  572.  
  573. .as:before, .source:before, .t:before {
  574. content:'';
  575. display:inline-block;
  576. vertical-align:middle;
  577. width:15px;
  578. height:1px;
  579. background:{color:borders};
  580. margin-right:5px;
  581. }
  582.  
  583. .as {
  584. margin:15px 0 0 15px;
  585. text-transform:lowercase;
  586. }
  587.  
  588. .a {margin-top:15px}
  589.  
  590. /*chats*/
  591.  
  592. .chat {
  593. margin:0;
  594. padding:0;
  595. list-style:none;
  596. text-align:left;
  597. }
  598.  
  599. .chat li:before {display:none;}
  600.  
  601. .l.odd {
  602. background:{color:accents};
  603. padding:5px;
  604. }
  605.  
  606. .l.even {padding:5px;}
  607.  
  608. .label {
  609. font-weight:bold;
  610. color:{color:title};
  611. display:inline-block;
  612. }
  613.  
  614. /*permalink and notes*/
  615.  
  616. #permalink {
  617. margin-top:15px;
  618. padding-top:15px;
  619. border-top:1px solid {color:borders};
  620. }
  621.  
  622. #permalink span {display:block;}
  623.  
  624. .when {
  625. margin-top:15px;
  626. padding-top:15px;
  627. line-height:1.5em;
  628. border-top:1px solid {color:borders};
  629. font-size:8px;
  630. position:relative;
  631. text-transform:uppercase;
  632. letter-spacing:1px;
  633. }
  634.  
  635. .when a {display:inline-block;}
  636.  
  637. .when .rest {
  638. float:right;
  639. display:inline-block;
  640. text-align:right;
  641. }
  642.  
  643. .tt {
  644. display:none;
  645. position:relative;
  646. top:calc(100% + 15px);
  647. }
  648.  
  649. .pagenotes {
  650. text-transform:lowercase;
  651. margin-top:100px;
  652. }
  653.  
  654. .pagenotes .title {
  655. margin-bottom:15px;
  656. padding:15px;
  657. background:{color:Accents};
  658. }
  659.  
  660. .same {
  661. max-height:300px;
  662. overflow:auto;
  663. }
  664.  
  665. .same li:before {display:none;}
  666.  
  667. ol.notes {
  668. list-style-type:none;
  669. padding:0px;
  670. margin:0px;
  671. }
  672.  
  673. ol.notes li.note {
  674. display:block;
  675. padding-left:0;
  676. }
  677.  
  678. ol.notes li.note img.avatar {display:none!important;}
  679.  
  680. .more_notes_link,.notes_loading {
  681. display:block;
  682. text-align:left!important;
  683. color:{color:title};
  684. }
  685.  
  686. /*links*/
  687.  
  688. .le {
  689. position:relative;
  690. width:{select:post width}px;
  691. }
  692.  
  693. .rest {
  694. margin-left:60px;
  695. display:block;
  696. }
  697.  
  698. .le a, .lo {
  699. display:inline-block;
  700. font-size:8px;
  701. text-transform:uppercase;
  702. letter-spacing:1px;
  703. }
  704.  
  705. .le a {width:calc(({select:post width}px - 60px) / 3)!important;}
  706.  
  707. .lo {
  708. color:{color:title};
  709. width:60px;
  710. float:left;
  711. font-weight:bold;
  712. position:relative;
  713. }
  714.  
  715. .bigger a, .bigger a:hover {border:0!important;}
  716.  
  717. .bigger a:before {display:none;}
  718.  
  719. /* quotes */
  720.  
  721. .titlequote {
  722. font-size: 25px;
  723. line-height: 20px;
  724. font-family:helvetica;
  725. text-transform:uppercase;
  726. font-weight:bold;
  727. color:{color:PostTitle};
  728. text-align: justify;
  729. }
  730.  
  731. /* sidebar */
  732.  
  733. /* Sidebar */
  734.  
  735. #side{
  736. bottom: -130px;
  737. left: 470px;
  738. position:fixed;
  739. width:550px;
  740. height:200px;
  741. -webkit-animation:pulse 2s;
  742. -moz-animation:pulse 2s;
  743. -o-animation:pulse 2s;
  744. }
  745.  
  746. .andmark {
  747. margin-top: -235px;
  748. margin-left: -54px;
  749. font-family:raleway;
  750. text-transform:uppercase;
  751. font-size:180px;
  752. letter-spacing:-2px;
  753. font-weight:bold;
  754. color:{color:posts};
  755. z-index:9;
  756. }
  757.  
  758. .titlee {
  759. Margin-top: -59px;
  760. margin-left: 30px;
  761. font-family: bebas_neue;
  762. text-transform:uppercase;
  763. font-size:100px;
  764. letter-spacing:-2px;
  765. font-weight:bold;
  766. color:{color:posts};
  767. z-index:9;
  768. -webkit-transition:all 1s ease-in-out;
  769. -moz-transition:all 1s ease-in-out;
  770. -o-transition:all 1s ease-in-out;
  771. -ms-transition:all 1s ease-in-out;
  772. transition:all 1s ease-in-out;
  773. }
  774.  
  775. .titlee:hover {
  776. color:{color:bold};
  777. text-shadow:2px 2px 0px {color:posts};
  778. -ms-transform: rotate(5deg); /* IE 9 */
  779. -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
  780. transform: rotate(5deg);
  781. -webkit-transition:all 1s ease-in-out;
  782. -moz-transition:all 1s ease-in-out;
  783. -o-transition:all 1s ease-in-out;
  784. -ms-transition:all 1s ease-in-out;
  785. transition:all 1s ease-in-out;
  786. }
  787.  
  788. .sun {
  789. Margin-top: -58px;
  790. margin-left: 48px;
  791. font-family: bebas_neue;
  792. text-transform:uppercase;
  793. font-size:55px;
  794. letter-spacing:-1px;
  795. font-weight:bold;
  796. color:{color:posts};
  797. z-index:9;
  798. }
  799.  
  800. .career{
  801. margin-left:49px;
  802. margin-top: 6px;
  803. width:204px;
  804. height:72px;
  805. background-color:{color:posts};
  806. text-align: justify;
  807. padding: 9px;
  808. line-height: 12px;
  809. font-size: 7px;
  810. text-transform: uppercase;
  811. }
  812.  
  813. .social {
  814. margin-left: 235px;
  815. margin-top: 1px;
  816. width:36px;
  817. height:36px;
  818. background-color:transparent;
  819. -webkit-transition: all 0.9s ease-in-out;
  820. -moz-transition: all 0.9s ease-in-out;
  821. -o-transition: all 0.9s ease-in-out;
  822. -ms-transition: all 0.9s ease-in-out;
  823. transition: all 0.9s ease-in-out;
  824. }
  825.  
  826. .socialimg img{
  827. padding-top:0px;
  828. width:36px;
  829. height:36px;
  830. margin-right: -2px;
  831. -webkit-transition: all 0.9s ease-in-out;
  832. -moz-transition: all 0.9s ease-in-out;
  833. -o-transition: all 0.9s ease-in-out;
  834. -ms-transition: all 0.9s ease-in-out;
  835. transition: all 0.9s ease-in-out;
  836. }
  837.  
  838. .social:hover {
  839. background:{color:bold};
  840. -webkit-transition: all 0.9s ease-in-out;
  841. -moz-transition: all 0.9s ease-in-out;
  842. -o-transition: all 0.9s ease-in-out;
  843. -ms-transition: all 0.9s ease-in-out;
  844. transition: all 0.9s ease-in-out;
  845. }
  846.  
  847. .socialinsta {
  848. margin-left:235px;
  849. margin-top: 1px;
  850. width:36px;
  851. height:36px;
  852. background-color:transparent;
  853. -webkit-transition: all 0.9s ease-in-out;
  854. -moz-transition: all 0.9s ease-in-out;
  855. -o-transition: all 0.9s ease-in-out;
  856. -ms-transition: all 0.9s ease-in-out;
  857. transition: all 0.9s ease-in-out;
  858. }
  859.  
  860. .socialimg img{
  861. padding-top:0px;
  862. width:36px;
  863. height:36px;
  864. margin-right: -2px;
  865. -webkit-transition: all 0.9s ease-in-out;
  866. -moz-transition: all 0.9s ease-in-out;
  867. -o-transition: all 0.9s ease-in-out;
  868. -ms-transition: all 0.9s ease-in-out;
  869. transition: all 0.9s ease-in-out;
  870. }
  871.  
  872. .socialinsta:hover {
  873. background:{color:bold};
  874. -webkit-transition: all 0.9s ease-in-out;
  875. -moz-transition: all 0.9s ease-in-out;
  876. -o-transition: all 0.9s ease-in-out;
  877. -ms-transition: all 0.9s ease-in-out;
  878. transition: all 0.9s ease-in-out;
  879. }
  880.  
  881. .socialsound {
  882. margin-left:235px;
  883. margin-top: 1px;
  884. width:36px;
  885. height:36px;
  886. background-color:transparent;
  887. -webkit-transition: all 0.9s ease-in-out;
  888. -moz-transition: all 0.9s ease-in-out;
  889. -o-transition: all 0.9s ease-in-out;
  890. -ms-transition: all 0.9s ease-in-out;
  891. transition: all 0.9s ease-in-out;
  892. }
  893.  
  894. .socialimg img{
  895. padding-top:0px;
  896. width:36px;
  897. height:36px;
  898. margin-right: -2px;
  899. -webkit-transition: all 0.9s ease-in-out;
  900. -moz-transition: all 0.9s ease-in-out;
  901. -o-transition: all 0.9s ease-in-out;
  902. -ms-transition: all 0.9s ease-in-out;
  903. transition: all 0.9s ease-in-out;
  904. }
  905.  
  906. .socialsound:hover {
  907. background:{color:bold};
  908. -webkit-transition: all 0.9s ease-in-out;
  909. -moz-transition: all 0.9s ease-in-out;
  910. -o-transition: all 0.9s ease-in-out;
  911. -ms-transition: all 0.9s ease-in-out;
  912. transition: all 0.9s ease-in-out;
  913. }
  914.  
  915. .sb1{
  916. margin-left:-41px;
  917. margin-top:-110px;
  918. width:267px;
  919. height:44px;
  920. border:4px solid {color:posts};
  921. overflow:hidden;
  922. }
  923.  
  924. .definition{
  925. margin-left: -41px;
  926. margin-top: 1px;
  927. width:269px;
  928. height:52px;
  929. padding: 3px;
  930. background-color:{color:posts};
  931. text-align: justify;
  932. font-size: 7px;
  933. line-height: 13px;
  934. opacity:1;
  935. -webkit-transition: all .8s ease-out;
  936. -moz-transition: all .8s ease-out;
  937. -webkit-transition: all .8s ease-out;
  938. -moz-transition: all .8s ease-out;
  939. }
  940.  
  941. .hovers {
  942. margin-left:63px;
  943. margin-top: 1px;
  944. width:200px;
  945. height:12px;
  946. padding: 4px;
  947. background-color:{color:posts};
  948. }
  949.  
  950. .whants{
  951. width:195px;
  952. height:15px;
  953. float: left;
  954. margin-left: 4px;
  955. position: fixed;
  956. -webkit-transition: all 0.4s ease-out;
  957. -moz-transition: all 0.1s ease-out;}
  958.  
  959. .whants a {
  960. display: inline-block;
  961. float: left;
  962. margin-left: 1px;
  963. margin-top:1px;
  964. height: 10px;
  965. width: 31px;
  966. -webkit-transition: all .8s ease-out;
  967. -moz-transition: all .8s ease-out;
  968. -webkit-transition: all .8s ease-out;
  969. -moz-transition: all .8s ease-out;
  970. background-color: #edeef0;
  971. overflow:hidden;
  972. color:#848484;
  973. font-size:10px;
  974. text-transform: uppercase;
  975. line-height:20px;
  976. text-align:center;}
  977.  
  978. .whants a:hover{
  979. color:#fff;
  980. background-color: {color:bold};
  981. -webkit-animation: RH infinite 3s;}
  982.  
  983. .link {
  984. margin-left:-41px;
  985. margin-top:1px;
  986. width:312px;
  987. height:25px;
  988. background-color:{color:posts};
  989. text-align: center;
  990. line-height: 21px;
  991. font-family:Trebuchet MS, sans-serif;
  992. font-size:9px;
  993. text-transform:uppercase;
  994. z-index:9999999999999999;
  995. opacity:`;
  996. -webkit-transition: all .8s ease-out;
  997. -moz-transition: all .8s ease-out;
  998. -webkit-transition: all .8s ease-out;
  999. -moz-transition: all .8s ease-out;
  1000. }
  1001.  
  1002. /* menu by ruby connection html | usou ? creditou. É DE GRATIS */
  1003.  
  1004. .break{
  1005. width:505px;
  1006. height:15px;
  1007. margin-top: 5px;
  1008. margin-left: 5px;
  1009. float: left;
  1010. position: fixed;
  1011. -webkit-transition: all .8s ease-out;
  1012. -moz-transition: all .8s ease-out;
  1013. -webkit-transition: all .8s ease-out;
  1014. -moz-transition: all .8s ease-out; }
  1015.  
  1016. .break a {
  1017. display: block;
  1018. float: left;
  1019. margin-left: 3px;
  1020. line-height: 17px;
  1021. height: 15px;
  1022. width: 35px;
  1023. -webkit-transition: all .8s ease-out;
  1024. -moz-transition: all .8s ease-out;
  1025. -webkit-transition: all .8s ease-out;
  1026. -moz-transition: all .8s ease-out;
  1027. background-color: {color:background};
  1028. text-align:left;
  1029. margin-bottom:1px;
  1030. border-left: 7px solid {color:italic};
  1031. padding-left: 5px;
  1032. }
  1033.  
  1034. .break a:hover{
  1035. color:#865ea8;
  1036. border-left: 7px solid #fff;
  1037. -webkit-transition: all .8s ease-out;
  1038. -moz-transition: all .8s ease-out;
  1039. -webkit-transition: all .8s ease-out;
  1040. -moz-transition: all .8s ease-out;
  1041.  
  1042. }
  1043.  
  1044. {CustomCSS}
  1045.  
  1046. </style>
  1047. </head>
  1048.  
  1049. <!-- jquery -->
  1050.  
  1051. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1052. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  1053. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1054.  
  1055. <script>
  1056. $(document).ready(function() {
  1057. $(document).tooltip({
  1058. track:true
  1059. });
  1060. $('.photo-slideshow').pxuPhotoset({
  1061. lightbox: true,
  1062. rounded: 'corners',
  1063. gutter: '3px',
  1064. borderRadius: '0px',
  1065. photoset: '.photo-slideshow',
  1066. photoWrap: '.photo-data',
  1067. photo: '.pxu-photo'
  1068. });
  1069. // video & soundcloud scripts © eoxk.tumblr
  1070. $('.v iframe').each(function(){
  1071. var scale = $(this).parents('.v').width() / 500;
  1072. $(this).attr({
  1073. width: Math.floor($(this).attr('width') * scale),
  1074. height: Math.floor($(this).attr('height') * scale)
  1075. });
  1076. });
  1077. $('.ss').each(function() {
  1078. $(this).click(function() {
  1079. var $this = $(this);
  1080. $this.closest('.posts').find('.tt').slideToggle(400);
  1081. $this.toggleClass('seemore');
  1082. if ($this.hasClass('seemore')) {
  1083. $this.text('show tags');
  1084. } else {
  1085. $this.text('hide tags');
  1086. }
  1087. });
  1088. });
  1089. var color = '{color:link}'; // color of play button (hex)
  1090. $('.soundcloud_audio_player').each(function(){
  1091. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' - 30 });
  1092. });
  1093. });
  1094. </script>
  1095.  
  1096. <body>
  1097.  
  1098. <div id="side">
  1099.  
  1100. <div class="andmark">L</div>
  1101. <div class="sun">izzy<b> // </b>Park<em>!!</em></div>
  1102.  
  1103. <div class="career">BETTER KNOWN AS;
  1104. 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>.
  1105. MODEL SOCIALITE PAID PARTY GIRL. BAD ATTITUDE WITH A BAD HABIT OF RUNNING HER MOUTH. TOU <B>MOST</B> LIKELY KNOW HER, APPROACH HER AS SUCH. EVEN IF IT'S TO SWING AT HER, BECAUSE SHE FUCKED YOUR BOYFRIEND.
  1106. </div>
  1107.  
  1108. <div class="link">
  1109. <div class="break">
  1110. <a href="/">H</a>
  1111. <a href="/ask">M</a>
  1112. <a href="/submit">S</a>
  1113. <a href="/navi">F</a>
  1114. <a href="/timeline">F</a>
  1115. <a href="">T</a>
  1116. </div></div>
  1117.  
  1118. <div class="social">
  1119. <div class="socialimg">
  1120. <a href="/tagged/( .social!twitter )" title="social:twitter"><img src="http://o.aolcdn.com/hss/storage/fss/f478539895a404b9d3110a350ce458/twitter-2-128+(1).png"/></a>
  1121. </div>
  1122. </div>
  1123.  
  1124. <div class="socialinsta">
  1125. <div class="socialimg">
  1126. <a href="/tagged/( .social!insta )" title="social:insta"><img src="http://o.aolcdn.com/hss/storage/fss/a9b05c416e9916d74002cfb8f7d272b7/instagram-2-128+(1).png"/></a>
  1127. </div>
  1128. </div>
  1129.  
  1130. <div class="socialsound">
  1131. <div class="socialimg">
  1132. <a href="/tagged/( .social!soundcloud )" title="social:soundcloud"><img src="http://o.aolcdn.com/hss/storage/fss/1582cb1a7eef5cd5f002da88ebbf0c8e/soundcloud-2-128+(1).png"/></a>
  1133. </div>
  1134. </div>
  1135.  
  1136. <div class="sb1"><img src='http://o.aolcdn.com/hss/storage/fss/c9893dbf4869efa7cc58d4540c917279/tumblr_mifqw8JvOV1s0xnfto1_500.gif'></div>
  1137.  
  1138. <div class="definition"><B>AELLA</B> (N) ( EYE-LUH )- 1) ADOPTED KOREAN AMERICAN DAUGHTER. 2) THE CENTER OF THE RAPPING QUEEN. 3) A GIRL YOU DON'T KNOW, YOU WON'T KNOW, AND YOU'LL NEVER FIND OUT ABOUT. 4) LOVES MORE THAN SHE RECIEVES, AND DESTINED FOR TRAGEDY. ( FOR MORE - SEE <EM>AKALI</EM>)</div>
  1139.  
  1140. <div class="hovers">
  1141. <div class="whants">
  1142. <a title="Original Character, Sun Aella ( pronounced eye-luh ). Though she is not Kim Hyuna, nor affiliated with CUBE Entertainment, she is an entertainment muse. She's both a well known underground artist, socialite with many connections in the industry, and also an up and coming idol. It's very possible to appoach her as you know her. Though positively or negatively is up to you."> </a><a title="Literate, progressive, novella to one liners. 99% literate. Gif/Icons, I adjust to you."> </a><a title="NSFW. Booze, and drugs, and other triggering actions associated with this muse and will be written about as flashbacks as she's on her climb at the moment. You've been warned."></a><a title="Single. She’s completely nuts in a way that makes you smile, highly neurotic, a great deal of maintenance required. She's your problematic fave."></a><a title="Please at least read through her profiles, and her about before interacting with her. There's things you don't have to read, but I've put a lot of effort into this muse, and would appreciate it."></a><a title="Theme by sorrism. Heavily tweaked by Akali @ aellionios. Graphics by her as well. Any questions should be directed towards her."></a>
  1143. </div></div>
  1144.  
  1145. </div>
  1146.  
  1147.  
  1148. <section id="entries">
  1149.  
  1150. {block:Posts}<article class="posts">
  1151.  
  1152. {block:Quote}<div class="titlequote">{Quote}</div>
  1153. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1154. {/block:Quote}
  1155.  
  1156. {block:Text}
  1157. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1158. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  1159. {/block:Text}
  1160.  
  1161. {block:Link}
  1162. <div class="title"><a href="{URL}">{Name}</a></div>
  1163. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  1164. {/block:Link}
  1165.  
  1166. {block:Chat}
  1167. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1168. <ol class="chat {block:title}ted{/block:title}">
  1169. {block:Lines}
  1170. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1171. {/block:Lines}
  1172. </ol>
  1173. {/block:Chat}
  1174.  
  1175. {block:Photo}
  1176. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  1177. {/block:Photo}
  1178.  
  1179. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1180. {/block:Photoset}
  1181.  
  1182. {block:Video}<div class="media v">{Video-500}</div>{/block:Video}
  1183.  
  1184. {block:Audio}
  1185. {block:AudioPlayer}
  1186. <div class="hold">
  1187. <div class="player">{AudioPlayerwhite}</div>
  1188. </div>{/block:AudioPlayer}<div class="audio_info">
  1189. {block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}
  1190. {block:Artist}<span>by {Artist}</span>{/block:Artist}</div>
  1191. {/block:Audio}
  1192.  
  1193. {block:Answer}
  1194. <div class="q">{Question}</div>
  1195. <div class="as">sent by {Asker}</div>
  1196. <div class="a">{Answer}</div>
  1197. {/block:Answer}
  1198.  
  1199. {block:Caption}<div class="caption {select:captions}">{Caption}</div>{/block:Caption}
  1200.  
  1201. {block:Date}{block:indexpage}
  1202. <div class="when"><span class="rest">{block:notecount}<a href="{permalink}">{notecountwithlabel}</a><br>{/block:notecount}<a href="{ReblogURL}" target="_blank" class="r">reblog</a></span>{block:ifnotClickforTags}<a href="{Permalink}" target="_blank">posted on {dayofweek}<br>{timeago}</a>{/block:ifnotClickforTags}{block:ifClickforTags}<a href="{Permalink}" target="_blank">posted on {dayofweek}</a>{block:HasTags}<br><a class="ss seemore">show tags</a><div class="tt">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifClickforTags}</div>{/block:indexpage}
  1203.  
  1204. {block:permalinkpage}
  1205. <div id="permalink">
  1206. <span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</span>
  1207. {block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}
  1208. {block:HasTags}<span>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  1209. {/block:permalinkpage}
  1210. {/block:Date}</article>
  1211.  
  1212. {block:PostNotes}
  1213. <article class="pagenotes posts"><div class="title">{NoteCountWithLabel}</div><div class="same">{PostNotes}</div></article>
  1214. {/block:PostNotes}
  1215. {/block:Posts}
  1216.  
  1217. </section>
  1218.  
  1219. {block:Pagination}<footer>
  1220. <div id="pagination">
  1221. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}<div id="more"><a style="cursor:help;">load more</a></div>{/block:ifmanualload}{/block:ifinfinitescroll}</footer>
  1222. {/block:Pagination}
  1223.  
  1224.  
  1225. {block:indexpage}
  1226. {block:ifinfinitescroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1227. <script>
  1228. $(document).ready(function(){
  1229. var color = '{color:link}';
  1230. var $container = $('section');
  1231. $container.infinitescroll({
  1232. itemSelector: '.posts',
  1233. navSelector: '#pagination',
  1234. nextSelector: '#pagination a',
  1235. loadingImg: '',
  1236. loadingText: '<em></em>',
  1237. bufferPx: 3000
  1238. },
  1239. function( newElements ) {
  1240. var $newElems = $( newElements );
  1241. $newElems.find('.photo-slideshow').pxuPhotoset({
  1242. lightbox: true,
  1243. rounded: 'corners',
  1244. gutter: '3px',
  1245. borderRadius: '0px',
  1246. photoset: '.photo-slideshow',
  1247. photoWrap: '.photo-data',
  1248. photo: '.pxu-photo'
  1249. });
  1250. $newElems.find('.v iframe').each(function(){
  1251. var scale = $(this).parents('.v').width() / 500;
  1252. $(this).attr({
  1253. width: Math.floor($(this).attr('width') * scale),
  1254. height: Math.floor($(this).attr('height') * scale)
  1255. });
  1256. });
  1257. $newElems.find('.ss').each(function() {
  1258. $(this).click(function() {
  1259. var $this = $(this);
  1260. $this.closest('.posts').find('.tt').slideToggle(400);
  1261. $this.toggleClass('seemore');
  1262. if ($this.hasClass('seemore')) {
  1263. $this.text('show tags');
  1264. } else {
  1265. $this.text('hide tags');
  1266. }
  1267. });
  1268. });
  1269. $newElems.find('.soundcloud_audio_player').each(function(){
  1270. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' - 30 });
  1271. });
  1272. });
  1273. {block:ifmanualload}
  1274. jQuery(window).unbind('.infscr');
  1275. jQuery('#more a').click(function(){
  1276. jQuery('section').infinitescroll('retrieve'); return false;
  1277. });
  1278. {/block:ifmanualload}
  1279. });
  1280. </script>
  1281. {/block:ifinfinitescroll}
  1282. {/block:indexpage}
  1283.  
  1284.  
  1285. {block:ContentSource}
  1286. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1287. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1288. {/block:SourceLogo}
  1289. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1290. {/block:ContentSource}
  1291. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">σ</a>
  1292. </body></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!