API tools faq
paste
Advertisement
rasperries

a little death

rasperries
Feb 6th, 2015
300
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.42 KB | None | 0 0
raw download clone embed print report
  1. <!-- °°° Made by septim °°° -->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!--Default Variables-->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#cccccc"/>
  16. <meta name="color:Link" content="#a7a7a7"/>
  17. <meta name="color:Title"content="#000000"/>
  18. <meta name="color:Scrollbar" content="#d5d5d5" />
  19. <meta name="color:Link Hover" content="#aaaaaa"/>
  20. <meta name="color:Accents" content="#fbfbfb"/>
  21. <meta name="color:Accent Text" content="#000000"/>
  22.  
  23.  
  24. <meta name="if:Music Player" content="1"/>
  25. <meta name='if:400px perma' content="1"/>
  26. <meta name="if:Hide Captions" content="0"/>
  27. <meta name="if:Show Header Image" content="1"/>
  28.  
  29. <meta name="image:Header Image" content=""/>
  30. <meta name="text:Post Spacing" content="75"/>
  31. <meta name="text:Billy Player Code" content=""/>
  32. <meta name="color:Post Border" content="#eeeeee"/>
  33.  
  34. <meta name="text:sidebar title" content="title here"/>
  35.  
  36.  
  37. <meta name="text:Link 1 URL" content="" />
  38. <meta name="text:Link 1" content="" />
  39. <meta name="text:Link 2 URL" content="" />
  40. <meta name="text:Link 2" content="" />
  41. <meta name="text:Link 3 URL" content="" />
  42. <meta name="text:Link 3" content="" />
  43. <meta name="text:Link 4 URL" content="" />
  44. <meta name="text:Link 4" content="" />
  45. <meta name="text:Link 5 URL" content="" />
  46. <meta name="text:Link 5" content="" />
  47.  
  48.  
  49. <!-- jquery -->
  50.  
  51. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  52.  
  53. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  54. <script>
  55. $(function() {
  56. $(document).tooltip({
  57. track:true
  58. });
  59. });
  60. </script>
  61.  
  62.  
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64.  
  65.  
  66. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  67.  
  68. <script>
  69.  
  70. (function($){
  71.  
  72. $(document).ready(function(){
  73.  
  74. $("a[title]").style_my_tooltips({
  75.  
  76. tip_follows_cursor:true,
  77.  
  78. tip_delay_time:20,
  79.  
  80. tip_fade_speed:400,
  81.  
  82. attribute:"title"
  83.  
  84. });
  85.  
  86. });
  87.  
  88. })(jQuery);
  89.  
  90. </script>
  91.  
  92. <script>
  93. $(document).ready(function(){
  94. $("#s").click(function(){
  95. $(".search").slideToggle("slow");
  96. });
  97. });
  98. </script>
  99.  
  100. <!--side push menu from codrops-->
  101.  
  102. <!--load jQuery, required-->
  103. <script src="http://takien.github.io/jPushMenu/js/jquery-1.9.1.min.js"></script>
  104. <!--load jPushMenu, required-->
  105. <script src="http://takien.github.io/jPushMenu/js/jPushMenu.js"></script>
  106.  
  107. <!--call jPushMenu, required-->
  108. <script>
  109. jQuery(document).ready(function($) {
  110. $('.toggle-menu').jPushMenu();
  111. });
  112. </script>
  113.  
  114.  
  115.  
  116.  
  117. <!--CSS customization here. -->
  118.  
  119. <style type="text/css">
  120.  
  121. .ui-tooltip
  122. {
  123. position:Absolute;
  124. z-index:9999;
  125. padding-top:10px;
  126. }
  127. .ui-tooltip-content {background:{color:accents};
  128. padding:2px 4px;
  129. font-size:6px;
  130. text-transform:uppercase;
  131. color:{color:accent text};
  132. font-family:;
  133. font-weight:normal;
  134. line-height:10px;
  135. letter-spacing:2px;
  136. }
  137.  
  138.  
  139. #tumblr_lightbox {background-color:rgba(246, 246, 246, .9)!important;z-index:99999!important;}
  140. #tumblr_lightbox img { opacity:0; }
  141. #tumblr_lightbox_caption {color:black!important;
  142. font-family:arial!important;
  143. font-size:10px!important;
  144. font-weight:normal!important;text-shadow:none!important;}
  145. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {padding:10px!important;
  146. background:white!important;
  147. margin-top:-10px!important;
  148. margin-left:-10px!important;
  149. -moz-box-shadow:none!important;
  150. -webkit-box-shadow:none!important;
  151. box-shadow:none!important;
  152. -moz-border-radius:0px!important;
  153. -webkit-border-radius:0px!important;
  154. border-radius:0pxpx!important;
  155. opacity:1!important;}
  156.  
  157. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  158. opacity:.4!important;}
  159.  
  160.  
  161. iframe#tumblr_controls { white-space:nowrap!important;
  162. -webkit-filter:invert(100%)!important;
  163. -moz-filter:invert(100%)!important;
  164. -ms-filter:invert(100%)!important;
  165. -o-filter:invert(100%)!important;
  166. filter:invert(100%)!important;
  167. top:10px!important;
  168. right:10px!important;
  169. position:fixed!important;}
  170.  
  171.  
  172. pre {
  173. white-space: pre-wrap; /* css-3 */
  174. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  175. white-space: -pre-wrap; /* Opera 4-6 */
  176. white-space: -o-pre-wrap; /* Opera 7 */
  177. word-wrap: break-word; /* Internet Explorer 5.5+ */
  178. }
  179.  
  180.  
  181.  
  182.  
  183.  
  184. /*scrollbar*/
  185. ::-webkit-scrollbar{height:5px;
  186. width:3px;
  187. background-color:{color:background}}
  188. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};
  189. }
  190. ::-webkit-scrollbar-track{background-color:transparent;
  191. }
  192.  
  193.  
  194.  
  195. /*main structure*/
  196. blockquote {padding-left: 15px;
  197. padding-top:3px;
  198. padding-bottom:3px;
  199. padding-right:0px;
  200. border-left:solid 1px #eee;
  201. margin-left:0px;
  202. margin-top:5px;
  203. width:92%;
  204. }
  205.  
  206.  
  207.  
  208. body {
  209. background:{color:background};
  210. color:{color:text};
  211. font-family:arial;
  212. font-size:10px;
  213. text-align:justify;
  214. position:relative;
  215. margin:0;
  216. line-height:150%;}
  217.  
  218.  
  219. a {
  220. color:{color:link};
  221. text-decoration:none;
  222. }
  223.  
  224. a:hover {color:{color:link hover};
  225. text-decoration:none;
  226. cursor:help;}
  227.  
  228. img{
  229. opacity:1;
  230. border:none;
  231. text-decoration:none}
  232.  
  233. b, strong {font-weight:normal;color:#000;}
  234.  
  235. small {
  236. font-size:10px;
  237. }
  238.  
  239. big {
  240. font-size:10px;
  241. }
  242.  
  243.  
  244. p {margin:5px 0}
  245.  
  246. p:first-of-type {margin-top:0;
  247. padding-top:0;
  248. }
  249. p:last-of-type {margin-bottom:0;
  250. padding-bottom:0;
  251. }
  252.  
  253. ol {
  254. list-style:lower-roman;
  255. text-align:justify;}
  256. ul {
  257. list-style:circle;
  258. text-align:justify;}
  259.  
  260. h1, h2, h3, h4 {font-size:10px;}
  261.  
  262.  
  263. #title {font-weight:bold;
  264. text-align:justify;
  265. padding:5px;
  266. font-style:italic;
  267. font-size:12px;
  268. font-family:arial;
  269. margin-bottom:10px;
  270. background:#f5f5f5;
  271. color:#000;
  272. line-height:150%;
  273. }
  274. #title a {color:#000;
  275. text-decoration:none;
  276. }
  277.  
  278. #title a:hover {color:#000;}
  279.  
  280.  
  281. /*side*/
  282.  
  283.  
  284. #blog {-webkit-animation-name: fade-in;
  285. -webkit-animation-duration: 1.5s;
  286. margin:75px auto 0 auto;
  287. width:300px;
  288. {block:permalinkpage}
  289. {block:if400pxperma}
  290. width:400px;
  291. {/block:if400pxperma}
  292. {/block:permalinkpage}
  293. }
  294. #deg {position:Relative;}
  295. .o img {width:60px;
  296. height:60px;
  297. float:left;
  298. margin-top:-15px;
  299. border-radius:100%;
  300. display:block;
  301. }
  302. #deg:hover #box2 {opacity:1;
  303. transition:0.4s;
  304. -o-transition-transition:0.4s;
  305. -webkit-transition-duration:0.4s;
  306. -moz-transition-duration:0.4s; }
  307.  
  308. #box2 {opacity:0;
  309. overflow:hidden;
  310. display:block;
  311. position:absolute;
  312. width:50px;
  313. height:50px;
  314. background:{color:background};
  315. top:-10px;
  316. left:5px;
  317. border-radius:100%;
  318. transition:0.4s;
  319. -o-transition-transition:0.4s;
  320. -webkit-transition-duration:0.4s;
  321. -moz-transition-duration:0.4s;
  322. }
  323.  
  324. #icon2 {position:absolute;
  325. margin-top:3px;
  326. margin-left:3px;
  327. transition:0.4s;
  328. z-index:0;
  329. }
  330. #icon2 img {width:12px;
  331. height:8px;}
  332.  
  333. #musicbox2 {margin-top:15px;
  334. height:15px;
  335. margin-left:17px;
  336. width:18px;
  337. overflow:hidden;
  338. }
  339. #musicbox2:hover #music2 {opacity:1;
  340. transition:0.4s;
  341. -o-transition-transition:0.4s;
  342. -webkit-transition-duration:0.4s;
  343. -moz-transition-duration:0.4s; }
  344.  
  345. #music2 {opacity:0;
  346. position:relative;
  347. z-index:4;
  348. margin-left:-21px;
  349. background:{color:background};
  350. transition:0.4s;
  351. -o-transition-transition:0.4s;
  352. -webkit-transition-duration:0.4s;
  353. -moz-transition-duration:0.4s; }
  354.  
  355.  
  356. #else {
  357. {block:ifshowheaderimage}
  358. margin-left:75px;
  359. {/block:ifshowheaderimage}
  360. }
  361.  
  362. .btit {font-family:arial;
  363. font-size:14px;
  364. letter-spacing:0.02em;
  365. cursor:help!important;
  366. text-transform:capitalize;
  367. font-weight:bold;
  368. color:{color:title};}
  369.  
  370. #d {margin-top:10px;
  371. display:block;
  372. text-align:justify;
  373. }
  374.  
  375.  
  376.  
  377. .standardlinks {margin-top:5px;
  378. line-height:120%;
  379. font-family:;}
  380. .standardlinks a {
  381. cursor:help;
  382. font-size:6px;
  383. font-weight:normal;
  384. color:{color:title};
  385. letter-spacing:2px;
  386. text-transform:uppercase;
  387. margin-right:5px;
  388. position:relative;
  389. display:inline-block;
  390. }
  391. .standardlinks a:hover {color:{color:link hover};}
  392.  
  393. /*pagination*/
  394. #pagination {
  395. text-align:center;
  396. margin-bottom:{text:post spacing}px;
  397. padding-top:calc({text:post spacing}px / 2);
  398. margin-top:calc({text:post spacing}px / 2);
  399. border-top:1px solid {color:post border};
  400. text-transform:uppercase;
  401. font-size:6px;
  402. font-weight:normal;
  403. letter-spacing:2px;
  404. line-height:12px;
  405. margin-top:;
  406. font-family:;
  407. color:{color:title};
  408. }
  409. #pagination a {text-decoration:none;
  410. display:inline-block;
  411. color:{color:title};
  412. }
  413. .who a, .current_page {margin:0 3px;
  414. cursor:help;
  415. }
  416. .jump_page {height:12px;
  417. width:12px;}
  418. .current_page {font-weight:bold;
  419. display:inline-block;
  420. color:{color:accent text};
  421. background:{color:accents};
  422. }
  423. .nice {cursor:help;
  424. position:fixed;
  425. font-size:8px;
  426. right:15px;
  427. bottom:10px;
  428. }
  429. .nice a {color:{color:text};
  430. }
  431.  
  432.  
  433.  
  434. a.tumblr_blog {
  435. text-transform:uppercase;
  436. font-size:6px;
  437. font-family:;
  438. letter-spacing:2px;
  439. font-weight:normal;
  440. text-decoration:none;
  441. display:inline-block;
  442. }
  443.  
  444.  
  445. .cbp-spmenu {
  446. background:#fff;
  447. position: fixed;
  448. border-right:1px solid #eee;
  449. }
  450.  
  451.  
  452. /* Orientation-dependent styles for the content of the menu */
  453.  
  454. .cbp-spmenu-vertical {
  455. width: 250px;
  456. text-align:left;
  457. height: 100%;
  458. top: 0;
  459. z-index:5;
  460. }
  461.  
  462. /* Vertical menu that slides from the left or right */
  463.  
  464. .cbp-spmenu-left {
  465. left: -250px;
  466. }
  467.  
  468.  
  469. .cbp-spmenu-left.cbp-spmenu-open {
  470. left: 0px;
  471. }
  472.  
  473.  
  474. /* Transitions */
  475.  
  476. .cbp-spmenu,
  477. .cbp-spmenu-push {
  478. -webkit-transition: all 0.6s ease;
  479. -moz-transition: all 0.6s ease;
  480. transition: all 0.6s ease;
  481. }
  482.  
  483.  
  484.  
  485. .ha {
  486. padding:25px;
  487. margin:0;
  488.  
  489. }
  490. .blah {color:#000;
  491. font-weight:bold;
  492. font-size:13px;
  493. margin-bottom:15px;}
  494.  
  495. #pot {height:20px;
  496. background:#fff;
  497. border-bottom:1px solid #eee;
  498. padding:0;
  499. cursor:pointer;
  500. outline: none;}
  501.  
  502. #close img {width:10px;
  503. float:right;
  504. height:10px;
  505. display:block;
  506. border-left:1px solid #eee;
  507. border-bottom:1px solid #eee;
  508. background:#fff;
  509. padding:5px}
  510.  
  511. #description {
  512. line-height:150%;
  513. text-align:justify;
  514. }
  515.  
  516. #links {
  517. font-family:arial;
  518. font-size:6px;
  519. text-transform:uppercase;
  520. letter-spacing:2px;
  521. border-top:1px dashed #eee;}
  522. #links a {position:relative;
  523. display:block;
  524. color:#000;
  525. text-decoration:none;
  526. padding:10px 25px;
  527. border-bottom:1px dashed #eee;}
  528. #links a::before {width:0;
  529. top:35px;
  530. position:Absolute;
  531. left:0; content:'';
  532. height:1px;
  533. background:#eee;
  534. -webkit-transition:all 0.6s;
  535. -moz-transition:all 0.6s;
  536. -ms-transition:all 0.6s;
  537. -o-transition:all 0.6s;
  538. transition:all 0.6s; }
  539.  
  540.  
  541. #links a:hover::before {width:100%;
  542. background:{color:link};
  543. -webkit-transition:all 0.6s;
  544. -moz-transition:all 0.6s;
  545. -ms-transition:all 0.6s;
  546. -o-transition:all 0.6s;
  547. transition:all 0.6s; }
  548.  
  549. .search {display:none;
  550. }
  551.  
  552. .search input {
  553. background:white;
  554. padding:0 25px;
  555. width:163px;
  556. height:35px;
  557. color:#999;
  558. margin:0;
  559. display:inline-block;
  560. vertical-align:middle;
  561. font-family:arial;
  562. text-transform:;
  563. font-size:10px;
  564. letter-spacing:px;
  565. border-bottom:1px solid #eee;}
  566.  
  567. .search [type="image"] {
  568. cursor:pointer;
  569. width:15px;
  570. height:15px;
  571. padding:10px 10px 10px 10px;
  572. margin-left:-3px;
  573. border-left:1px solid #eee;
  574. -webkit-transition:all 0.6s;
  575. -moz-transition:all 0.6s;
  576. -ms-transition:all 0.6s;
  577. -o-transition:all 0.6s;
  578. transition:all 0.6s; }
  579.  
  580. .search [type="image"]:hover
  581. {-webkit-filter: invert(1);
  582. -webkit-transition:all 0.6s;
  583. -moz-transition:all 0.6s;
  584. -ms-transition:all 0.6s;
  585. -o-transition:all 0.6s;
  586. transition:all 0.6s; }
  587. .search * {
  588. margin:0;
  589. padding:0;
  590. border:0;
  591. outline:0;
  592. vertical-alignx:middle;
  593. background:transparent;
  594. }
  595.  
  596. #s {cursor:pointer;}
  597.  
  598.  
  599. /*posts*/
  600.  
  601.  
  602.  
  603. #entries {
  604. margin:0px auto 100px auto;
  605. z-index:3;
  606. width:300px;
  607. {block:permalinkpage}
  608. {block:if400pxperma}
  609. width:400px;
  610. {/block:if400pxperma}
  611. {/block:permalinkpage}
  612. }
  613.  
  614.  
  615. #posts {z-index:3;
  616. width:300px;
  617. margin-top:calc({text:post spacing}px / 2);
  618. {block:indexpage}
  619. padding-top:calc({text:post spacing}px / 2);
  620. border-top:1px solid {color:post border};
  621. {/block:indexpage}
  622. position:relative;
  623. display:block;
  624. -webkit-animation-name: fade-in;
  625. -webkit-animation-duration: 1.5s;
  626. {block:permalinkpage}
  627. {block:if400pxperma}
  628. width:400px;
  629. {/block:if400pxperma}
  630. {/block:permalinkpage}
  631. transition:0.8s;
  632. -o-transition-transition:0.8s;
  633. -webkit-transition-duration:0.8s;
  634. -moz-transition-duration:0.8s;
  635. }
  636.  
  637.  
  638.  
  639. #posts img {
  640. max-width:300px;
  641. {block:permalinkpage}
  642. {block:if400pxperma}
  643. max-width:400px;
  644. {/block:if400pxperma}
  645. {/block:permalinkpage}
  646.  
  647. }
  648.  
  649. #buttt iframe {display:block;}
  650. #buttt img {width:300px;
  651. display:block;
  652. {block:permalinkpage}
  653. {block:if400pxperma}
  654. width:400px;
  655. {/block:if400pxperma}
  656. {/block:permalinkpage}
  657. }
  658.  
  659. #titlequote {
  660. font-size:12px;
  661. line-height:150%;
  662. padding:5px;
  663. font-weight:Bold;
  664. background:#fbfbfb;
  665. font-style:italic;
  666. font-family:arial;
  667. color:{color:title};
  668. }
  669.  
  670. #source {
  671. text-align:right;
  672. margin-top:10px;
  673. font-family:;
  674. text-transform:uppercase;
  675. letter-spacing:2px;
  676. font-weight:normal;
  677. font-size:6px;
  678. background:#000000;
  679. color:#ffffff;
  680. padding:0 5px;
  681. }
  682. #source a {text-decoration:none;
  683. color:#ffffff;
  684. }
  685. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  686. .caption img{
  687. max-width:300px;
  688.  
  689. }
  690.  
  691.  
  692.  
  693. /*audio*/
  694.  
  695.  
  696. .tumblr_audio_player {width:300px;
  697. height:30px;
  698. margin-top:-2px;
  699. }
  700.  
  701. .player {width:75px;
  702. height:25px;
  703. display:block;
  704. overflow:hidden;}
  705.  
  706. .hold {
  707. background:black;
  708. display:block;
  709. }
  710.  
  711. .audio_info {
  712. display:block;
  713. background:{color:accents};
  714. color:{color:accent text};
  715. padding:5px;
  716. margin-top:10px;
  717. font-weight:normal;
  718. font-family:;
  719. letter-spacing:2px;
  720. font-size:6px;
  721. text-transform:uppercase;
  722. }
  723. .audio_info b {
  724. padding:0 5px;
  725. display:inline-block;
  726. }
  727.  
  728. .audio_info span {display:block;}
  729.  
  730. /*asks*/
  731. .q {
  732. padding:5px;
  733. margin:10px 0;
  734. font-style:italic;
  735. background:{color:Accents};
  736. }
  737. .as img {float:left;
  738. margin-top:-10px;
  739. margin-left:-15px;
  740. width:26px;
  741. height:26px;
  742. margin-right:5px;
  743. border:2px solid #000000;
  744. border-radius:100%;}
  745. .as {
  746. font-family:;
  747. text-transform:uppercase;
  748. letter-spacing:2px;
  749. font-size:6px;
  750. font-weight:normal;
  751. background:#000000;
  752. color:#ffffff;
  753. padding:0 5px;}
  754. .as a {color:#ffffff;
  755. text-decoration:none;
  756. }
  757. .as a {
  758. text-decoration:none;
  759. }
  760. .a {}
  761.  
  762.  
  763.  
  764.  
  765.  
  766. .chat ol {
  767. margin:0;
  768. padding:0;
  769. list-style:none;
  770. text-align:left;
  771. }
  772.  
  773. .l.odd {
  774. background:{color:accents};
  775. color:{color:accent text};
  776. padding:5px;
  777. }
  778.  
  779. .l.even {padding:5px;
  780. }
  781.  
  782. .label {
  783. font-family:;
  784. color:{color:accent text};
  785. text-transform:uppercase;
  786. letter-spacing:2px;
  787. font-size:7px;
  788. font-weight:;
  789. display:inline-block;
  790. }
  791.  
  792.  
  793.  
  794.  
  795.  
  796. /*permalink and notes*/
  797.  
  798. #permalink {
  799. display:block;
  800. {block:permalinkpage}
  801. margin-top:10px;
  802. text-align:left;
  803. -webkit-animation-name: fade-in;
  804. -webkit-animation-duration: 1.5s;
  805. {/block:permalinkpage}
  806. {block:indexpage}
  807. opacity:0;
  808. position:absolute;
  809. top:calc(100% + 10px);
  810. text-align:center;
  811. width:100%;
  812. left:0px;
  813. transition:0.4s;
  814. -o-transition-transition:0.4s;
  815. -webkit-transition-duration:0.4s;
  816. -moz-transition-duration:0.4s;
  817. {/block:indexpage}
  818. }
  819. #posts:hover #permalink {opacity:1;
  820. transition:0.4s;
  821. -o-transition-transition:0.4s;
  822. -webkit-transition-duration:0.4s;
  823. -moz-transition-duration:0.4s;
  824. }
  825. #permalink a {text-decoration:none;
  826. {block:indexpage}color:{color:accent text};{/block:indexpage}}
  827. #permalink a:hover {color:{color:link hover};}
  828.  
  829. #when a {
  830. font-size:6px;
  831. margin:0 3px;
  832. display:inline-block;
  833. text-transform:uppercase;
  834. font-weight:normal;
  835. letter-spacing:2px;
  836. font-family:;
  837. }
  838.  
  839. .caption {text-transform:none;
  840. margin-top:10px;
  841. {block:ifhidecaptions}
  842. {block:indexpage}
  843. display:none;
  844. {/block:indexpage}
  845. {/block:ifhidecaptions}
  846. }
  847.  
  848.  
  849.  
  850. .pagenotes {
  851. -webkit-animation-name: fade-in;
  852. -webkit-animation-duration: 1.5s;
  853.  
  854. margin-top:10px;
  855. margin-bottom:100px;
  856. text-transform:uppercase;
  857. font-size:6px;
  858. letter-spacing:2px;
  859. width:300px;
  860. text-align:left;
  861. {block:if400pxperma}
  862. width:400px;
  863. {/block:if400pxperma}
  864. }
  865.  
  866. .pagenotes a {text-decoration:none;}
  867.  
  868. .same {display:none;}
  869.  
  870. ol.notes {
  871. list-style-type:none;
  872. text-align:left;
  873. padding:0px;}
  874.  
  875. ol.notes li.note {
  876. padding:0 5px;
  877. color:{color:accent text};
  878. background:{color:accents};
  879. display:block;
  880. margin:5px 0;}
  881.  
  882. ol.notes li.note img.avatar {
  883. display:none!important;
  884. }
  885.  
  886.  
  887. .t {
  888. cursor:help;
  889. background:{color:accents};
  890. color:{color:accent text};
  891. text-align:center;
  892. font-weight:bold;
  893. padding:5px;}
  894.  
  895.  
  896. #box{
  897. overflow:hidden;
  898. position:fixed;
  899. width:18px;
  900. height:18px;
  901. bottom:15px;
  902. left:15px;
  903. border:2px solid {color:accents};
  904. }
  905.  
  906. #icon{
  907. transition:0.4s;
  908. -o-transition-transition:0.4s;
  909. -webkit-transition-duration:0.4s;
  910. -moz-transition-duration:0.4s;
  911. }
  912. #icon img {width:12px;
  913. padding:5px 3px 3px 3px;
  914. height:8px;}
  915. #box:hover #icon{
  916. margin-top:-18px;
  917. transition:0.4s;
  918. -o-transition-transition:0.4s;
  919. -webkit-transition-duration:0.4s;
  920. -moz-transition-duration:0.4s;
  921. }
  922.  
  923. #musicbox{
  924. height:20px;
  925. width:18px;
  926. overflow:hidden;
  927. }
  928.  
  929. #music{
  930. margin-left:-21px;
  931. }
  932.  
  933. @-webkit-keyframes fade-in {
  934. 0% { opacity: 0; }
  935. 50% { opacity: 0; }
  936. 100% { opacity: 1; }
  937.  
  938. {CustomCSS}
  939.  
  940.  
  941.  
  942.  
  943. </style>
  944.  
  945.  
  946.  
  947.  
  948. <script>
  949. $(function() {
  950. $('.t').click(function() {
  951. $('.same').slideToggle(400);
  952. });
  953. });
  954. </script>
  955.  
  956.  
  957. </head>
  958.  
  959. <body class="cbp-spmenu-push">
  960.  
  961. <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
  962. <div id="pot">
  963. <a class="toggle-menu menu-left" title="" id="close"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-close-round-16.png"></a></div>
  964. <div class="ha" >
  965. <div class="blah">{text:sidebar title}</div>
  966. <div id="description">I could recognize him by touch alone, by smell; I would know him blind, by the way his breaths came and his feet struck the earth. I would know him in death, at the end of the world.
  967. <!--your default description goes here, but feel free to add an about section or whatever-->
  968. </div>
  969. </div>
  970. <div id="links">
  971. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  972. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  973. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  974. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  975. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  976. <a href="http://amzn.com/w/1XTT2GK7DNNM" target="_blank" >wishlist</a>
  977. <a id="s">search</a>
  978. </div>
  979. <div class="search">
  980. <form action="/search" method="get" class="sfm">
  981. <input type="text" name="q" value="{SearchQuery}"/>
  982. <input type="image" value="Search" src="https://cdn0.iconfinder.com/data/icons/30_Free_Black_ToolBar_Icons/40/Black_Search.png"/>
  983. </form>
  984. </div>
  985.  
  986. </nav>
  987.  
  988.  
  989. <body>
  990.  
  991.  
  992. {block:ifnotshowheaderimage}
  993. {block:ifmusicplayer}
  994. <div id="box">
  995. <div id="icon">
  996. <img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  997. </div>
  998. <div id="musicbox">
  999. <div id="music">{text:billy player code}</div>
  1000. </div>
  1001. </div>
  1002. {/block:ifmusicplayer}
  1003. {/block:ifnotshowheaderimage}
  1004.  
  1005. <div id="blog">
  1006. {block:ifshowheaderimage}
  1007. <div id="deg">
  1008. {block:ifmusicplayer}
  1009. <div id="box2">
  1010. <div id="musicbox2">
  1011. <div id="icon2">
  1012. <img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  1013. </div>
  1014. <div id="music2">{text:billy player code}</div>
  1015. </div>
  1016. </div>
  1017. {/block:ifmusicplayer}<span class="o">
  1018. {block:ifnotmusicplayer}<a href="/">{/block:ifnotmusicplayer}<img src="{image:header image}"/>{block:ifnotmusicplayer}</a>{/block:ifnotmusicplayer}</span></div>{/block:ifshowheaderimage}<div id="else">
  1019. <a class="btit" href="/">a little death</a>
  1020. <div id="d">We were like gods at the dawning of the world, and our joy was so bright we could see nothing else but the other.</div>
  1021. <div class="standardlinks"><a href="/">index.</a><a href="/faq">message.</a><a class="toggle-menu menu-left" id="kiss">navigation.</a><a href="/archive">archive.</a></div>
  1022. </div>
  1023.  
  1024. <div id="entries" class="autopagerize_page_element">
  1025.  
  1026.  
  1027. {block:Posts}
  1028.  
  1029.  
  1030. <div class="{select:Post Effect}" id="posts">
  1031.  
  1032. {block:indexpage}
  1033. {block:Date}
  1034. <div id="permalink">
  1035. <div id="when">
  1036. <a href="{Permalink}" >{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}<a href="{permalink}"target="_blank">({NoteCount})</a>{/block:NoteCount}<a href="{ReblogURL}">reblog</a></div>
  1037. </div>
  1038. {/block:Date}{/block:indexpage}
  1039.  
  1040. {block:Quote}
  1041.  
  1042.  
  1043. <div id="titlequote">{Quote}</div>
  1044. {block:Source}<div id="source">{Source}</div>{/block:Source}
  1045. {/block:Quote}
  1046.  
  1047.  
  1048.  
  1049. {block:Text}
  1050. {block:Title}<div id="title">{Title}</div>{/block:Title}
  1051.  
  1052. {Body}
  1053. {/block:Text}
  1054.  
  1055. {block:Link}
  1056.  
  1057. <div id="title"><a href="{URL}">{Name}</a></div>
  1058. {block:Description}{Description}{/block:Description}
  1059.  
  1060. {/block:Link}
  1061.  
  1062. {block:Chat}
  1063. {block:Title}<div id="title">{Title}</div>{/block:Title}
  1064. <div class="chat">
  1065. <ol>
  1066. {block:Lines}
  1067. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1068. {/block:Lines}
  1069. </ol></div>
  1070. {/block:Chat}
  1071.  
  1072. {block:Photo}
  1073. <div id="buttt">
  1074. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  1075. {/block:Photo}
  1076.  
  1077. {block:Photoset}<div id="buttt">
  1078. {photoset}
  1079. </div>
  1080. {/block:Photoset}
  1081.  
  1082. {block:Video}<div id="buttt">
  1083. {block:indexpage}
  1084. {Video-250}
  1085. {/block:indexpage}
  1086. {block:permalinkpage}
  1087. {block:if400pxperma}
  1088. {Video-400}
  1089. {/block:if400pxperma}
  1090. {block:ifnot400pxperma}
  1091. {video-250}
  1092. {/block:ifnot400pxperma}
  1093. {/block:permalinkpage}
  1094. </div>
  1095. {/block:Video}
  1096.  
  1097.  
  1098. {block:Audio}
  1099. {block:AudioPlayer}
  1100. <div class="hold">
  1101. <div class="player">{AudioPlayerBlack}</div>
  1102. </div>
  1103. {/block:AudioPlayer}
  1104. <div class="audio_info">
  1105. {block:TrackName}<span><b>Track:</b> {TrackName}</span>{/block:TrackName}
  1106. {block:Artist}<span><b>Artist:</b> {Artist}</span>{/block:Artist}
  1107. <span><b>Plays:</b> {playcount}</span>
  1108. </div>
  1109. {/block:Audio}
  1110.  
  1111. {block:Answer}
  1112.  
  1113. <div class="as"><img src="{AskerPortraitURL-128}">{Asker} said: </div>
  1114. <div class="q">{Question}</div>
  1115. <div class="a">{Answer}</div>
  1116.  
  1117. {/block:Answer}
  1118.  
  1119.  
  1120. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1121.  
  1122.  
  1123.  
  1124. </div>
  1125.  
  1126.  
  1127. {block:permalinkpage}
  1128. {block:Date}
  1129. <div id="permalink">
  1130. Posted on <a href="{Permalink}">{shortmonth} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</a>
  1131. {block:NoteCount} with <a href="{permalink}" target="_blank">{NoteCountWithLabel}</a>{/block:NoteCount}
  1132. {block:RebloggedFrom}<br>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
  1133. {block:HasTags}<br>Indexed: {block:Tags}<a href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1134. {/block:Date}{/block:permalinkpage}
  1135.  
  1136.  
  1137. {/block:Posts}
  1138.  
  1139. {block:Pagination}
  1140. <div id="pagination" class="who">
  1141. {block:PreviousPage}
  1142. <a href="{PreviousPage}" style="margin-right:15px">back</a>
  1143. {/block:PreviousPage}
  1144. {block:JumpPagination length="3"}
  1145. {block:CurrentPage}
  1146. <span class="current_page">{PageNumber}</span>
  1147. {/block:CurrentPage}
  1148. {block:JumpPage}
  1149. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1150. {/block:JumpPage}
  1151. {/block:JumpPagination}
  1152. {block:NextPage}
  1153. <a href="{NextPage}" style="margin-left:15px">next</a>
  1154. {/block:NextPage}
  1155. </div>
  1156. {/block:Pagination}
  1157.  
  1158.  
  1159. {block:PostNotes}
  1160. <div class="pagenotes">
  1161. <div class="t">Notes</div>
  1162. <div class="same">{PostNotes}</div>
  1163. </div>
  1164. {/block:PostNotes}
  1165.  
  1166.  
  1167. </div>
  1168.  
  1169.  
  1170.  
  1171. <div class="nice"><script language="JavaScript">
  1172. var ref = (''+document.referrer+'');
  1173. var w_h = window.screen.width + " x " + window.screen.height;
  1174. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4496455&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1175. </script></div>
  1176.  
  1177.  
  1178.  
  1179.  
  1180.  
  1181.  
  1182.  
  1183. {block:ContentSource}
  1184. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1185. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1186. {/block:SourceLogo}
  1187. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1188. {/block:ContentSource}
  1189.  
  1190. </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!