API tools faq
paste
Advertisement
aellionios

eden; sorrism theme

aellionios
Apr 22nd, 2016
185
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.22 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="http://xlittle-piece-of-my-lifex.blogspot.com/favicon.ico" />
  24.  
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <!--Default Variables-->
  29.  
  30. <meta name="color:Background" content="#f8f8f8"/>
  31. <meta name="color:Posts" content="#ffffff"/>
  32. <meta name="color:Text" content="#888888"/>
  33. <meta name="color:Link" content="#888888"/>
  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="#fdd4d8" />
  39. <meta name="color:Italic" content="#fdd4d8"/>
  40. <meta name="color:hover" content="#fdd4d8" />
  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:MP3 Link" content=""/>
  66.  
  67. <meta name="text:descriptionone" content=""/>
  68. <meta name="text:quoteone" content=""/>
  69.  
  70. <meta name="text:linkonetitle" content=""/>
  71. <meta name="text:linkoneurl" content=""/>
  72. <meta name="text:linktwotitle" content=""/>
  73. <meta name="text:linktwourl" content=""/>
  74. <meta name="text:linkthreetitle" content=""/>
  75. <meta name="text:linkthreeurl" content=""/>
  76. <meta name="text:linkfourtitle" content=""/>
  77. <meta name="text:linkfoururl" content=""/>
  78. <meta name="text:linkfivetitle" content=""/>
  79. <meta name="text:linkfiveurl" content=""/>
  80. <meta name="text:linksixtitle" content=""/>
  81. <meta name="text:linksixurl" content=""/>
  82.  
  83. <!--CSS customization here. -->
  84.  
  85. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  86.  
  87. <link href='http://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  88.  
  89. <style type="text/css">
  90.  
  91. @font-face
  92. { font-family:"lovenote"; src: url('https://dl.dropbox.com/s/lg0biqm7jqlyfaq/ck-love-note.ttf?dl=1'); format(“truetype”);}
  93. @font-face
  94. { font-family:"dolcevita"; src: url('https://dl.dropbox.com/s/ulyc96lx0yfiryl/Dolce%20Vita%20Heavy%20Bold.ttf?dl=1'); format(“truetype”);}
  95. @font-face
  96. { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  97.  
  98. /*tumblr controls and lightbox*/
  99.  
  100. #tumblr_lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  101.  
  102. #tumblr_lightbox img {opacity:0;}
  103.  
  104. #tumblr_lightbox_caption {
  105. color:{color:title}!important;
  106. font-family:inherit!important;
  107. font-size:10px!important;
  108. font-weight:normal!important;
  109. text-shadow:none!important;
  110. }
  111.  
  112. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  113. -moz-box-shadow:none!important;
  114. -webkit-box-shadow:none!important;
  115. box-shadow:none!important;
  116. -moz-border-radius:0px!important;
  117. -webkit-border-radius:0px!important;
  118. border-radius:0px!important;
  119. padding:20px!important;
  120. margin:-20px 0 0 -20px!important;
  121. background:{color:posts}!important;
  122. border:0!important;
  123. opacity:1!important;
  124. }
  125.  
  126. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.6!important;}
  127.  
  128. iframe#tumblr_controls {
  129. white-space:nowrap!important;
  130. -webkit-filter:invert(70%)!important;
  131. -moz-filter:invert(70%)!important;
  132. -ms-filter:invert(70%)!important;
  133. -o-filter:invert(70%)!important;
  134. filter:invert(70%)!important;
  135. top:10px!important;
  136. right:10px!important;
  137. opacity:.3!important;
  138. position:fixed!important;
  139. }
  140.  
  141. /*tooltip*/
  142.  
  143. .ui-tooltip {
  144. position:Absolute;
  145. z-index:9999;
  146. padding-top:15px;
  147. }
  148.  
  149. .ui-tooltip-content {
  150. max-width:210px;
  151. margin-top:25px;
  152. margin-left:15px;
  153. padding:5px 5px;
  154. z-index:999999;
  155. background:{color:posts};
  156. border:1px solid {color:italic};
  157. color:{color:text};
  158. font-family:calibri, arial, sans-serif;
  159. font-size:8.5px;
  160. line-height:9px;
  161. letter-spacing:1px;
  162. text-transform:uppercase;
  163. }
  164.  
  165. /*scrollbar*/
  166.  
  167. ::-webkit-scrollbar{
  168. height:2px;
  169. width:4px;
  170. background:inherit;
  171. }
  172.  
  173. ::-webkit-scrollbar-thumb {
  174. background:{color:scrollbar};
  175. border-radius:2px;
  176. -webkit-border-radius:2px;
  177. }
  178.  
  179. .same::-webkit-scrollbar {width:1px;}
  180.  
  181. .same::-webkit-scrollbar-thumb {background:{color:borders}!important;}
  182.  
  183. /*basics*/
  184.  
  185. body {
  186. background:{color:background};
  187. color:{color:text};
  188. font-family: 'trebuchet ms', arial, sans-serif;
  189. font-size:10px;
  190. font-weight:normal;
  191. -webkit-font-smoothing:antialiased;
  192. -moz-font-smoothing:antialiased;
  193. font-smoothing:antialiased;
  194. text-shadow: 1px 1px 1px rgba(0,0,0,0.005);
  195. position:relative;
  196. word-wrap:break-word;
  197. text-align:left;
  198. margin:0;
  199. line-height:1.75em;
  200. }
  201.  
  202. *, body {cursor:crosshair;}
  203.  
  204. a {
  205. color:{color:text};
  206. text-decoration:none;
  207. cursor:help;
  208. transition:all .4s ease-in-out;
  209. -webkit-transition:all .4s ease-in-out;
  210. -moz-transition:all .4s ease-in-out;
  211. -o-transition:all .4s ease-in-out;
  212. }
  213.  
  214. a:hover {
  215. color:{color:link};
  216. border-color:{color:link}!important;
  217. }
  218.  
  219. .caption a, .tex a, .a a, .title a {border-bottom:1px solid {color:borders};}
  220.  
  221. img {
  222. opacity:1;
  223. border:none;
  224. text-decoration:none;
  225. }
  226.  
  227. blockquote {
  228. border-left:1px solid {color:borders};
  229. padding:.25em 0 .25em 15px;
  230. margin:.5em 0;
  231. }
  232.  
  233. pre {
  234. padding:0;
  235. margin:0;
  236. line-height:inherit!important;
  237. background:transparent;
  238. font-family:inherit!Important;
  239. font-size:inherit!important;
  240. white-space:pre-wrap;
  241. white-space:-moz-pre-wrap;
  242. white-space:-pre-wrap;
  243. white-space:-o-pre-wrap;
  244. word-wrap:break-word;
  245. }
  246.  
  247. p {margin:.75em 0;}
  248.  
  249. p:first-of-type {margin-top:0;}
  250.  
  251. p:last-of-type {margin-bottom:0;}
  252.  
  253. b, strong {
  254. color:{color:Bold};
  255. font-weight:bold;
  256. }
  257.  
  258. i, em {
  259. color:{color:Italic};
  260. font-style:italic;
  261. }
  262.  
  263. ol, ul {
  264. list-style:none;
  265. padding-left:15px;
  266. }
  267.  
  268. li {
  269. padding-left:15px;
  270. position:relative;
  271. }
  272.  
  273. li:before {
  274. content:'\00BB';
  275. position:Absolute;
  276. left:0px;
  277. }
  278.  
  279. small, big, sub, pre {
  280. font-size:9px;
  281. line-height:2em!important;
  282. vertical-align:top!important;
  283. }
  284.  
  285. h1, h2, h3, h4 {
  286. font-size:15px;
  287. margin:0;
  288. padding:0;
  289. color:{color:title};
  290. font-weight:bold;
  291. }
  292.  
  293. hr {
  294. border:none;
  295. box-shadow:0;
  296. margin:1em 0;
  297. border-top:1px solid {color:borders};
  298. }
  299.  
  300. .bigger hr {margin:15px 0;}
  301.  
  302. /*side*/
  303.  
  304. aside {
  305. width:170px;
  306. position:fixed;
  307. top:200px;
  308. left:50%;
  309. margin-left:calc(-{select:post width}px / 2 - 275px);
  310. -webkit-animation-name: fade-in;
  311. -webkit-animation-duration: 1.5s;
  312. }
  313.  
  314. #d {
  315. padding:20px;
  316. margin-bottom:15px;
  317. background:{color:posts};
  318. border-bottom:1px solid {color:borders};
  319. }
  320.  
  321. .tai {
  322. font-size:1.6em;
  323. font-weight:bold;
  324. display:block;
  325. color:{color:title};
  326. }
  327.  
  328. .sub {display:block;}
  329.  
  330. nav {
  331. -webkit-animation-name: fade-in;
  332. -webkit-animation-duration: 2s;
  333. position:absolute;
  334. transform:translate(0%,-100%);
  335. -webkit-transform:translate(0%,-100%);
  336. -o-transform:translate(0%,-100%);
  337. -moz-transform:translate(0%,-100%);
  338. font-size:8px;
  339. line-height:2em;
  340. padding-bottom:15px;
  341. text-transform:uppercase;
  342. letter-spacing:1px;
  343. }
  344.  
  345. nav a {
  346. margin-right:15px;
  347. counter-increment:link;
  348. display:inline-block;
  349. }
  350.  
  351. nav a:before {
  352. content:counter(link, decimal-leading-zero);
  353. font-weight:bold;
  354. color:{color:title};
  355. margin-right:15px;
  356. }
  357.  
  358. /*pagination*/
  359.  
  360. #pagination {
  361. {block:ifinfinitescroll}
  362. display:none;
  363. {/block:ifinfinitescroll}
  364. }
  365.  
  366. footer a {
  367. display:inline-block;
  368. padding:2px 4px;
  369. background:{color:posts};
  370. border-bottom:1px solid {color:borders};
  371. margin:0 10px;
  372. }
  373.  
  374. footer a:hover {border-color:{color:borders}!important;}
  375.  
  376. footer {
  377. {block:ifinfinitescroll}
  378. {block:ifnotmanualload}
  379. display:none;
  380. {/block:ifnotmanualload}
  381. {/block:ifinfinitescroll}
  382. text-align:center;
  383. margin:0 auto 100px auto;
  384. font-size:8px;
  385. text-transform:uppercase;
  386. letter-spacing:1px;
  387. width:{select:post width}px;
  388. }
  389.  
  390. #infscr-loading {display:none!important;}
  391.  
  392. .nice {
  393. position:fixed;
  394. right:15px;
  395. bottom:15px;
  396. width:15px;
  397. text-align:center;
  398. padding:3px;
  399. line-height:15px;
  400. background:{color:posts};
  401. }
  402.  
  403. /*posts*/
  404.  
  405. #entries {
  406. margin-left:590px;
  407. margin-top: 50px;
  408. {block:indexpage}
  409. {block:ifinfinitescroll}
  410. {block:ifnotmanualload}
  411. {/block:ifnotmanualload}
  412. {/block:ifinfinitescroll}
  413. {/block:indexpage}
  414. position:relative;
  415. width:calc({select:post width}px + 40px);
  416. }
  417.  
  418. .posts {
  419. width:{select:post width}px;
  420. padding:20px;
  421. background:{color:posts};
  422. border-bottom:1px solid {color:borders};
  423. vertical-align:top;
  424. position:relative;
  425. display:block;
  426. {block:indexpage}
  427. margin-bottom:{text:post spacing}px;
  428. {/block:indexpage}
  429. -webkit-animation-name: fade-in;
  430. -webkit-animation-duration: 2s;
  431. }
  432.  
  433. .posts img {
  434. height:auto;
  435. max-width:{select:post width}px;
  436. }
  437.  
  438. .photo img {
  439. width:{select:post width}px;
  440. display:block;
  441. }
  442.  
  443. .media {
  444. display:block;
  445. position:relative;
  446. }
  447.  
  448. .media iframe, .tumblr_video_container {display:block;}
  449.  
  450. .tumblr_video_container {
  451. width:auto!important;
  452. height:auto!important;
  453. }
  454.  
  455. a.read_more {text-transform:lowercase;}
  456.  
  457. /*text and captions*/
  458.  
  459. .title {
  460. color:{color:title};
  461. font-size:1.2em;
  462. font-weight:500;
  463. line-height:1.5em;
  464. }
  465.  
  466. .title a {color:{color:title};}
  467.  
  468. .title a:hover {color:{color:link};}
  469.  
  470. .ted {margin-top:15px;}
  471.  
  472. .quote {
  473. padding:15px;
  474. background:{color:accents};
  475. margin-bottom:15px;
  476. }
  477.  
  478. .source {margin-left:15px;
  479. text-transform: uppercase;
  480. font-size: 7px;
  481. }
  482.  
  483. .caption {margin:15px 0 0 0;}
  484.  
  485. .inline *:not(a):not(ul):not(ol):not(li) {
  486. margin:0;
  487. padding:0;
  488. display:inline;
  489. }
  490.  
  491. .inline blockquote:first-of-type {display:inline!important;}
  492.  
  493. .inline p:first-of-type::after {content:' ';}
  494.  
  495. .inline blockquote {
  496. padding:0;
  497. display:block;
  498. border:0;
  499. }
  500.  
  501. .inline blockquote p {display:block!important;}
  502.  
  503. .inline p {
  504. display:block!important;
  505. margin:.5em 0!important;
  506. }
  507.  
  508. .inline p:first-of-type {
  509. display:inline!important;
  510. margin:0!important;
  511. }
  512.  
  513. .inline *::after:not(a):not(ul):not(ol):not(li) {content:' ';}
  514.  
  515. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  516.  
  517. .caption *:last-child, .a *:last-child, .tex *:last-child {
  518. margin-bottom:0!important;
  519. padding-bottom:0!Important;
  520. }
  521.  
  522. {block:indexpage}
  523. .hide {display:none!important;}
  524. {/block:indexpage}
  525.  
  526. /*audio*/
  527.  
  528. .tumblr_audio_player {
  529. width:250px;
  530. height:30px;
  531. margin-top:-2px;
  532. }
  533.  
  534. .player {
  535. width:25px;
  536. height:25px;
  537. border-left:2px solid white;
  538. display:block;
  539. overflow:hidden;
  540. }
  541.  
  542. .hold {
  543. background:white;
  544. vertical-align:middle;
  545. border:2px solid {color:accents};
  546. display:inline-block;
  547. padding:15px;
  548. position:relative;
  549. margin-right:15px;
  550. }
  551.  
  552. .audio_info {
  553. display:inline-block;
  554. vertical-align:middle;
  555. background:{color:accents};
  556. padding:15px;
  557. line-height:14.5px;
  558. width:calc(100% - 112px);
  559. }
  560.  
  561. .audio_info span {display:block;}
  562.  
  563. .spotify_audio_player {
  564. height:80px;
  565. border-radius:0!important;
  566. }
  567.  
  568. /*asks*/
  569.  
  570. .q {
  571. padding:15px;
  572. background:{color:accents};
  573. }
  574.  
  575. .as:before, .source:before, .t:before {
  576. content:'';
  577. display:inline-block;
  578. vertical-align:middle;
  579. width:15px;
  580. height:1px;
  581. background:{color:borders};
  582. margin-right:5px;
  583. }
  584.  
  585. .as {
  586. margin:15px 0 0 15px;
  587. text-transform:lowercase;
  588. }
  589.  
  590. .a {margin-top:15px}
  591.  
  592. /*chats*/
  593.  
  594. .chat {
  595. margin:0;
  596. padding:0;
  597. list-style:none;
  598. text-align:left;
  599. }
  600.  
  601. .chat li:before {display:none;}
  602.  
  603. .l.odd {
  604. background:{color:accents};
  605. padding:5px;
  606. }
  607.  
  608. .l.even {padding:5px;}
  609.  
  610. .label {
  611. font-weight:bold;
  612. color:{color:title};
  613. display:inline-block;
  614. }
  615.  
  616. /*permalink and notes*/
  617.  
  618. #permalink {
  619. margin-top:15px;
  620. padding-top:15px;
  621. border-top:1px solid {color:borders};
  622. }
  623.  
  624. #permalink span {display:block;}
  625.  
  626. .when {
  627. margin-top:15px;
  628. padding-top:15px;
  629. line-height:1.5em;
  630. border-top:1px solid {color:borders};
  631. font-size:8px;
  632. position:relative;
  633. text-transform:uppercase;
  634. letter-spacing:1px;
  635. }
  636.  
  637. .when a {display:inline-block;}
  638.  
  639. .when .rest {
  640. float:right;
  641. display:inline-block;
  642. text-align:right;
  643. }
  644.  
  645. .tt {
  646. display:none;
  647. position:relative;
  648. top:calc(100% + 15px);
  649. }
  650.  
  651. .pagenotes {
  652. text-transform:lowercase;
  653. margin-top:100px;
  654. }
  655.  
  656. .pagenotes .title {
  657. margin-bottom:15px;
  658. padding:15px;
  659. background:{color:Accents};
  660. }
  661.  
  662. .same {
  663. max-height:300px;
  664. overflow:auto;
  665. }
  666.  
  667. .same li:before {display:none;}
  668.  
  669. ol.notes {
  670. list-style-type:none;
  671. padding:0px;
  672. margin:0px;
  673. }
  674.  
  675. ol.notes li.note {
  676. display:block;
  677. padding-left:0;
  678. }
  679.  
  680. ol.notes li.note img.avatar {display:none!important;}
  681.  
  682. .more_notes_link,.notes_loading {
  683. display:block;
  684. text-align:left!important;
  685. color:{color:title};
  686. }
  687.  
  688. /*links*/
  689.  
  690. .le {
  691. position:relative;
  692. width:{select:post width}px;
  693. }
  694.  
  695. .rest {
  696. margin-left:60px;
  697. display:block;
  698. }
  699.  
  700. .le a, .lo {
  701. display:inline-block;
  702. font-size:8px;
  703. text-transform:uppercase;
  704. letter-spacing:1px;
  705. }
  706.  
  707. .le a {width:calc(({select:post width}px - 60px) / 3)!important;}
  708.  
  709. .lo {
  710. color:{color:title};
  711. width:60px;
  712. float:left;
  713. font-weight:bold;
  714. position:relative;
  715. }
  716.  
  717. .bigger a, .bigger a:hover {border:0!important;}
  718.  
  719. .bigger a:before {display:none;}
  720.  
  721. /* quotes */
  722.  
  723. .titlequote {
  724. font-size: 25px;
  725. line-height: 20px;
  726. font-family:helvetica;
  727. text-transform:uppercase;
  728. font-weight:bold;
  729. color:{color:PostTitle};
  730. text-align: justify;
  731. }
  732.  
  733. /* Sidebar */
  734.  
  735. #side{
  736. bottom: 0px;
  737. left:0px;
  738. position:fixed;
  739. width:550px;
  740. height:508px;
  741. -webkit-animation:pulse 2s;
  742. -moz-animation:pulse 2s;
  743. -o-animation:pulse 2s;
  744. }
  745.  
  746. .career{
  747. position:relative;
  748. margin-left:0px;
  749. margin-top: 8px;
  750. width:204px;
  751. height:72px;
  752. background-color:#FFFFFF;
  753. text-align: justify;
  754. padding: 9px;
  755. padding-bottom:25px;
  756. line-height: 12px;
  757. font-size: 9px;
  758. text-transform: uppercase;
  759. z-index:-99999;
  760. }
  761.  
  762. .titlee {
  763. position:relative;
  764. margin-top: 11px;
  765. margin-left: -23px;
  766. font-family: bebas_neue;
  767. text-transform:uppercase;
  768. font-size:54px;
  769. letter-spacing:-1px;
  770. font-weight:bold;
  771. color:#FFFFFF;
  772. z-index:9;
  773. }
  774.  
  775. .eden {
  776. margin-top: -17px;
  777. margin-left: 140px;
  778. font-family: bebas_neue;
  779. text-transform:uppercase;
  780. font-size:54px;
  781. letter-spacing:-1px;
  782. font-weight:bold;
  783. color:{color:bold};
  784. z-index:9;
  785. }
  786.  
  787. #sbimage{
  788. position:absolute;
  789. z-index: -99;
  790. }
  791.  
  792. #scade {
  793. position:relative;
  794. margin-left:0px;
  795. margin-top:0px;
  796. text-align: center;
  797. width:190px;
  798. z-index: 999;
  799. }
  800.  
  801. #scade a {
  802. display: inline-block;
  803. font-family:Ubuntu Mono;
  804. font-size:10px;
  805. background: #fff;
  806. color: #aaa;
  807. -webkit-transition: all 0.4s ease-out;
  808. -moz-transition: all 0.4s ease-out;
  809. width:25px;
  810. height:22px;
  811. line-height:22px;
  812. text-align: center;
  813. margin-top:1px;
  814. }
  815.  
  816. #scade a:hover {
  817. color:#fff;
  818. text-decoration:
  819. none;-webkit-transition: 0.44s linear;
  820. box-shadow: inset 0px -50px 0px #8cc0cd;
  821. }
  822.  
  823. .lvshimg{
  824. margin-left:-56px;
  825. margin-top:-235px;
  826. width:175px;
  827. height:83px;
  828. border:4px solid #fff;
  829. overflow:hidden;
  830. }
  831.  
  832. .lvshquote {
  833. position:relative;
  834. margin-left:128px;
  835. margin-top: -91px;
  836. width:75px;
  837. height:56px;
  838. background-color:#FFFFFF;
  839. text-align: justify;
  840. padding: 9px;
  841. padding-bottom:25px;
  842. line-height: 12px;
  843. font-size: 9px;
  844. text-transform: uppercase;
  845. z-index:-99999;
  846. }
  847.  
  848. #scade {
  849. bottom:30px;
  850. left:30px;
  851. text-align: center;
  852. position: fixed;
  853. width:350px;}
  854.  
  855. #scade a {
  856. font-family:Ubuntu Mono;
  857. font-size:10px;
  858. background: #fff;
  859. color: #aaa;
  860. -webkit-transition: all 0.4s ease-out;
  861. -moz-transition: all 0.4s ease-out;
  862. width:50px;
  863. height:22px;
  864. line-height:22px;
  865. text-align: center;
  866. margin-top:1px;}
  867.  
  868. #scade a:hover {
  869. color:#fff;
  870. text-decoration: none;
  871. -webkit-transition: 0.44s linear;
  872. box-shadow: inset 0px -50px 0px {color:bold};}
  873.  
  874.  
  875.  
  876. {CustomCSS}
  877.  
  878. </style>
  879. </head>
  880.  
  881. <!-- jquery -->
  882.  
  883. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  884. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  885. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  886.  
  887. <script>
  888. $(document).ready(function() {
  889. $(document).tooltip({
  890. track:true
  891. });
  892. $('.photo-slideshow').pxuPhotoset({
  893. lightbox: true,
  894. rounded: 'corners',
  895. gutter: '3px',
  896. borderRadius: '0px',
  897. photoset: '.photo-slideshow',
  898. photoWrap: '.photo-data',
  899. photo: '.pxu-photo'
  900. });
  901. // video & soundcloud scripts © eoxk.tumblr
  902. $('.v iframe').each(function(){
  903. var scale = $(this).parents('.v').width() / 500;
  904. $(this).attr({
  905. width: Math.floor($(this).attr('width') * scale),
  906. height: Math.floor($(this).attr('height') * scale)
  907. });
  908. });
  909. $('.ss').each(function() {
  910. $(this).click(function() {
  911. var $this = $(this);
  912. $this.closest('.posts').find('.tt').slideToggle(400);
  913. $this.toggleClass('seemore');
  914. if ($this.hasClass('seemore')) {
  915. $this.text('show tags');
  916. } else {
  917. $this.text('hide tags');
  918. }
  919. });
  920. });
  921. var color = '{color:link}'; // color of play button (hex)
  922. $('.soundcloud_audio_player').each(function(){
  923. $(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 });
  924. });
  925. });
  926. </script>
  927.  
  928. <body>
  929.  
  930. <div id="side">
  931. <img src='http://o.aolcdn.com/hss/storage/fss/92a28b5496e580bce32ad5996d10557b/AJAQ5Jn.png' id="sbimage">
  932.  
  933. <div class="parent2" style="position:fixed; margin-left:180px; margin-top:190px; width:250px; height:200px; z-index:-99999;">
  934.  
  935. <div class="titlee">GARDENOF</div>
  936. <div class="eden">EDEN</div>
  937.  
  938. <div class="career">{text:descriptionone}</div>
  939.  
  940. <div class="lvshimg"><img src='http://o.aolcdn.com/hss/storage/fss/e794fd0c7e871626e2847413a4c001fe/FIESTAR-for-One-More-fiestar-37264603-1280-865.png'></div>
  941.  
  942. <div class="lvshquote">{text:quoteone}</div>
  943. </div>
  944.  
  945. <div id="scade">
  946. <a href="{text:linkoneurl}">{text:linkonetitle}</a>
  947. <a href="{text:linktwourl}">{text:linktwotitle}</a>
  948. <a href="{text:linkthreeurl}">{text:linkthreetitle}</a>
  949. <a href="{text:linkfoururl}">{text:linkfourtitle}</a>
  950. <a href="{text:linkfiveurl}">{text:linkfivetitle}</a>
  951. <a href="{text:linksixurl}">{text:linksixtitle}</a>
  952. </div>
  953.  
  954. </div>
  955. </div>
  956.  
  957. <section id="entries">
  958.  
  959. {block:Posts}<article class="posts">
  960.  
  961. {block:Quote}<div class="titlequote">{Quote}</div>
  962. {block:Source}<div class="source">{Source}</div>{/block:Source}
  963. {/block:Quote}
  964.  
  965. {block:Text}
  966. {block:Title}<div class="title">{Title}</div>{/block:Title}
  967. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  968. {/block:Text}
  969.  
  970. {block:Link}
  971. <div class="title"><a href="{URL}">{Name}</a></div>
  972. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  973. {/block:Link}
  974.  
  975. {block:Chat}
  976. {block:Title}<div class="title">{Title}</div>{/block:Title}
  977. <ol class="chat {block:title}ted{/block:title}">
  978. {block:Lines}
  979. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  980. {/block:Lines}
  981. </ol>
  982. {/block:Chat}
  983.  
  984. {block:Photo}
  985. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  986. {/block:Photo}
  987.  
  988. {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>
  989. {/block:Photoset}
  990.  
  991. {block:Video}<div class="media v">{Video-500}</div>{/block:Video}
  992.  
  993. {block:Audio}
  994. {block:AudioPlayer}
  995. <div class="hold">
  996. <div class="player">{AudioPlayerwhite}</div>
  997. </div>{/block:AudioPlayer}<div class="audio_info">
  998. {block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}
  999. {block:Artist}<span>by {Artist}</span>{/block:Artist}</div>
  1000. {/block:Audio}
  1001.  
  1002. {block:Answer}
  1003. <div class="q">{Question}</div>
  1004. <div class="as">sent by {Asker}</div>
  1005. <div class="a">{Answer}</div>
  1006. {/block:Answer}
  1007.  
  1008. {block:Caption}<div class="caption {select:captions}">{Caption}</div>{/block:Caption}
  1009.  
  1010. {block:Date}{block:indexpage}
  1011. <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}
  1012.  
  1013. {block:permalinkpage}
  1014. <div id="permalink">
  1015. <span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</span>
  1016. {block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}
  1017. {block:HasTags}<span>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  1018. {/block:permalinkpage}
  1019. {/block:Date}</article>
  1020.  
  1021. {block:PostNotes}
  1022. <article class="pagenotes posts"><div class="title">{NoteCountWithLabel}</div><div class="same">{PostNotes}</div></article>
  1023. {/block:PostNotes}
  1024. {/block:Posts}
  1025.  
  1026. </section>
  1027.  
  1028. {block:Pagination}<footer>
  1029. <div id="pagination">
  1030. {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>
  1031. {/block:Pagination}
  1032.  
  1033.  
  1034. {block:indexpage}
  1035. {block:ifinfinitescroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1036. <script>
  1037. $(document).ready(function(){
  1038. var color = '{color:link}';
  1039. var $container = $('section');
  1040. $container.infinitescroll({
  1041. itemSelector: '.posts',
  1042. navSelector: '#pagination',
  1043. nextSelector: '#pagination a',
  1044. loadingImg: '',
  1045. loadingText: '<em></em>',
  1046. bufferPx: 3000
  1047. },
  1048. function( newElements ) {
  1049. var $newElems = $( newElements );
  1050. $newElems.find('.photo-slideshow').pxuPhotoset({
  1051. lightbox: true,
  1052. rounded: 'corners',
  1053. gutter: '3px',
  1054. borderRadius: '0px',
  1055. photoset: '.photo-slideshow',
  1056. photoWrap: '.photo-data',
  1057. photo: '.pxu-photo'
  1058. });
  1059. $newElems.find('.v iframe').each(function(){
  1060. var scale = $(this).parents('.v').width() / 500;
  1061. $(this).attr({
  1062. width: Math.floor($(this).attr('width') * scale),
  1063. height: Math.floor($(this).attr('height') * scale)
  1064. });
  1065. });
  1066. $newElems.find('.ss').each(function() {
  1067. $(this).click(function() {
  1068. var $this = $(this);
  1069. $this.closest('.posts').find('.tt').slideToggle(400);
  1070. $this.toggleClass('seemore');
  1071. if ($this.hasClass('seemore')) {
  1072. $this.text('show tags');
  1073. } else {
  1074. $this.text('hide tags');
  1075. }
  1076. });
  1077. });
  1078. $newElems.find('.soundcloud_audio_player').each(function(){
  1079. $(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 });
  1080. });
  1081. });
  1082. {block:ifmanualload}
  1083. jQuery(window).unbind('.infscr');
  1084. jQuery('#more a').click(function(){
  1085. jQuery('section').infinitescroll('retrieve'); return false;
  1086. });
  1087. {/block:ifmanualload}
  1088. });
  1089. </script>
  1090. {/block:ifinfinitescroll}
  1091. {/block:indexpage}
  1092.  
  1093.  
  1094. {block:ContentSource}
  1095. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1096. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1097. {/block:SourceLogo}
  1098. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1099. {/block:ContentSource}
  1100. <a class="nice" href="http://sorrism.tumblr.com" title="coded by akali @ aellionious for eden's use only, tweaked from a sorrism base." target="_blank">σ</a>
  1101. </body>
  1102.  
  1103. <!-- Start of StatCounter Code for Tumblr -->
  1104. <script type="text/javascript">
  1105. var sc_project=10873951;
  1106. var sc_invisible=1;
  1107. var sc_security="ceb90a76";
  1108. var scJsHost = (("https:" == document.location.protocol) ?
  1109. "https://secure." : "http://www.");
  1110. document.write("<sc"+"ript type='text/javascript' src='" +
  1111. scJsHost+
  1112. "statcounter.com/counter/counter.js'></"+"script>");
  1113. </script>
  1114. <noscript><div class="statcounter"><a title="stat tracker
  1115. for tumblr" href="http://statcounter.com/tumblr/"
  1116. target="_blank"><img class="statcounter"
  1117. src="http://c.statcounter.com/10873951/0/ceb90a76/1/"
  1118. alt="stat tracker for tumblr"></a></div></noscript>
  1119. <!-- End of StatCounter Code for Tumblr -->
  1120.  
  1121. </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!