SHARE
TWEET

theme

a guest Jan 11th, 2016 34 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2.  
  3.  
  4.                 theme: bubble
  5.                 - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#cccccc"/>
  23. <meta name="color:Link" content="#a7a7a7"/>
  24. <meta name="color:Title"content="#000000"/>
  25. <meta name="color:Blog Title" content="#a8a8a8"/>
  26. <meta name="color:Scrollbar" content="#d5d5d5" />
  27. <meta name="color:Link Hover" content="#aaaaaa"/>
  28. <meta name="color:Post Border" content="#eeeeee"/>
  29. <meta name="color:Accents" content="#fbfbfb"/>
  30. <meta name="color:Popup Background" content="#fbfbfb"/>
  31.  
  32. <meta name="if:Hide Captions" content="0"/>
  33. <meta name="if:Popup" content="1"/>
  34. <meta name="if:Infinite Scroll" content="1"/>
  35.  
  36. <meta name="image:Icon" content=""/>
  37. <meta name="image:Sidebar" content=""/>
  38.  
  39. <meta name="text:Link 1 URL" content="" />
  40. <meta name="text:Link 1" content="" />
  41. <meta name="text:Link 2 URL" content="" />
  42. <meta name="text:Link 2" content="" />
  43. <meta name="text:Link 3 URL" content="" />
  44. <meta name="text:Link 3" content="" />
  45.  
  46. <meta name="text:Home Title" content="index"/>
  47. <meta name="text:Ask Title" content="message"/>
  48. <meta name="text:Archive Title" content="history"/>
  49.  
  50.  
  51. <!-- jquery -->
  52.  
  53. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  54.  
  55. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  56. <script>
  57. $(function() {
  58.     $(document).tooltip({
  59.         track:true
  60.     });
  61. {block:ifpopup}
  62.     $('.i').click(function() {
  63.        $('modal').addClass('op');
  64.     });
  65.     $('.close').click(function() {
  66.        $('modal').removeClass('op');
  67.     });
  68. {/block:ifpopup}    
  69. });
  70. </script>
  71.  
  72. <!--CSS customization here. -->
  73.  
  74. <style type="text/css">
  75.  
  76. /*tooltip*/
  77.  
  78. .ui-tooltip {  
  79.     position:Absolute;
  80.     z-index:999999;
  81.     padding-top:15px;
  82.     margin:0;
  83. }
  84.  
  85. .ui-tooltip-content {
  86.     background:{color:background};
  87.     padding:2px 4px;
  88.     display:block;
  89.     font-size:8px;
  90.     width:auto;
  91.     position:relative;
  92.     text-transform:uppercase;
  93.     color:{color:title};
  94.     border-radius:3px;
  95.     border-right:1px solid {color:post border};
  96.     border-bottom:1px solid {color:post border};
  97.     line-height:10px;
  98.     letter-spacing:1px;
  99. }
  100.  
  101. /*lightbox and stuff*/
  102.  
  103. #tumblr_lightbox {
  104.     background-color:rgba(246, 246, 246, .9)!important;
  105.     z-index:99999!important;
  106. }
  107.  
  108. #tumblr_lightbox img { opacity:0; }
  109.  
  110. #tumblr_lightbox_caption {
  111.     color:black!important;
  112.     font-family:arial!important;
  113.     font-size:10px!important;
  114.     font-weight:normal!important;
  115.     text-shadow:none!important;
  116. }
  117.  
  118. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  119.     -moz-box-shadow:none!important;
  120.     -webkit-box-shadow:none!important;
  121.     box-shadow:none!important;
  122.     -moz-border-radius:3px!important;
  123.     -webkit-border-radius:3px!important;
  124.     border-radius:3px!important;
  125.     opacity:1!important;
  126. }
  127.  
  128. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  129.  
  130. iframe#tumblr_controls {
  131.     white-space:nowrap!important;
  132.     -webkit-filter:invert(100%)!important;
  133.     -moz-filter:invert(100%)!important;
  134.     -ms-filter:invert(100%)!important;
  135.     -o-filter:invert(100%)!important;
  136.     filter:invert(100%)!important;
  137.     top:5px!important;
  138.     right:5px!important;
  139.     position:fixed!important;
  140.     opacity:.2!important;
  141. }
  142.  
  143. /*scrollbar*/
  144.  
  145. ::-webkit-scrollbar {
  146.     height:5px;
  147.     width:5px;
  148.     background:{color:background};
  149. }
  150.  
  151. ::-webkit-scrollbar-thumb{
  152.     background:{color:scrollbar};
  153.     border-radius:3px;
  154. }
  155.  
  156. .same::-webkit-scrollbar {width:3px;}
  157.  
  158. ::-webkit-scrollbar-track {background:transparent;}
  159.  
  160. /*main structure*/
  161.  
  162. body {
  163.     background:{color:background};
  164.     color:{color:text};
  165.     font-family:calibri, arial;
  166.     font-size:10px;
  167.     font-weight:normal;
  168.     position:relative;
  169.     text-align:justify;
  170.     -moz-box-sizing: border-box;
  171.     box-sizing: border-box;
  172.     -webkit-box-sizing: border-box;
  173.     margin:0;
  174.     line-height:150%;
  175. }
  176.  
  177. a {
  178.     color:{color:link};
  179.     text-decoration:none;
  180.     -webkit-transition: opacity 0.7s linear;
  181.     opacity: 0.7s;
  182.     -webkit-transition: all 0.6s ease-out;
  183.     -moz-transition: all 0.6s ease-out;
  184.     transition: all 0.6s ease-out;
  185. }
  186.  
  187. a:hover {
  188.     color:{color:link hover};
  189.     text-decoration:none;
  190.     cursor:help;
  191.     -webkit-transition: opacity 0.7s linear;
  192.     opacity: 0.7s;
  193.     -webkit-transition: all 0.6s ease-out;
  194.     -moz-transition: all 0.6s ease-out;
  195.     transition: all 0.6s ease-out;
  196. }
  197.  
  198. img {
  199.     opacity:1;
  200.     border:none;
  201.     text-decoration:none;
  202. }
  203.  
  204. blockquote {
  205.     padding-left:10px;
  206.     border-left:3px solid {color:post border};
  207.     margin:0;
  208.     text-align:left;
  209. }
  210.  
  211. pre {
  212.     white-space: pre-wrap;
  213.     white-space: -moz-pre-wrap;
  214.     white-space: -pre-wrap;  
  215.     white-space: -o-pre-wrap;
  216.     word-wrap: break-word;
  217.     padding:0;
  218.     margin:0;
  219.     font-size:10px;
  220.     font-family:calibri, arial;
  221. }
  222.  
  223.  
  224. p {margin:5px 0}
  225.  
  226. p:first-of-type {margin-top:0;}
  227.  
  228. p:last-of-type {margin-bottom:0;}
  229.  
  230. b, strong {color:{color:title};}
  231.  
  232. ol {
  233.     list-style:lower-roman;
  234.     text-align:left;
  235. }
  236.  
  237. ul {
  238.     list-style:circle;
  239.     text-align:left;
  240. }
  241.  
  242. h1, h2, h3, h4, small, big {font-size:10px;}
  243.  
  244. /*popup*/
  245.  
  246. modal {
  247.     visibility:hidden;
  248.     position:fixed;
  249.     width:100%;
  250.     height:100%;
  251.     left:0;
  252.     bottom:0;
  253.     background:rgba({RGBcolor:popup background},.9);
  254.     z-index:10;
  255.     transition:visibility .6s, opacity .6s;
  256.     -o-transition:visibility .6s, opacity .6s;
  257.     -webkit-transition:visibility .6s, opacity .6s;
  258.     -moz-transition:visibility .6s, opacity .6s;
  259.     opacity:0;
  260. }
  261.  
  262. modal.op {
  263.     visibility:visible;
  264.     opacity:1;
  265. }
  266.  
  267. .close {
  268.     position:fixed;
  269.     left:0;
  270.     top:0;
  271.     width:100%;
  272.     height:100%;
  273.     z-index:10;
  274. }
  275.  
  276. .inner {
  277.     position:absolute;
  278.     z-index:11;
  279.     left:50%;
  280.     top:50%;
  281.     -moz-border-radius:3px;
  282.     -webkit-border-radius:3px;
  283.     border-radius:3px;
  284.     padding:15px;
  285.     background:{color:background};
  286.     width:270px;
  287. {block:permalinkpage}
  288.     width:370px;
  289. {/block:permalinkpage}    
  290.     transform:translate(-50%,-50%);
  291.     -webkit-transform:translate(-50%,-50%);
  292.     -o-transform:translate(-50%,-50%);
  293.     -moz-transform:translate(-50%,-50%);
  294. }
  295.  
  296. .inner nav {
  297.     margin:0 1px;
  298.     letter-spacing:1px;
  299.     text-transform:uppercase;
  300.     font-size:8px;
  301. }
  302.  
  303. .inner nav a {
  304.     display:inline-block;
  305.     background:{color:Accents};
  306.     width:calc(50% - 22px);
  307.     margin:1px;
  308.     -moz-border-radius:3px;
  309.     -webkit-border-radius:3px;
  310.     border-radius:3px;    
  311.     padding:5px 10px;
  312. }
  313.  
  314. .inner nav a:hover {font-style:italic;}
  315.  
  316. /*sidebar*/
  317.  
  318. aside {
  319.     -webkit-animation-name: fade-in;
  320.     -webkit-animation-duration: 1.5s;
  321.     top:100px;
  322.     text-align:center;
  323.     position:fixed;
  324.     left:40%;
  325.     width:250px;
  326.     {block:ifSidebarImage}    
  327.     border-top:1px solid {color:post border};
  328.     padding-top:35px;    
  329.     {/block:ifSidebarImage}    
  330.     margin-left:-450px;
  331. }
  332.  
  333. .h {width:250px;}
  334.  
  335. .h img {
  336.     display:block;
  337.     width:250px;
  338.     -moz-border-radius:3px;
  339.     -webkit-border-radius:3px;
  340.     border-radius:3px;    
  341. }
  342.  
  343. .btit {
  344.     position:absolute;
  345.     font-style:italic;
  346.     font-size:12px;
  347.     top:-40px;
  348.     left:0;
  349.     letter-spacing:2px;
  350.     padding-left:50px;
  351.     line-height:40px;
  352.     display:inline-block;
  353.     cursor:help!important;
  354.     text-transform:uppercase;
  355.     color:{color:blog title};
  356. }
  357.  
  358. .btit:after, .close span:before, .close span:after, #source:before, .as:before {
  359.     content:'';
  360.     width:30px;
  361.     height:1px;
  362.     background:{color:post border};
  363.     top:50%;
  364.     position:absolute;
  365. }
  366.  
  367. .btit:after, .close span:after {right:-40px;}
  368.  
  369. .close span:before, #source:before, .as:before {left:-40px;}
  370.  
  371. .i img {
  372.     display:block;
  373.     width:50px;
  374.     height:50px;
  375.     -moz-border-radius:3px;
  376.     -webkit-border-radius:3px;
  377.     border-radius:3px;
  378. }
  379.  
  380. .i {
  381.     margin:0 auto;
  382.     clear:both;
  383.     display:inline-block;    
  384.     {block:ifSidebarImage}    
  385.     top:-27px;
  386.     position:absolute;    
  387.     left:50%;
  388.     margin-left:-27px;    
  389.     {/block:ifSidebarImage}
  390.     -moz-border-radius:3px;
  391.     -webkit-border-radius:3px;
  392.     border-radius:3px;
  393.     background:{color:background};    
  394.     border:2px solid {color:background};
  395. }
  396.  
  397. #d {
  398.     display:block;
  399.     font-style:italic;
  400.     position:relative;
  401.     {block:ifSidebarImage}    
  402.     padding-top:40px;
  403.     {/block:ifSidebarImage}    
  404. }
  405.  
  406. #d span {
  407.     display:block;
  408.     {block:ifnotSidebarImage}  
  409.     padding-top:5px;
  410.     {/block:ifnotSidebarImage}    
  411. }
  412.  
  413. .standardlinks {
  414.     position:Absolute;
  415.     font-size:8px;
  416.     top:-40px;
  417.     line-height:40px;
  418.     width:250px;
  419.     left:0;
  420.     display:inline-block;
  421.     letter-spacing:1px;
  422.     text-transform:uppercase;  
  423.  
  424. }
  425.  
  426. aside:hover .standardlinks {
  427.     transition:0.4s;
  428.     -o-transition-duration:0.4s;
  429.     -webkit-transition-duration:0.4s;
  430.     -moz-transition-duration:0.4s;    
  431. }
  432.  
  433. .standardlinks a {
  434.     cursor:help;  
  435.     color:{color:blog title};
  436.     margin:0 3px;
  437.     display:inline-block;
  438. }
  439.  
  440. .standardlinks a:hover {color:{color:link hover};}
  441.  
  442. /*pagination*/
  443.  
  444. footer {
  445.     text-transform:uppercase;
  446.     font-size:8px;
  447.     letter-spacing:1px;
  448.     -webkit-animation-name: fade-in;
  449.     -webkit-animation-duration: 1.5s;    
  450.     width:500px;
  451.     margin:0 auto 100px auto;
  452.     text-align:center;
  453.     {block:ifinfinitescroll}
  454.     display:none;
  455.     {/block:ifinfinitescroll}    
  456. }
  457.  
  458. footer a {
  459.     color:{color:title};
  460.     margin:0 5px;
  461.     display:inline-block;
  462.     background:{color:accents};
  463.     padding:0px 4px;
  464.     -moz-border-radius:3px;
  465.     -webkit-border-radius:3px;
  466.     border-radius:3px;
  467. }
  468.  
  469. .nice {  
  470.     position:fixed;
  471.     left:15px;
  472.     bottom:10px;
  473. }
  474.  
  475. #infscr-loading {display:none!important;}
  476.  
  477. /*posts*/
  478.  
  479. #entries {
  480.     z-index:3;
  481.     width:500px;
  482.     position:relative;
  483.     margin:100px auto 0 auto;
  484. {block:permalinkpage}
  485.     width:500px;
  486.     margin-bottom:50px;
  487. {/block:permalinkpage}    
  488. }
  489.  
  490. .posts {
  491.     z-index:3;
  492. {block:indexpage}    
  493.     margin-bottom:35px;
  494.     padding-bottom:35px;
  495.     border-bottom:1px solid {color:post border};
  496. {/block:indexpage}      
  497.     width:500px;
  498.     position:relative;
  499.     display:inline-block;
  500.     -webkit-animation-name: fade-in;
  501.     -webkit-animation-duration: 1.5s;
  502. {block:permalinkpage}
  503.     width:500px;
  504. {/block:permalinkpage}
  505. }
  506.  
  507. .posts:first-of-type {
  508.     padding-top:35px;
  509.     border-top:1px solid {color:post border};
  510. }
  511.  
  512. .posts img {
  513.     max-width:500px;
  514. {block:permalinkpage}
  515.     max-width:500px;
  516. {/block:permalinkpage}
  517. }
  518.  
  519. a.tumblr_blog {
  520.     text-transform:uppercase;
  521.     font-size:8px;
  522.     letter-spacing:1px;
  523.     text-decoration:none;
  524.     display:inline-block;
  525. }
  526.  
  527. .pho iframe {
  528.     display:block;
  529.     -moz-border-radius:3px;
  530.     -webkit-border-radius:3px;
  531.     border-radius:3px;
  532. }
  533.  
  534. .pho img {
  535.     width:500px;
  536.     -moz-border-radius:3px;
  537.     -webkit-border-radius:3px;
  538.     border-radius:3px;
  539.     display:block;
  540. {block:permalinkpage}
  541.     width:500px;
  542. {/block:permalinkpage}
  543. }
  544.  
  545. .media {
  546.     overflow:hidden;
  547.     display:block;
  548.     -moz-border-radius:3px;
  549.     -webkit-border-radius:3px;
  550.     border-radius:3px;    
  551. }
  552.  
  553. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  554.  
  555. .caption img {max-width:500px;}
  556.  
  557. .caption {
  558.     padding:10px;
  559.     -moz-border-radius:3px;
  560.     -webkit-border-radius:3px;
  561.     border-radius:3px;
  562.     margin-top:10px;
  563. {block:ifhidecaptions}
  564. {block:indexpage}
  565.     display:none;
  566. {/block:indexpage}
  567. {/block:ifhidecaptions}
  568. }
  569.  
  570. .cin {
  571.     display:inline-block;    
  572.     text-transform:uppercase;
  573.     letter-spacing:1px;
  574.     font-size:8px;
  575. }
  576.  
  577. #title .cin {
  578.     font-size:10px;
  579.     color:{color:title};
  580. }
  581.  
  582. #title {
  583.     display:inline-block;
  584.     text-align:left;
  585.     padding:10px 0;
  586.     margin:0 10px;
  587.     border-bottom:1px solid {color:post border};
  588. }
  589.  
  590. #title a:hover {color:{color:link hover};}
  591.  
  592. .tb {padding:10px;}
  593.  
  594. }      
  595.  
  596. /*quote*/
  597.  
  598. #titlequote {
  599.     background:{color:accents};    
  600.     font-size:11px;
  601.     font-style:italic;
  602.     padding:10px;
  603.     -moz-border-radius:3px;
  604.     -webkit-border-radius:3px;
  605.     border-radius:3px;
  606. }
  607.  
  608. #source {
  609.     position:relative;
  610.     margin-left:40px;
  611.     margin-top:10px;
  612. }
  613.  
  614. /*audio*/
  615.  
  616. .tumblr_audio_player {
  617.     width:250px;
  618.     height:30px;
  619.     opacity:.7;
  620.     margin-left:10px;
  621.     margin-top:-2px;
  622. }
  623.  
  624. .player {
  625.     width:75px;
  626.     -moz-border-radius:3px;
  627.     -webkit-border-radius:3px;
  628.     border-radius:3px;    
  629.     height:25px;
  630.     display:block;
  631.     overflow:hidden;
  632. }
  633.  
  634. .hold {
  635.     background:#e4e4e4;
  636.     display:block;
  637.     opacity:.7;
  638.     padding:5px 0;
  639.     -moz-border-radius:3px;
  640.     -webkit-border-radius:3px;
  641.     border-radius:3px;
  642. }
  643.  
  644. .audio_info {
  645.     padding:5px 10px;
  646.     -moz-border-radius:3px;
  647.     -webkit-border-radius:3px;
  648.     border-radius:3px;
  649.     margin-top:10px;
  650.     background:{color:accents};
  651. }
  652.  
  653. .audio_info  b {
  654.     padding-right:5px;
  655.     display:inline-block;
  656. }
  657.  
  658. /*asks*/
  659.  
  660. .q {
  661.     padding:10px;
  662.     text-transform:uppercase;
  663.     font-size:8px;
  664.     text-align:left;
  665.     background:{color:accents};
  666.     -moz-border-radius:3px;
  667.     -webkit-border-radius:3px;
  668.     border-radius:3px;
  669.     letter-spacing:1px;
  670. }
  671.  
  672. .as {
  673.     display:block;
  674.     position:relative;
  675.     margin-left:40px;
  676.     margin-top:10px;
  677. }
  678.  
  679. .a {padding:10px;}
  680.  
  681.  
  682. .chat ol {
  683.     margin:0;    
  684.     padding:0;
  685.     list-style:none;
  686.     text-align:left;
  687. }
  688.  
  689. .l {padding:10px}
  690.  
  691. .l.odd {
  692.     background:{color:accents};
  693.     -moz-border-radius:3px;
  694.     -webkit-border-radius:3px;
  695.     border-radius:3px;
  696. }
  697.  
  698. .label {
  699.     font-weight:bold;
  700.     color:{color:title};
  701.     text-transform:uppercase;
  702.     letter-spacing:1px;
  703.     font-size:8px;
  704.     display:inline-block;
  705. }
  706.  
  707. /*permalink and notes*/
  708.  
  709. #permalink {
  710.     display:block;
  711.     text-transform:uppercase;
  712.     letter-spacing:1px;
  713. {block:permalinkpage}
  714.     text-align:left;
  715.     font-size:8px;
  716.     padding-top:35px;
  717.     border-top:1px solid {color:post border};
  718.     margin-top:35px;
  719. {/block:permalinkpage}
  720. {block:indexpage}
  721.     position:absolute;        
  722.     top:calc(100% - 8px);
  723.     line-height:15px;
  724.     text-align:center;
  725.     width:100%;
  726.     right:0px;
  727.     font-style:italic;
  728.     transition:0.4s;
  729. {/block:indexpage}
  730. }
  731.  
  732. {block:indexpage}
  733. .posts:hover #permalink {
  734.     opacity:1;
  735.     transition:0.4s;
  736. }
  737. {/block:indexpage}
  738.  
  739. #when {
  740.     display:inline-block;
  741.     padding:0 5px;
  742.     background:{color:background};      
  743. }
  744.  
  745. #when a {
  746.     font-size:8px;
  747.     margin:0 3px;
  748.     display:inline-block;
  749. }
  750.  
  751. .pagenotes {
  752.     position:absolute;
  753.     margin-top:35px;
  754.     padding-top:35px;
  755.     width:500px;
  756.     text-transform:uppercase;
  757.     font-size:8px;
  758.     letter-spacing:1px;
  759.     text-align:left;
  760.     border-top:1px solid {color:post border};
  761.     margin-bottom:100px;
  762. }
  763.  
  764. .same {
  765.     max-height:500px;
  766.     overflow-y:auto;  
  767. }    
  768.  
  769. .pagenotes a {text-decoration:none;}
  770.  
  771. ol.notes {
  772.     list-style-type:none;
  773.     text-align:left;
  774.     padding:0px;
  775.     margin:0;
  776. }
  777.  
  778. ol.notes li.note {display:block;}
  779.  
  780. ol.notes li.note img.avatar {display:none!important;}
  781.  
  782. .more_notes_link {
  783.     font-weight:bold;
  784.     color:{color:title};
  785.     display:block;
  786.     text-align:left!important;
  787. }    
  788.  
  789.  
  790. ::selection {
  791. background: #badce9;
  792. color: #444444;
  793. }
  794.  
  795. ::-moz-selection {
  796. background: #badce9;
  797. color: #444444;
  798. }
  799.  
  800. img.emoji {  
  801.  // Override any img styles to ensure Emojis are displayed inline
  802.  margin: 0px !important;
  803.  display: inline !important;
  804.  vertical-align: middle; }
  805.  
  806. {CustomCSS}
  807.  
  808. </style>
  809.  
  810. <script src="//twemoji.maxcdn.com/twemoji.min.js"></script>
  811. <script src="http://static.tumblr.com/lxn1yld/MHfnxce9x/emoji.js"></script>
  812.  
  813. </head>
  814.  
  815. <body>
  816.  
  817. {block:ifpopup}
  818. <modal><div class="close"></div>
  819. <div class="inner">
  820. <nav><a href="/">{text:home title}</a><a href="/ask">{text:ask title}</a>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</nav>
  821. </div>    
  822. </modal>
  823. {/block:ifpopup}
  824.  
  825. <aside>
  826. {block:ifnotpopup}<nav class="standardlinks">
  827. <a href="/ask">{text:ask title}</a>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</nav>{/block:ifnotpopup}
  828. {block:ifSidebarImage}<a class="h" href="/"><img src="{image:sidebar}"/></a>{/block:ifSidebarImage}
  829. <div id="d">{block:ifIconImage}<a {block:ifnotpopup}href="/"{/block:ifnotpopup} class="i"><img src="{image:icon}"/></a>{/block:ifIconImage}<span>{description}</span></div>
  830. </aside>
  831.  
  832.  
  833. <section id="entries">
  834. <a class="btit" href="/">{title}</a>
  835.  
  836.  
  837. {block:Posts}
  838.  
  839. <article class="posts">
  840.  
  841. {block:indexpage}
  842. {block:Date}
  843. <div id="permalink">
  844. <div id="when">
  845. <a href="{Permalink}" target="_blank" title="{timeago}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}  {block:NoteCount}<a href="{permalink}">({NoteCount})</a>{/block:NoteCount}
  846.     </div></div>
  847.                
  848. {/block:Date}
  849. {/block:indexpage}
  850.  
  851. {block:Text}
  852. {block:Title}<div id="title"><span class="cin">{Title}</span></div>{/block:Title}
  853. <div class="tb">{Body}</div>
  854. {/block:Text}
  855.  
  856. {block:Photo}
  857. <div class="pho"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" id="photo_{PostID}"/></div>
  858. {/block:Photo}
  859.  
  860. {block:Photoset}<div class="pho">
  861. {photoset}  
  862. </div>
  863. {/block:Photoset}
  864.  
  865. {block:Video}
  866. {VideoEmbed-500}</div></div>
  867. {/block:Video}
  868.  
  869. {block:Quote}
  870. <div id="titlequote">{Quote}</div>
  871. {block:Source}<div id="source"><span class="cin">{Source}</span></div>{/block:Source}
  872. {/block:Quote}
  873.  
  874. {block:Link}
  875. <div id="title"><span class="cin"><a href="{URL}">{Name}</a></span></div>
  876. {block:Description}<div class="tb">{Description}</div>{/block:Description}
  877. {/block:Link}
  878.  
  879. {block:Chat}
  880. {block:Title}<div id="title"><span class="cin">{Title}</span></div>{/block:Title}
  881. <div class="chat">
  882. <ol>
  883. {block:Lines}
  884. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  885. {/block:Lines}
  886. </ol></div>
  887. {/block:Chat}
  888.  
  889. {block:Audio}
  890.     {block:AudioPlayer}
  891.         <div class="hold">
  892.             <div class="player">{AudioPlayergrey}</div>
  893.         </div>
  894.     {/block:AudioPlayer}
  895.     <div class="audio_info">
  896.     {block:TrackName}<span class="cin"><b>Track:</b> {TrackName}</span>{/block:TrackName}
  897.     {block:Artist}<br><span class="cin"><b>Artist:</b> {Artist}</span>{/block:Artist}
  898.     <br><span class="cin"><b>Plays:</b> {playcount}</span>
  899.     </div>
  900. {/block:Audio}
  901.  
  902. {block:Answer}
  903. <div class="q">{Question}</div>
  904. <div class="as"><span class="cin">asked by {Asker}</span></div>
  905. <div class="a">{Answer}</div>
  906. {/block:Answer}
  907.  
  908. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  909.  
  910. {block:permalinkpage}
  911. {block:Date}
  912. <div id="permalink">
  913. Posted on <a href="{Permalink}">{shortmonth} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</a>
  914. {block:NoteCount} with <a href="{permalink}" target="_blank">{NoteCountWithLabel}</a>{/block:NoteCount}
  915. {block:RebloggedFrom}<br>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</br>
  916. {block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  917. {block:PostNotes}
  918. <div class="pagenotes"><div class="same">{PostNotes}</div></div>
  919. {/block:PostNotes}    
  920. </div>
  921. {/block:Date}{/block:permalinkpage}
  922.  
  923. </article>
  924. {/block:Posts}
  925.  
  926. </section>
  927.  
  928. {block:Pagination}<footer>
  929. {block:PreviousPage}
  930. <a href="{PreviousPage}">back</a>
  931. {/block:PreviousPage}
  932. Page {CurrentPage} of {totalpages}
  933. {block:NextPage}
  934. <a href="{NextPage}">next</a>
  935. {/block:NextPage}
  936. </footer>{/block:Pagination}
  937.  
  938. {block:indexpage}
  939. {block:ifinfinitescroll}
  940. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  941.  
  942. <script>
  943. $(document).ready(function(){
  944.     $('#entries').infinitescroll({
  945.             itemSelector: '.posts',
  946.             navSelector: 'footer',
  947.             nextSelector: 'footer a',
  948.             loadingImg: '',
  949.             loadingText: '<em></em>',
  950.             bufferPx: 100
  951.     });
  952. });
  953. </script>
  954. {/block:ifinfinitescroll}
  955. {/block:indexpage}
  956.  
  957. {block:ContentSource}
  958. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  959. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  960. {/block:SourceLogo}
  961. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  962. {/block:ContentSource}
  963. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">@</a>
  964. </body></html>
RAW Paste Data
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
 
Top