API tools faq
paste
Advertisement
rasperries

ello themee

rasperries
Nov 16th, 2014
182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.35 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!--
  4.  
  5. theme by septim
  6.  
  7. -do not use as base
  8. -do not steal bits of code
  9. -do not remove credits
  10.  
  11. -->
  12.  
  13.  
  14. <!DOCTYPE html>
  15. <head><script type="text/javascript">
  16. <!--
  17.  
  18. // Disable Right Click Script
  19.  
  20. function IE(e)
  21. {
  22. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  23. {
  24. return false;
  25. }
  26. }
  27. function NS(e)
  28. {
  29. if (document.layers || (document.getElementById && !document.all))
  30. {
  31. if (e.which == "2" || e.which == "3")
  32. {
  33. return false;
  34. }
  35. }
  36. }
  37. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  38.  
  39. //-->
  40. </script>
  41.  
  42.  
  43.  
  44. <title>{title}</title>
  45.  
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49. <meta charset="utf-8">
  50. <meta content="width=device-width, initial-scale=1.0" name="viewport">
  51.  
  52. <!--Default Variables-->
  53.  
  54. <meta name="color:Background" content="#ffffff"/>
  55. <meta name="color:Text" content="#7d7d7d"/>
  56. <meta name="color:Link" content="#7d7d7d"/>
  57. <meta name="color:Link Hover" content="#eeeeee"/>
  58. <meta name="color:Title"content="#000000"/>
  59. <meta name="color:Scrollbar" content="#d5d5d5" />
  60. <meta name="color:Header Text"content="#000000"/>
  61. <meta name="color:Header Text Background" content="#ffffff"/>
  62.  
  63. <meta name="text:Link 1 URL" content="" />
  64. <meta name="text:Link 1" content="" />
  65. <meta name="text:Link 2 URL" content="" />
  66. <meta name="text:Link 2" content="" />
  67. <meta name="text:Link 3 URL" content="" />
  68. <meta name="text:Link 3" content="" />
  69. <meta name="text:Link 4 URL" content="" />
  70. <meta name="text:Link 4" content="" />
  71.  
  72.  
  73.  
  74. <meta name="text:Header Text" content="make sure you have the option checked to show this!"/>
  75. <meta name="text:Phrase" content="Say hello"/>
  76. <meta name="text:Phrase 2" content="Say goodbye"/>
  77. <meta name="text:Stats" content="Theme / Kind of Boring"/>
  78.  
  79. <meta name="if:Show Captions" content="1"/>
  80. <meta name="if:Hide Tags" content="0"/>
  81. <meta name="if:Show Header Text" content="0"/>
  82. <meta name="if:Show Avatar Image" content="1"/>
  83. <meta name="if:Sidebar" content="1"/>
  84. <meta name="if:Blogroll" content="0"/>
  85. <meta name="if:Header" content="1"/>
  86.  
  87. <meta name="image:Header" content=""/>
  88. <meta name="image:Avatar" content=""/>
  89.  
  90.  
  91.  
  92. <!--jquery-->
  93. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  94. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  95. <script>
  96.  
  97. (function($){
  98.  
  99. $(document).ready(function(){
  100.  
  101. $("a[title]").style_my_tooltips({
  102.  
  103. tip_follows_cursor:true,
  104.  
  105. tip_delay_time:30,
  106.  
  107. tip_fade_speed:300,
  108.  
  109. attribute:"title"
  110.  
  111. });
  112.  
  113. });
  114.  
  115. })(jQuery);
  116.  
  117. </script>
  118. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  119. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  120. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxwznoj/Hzrnbjd0s/ionicons.css"/>
  121. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  122.  
  123. <style type="text/css">
  124.  
  125.  
  126. @import url(http://weloveiconfonts.com/api/?family=entypo);
  127.  
  128. /* entypo */
  129. [class*="entypo-"]:before {
  130. font-family: 'entypo', sans-serif;
  131. }
  132.  
  133.  
  134.  
  135.  
  136. html, body, form, fieldset, legend{
  137. margin: 0;
  138. padding: 0;
  139. }
  140. #text {
  141. position:fixed;
  142. right:20px;
  143. bottom:20px;
  144. font-size:8px;
  145. }
  146. #text a {text-decoration:none;opacity:1;}
  147. #text a:hover {opacity:1;}
  148. #s-m-t-tooltip{
  149. font-size:8px;
  150. position:absolute;
  151. margin-top: 15px;
  152. margin-left:25px;
  153. letter-spacing:px;
  154. z-index:9999;
  155. background:{color:title};
  156. color:{color:background};
  157. text-transform:uppercase;
  158. padding:0px 7px;
  159. }
  160.  
  161. /*scrollbar*/
  162. ::-webkit-scrollbar{height: 5px;
  163. width: 5px;
  164. -webkit-border-radius: 0px;
  165. background-color:{color:background};}
  166. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};
  167. }
  168. ::-webkit-scrollbar-track{background-color:{color:background};
  169. }
  170.  
  171. body {
  172. background:{color:background};
  173. color:{color:text};
  174. font-family: 'Lato', sans-serif;
  175. font-weight:300;
  176. font-size:9px;
  177. letter-spacing:1px;
  178. text-align:justify;
  179. margin:0;
  180. line-height:150%;}
  181.  
  182.  
  183. img{
  184. opacity:1;
  185. border:none;
  186. text-decoration:none}
  187.  
  188. h1, h2, h3, h4 {font-size:12px;
  189. font-weight:normal;}
  190.  
  191. b, strong {
  192. color:{color:title}}
  193.  
  194. i, em {
  195. color:{color:text}}
  196. p {
  197. margin-top:5px;
  198. margin-bottom:5px}
  199. ol {
  200. list-style:normal;}
  201. ul {
  202. list-style:circle;}
  203.  
  204. small {
  205. font-size:9px;}
  206.  
  207. big {
  208. font-size:11px;}
  209.  
  210. a {
  211. color:{color:link};
  212. text-decoration:none;
  213. -webkit-transition:all 0.2s;
  214. -moz-transition:all 0.2s;
  215. -ms-transition:all 0.2s;
  216. -o-transition:all 0.2s;
  217. transition:all 0.2s;
  218. }
  219. a:hover {color:{color:link hover};
  220. text-decoration:underline;
  221. -webkit-transition:all 0.2s;
  222. -moz-transition:all 0.2s;
  223. -ms-transition:all 0.2s;
  224. -o-transition:all 0.2s;
  225. transition:all 0.2s;
  226. }
  227.  
  228. /*main structure*/
  229.  
  230. blockquote {border-left:1px solid rgba({RGBcolor:text},.1);
  231. margin:5px 0 5px 0px;
  232. padding:0 0 0 10px}
  233.  
  234.  
  235. /*header*/
  236.  
  237. #h {position:Fixed;
  238. width:100%;
  239. height:100%;
  240. cursor:pointer;
  241. background:{color:background} url('{image:header}') center center fixed repeat;
  242. -webkit-background-size: cover;
  243. -moz-background-size: cover;
  244. -o-background-size: cover;
  245. background-size: cover;
  246. top:0;
  247. left:0;
  248. -webkit-animation-name: fade-in;
  249. -webkit-animation-duration: 1s;
  250. }
  251. {block:ifheadertext}
  252. #blogt {font-size:14px;
  253. position:fixed;
  254. top:50%;
  255. left:50%;
  256. color:{color:header text};
  257. width:350px;
  258. padding:25px;
  259. background:rgba({RGBcolor:header text background},.4);
  260. text-align:center;
  261. margin:0 0 0 -200px;
  262. transform: translate(0,-50%);
  263. -webkit-transform: translate(0%,-50%); /** Chrome & Safari **/
  264. -o-transform: translate(0,-50%); /** Opera **/
  265. -moz-transform: translate(0,-50%); /** Firefox **/
  266. letter-spacing:1px;
  267. -webkit-animation-name: fade-in;
  268. -webkit-animation-duration: 2s;
  269. }
  270. {/block:ifheadertext}
  271.  
  272. @-webkit-keyframes fade-in {
  273. 0% { opacity: 0; }
  274. 50% { opacity: 0; }
  275. 100% { opacity: 1; }
  276. }
  277.  
  278. #headers {
  279. width:100%;
  280. display:block;
  281. min-height:180px;
  282. position:relative;
  283. margin-top:30px;
  284. text-align:left}
  285.  
  286. #head {width:600px;
  287. margin:0 auto;}
  288.  
  289. #av {width:180px;
  290. height:180px;
  291. float:left;
  292. padding-right:30px;}
  293.  
  294. #av img {height:180px;
  295. width:180px;
  296. border-radius:100%;
  297. }
  298.  
  299. #tits {font-size:22px;
  300. font-weight:900;
  301. font-family:helvetica, arial;
  302. padding:20px 0 10px 0;
  303. letter-spacing:.5px;
  304. }
  305. #tits a {color:{color:title};}
  306.  
  307. #stats {color:{color:link};
  308. }
  309.  
  310. #standardlinks {
  311. position:Relative;
  312. text-align:left;
  313. }
  314. #standardlinks a {margin-right:5px;}
  315. #standardlinks a:hover {text-decoration:none;}
  316. #standardlinks a:after {
  317. content:'/';
  318. margin-left:5px;
  319. text-decoration:none;
  320. color:{color:link};
  321. }
  322. #standardlinks a:last-of-type::after {display:none;}
  323.  
  324. #description {
  325. margin:10px 0;
  326. color:#000;
  327. }
  328.  
  329.  
  330.  
  331.  
  332. /*pagination*/
  333.  
  334. #pagination {
  335. margin:10px 0 100px 0;
  336. padding-top:8px;
  337. border-top:1px solid {color:borders};
  338. }
  339.  
  340.  
  341. #pagination a {
  342. border:none;
  343. padding:10px;}
  344. .song {float:right;}
  345.  
  346. .current_page {
  347. padding:9px 10px;
  348. color:{color:title};
  349. border-top:1px solid {color:link};
  350. }
  351. .jump_page {
  352. color:{color:link};
  353. }
  354.  
  355.  
  356. /*theme*/
  357. #title {font-size:14px;
  358. margin-bottom:15px;
  359. font-family:helvetica, arial;
  360. font-weight:900;
  361. color:{color:title};}
  362.  
  363. #title a {color:{color:title};}
  364.  
  365. pre {width:400px!important;
  366. overflow-x:scroll;
  367. word-break:break-all;
  368. }
  369.  
  370. #con {left:0;
  371. width:100%;
  372. {block:ifheader}
  373. top:100%;
  374. {/block:ifheader}
  375. {block:ifnotheader}
  376. top:0;
  377. {/block:ifnotheader}
  378. min-height:100%;
  379. position:absolute;
  380. {block:permalinkpage}
  381. top:30px;
  382. {/block:permalinkpage}
  383. background:{color:background};
  384. }
  385.  
  386. #ent {
  387. {block:ifnotsidebar}
  388. margin:50px auto 100px auto;
  389. {/block:ifnotsidebar}
  390. {block:ifsidebar}
  391. margin:75px 0 100px 450px;
  392. display:block;
  393. {/block:ifsidebar}
  394. width:600px;
  395. }
  396. #up {
  397. width:600px;
  398. height:60px;
  399. z-index:9999;
  400. padding-bottom:30px;
  401. background:{color:background};
  402. }
  403.  
  404.  
  405. .stick {
  406. position:fixed;
  407. top:0px;}
  408.  
  409. #li {width:60px;
  410. height:60px;
  411. margin:15px 40px 0 0;
  412. float:left;
  413. cursor:pointer;
  414. }
  415.  
  416. #li img {width:60px;
  417. height:60px;
  418. border-radius:100%;}
  419.  
  420. #texas {background:{color:title};
  421. color:{color:background};
  422. height:40px;
  423. margin-top:25px;
  424. font-size:14px;
  425. z-index:9999;
  426. letter-spacing:2px;
  427. line-height:40px;
  428. display:inline-block;
  429. padding:0 15px;
  430. position:relative;
  431. cursor:pointer;
  432. }
  433.  
  434. #lo {display:none;
  435. background:{color:title};
  436. color:{color:background};
  437. position:absolute;
  438. width:470px;
  439. padding:15px;
  440. left:0px;
  441. top:0;
  442. }
  443.  
  444. #texas iframe {display:block;
  445. padding-top:25px;
  446. }
  447.  
  448. #texas:before {
  449. content:'';
  450. position:absolute;
  451. width: 0;
  452. height: 0;
  453. left:-10px;
  454. top:12px;
  455. border-style: solid;
  456. border-width: 8px 10px 8px 0;
  457. border-color: transparent {color:title}; transparent transparent;
  458. }
  459. .open {display:block;}
  460. .close {display:block;
  461. position:absolute;
  462. left:15px;
  463. top:0;
  464. }
  465.  
  466.  
  467.  
  468. #posts {
  469. width:400px;
  470. margin-left:100px;
  471. position:relative;
  472. padding-top:80px;
  473. {block:PermalinkPage}
  474. margin-bottom:25px;
  475. {/block:PermalinkPage}
  476. }
  477.  
  478.  
  479. #posts img {
  480. max-width:400px;
  481. }
  482. .photo img {width:400px;}
  483. .photoset iframe {display:block;}
  484.  
  485. #titlequote{
  486. font-size:9px;
  487. color:{color:text};
  488. }
  489.  
  490.  
  491. #source {text-align:right;
  492. margin-top:10px;}
  493.  
  494.  
  495. #posts blockquote {max-width: 100%;}
  496. .caption img {max-width:400px;}
  497. .caption {
  498. {block:ifnotshowcaptions}
  499. {block:indexpage}
  500. display:none;
  501. {/block:indexpage}
  502. {/block:ifnotshowcaptions}
  503. margin-top:15px;
  504. text-transform:none;
  505. }
  506.  
  507. .photo img {
  508. display:block;}
  509. .photoset {
  510. display:block;}
  511.  
  512.  
  513.  
  514. /*asks*/
  515. .q {
  516. padding:5px 0;
  517. font-style:italic;
  518. }
  519. .as {font-weight:bold;
  520. }
  521.  
  522.  
  523. .as a {color:{color:title}}
  524. .a {
  525. margin-top:15px;}
  526.  
  527.  
  528. .chat ol {
  529. padding:0;
  530. margin:0;
  531. list-style:none;
  532. }
  533.  
  534. .line.odd {
  535. padding:5px 0;
  536. }
  537.  
  538. .line.even {
  539. padding:5px 0;
  540. }
  541.  
  542. .label {font-weight:bold;
  543. padding-right:1px;
  544. color:{color:title};
  545. }
  546.  
  547. .tumblr_audio_player {width:400px;
  548. height:30px;
  549. }
  550. .player {width:30px;
  551. overflow:hidden;
  552. height:30px;
  553. margin:15px auto;
  554. border-left:4px solid black;
  555. }
  556. .wrap {height:60px;
  557. width:60px;
  558. float:left;
  559. margin-right:30px;
  560. background:black;
  561. border-radius:100%;}
  562.  
  563. .audio_info {
  564. padding-top:5px;
  565. }
  566.  
  567. .plays {font-style:italic;
  568. text-transform:none;
  569. letter-spacing:0;
  570. }
  571.  
  572. /*permalink and notes*/
  573.  
  574. #reb {position:absolute;
  575. left:-100px;
  576. width:60px;
  577. top:90px;}
  578.  
  579. #reb img {width:60px;
  580. height:60px;
  581. margin-bottom:15px;
  582. border-radius:100%;
  583. opacity:0;
  584. }
  585.  
  586. .s {opacity:0;
  587. display:block;
  588. -webkit-transition:all 0.6s;
  589. -moz-transition:all 0.6s;
  590. -ms-transition:all 0.6s;
  591. -o-transition:all 0.6s;
  592. transition:all 0.6s;
  593. }
  594.  
  595. #reb:hover .s {opacity:1;
  596. -webkit-transition:all 0.6s;
  597. -moz-transition:all 0.6s;
  598. -ms-transition:all 0.6s;
  599. -o-transition:all 0.6s;
  600. transition:all 0.6s;
  601. }
  602.  
  603. #reb:hover img {opacity:1;
  604. -webkit-transition:all 0.6s;
  605. -moz-transition:all 0.6s;
  606. -ms-transition:all 0.6s;
  607. -o-transition:all 0.6s;
  608. transition:all 0.6s;
  609. }
  610.  
  611. #permalink {
  612. margin-top:15px;
  613. color:{color:link};
  614. font-size:8px;
  615. }
  616.  
  617. #permalink a {margin-right:20px;
  618. color:{color:link};
  619. }
  620. #permalink a:hover {text-decoration:none;
  621. color:{color:link hover};
  622. }
  623. #permalink span {margin-right:5px;}
  624.  
  625. .tags {
  626. {block:indexpage}
  627. {block:ifhidetags}
  628. display:none;
  629. {/block:ifhidetags}
  630. font-size:8px;
  631. {/block:indexpage}
  632. }
  633.  
  634.  
  635.  
  636. .tags a{
  637. font-size:8px;
  638. text-transform:none;
  639. }
  640.  
  641. .pagenotes {
  642. width:400px;
  643. margin-left:100px;
  644. display:none;
  645. }
  646. ol.notes {
  647. list-style-type:none;
  648. text-align:left;
  649. padding:0px;
  650. }
  651.  
  652. ol.notes li.note {
  653. padding:5px;
  654. margin:5px 0;}
  655.  
  656. ol.notes li.note img.avatar {
  657. margin-right:10px;
  658. margin-top:5px;
  659. height:15px;
  660. width:15px;
  661. float:left;
  662. border-radius:100%;
  663. }
  664. .t {
  665. font-style:italic;
  666. color:{color:title};
  667. position:relative;
  668. font-size:12px;
  669. cursor:pointer;
  670. margin-top:25px;
  671. margin-bottom:10px;
  672. margin-left:100px;
  673. }
  674.  
  675. .t:hover {text-decoration:underline;}
  676.  
  677. {customCss}
  678.  
  679. #side {position:absolute;
  680. left:30px;
  681. width:320px;
  682. top:50px;
  683. height:0;
  684. }
  685.  
  686.  
  687. #as {
  688. width:60px;
  689. position:absolute;
  690. left:0;
  691. height:60px;}
  692. #bar {position:relative;
  693. margin-bottom:30px;
  694. padding-top:15px;
  695. width:320px;
  696. overflow:hidden;
  697. }
  698. #hide {text-align:right;
  699. margin-left:-140px;
  700. line-height:60px;
  701. width:400px;
  702. }
  703. #hide a:hover {color:{color:title};
  704. text-decoration:none;}
  705. #hide a span {font-size:20px;
  706. display:inline-block;
  707. float:left;
  708. border-right:10px solid {color:background};
  709. border-left:10px solid {color:background};
  710. }
  711.  
  712. #hide a {width:80px;
  713. height:20px;
  714. line-height:20px;
  715. text-align:left;
  716. display:inline-block;
  717. background:{color:background};
  718. }
  719. .one {margin-right:-51px;}
  720. .one:hover {margin-right:0;}
  721. .two {margin-right:-50px;}
  722. .two:hover {margin-right:0;}
  723. .three {margin-right:-60px;}
  724. .three:hover {margin-right:0;}
  725.  
  726. #as img {border-radius:100%;
  727. width:60px;
  728. height:60px;
  729. }
  730. #lol {width:30px;
  731. height:30px;
  732. cursor:pointer;
  733. position:Absolute;
  734. top:35px;
  735. background:{color:background};
  736. right:0;
  737. padding-left:15px;
  738. -webkit-transition:all 0.6s;
  739. -moz-transition:all 0.6s;
  740. -ms-transition:all 0.6s;
  741. -o-transition:all 0.6s;
  742. transition:all 0.6s;
  743. }
  744.  
  745. .gone {right:200px!important}
  746.  
  747. #bye {width:320px;}
  748. .dang {display:inline-block;
  749. height:60px;
  750. line-height:60px;
  751. background:#eee;
  752. color:{color:title};
  753. padding:0 25px;
  754. width:270px;
  755. {block:ifblogroll}
  756. width:105px;
  757. {/block:ifblogroll}
  758. font-size:14px;
  759. cursor:pointer;
  760. -webkit-transition:all 0.6s;
  761. -moz-transition:all 0.6s;
  762. -ms-transition:all 0.6s;
  763. -o-transition:all 0.6s;
  764. transition:all 0.6s;
  765. }
  766. .side {margin-top:5px;}
  767. .dang:hover {background:{color:title};
  768. color:{color:background};
  769. -webkit-transition:all 0.6s;
  770. -moz-transition:all 0.6s;
  771. -ms-transition:all 0.6s;
  772. -o-transition:all 0.6s;
  773. transition:all 0.6s; }
  774.  
  775. .active, .not {background:{color:title};
  776. color:{color:background};
  777. }
  778.  
  779. .roll {display:none;}
  780.  
  781. #follower {float:left;
  782. height:40px;
  783. width:40px;
  784. margin:5px;
  785. max-height:400px;
  786. overflow-y:auto;
  787. }
  788.  
  789. .roll {padding-top:25px;
  790. width:300px;
  791. margin-left:10px;
  792. }
  793.  
  794. #follower img {border-radius:100%;
  795. width:40px;
  796. height:40px;
  797. }
  798.  
  799. .fat {height:1px;
  800. width:30px;
  801. display:block;
  802. margin-bottom:7px;
  803. background:{color:link};
  804. }
  805.  
  806.  
  807. </style>
  808.  
  809. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  810.  
  811.  
  812. <script>
  813. $(document).ready(function(){
  814. $(".t").click(function(){
  815. $(".pagenotes").toggle();
  816. });
  817.  
  818. $('.open').click(function() {
  819. $('#lo').fadeIn();
  820. });
  821. $('.close').click(function() {
  822. $('#lo').fadeOut();
  823. });
  824. });
  825.  
  826. </script>
  827.  
  828. <script type="text/javascript">
  829. $(document).ready(function(){
  830.  
  831. $('#li').click(function(){
  832. $("html, body").animate({ scrollTop: 0 }, 800);
  833. return false;
  834. });
  835.  
  836.  
  837. });
  838. </script>
  839.  
  840.  
  841.  
  842.  
  843.  
  844. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  845. <script src="http://static.tumblr.com/sas2ex2/yBEna9y8f/scroll.js"></script>
  846. <script src="http://static.tumblr.com/sas2ex2/acDna9y63/scrollto.js"></script>
  847.  
  848.  
  849. <script type="text/javascript">
  850. $(window).load(function () {
  851. $.localScroll();
  852. });
  853. </script>
  854.  
  855. <script>
  856. $(window).load(function () {
  857. $('.ab').click(function() {
  858. if ($(this).hasClass('active') == true) {
  859. }
  860. else {
  861. $('.about').fadeIn(400);
  862. $('.roll').hide();
  863. $(this).addClass('active');
  864. $('.ro').removeClass('active');}
  865. });
  866. $('.ro').click(function() {
  867. $('.roll').fadeIn(400);
  868. $('.about').hide();
  869. $(this).addClass('active');
  870. $('.ab').removeClass('active');
  871. });
  872. $('#lol').click(function() {
  873. if ($(this).hasClass('gone') == true) {
  874. $('#bye').animate({marginLeft: "0px"});
  875. $('#hide').animate({marginLeft: "-140px"}, 400);
  876. $(this).removeClass('gone');
  877. $('#ent').animate({marginLeft: "400px"});
  878. }
  879. else {
  880. $(this).addClass('gone');
  881. $('#bye').animate({marginLeft: "-360px"});
  882. $('#hide').animate({marginLeft: "-440px"}, 200);
  883. $('#ent').animate({marginLeft: "180px"}, 400);
  884. }
  885. });
  886. });
  887. </script>
  888.  
  889. <script type="text/javascript" src="http://static.tumblr.com/fki2yxd/XtUmn1zq3/jquery.sticky.js"></script>
  890. <script>
  891. $(document).ready(function(){
  892. $("#up").sticky({ topSpacing: 0 });
  893. $("#side").sticky({ topSpacing: 0 });
  894. });
  895. </script>
  896.  
  897. <body>
  898.  
  899. {block:ifheader}<a href="#con"><span id="h"></span></a>
  900. {block:ifshowheadertext}
  901. <div id="blogt">{text:header text}</div>
  902. {/block:ifshowheadertext}
  903. {/block:ifheader}
  904.  
  905.  
  906. <div id="con">
  907.  
  908.  
  909.  
  910. {block:ifnotsidebar}
  911. <div id="headers">
  912. <div id="head">
  913. {block:ifshowavatarimage}
  914. <div id="av"><a href="/"><img src="{image:avatar}"></a></div>
  915. {/block:ifshowavatarimage}
  916. <div id="tits"><a href="/">{title}</a></div>
  917. <div id="stats">{text:Stats}</div>
  918. <div id="description">
  919. {description}
  920. </div>
  921. <div id="standardlinks">
  922. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  923. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  924. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  925. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  926. </div>
  927. </div>
  928. {/block:ifnotsidebar}
  929.  
  930.  
  931.  
  932.  
  933.  
  934. <div id="ent">
  935.  
  936.  
  937. {block:ifsidebar}
  938. <div id="side">
  939. <div id="bar">
  940. <div id="as"><a href="/"><img src="{image:avatar}"></a></div>
  941. <div id="hide">
  942. <a href="/" class="one"><span class="ion-ios7-home-outline"></span>Home</a>
  943. <a href="/faq" class="two"><span class="ion-ios7-plus-outline"></span>Inbox</a>
  944. <a href="/archive" class="three"><span class="ion-ios7-gear-outline"></span>Archive</a>
  945. </div>
  946. <div id="lol"><span class="fat"></span><span class="fat"></span><span class="fat"></span></div>
  947. </div>
  948. <div id="bye">
  949. <div class="dang active ab" {block:ifblogroll}style="margin-right:10px"{/block:ifblogroll}>Index</div>{block:ifblogroll}<div class="dang ro">Friends</div>{/block:ifblogroll}
  950. <div class="about">
  951. <div id="tits"><a href="/">{title}</a></div>
  952. <div id="stats">{text:Stats}</div>
  953. <div id="description">
  954. {description}
  955. </div>
  956. <div id="standardlinks" class="side">
  957. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  958. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  959. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  960. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  961. </div>
  962. </div>
  963. <div class="roll">
  964. {block:Following}
  965. {block:Followed}
  966. <div id="follower">
  967. <a href="{FollowedURL}" target="_blank" title="{FollowedName}"><img src="{FollowedPortraitURL-64}"></a>
  968. </div>
  969. {/block:Followed}
  970. {/block:Following}
  971. </div>
  972. </div>
  973. </div>
  974.  
  975. {/block:ifsidebar}
  976.  
  977.  
  978.  
  979.  
  980.  
  981.  
  982.  
  983. <div id="entries" class="autopagerize_page_element">
  984.  
  985. {block:Posts}
  986. <div id="posts" >
  987.  
  988.  
  989.  
  990.  
  991.  
  992. {block:Quote}
  993.  
  994.  
  995. <div id="titlequote">{Quote}</div>
  996. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  997. {/block:Quote}
  998.  
  999.  
  1000.  
  1001. {block:Text}
  1002.  
  1003. {block:Title}
  1004. <div id="title">{Title}</div>{/block:Title}
  1005. <div class="te">{Body}</div>
  1006.  
  1007.  
  1008. {/block:Text}
  1009.  
  1010. {block:Link}
  1011.  
  1012. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  1013.  
  1014. {/block:Link}
  1015.  
  1016. {block:Chat}
  1017. {block:Title}
  1018. <div id="title">{Title}</div>
  1019. {/block:Title}
  1020. <div class="chat">
  1021. <ol>{block:Lines}
  1022. <li class="line {Alt}">
  1023. {block:Label}
  1024. <span class="label">
  1025. {Label}</span>
  1026. {/block:Label}{Line}</li>
  1027. {/block:Lines}
  1028. </ol></div>
  1029. {/block:Chat}
  1030.  
  1031. {block:Photo}
  1032. <div class="photo">
  1033. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
  1034. </div>
  1035. {/block:Photo}
  1036.  
  1037. {block:Photoset}
  1038. <div class="photoset">
  1039. {Photoset-400}
  1040. </div>
  1041. {/block:Photoset}
  1042.  
  1043.  
  1044.  
  1045. {block:Answer}
  1046. <div class="as">{Asker} said:</div>
  1047. <div class="q">
  1048. {Question}</div>
  1049. <div class="a">{Answer}</div>
  1050.  
  1051. {/block:Answer}
  1052.  
  1053. {block:Video}
  1054. {video-400}
  1055. {/block:Video}
  1056.  
  1057. {block:Audio}{block:AudioPlayer}
  1058. <div class="wrap"><div class="player">{AudioPlayerBlack}</div></div>
  1059. {/block:AudioPlayer}
  1060. <div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}<div class="plays">{block:Artist}{Artist} &mdash; {/block:Artist}
  1061. {playcountwithlabel}</div></div>
  1062. {/block:Audio}
  1063.  
  1064. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1065.  
  1066. {block:Date}
  1067. <div id="reb">
  1068. {block:Answer}<a href="{AskerURL}" title="{askername}"><img src="{AskerPortraitURL-64}"></a>{/block:Answer}
  1069. {block:RebloggedFrom}<a href="{reblogparenturl}" title="via {reblogparentname}"><img src="{ReblogParentPortraitURL-64}"></a>
  1070. {block:ContentSource}<span class="s"><a href="{ReblogRootURL}" title="from {reblogrootname}"><img src="{ReblogRootPortraitURL-64}"></a></span>{/block:ContentSource}{/block:RebloggedFrom}
  1071. </div>
  1072.  
  1073. <div id="permalink">
  1074. <a href="{Permalink}">{ShortMonth} {DayofMonthwithSuffix}</a>{block:NoteCount}<a href="{Permalink}" title="{notecountwithlabel}"><span class="entypo-eye"></span> {notecount}</a>{/block:NoteCount}<a href="{ReblogURL}" title="Reblog" target="_blank"><span class="entypo-dot-3"></span> Reblog</a>{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1075. </div>
  1076. {/block:Date}
  1077.  
  1078.  
  1079. </div>
  1080.  
  1081.  
  1082. {block:PostNotes}
  1083. <div class="t">Notes</div>
  1084. <div class="pagenotes">
  1085. {PostNotes}
  1086. </div>
  1087. {/block:PostNotes}
  1088.  
  1089.  
  1090. {/block:Posts}
  1091. </div>
  1092.  
  1093.  
  1094.  
  1095.  
  1096. </div>
  1097.  
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103. </div>
  1104.  
  1105.  
  1106. <div id="text"><script language="JavaScript">
  1107. var ref = (''+document.referrer+'');
  1108. var w_h = window.screen.width + " x " + window.screen.height;
  1109. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4519515&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1110. </script></div>
  1111. {block:ContentSource}
  1112. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1113. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1114. {/block:SourceLogo}
  1115. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1116. {/block:ContentSource}
  1117. </body>
  1118.  
  1119. </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!