quenma

theme 11: rosa

Sep 1st, 2016
4,883
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.09 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. theme #11: rosa
  5. by leopardraws
  6.  
  7. thanks for using my themes!
  8. feel free to change fonts and colors.
  9. enjoy!! <3
  10.  
  11.  
  12. -->
  13.  
  14.  
  15. <html>
  16. <head>
  17.  
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <meta name="description" content="{MetaDescription}" />
  23.  
  24. <meta name="color:Background" color="#f9f9f9"/>
  25. <meta name="color:Fonts" color="#999999"/>
  26. <meta name="color:Links" color="#666666"/>
  27. <meta name="color:Accent" color="#f4cec9"/>
  28. <meta name="color:Entry" color="#ffffff"/>
  29. <meta name="color:Posts titles" color="#666666"/>
  30. <meta name="color:Borders" color="#eeeeee"/>
  31. <meta name="color:Header background" color="#f4cec9"/>
  32. <meta name="color:Chats background" color="#fafafa"/>
  33.  
  34. <meta name="image:Avatar" content="http://goo.gl/IzQlGZ"/>
  35. <meta name="image:Header" content="http://goo.gl/LChsyA"/>
  36.  
  37. <meta name="text:Link 1 URL" content="#01"/>
  38. <meta name="text:Link 1 title" content="link 01"/>
  39. <meta name="text:Link 2 URL" content="#02"/>
  40. <meta name="text:Link 2 title" content="link 02"/>
  41. <meta name="text:Link 3 URL" content="#01"/>
  42. <meta name="text:Link 3 title" content="link 03"/>
  43.  
  44. <meta name="if:Show 540px posts on Permalink page" content="1"/>
  45. <meta name="if:Repeat header image" content="0"/>
  46. <meta name="if:Promote the theme" content="1"/>
  47.  
  48. <meta name="select:Posts width" content="540px"/>
  49. <meta name="select:Posts width" content="500px"/>
  50. <meta name="select:Posts width" content="450px"/>
  51. <meta name="select:Posts width" content="400px"/>
  52.  
  53. <link href="//fonts.googleapis.com/css?family=Cabin:400,600,400italic,600italic|Roboto+Slab:400,600,400italic,600italic" rel="stylesheet">
  54. <link rel="stylesheet" href="//static.tumblr.com/ev0x8sk/mBwo8c8b7/imoon.css"> <!-- // icomoon -->
  55. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <!-- //pxu ph -->
  56.  
  57.  
  58. <style>
  59.  
  60. /* defaults */
  61. a {
  62.     text-decoration:none;
  63.     transition:.5s;
  64.     cursor:help;
  65.     color:{color:links};
  66.     border-bottom:1px solid {color:accent}; }
  67.  
  68. a:hover { color:{color:accent}; }
  69.  
  70. body {
  71.     font:11px 'Cabin', sans-serif;
  72.     margin:0;
  73.     padding:0;
  74.     line-height:190%;
  75.     background:{color:background};
  76.     color:{color:fonts}; }
  77.  
  78. blockquote {
  79.     margin:0 0 0 10px;
  80.     padding-left:10px;
  81.     border-left:1px solid {color:borders}; }
  82.  
  83. blockquote img, blockquote figure { max-width:100%; }
  84.  
  85. pre, sub, sup, big, small, code { font-size:11px!important; }
  86.  
  87. #s-m-t-tooltip {
  88.     max-width:240px;
  89.     padding:3px 9px;
  90.     margin-left:25px;
  91.     margin-right:22px;
  92.     font-size:9px;
  93.     text-transform:uppercase;
  94.     margin-top:18px;
  95.     border-radius:1px;
  96.     letter-spacing:.5px;
  97.     z-index:99990;
  98.     transition:.3s;
  99.     color:{color:links};
  100.     background-color:{color:accent}; }
  101.  
  102. ::-webkit-scrollbar {
  103.     width:7px;
  104.     height:7px;
  105.     border:3px solid {color:background};
  106.     background:{color:entry}; }
  107. ::-webkit-scrollbar-thumb {
  108.     border-radius:50px;
  109.     background:{color:accent};
  110.     border:2px solid {color:background}; }
  111.  
  112. p { margin:5px 0; }
  113.  
  114. .bodies { padding:15px; }
  115.  
  116. .tmblr-lightbox { background-color: rgba(255,255,255,.95)!important; }
  117. .tmblr-lightbox .vignette { background: transparent!important }
  118. .tmblr-lightbox .lightbox-image { box-shadow:0 0 0 transparent!important; }
  119. .tmblr-lightbox .lightbox-caption {
  120.     font-family: 'roboto slab', serif!important;
  121.     font-size: 15px!important;
  122.     font-weight: normal!important;
  123.     color:{color:font}!important;
  124.     text-shadow: 0 0 0 transparent!important; }
  125.  
  126.  
  127. /* alignment */
  128. #content {
  129.     position:relative;
  130.     left:50%;
  131.     margin-bottom:200px;
  132.     width:0;
  133.     margin-left:calc(-{select:posts width} / 2);
  134.     {block:ifShow540pxPostsOnPermalinkPage}
  135.     {block:PermalinkPage}
  136.     margin-left:-270px;
  137.     {/block:PermalinkPage}
  138.     {/block:}}
  139.    
  140. .entry {
  141.     margin:80px 0;
  142.     border-radius:2px;
  143.     background:{color:entry};
  144.     width:{select:posts width};
  145.     {block:ifShow540pxPostsOnPermalinkPage}
  146.     {block:PermalinkPage}
  147.     width:540px;
  148.     {/block:PermalinkPage}
  149.     {/block:ifShow540pxPostsOnPermalinkPage} }
  150.  
  151. .entry img, .entry figure {
  152.     max-width:100%;
  153.     height:auto; }
  154.  
  155.  
  156. /* text posts */
  157. .titles {
  158.     font:17px 'roboto slab', serif;
  159.     display:block;
  160.     color:{color:posts titles};}
  161.  
  162.  
  163. /* link posts */
  164. a.titles { text-decoration:none;
  165.     border-bottom:0; }
  166.  
  167.  
  168. /* photo posts */
  169. #photoposts { width:100%; }
  170. .captions { padding:10px 20px; }
  171.  
  172.  
  173. /* photoset posts */
  174. .photo-slideshow a { border-bottom:none; }
  175.  
  176. .pxu-caption,
  177. .arrow-down,
  178. .photo-slideshow span.info
  179. .photo-slideshow span.zoom { display:none; }
  180.  
  181. .photo-slideshow a.tumblr-box { opacity:0; }
  182.  
  183.  
  184.  
  185. /* chat posts */
  186. .chatodd, .chateven { padding:10px 20px; }
  187. .chatodd b, .chateven b { color:{color:links}; }
  188.  
  189. .chateven { background:{color:chats background}; }
  190.  
  191.  
  192. /* audio posts */
  193. .audio-box {
  194.     margin-bottom:15px;
  195.     margin-top:10px; }
  196.    
  197. .audioplayer-inner {
  198.     width:26px;
  199.     height:27px;
  200.     overflow: hidden; }
  201.  
  202. .audioplayer-outer {
  203.     padding:6px;
  204.     width: 26px;
  205.     height: 27px;
  206.     position: relative;
  207.     display: inline-block;
  208.     overflow: hidden;
  209.     background:white;
  210.     margin: 7px 10px 0 15px;
  211.     z-index: 10; }
  212.  
  213. .audio-info { text-align: left;
  214.     position: absolute;
  215.     margin-top: 17px;
  216.     margin-left: 4px;
  217.     width:calc({select:posts width} - 100px);
  218.     display: inline-block;}
  219.  
  220. .audio-info#audio-em { position:relative;
  221.     padding:0 6px 0 20px;
  222.     margin:10px 0 0 15px!important;}
  223.  
  224. #audio-em br { display:none; }
  225. .audio-info b:after { content:' –'; opacity:.5; }
  226. .a-emb { margin:10px 10px 4px; }
  227.  
  228.  
  229. /* ask posts */
  230. .answer-question { font-size:9px;
  231.     letter-spacing:.5px;
  232.     text-transform:uppercase;
  233.     display:table-cell;
  234.     line-height:180%;
  235.     width:calc({select:posts width} - 55px);
  236.     vertical-align:middle; }
  237.  
  238. .asker-question { margin-top:0px;
  239.     text-transform:none;
  240.     font-size:11px;
  241.     line-height:180%;
  242.     letter-spacing:0; }
  243.  
  244. .my-answer {
  245.     padding: 0px 10px;
  246.     margin: 0 15px 15px;    
  247.     border-left:1px solid {color:borders}; }
  248.  
  249. #askerportrait { width:30px;
  250.     padding-top:0px;
  251.     display:table-cell;
  252.     vertical-align:middle;
  253.     padding-right:14px; }
  254.  
  255. #askerportrait img { width:30px;
  256.     border-radius:1px;}
  257.  
  258. .bodies.answers { padding: 15px;
  259.     margin-bottom: 14px;
  260.     border-bottom: 1px solid {color:borders}; }
  261.  
  262.  
  263. /* post info on top */
  264. .top-perma {
  265.     display:block;
  266.     padding:15px;
  267.     border-bottom:1px solid {color:borders};}
  268.  
  269. .top-perma.reblogged { display:none; }
  270.  
  271. .top-perma a {
  272.     color:{color:links};
  273.     border-bottom:none;}
  274.  
  275. #viathis {
  276.     width:20px;
  277.     border-radius:1px;
  278.     display:inline-block; }
  279.  
  280. .viatitle {
  281.     display:inline-block;
  282.     margin-left:8px; }
  283.    
  284.  
  285. /* permalink */
  286. .permalink-outer {
  287.     font-size:9px;
  288.     padding:17px 15px;
  289.     display:table;
  290.     letter-spacing:.5px;
  291.     text-transform:uppercase;
  292.     line-height:16px;
  293.     width:calc({select:posts width} - 30px);
  294.     border-top:1px solid {color:borders};
  295.     color:{color:fonts}; }
  296.    
  297. .permalink-outer a { margin-right:3px;
  298.     border-bottom:none; }    
  299.    
  300. .perma-controls {
  301.     display:table-cell;
  302.     vertical-align:middle;
  303.     margin-bottom:-3px;
  304.     width:calc(100% - 35px); }
  305.    
  306. .perma-controls a { color:{color:links}; }
  307.  
  308. .perma-reblog {
  309.     font-size:11px;
  310.     display:table-cell;
  311.     vertical-align:middle;
  312.     width:20px;
  313.     padding:0 5px 0 6px; }
  314.    
  315. .perma-reblog a, .perma-reblog a:hover { border-bottom:none; }
  316.  
  317. .tags a {
  318.     font-size:11px;
  319.     text-transform:none;
  320.     text-decoration:none;
  321.     letter-spacing:0;
  322.     transition:.5s;
  323.     opacity:.6;}
  324.    
  325. .tags a:hover { color:{color:accent};
  326.     opacity:.9; }
  327.    
  328. .tags { line-height:16px; }
  329.    
  330.    
  331. /* header */
  332. #header {
  333.     margin-top:140px;
  334.     border-radius:1px; }
  335.  
  336. .header {
  337.     border-radius:1px;
  338.     display:block;
  339.     height:calc({select:posts width} / 2);
  340.     background:{color:header background} url('{image:header}') bottom;
  341.     background-repeat:no-repeat;
  342.     background-repeat:{block:ifrepeatheaderimage}repeat{/block:ifrepeatheaderimage};
  343.     background-size:{select:posts width} auto;
  344.     {block:ifShow540pxPostsOnPermalinkPage}
  345.     {block:PermalinkPage}
  346.     height:270px;
  347.     background-size:540px auto;
  348.     {/block:PermalinkPage}
  349.     {/block:ifShow540pxPostsOnPermalinkPage} }
  350.  
  351. .description {
  352.     padding:15px 15px 10px;
  353.     margin-top:30px;}
  354.  
  355. #header .c-avatar {
  356.     width:50px;
  357.     height:50px;
  358.     border:4px solid {color:entry};
  359.     border-radius:1px;
  360.     position:absolute;
  361.     background:url('{image:avatar}');
  362.     background-size:50px 50px;
  363.     margin-top:-25px;
  364.     margin-left:10px; }
  365.  
  366. .info-links {
  367.     width:calc({select:posts width} - 110px);
  368.     position:absolute;
  369.     font-size:9px;
  370.     letter-spacing:.5px;
  371.     text-transform:uppercase;
  372.     margin-left:82px;
  373.     margin-top:10px;}
  374.    
  375. .info-links a { border:none;
  376.     margin-right:10px;
  377.     font-weight:600;}
  378.    
  379.  
  380. /* bottom links */
  381. #downlinks {
  382.     z-index:9999;
  383.     width:100%;
  384.     padding:40px 0;
  385.     border-top:1px solid {color:borders};
  386.     position:fixed;
  387.     bottom:0;
  388.     left:0;
  389.     visibility:hidden;
  390.     opacity:0;
  391.     /*visibility:hidden;*/
  392.     transition:opacity .3s, visibility 0s linear 1s!important;
  393.     background:{color:entry}; }
  394.    
  395. #downlinks.visible {
  396.     visibility:visible;
  397.     transition:opacity .3s linear 0s, visibility 0s!important;
  398.     opacity:1;
  399. }
  400.    
  401. .align {
  402.     left:50%;
  403.     position:relative;
  404.     width:calc({select:posts width} + 100px);
  405.     margin-left:calc(-{select:posts width} / 2 + 10px); }
  406.    
  407. .bottom-links a {
  408.     display:inline-block;
  409.     border-bottom:none;
  410.     line-height:12px;
  411.     text-transform:uppercase;
  412.     letter-spacing:.5px;
  413.     font-size:9px;
  414.     margin-right:20px; }
  415.    
  416. .bottom-links a:first-of-type { margin-left:60px; }
  417.  
  418. .bottom-links a b, .bottom-links a:hover  {color:{color:links}!important; }
  419.  
  420. .align .c-avatar {
  421.     width:30px;
  422.     height:30px;
  423.     border:1px solid {color:borders};
  424.     border-radius:1px;
  425.     padding:3px;
  426.     margin-top:-7px;
  427.     margin-left:0;
  428.     position:absolute; }
  429.    
  430.  
  431. /* post notes */
  432. .post-notes {
  433.     padding:20px 0;
  434.     max-height:300px;
  435.     overflow-y:auto; }
  436.  
  437. .post-notes img.avatar {
  438.     width: 10px;
  439.     height:10px;
  440.     border-radius: 100%;
  441.     margin-top: 5px;
  442.     margin-right: 5px;
  443.     margin-bottom: -2px; }
  444.  
  445. .post-notes ol { list-style-type:none; }
  446.    
  447. .post-notes li.note.more_notes_link_container {
  448.     text-align:left!important; }
  449.    
  450. a.avatar_frame { border-bottom:none; }
  451.  
  452. #fix-scrollbar ::-webkit-scrollbar { background:{color:entry}!important; }
  453. #fix-scrollbar ::-webkit-scrollbar-thumb { border-color:{color:entry}!important; }
  454.  
  455.    
  456. /* pagination */
  457. .pagination {
  458.     font-size: 9px;
  459.     text-transform: uppercase;
  460.     letter-spacing: .5px;
  461.     text-align:left;
  462.     margin-left:20px;
  463.     padding-bottom: 0px;}
  464.  
  465. .pagination a {
  466.     padding: 0 1px;
  467.     display: inline-block;
  468.     margin: 3px 0; }
  469.    
  470.  
  471. /* search box */
  472. form[onsubmit="return tagSearch(this)"] {
  473.     display:inline-block;
  474.     color:{color:entry}; }    
  475.  
  476.  
  477. .searchbox {
  478.     white-space: nowrap;
  479.     overflow: hidden;
  480.     text-align: left;
  481.     outline:none;
  482.     width:120px;
  483.     display:inline-block;
  484.     font-size:9px;
  485.     background:transparent;
  486.     font-family:cabin;
  487.     text-transform:uppercase;
  488.     letter-spacing:.5px;
  489.     transition:.5s;
  490.     border:none;
  491.     color:{color:links};}
  492.  
  493.    
  494. /* footer */
  495. #footer { width:100%;
  496.     background:{color:accent};
  497.     color:{color:links};
  498.     padding:15px 0;
  499.     text-align:center;
  500.     font-size:9px;
  501.     text-transform:uppercase;
  502.     letter-spacing:.5px;
  503.     position:absolute;
  504.     {block:ifnotpromotethetheme}
  505.     display:none;
  506.     {/block:ifnotpromotethetheme} }
  507.  
  508. #footer a:hover { color:{color:entry}; }
  509.  
  510. a#credits { position:fixed;    
  511.     z-index:999999;
  512.     bottom:25px;
  513.     right:20px;
  514.     width:13px;
  515.     height:13px;
  516.     border-radius:1px;
  517.     border-bottom:none;
  518.     transform:rotate(45deg);
  519.     background:{color:accent}; }
  520.    
  521.    
  522. {CustomCSS}
  523.  
  524. </style>    
  525. <body>
  526.  
  527.     <div id="downlinks">
  528.         <div class="align bottom-links">
  529.             <div class="c-avatar">
  530.                 <img src="{image:avatar}" width="30px" height="30px">
  531.             </div>
  532.             <a href="/"><b>001.</b><br>index</a>
  533.             <a href="/ask"><b>002.</b><br>message</a>
  534.             <a href="{text:link 1 url}"><b>003.</b><br>{text:link 1 title}</a>
  535.             <a href="{text:link 2 url}"><b>004.</b><br>{text:link 2 title}</a>
  536.             <a href="{text:link 3 url}"><b>005.</b><br>{text:link 3 title}</a>
  537.         </div> <!-- /align -->
  538.     </div> <!-- /footer -->
  539.    
  540.    
  541.     <div id="content">
  542.    
  543.     <div id="header" class="entry">
  544.     <div class="header"></div>
  545.     <div class="c-avatar"></div>
  546.     <div class="info-links">
  547.             <a href="/" title="index">001.</a>
  548.             <a href="/ask" title="message">002.</a>
  549.             <a href="{text:link 1 url}" title="{text:link 1 title}">003.</a>
  550.             <a href="{text:link 2 url}" title="{text:link 2 title}">004.</a>
  551.             <a href="{text:link 3 url}" title="{text:link 3 title}">005.</a>
  552.             <form onsubmit="return tagSearch(this)">
  553.             <input type="text" class="searchbox" name="tag" value="Search"
  554.               onfocus="if (this.value == 'Search') {this.value=''}"
  555.               onblur="if (this.value == '') {this.value='Search'}" />
  556.             </form>
  557.  
  558.     </div>
  559.     <div class="description">{Description}</div>    
  560.     </div>
  561.    
  562.     {block:Posts}    
  563.     <article class="entry">
  564.        
  565.         {block:Date}
  566.         {block:RebloggedFrom}
  567.         <div class="top-perma">
  568.         <a href="{ReblogRootURL}">
  569.         <img src="{ReblogRootPortraitURL-128}" id="viathis" align="left">
  570.         <div class="viatitle">{ReblogRootName}</div>
  571.         </a>
  572.         </div>
  573.         {/block:RebloggedFrom}
  574.        
  575.         <div class="top-perma
  576.            {block:RebloggedFrom}reblogged{/block:RebloggedFrom}">
  577.         <a href="/">
  578.         <img src="{Favicon}" id="viathis" align="left">
  579.         <div class="viatitle">{Name}</div>
  580.         </a>
  581.         </div>
  582.         {/block:Date}
  583.        
  584.        
  585.         {block:Text}
  586.         <div class="bodies">
  587.         {block:Title}<div class="titles">{Title}</div>{/block:Title}
  588.         {Body}
  589.         </div>
  590.         {/block:Text}
  591.        
  592.         {block:Photo}
  593.         <img src="{PhotoURL-HighRes}" id="photoposts">
  594.         {block:Caption}
  595.         <div class="captions">{Caption}</div>
  596.         {/block:Caption}
  597.         {/block:Photo}
  598.        
  599.         {block:Link}
  600.         <div class="bodies">
  601.         <a href="{URL}" class="titles">{Name}</a>
  602.         </div>
  603.         {/block:Link}
  604.        
  605.         {block:Quote}
  606.         <div class="bodies">
  607.         <div class="titles">{Quote}</div>
  608.         <p class="source">{Source}</p>
  609.         </div>
  610.         {/block:Quote}
  611.        
  612.         {block:Chat}
  613.         {block:Title}
  614.         <div class="bodies">
  615.         <div class="titles">{Title}</div>
  616.         </div> <!-- /bodies -->
  617.         {/block:Title}
  618.         {block:Lines}
  619.         <div class="chat{Alt}">
  620.         {block:Label}<b>{Label}</b>{/block:Label}
  621.         {Line}
  622.         </div>
  623.         {/block:Lines}
  624.         {/block:Chat}
  625.        
  626.         {block:Photoset}
  627.         <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  628.  
  629.         {block:Photos}
  630.         <div class="photo-data">
  631.         <div class="pxu-photo">
  632.         <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  633.       </div>
  634.         <div class="icons">
  635.         <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  636.         <span class="zoom"></span>
  637.         </a>
  638.         <span class="info"></span>
  639.         </div>
  640.         </div>
  641.         {/block:Photos}
  642.  
  643.         </div>
  644.  
  645.         {block:Caption}
  646.         <div class="captions">{Caption}</div>
  647.         {/block:Caption}
  648.         {/block:Photoset}
  649.  
  650.        
  651.         {block:Video}
  652.         <div class="video">{Video-500}</div>
  653.         {block:Caption}
  654.         <div class="captions">{Caption}</div>
  655.         {/block:Caption}
  656.         {/block:Video}
  657.        
  658.        
  659.         {block:Audio}
  660.         <div class="audio-box">
  661.         {block:AudioEmbed}
  662.         <div class="a-emb">
  663.         {AudioEmbed}
  664.         </div>
  665.         {/block:AudioEmbed}
  666.    
  667.         <div id="audio-content">
  668.             {block:AudioPlayer}
  669.             <div class="audioplayer-outer">
  670.                 <div class="audioplayer-inner">
  671.                     {AudioPlayerWhite}
  672.                 </div>
  673.             </div>
  674.             {/block:AudioPlayer}
  675.        
  676.             <div class="audio-info"
  677.          {block:AudioEmbed}id="audio-em"{/block:AudioEmbed}>
  678.                 {block:Artist}<b>{Artist}</b>{/block:Artist}
  679.                 {block:TrackName}{TrackName}{/block:TrackName}
  680.             </div>
  681.        
  682.         </div>
  683.         </div> <!-- /audio-box -->
  684.         {/block:Audio}      
  685.            
  686.  
  687.         {block:Answer}
  688.         <div class="bodies answers">
  689.         <div id="askerportrait">
  690.         <img src="{AskerPortraitURL-128}">
  691.         </div>
  692.         <div class="answer-question">
  693.         {Asker} asked:
  694.         <div class="asker-question">{Question}</div>
  695.         </div>
  696.         </div>
  697.         <div class="my-answer">{Answer}</div>
  698.         {/block:Answer}
  699.        
  700.        
  701.        
  702.         {block:Date}
  703.         <div class="permalink-outer">
  704.        
  705.         <div class="perma-reblog">
  706.         <a href="{ReblogURL}"><i class="icon-repeat"></i></a>
  707.         </div>
  708.        
  709.         <div class="perma-controls">
  710.             <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>
  711.             <a href="{Permalink}">{TimeAgo}</a>
  712.             <a href="{Permalink}">{NoteCountWithLabel}</a>
  713.            
  714.             {block:HasTags}
  715.             <div class="tags">
  716.             {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  717.             </div>
  718.             {/block:HasTags}
  719.            
  720.         </div> <!-- /perma-controls -->
  721.  
  722.         </div> <!-- /permalink-outer -->
  723.         {/block:Date}
  724.        
  725.     </article> <!-- /entry -->
  726.    
  727.    
  728.             {block:PermalinkPage}
  729.             {block:PostNotes}
  730.             <div id="fix-scrollbar" class="entry post-notes">
  731.                 {PostNotes}
  732.             </div>
  733.             {/block:PostNotes}
  734.             {/block:PermalinkPage}
  735.  
  736.  
  737.         {block:ContentSource}
  738.         <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  739.        width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  740.        {/block:SourceLogo}
  741.        {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  742.         {/block:ContentSource}
  743.         {block:ReblogParent}{/block:ReblogParent}
  744.  
  745.     {/block:Posts}
  746.        
  747.     {block:Pagination}
  748.         <div class="pagination">
  749.         <center>
  750.         {block:PreviousPage}
  751.         <a href="{PreviousPage}">back</a>
  752.         {/block:PreviousPage}
  753.         {block:NextPage}
  754.         <a href="{NextPage}">forth</a>
  755.         {/block:NextPage}
  756.         </center>
  757.         </div>
  758.     {/block:Pagination}
  759.    
  760.     </div> <!-- /content -->
  761.  
  762. <a href="//leopardraws.tumblr.com" id="credits" title="theme"></a>    
  763.  
  764. <div id="footer">
  765. theme coded by <a href="//leopardraws.tumblr.com/">leopardraws</a> &
  766. powered by <a href="//tumblr.com/">tumblr</a>.
  767. </div>
  768.  
  769. </body>
  770.  
  771. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  772. </script>  
  773.  
  774.  
  775. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  776.  
  777. <script src="//static.tumblr.com/ev0x8sk/2KInubuiu/smt-jquery.js"></script>
  778. <script src="//static.tumblr.com/ev0x8sk/Jqinubuiy/smt.js"></script>
  779.  
  780. <!-- minimal soundcloud -->
  781. <script>
  782. // minimal soundcloud player © shythemes.tumblr
  783. $(document).ready(function(){
  784.   var color = '{color:accent}'; // color of play button (hex)
  785.    $('.soundcloud_audio_player').each(function(){
  786.        $(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=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  787.    });
  788. });
  789. </script>
  790.  
  791. <!-- video resizer -->
  792. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  793.  
  794.  
  795. <!-- search -->
  796. <script>
  797.     function tagSearch(form) {
  798.     if (form.tag.value.replace(/\s/g, '').length > 0) {
  799.     window.location = "/search/" + form.tag.value; }
  800.     return false; }
  801. </script>
  802.  
  803.  
  804. <!-- hide footer -->
  805. <script>
  806. $(document).scroll(function () {
  807.     var y = $(this).scrollTop();
  808.     var $headerheight = $(".header").height();
  809.     if (y > $headerheight + 180) {
  810.         $('#downlinks').addClass('visible');} else {
  811.         $('#downlinks').removeClass('visible');}
  812. });
  813. </script>
  814.  
  815. {block:ifpromotethetheme}
  816. <script>
  817. function checkOffset() {
  818.   var a=$(document).scrollTop()+window.innerHeight;
  819.   var b=$('#footer').offset().top;
  820.   if (a<b) {
  821.    $('#downlinks').css('bottom', '0');
  822.  } else {
  823.    $('#downlinks').css('bottom', (0+(a-b))+'px');
  824.  }
  825. }
  826. $(document).ready(checkOffset);
  827. $(document).scroll(checkOffset);
  828. </script>
  829. {/block:ifpromotethetheme}
  830.  
  831. <!-- pxu ph -->
  832. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js">
  833. </script>
  834.  
  835. <script type="text/javascript">
  836. $(document).ready(function() {
  837.     $('.photo-slideshow').pxuPhotoset({
  838.     'ligthbox'  : false,
  839.     'highRes'   : true,
  840.     'rounded'   : false,
  841.     'exif'      : false,
  842.     'captions'  : false,
  843.     'gutter'    : '1px',
  844.     'photoset'  : '.photo-slideshow',
  845.     'photoWrap' : '.photo-data',
  846.     'photo'     : '.pxu-photo'
  847.     }, function() {
  848.         // callback
  849.     });
  850. });
  851. </script>
  852.  
  853.  
  854.  
  855. </html>
Advertisement
Add Comment
Please, Sign In to add comment