quenma

theme 19: perto

Jan 5th, 2019
2,892
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 36.64 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. theme #19: perto
  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. <!DOCTYPE html>
  15. <head>
  16.  
  17. <title>{Title}{block:searchpage}, search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
  18. </title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="{MetaDescription}" />
  22.  
  23. <meta name="color:Links" content="#444444"/>
  24. <meta name="color:Accent" content="#fbd159"/>
  25. <meta name="color:Audio player background" content="#111111"/>
  26. <meta name="color:Audio player font" content="#f0f0f0"/>
  27. <meta name="color:Background" content="#fafafa"/>
  28. <meta name="color:Vertical sidebar" content="#111111"/>
  29. <meta name="color:Vertical title" content="#fafafa"/>
  30. <meta name="color:Initials" content="#ffffff"/>
  31. <meta name="color:Permalink font" content="#aaaaaa"/>
  32. <meta name="color:Fonts" content="#666666"/>
  33. <meta name="color:Entry" content="#ffffff"/>
  34. <meta name="color:Post title" content="#222222"/>
  35. <meta name="color:Borders" content="#eeeeee"/>
  36.  
  37. <meta name="image:Initials" content="https://goo.gl/4kDnK9"/>
  38. <meta name="image:Sidebar" content="https://goo.gl/WLaA6y"/>
  39. <meta name="image:Header" content="https://goo.gl/JXRohV"/>
  40. <meta name="image:Background" content=""/>
  41.  
  42. <meta name="if:Show header" content="1"/>
  43. <meta name="if:Show search box" content="1"/>
  44. <meta name="if:Show tumblr controls on hover" content="1"/>
  45. <meta name="if:Accentuate tumblr controls background" content="0"/>
  46.  
  47. <meta name="text:Initials" content="&"/>
  48. <meta name="text:Sidebar title" content="nobody"/>
  49. <meta name="text:Sidebar phrase" content="i just want somebody near me"/>
  50. <meta name="text:Link 1 URL" content="url 01 "/>
  51. <meta name="text:Link 1 title" content="title 01"/>
  52. <meta name="text:Link 2 URL" content="url 02"/>
  53. <meta name="text:Link 2 title" content="title 02"/>
  54. <meta name="text:Link 3 URL" content="url 03"/>
  55. <meta name="text:Link 3 title" content="title 03"/>
  56. <meta name="text:Link 4 URL" content="url 04"/>
  57. <meta name="text:Link 4 title" content="title 04"/>
  58. <meta name="text:Link 5 URL" content="url 05"/>
  59. <meta name="text:Link 5 title" content="title 05"/>
  60.  
  61. <meta name="select:Posts width" content="350px"/>
  62. <meta name="select:Posts width" content="400px"/>
  63. <meta name="select:Posts width" content="450px"/>
  64. <meta name="select:Posts width" content="500px"/>
  65. <meta name="select:Posts width" content="540px"/>
  66.  
  67.  
  68. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
  69. </script>
  70. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  71. <link rel="stylesheet" href="https://static.tumblr.com/ev0x8sk/9SPpjubmp/ico.css">
  72.  
  73. <link href="//fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Nunito+Sans:400,400i,600,600i,700,700i,800,800i,900,900i|Roboto:400,400i,600,600i,700,700i,800,800i,900,900i|Nunito:400,400i,600,600i,700,700i,800,800i,900,900i|Roboto:400,400i,600,600i,700,700i,800,800i,900,900i|Source+Sans+Pro:400,400i,600,600i,700,700i|Roboto:400,400i,600,600i,700,700i" rel="stylesheet" />
  74.  
  75. <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,400i,700,700i|PT+Serif:400,400i|Dancing+Script" rel="stylesheet">
  76.  
  77.  
  78. <style type="text/css">
  79. /* defaults */
  80. .iframe-controls--desktop {
  81.     position:fixed;
  82.     top:0px!important;
  83.     right:0px!important;
  84.     transform-origin: 100% 0;
  85.     padding:3px 60px 4px 10px;
  86.     transform: scale(0.65,0.65);
  87.     backface-visibility:hidden;
  88.     opacity:.8;
  89.     background:transparent;
  90.    
  91.     {block:ifnotshowtumblrcontrolsonhover}
  92.     padding-right:10px;
  93.     {/block:ifnotshowtumblrcontrolsonhover}
  94.    
  95.     {block:ifaccentuatetumblrcontrolsbackground}
  96.     padding:3px 20px 4px 0px!important;
  97.     opacity:1;
  98.     background:{color:vertical sidebar};
  99.     {/block:ifaccentuatetumblrcontrolsbackground}
  100.    
  101.     {block:ifshowtumblrcontrolsonhover}
  102.     opacity:0;
  103.     transition:.3s;
  104.         {block:ifaccentuatetumblrcontrolsbackground}
  105.         background:transparent!important;
  106.         {/block:ifaccentuatetumblrcontrolsbackground}
  107.     {/block:ifshowtumblrcontrolsonhover}
  108.    
  109.    
  110.     z-index:90000000!important; }
  111.  
  112.    
  113. .iframe-controls--desktop:hover {
  114.     {block:ifshowtumblrcontrolsonhover}
  115.     opacity:1;
  116.     {/block:ifshowtumblrcontrolsonhover}
  117.     {block:ifaccentuatetumblrcontrolsbackground}
  118.     background:{color:vertical sidebar}!important;
  119.     {/block:ifaccentuatetumblrcontrolsbackground} }
  120.  
  121. ::selection { background:rgba({RGBcolor:accent},.5); color:{color:entry}; }
  122.  
  123. ::-webkit-scrollbar {
  124.     width:2px;
  125.     height:2px;
  126.     background:{color:entry}; }
  127.    
  128. ::-webkit-scrollbar-thumb {
  129.     background:{color:accent}; }
  130.  
  131. a {
  132.     text-decoration:none;
  133.     transition:.3s;
  134.     color:{color:links};
  135.     border-bottom:1px solid {color:accent}; }
  136.    
  137. a:hover, .answers a:hover {
  138.     border-bottom:1px solid {color:borders};
  139.     cursor:hand; }
  140.  
  141. p { margin:5px 0; }
  142. p:only-child { margin:0!important; }
  143. p:first-child, p:first-of-type { margin-top:0!important; }
  144. p:last-child, p:last-of-type { margin-bottom:0!important; }
  145.  
  146. i { font-style:italic; }
  147.  
  148. pre { white-space:pre-wrap; }
  149.  
  150. .read_more_container {
  151.     width: 100%;
  152.     display: block;
  153.     text-align: center;
  154.     margin-top: 10px;
  155.     position: relative;
  156.     box-shadow: 0px -10px 50px {color:entry}; }
  157.    
  158. .read_more_container a {
  159.     font: 800 9px 'Nunito';
  160.     text-transform: uppercase;
  161.     letter-spacing: .5px;
  162.     color:{color:vertical sidebar};
  163.     border: none; }
  164.    
  165. code {
  166.     display:inline-block;
  167.     padding:15px 17px;
  168.     width:calc(100% - 35px);
  169.     overflow-y:auto;
  170.     white-space:nowrap;
  171.     background:rgba({RGBcolor:borders},.3);
  172.     border:1px solid {color:borders}; }
  173.  
  174. iframe#ask_form { margin-top:10px; }
  175.  
  176. blockquote {
  177.     padding-left:14px;
  178.     margin:5px 0 0;
  179.     border-left:1px solid {color:borders}; }
  180.  
  181. body {
  182.     margin:0;
  183.     padding:0;
  184.     min-height:100%;
  185.     text-align:left;
  186.     color:{color:fonts};
  187.     background:{color:background};
  188. }
  189.  
  190. body,
  191. body small,
  192. body big,
  193. body pre,
  194. body sub,
  195. body sup { -webkit-font-smoothing: antialiased;
  196.     font:10px 'Nunito Sans', sans-serif;
  197.     line-height:16px;
  198.     text-shadow: 0 0 0.25px rgba({rgbcolor:fonts},.1);}
  199.    
  200. b,
  201. b small, small b,
  202. b big, big b,
  203. b pre, pre b,
  204. b sup, sup b,
  205. b sub, sub b {
  206.     font-weight:400;}
  207.  
  208. b, strong { font-weight:700;
  209.     color: {color:post title};}
  210.  
  211. #s-m-t-tooltip {
  212.     font-size: 8px;
  213.     letter-spacing:1px;
  214.     padding: 5px 8px;
  215.     text-transform: uppercase;
  216.     max-width:240px;
  217.     margin-left:20px;
  218.     margin-right:15px;
  219.     margin-top:-8px;
  220.     z-index:100;
  221.     font-family:inherit;
  222.     transition:.2s;
  223.     line-height:11px;
  224.     background:{color:entry};
  225.     color:{color:links};}
  226.    
  227.    
  228. /* tumblr lightbox */
  229. .tumblr-box { border-color:transparent!important; }
  230. .tmblr-lightbox { background-color:rgba({RGBcolor:background},.9)!important; }
  231. .tmblr-lightbox .vignette { background:transparent!important }
  232. .tmblr-lightbox .lightbox-image { box-shadow:0 0 0 transparent!important; }
  233. .tmblr-lightbox .lightbox-caption {
  234.     color:{color:links}!important;
  235.     text-shadow:0 0 0 transparent!important; }
  236.  
  237.  
  238. .npf_color_joey {color:#ff492f!important; }
  239. .npf_color_monica { color:#ff8a00!important; }
  240. .npf_color_chandler {  color:#973ff4!important; }
  241. .npf_color_phoebe {  color:#fcf01d!important; }
  242. .npf_color_rachel {  color:#00b8ff!important; }
  243. .npf_color_ross {  color:#00cf35!important; }
  244. .npf_color_niles { color:#ff62ce!important; }
  245. .npf_color_frasier { color:#001935!important; }
  246. .npf_color_mr_big { color:#000c1a!important; }
  247. .npf_quote { font:400 14px 'PT Serif'!important; }
  248. .npf_chat { font:400 12px 'Source Code Pro'!important }
  249. .npf_quirky{ font:400 20px 'Dancing Script'!important; }
  250.    
  251.    
  252. /* lists */
  253. ul, ol { margin-left:-40px; }
  254.  
  255. ol { counter-reset:li; }
  256. ol li { counter-increment:li; }
  257.  
  258. ol li { list-style-type:none; }
  259. ul li { list-style-type:none; }
  260.  
  261. ol li:before {
  262.     content:counter(li, decimal-leading-zero);
  263.     color:{color:borders};
  264.     margin-right:10px;
  265.     text-align:right; }
  266.    
  267. ul li:before {
  268.     content:"—";
  269.     letter-spacing:-1px;
  270.     color:{color:borders};
  271.     margin-right:10px; }
  272.    
  273.    
  274.  
  275. /* post notes */
  276. .post-notes {
  277.     margin-top:-71px;
  278.     height:auto;}
  279.  
  280. .post-notes img.avatar {
  281.     width: 13px;
  282.     height:13px;
  283.     margin-top: 12px;
  284.     margin-right: 10px;
  285.     margin-bottom: -3px;
  286.     border-radius: 100%; }
  287.  
  288. .post-notes ol {
  289.     padding-top:8px;
  290.     margin: 0 0 0 -40px;}
  291.  
  292. .post-notes li { list-style-type: none!important; }
  293.    
  294. .post-notes li.more_notes_link_container {
  295.     text-align: left;
  296.     display: inline-block;
  297.     padding:6px 0 7px; }
  298.  
  299. .post-notes li.note.more_notes_link_container a {
  300.     border-bottom:none;
  301.     color:{color:links}!important; }
  302.  
  303. a.avatar_frame { border-bottom:none; }
  304.  
  305. .e-notes li:last-child { border-bottom:none!important; }
  306. .e-notes li:before {
  307.     content:'';
  308.     margin-right:0; }
  309.  
  310. .e-notes blockquote {
  311.     padding: 5px 10px;
  312.     border: 1px solid {color:borders};
  313.     background: {color:background};
  314. }
  315.  
  316. /* alignment */
  317. #content {
  318.     width:0;
  319.     position:relative;
  320.     left:480px;
  321.     margin-top:120px;
  322.     margin-bottom:0px;
  323.     display:block;
  324.     {block:PermalinkPage}
  325.     width:540px;
  326.     {/block:PermalinkPage} }
  327.    
  328. #content.page1 {
  329.     {block:ifshowheader}
  330.     margin-top:calc(100vh + 80px);
  331.     {/block:ifshowheader} }
  332.  
  333.    
  334. .entry {
  335.     width:{select:posts width};
  336.     position:relative;
  337.     border-radius:2px;
  338.     border:1px solid {color:borders};
  339.     box-shadow:0 0 5px -4px rgba({RGBcolor:title},.1);
  340.     background:{color:entry};
  341.     margin-bottom:90px;
  342.     {block:PermalinkPage}
  343.     width:540px;
  344.     display:block;
  345.     {/block:PermalinkPage}}
  346.    
  347.  
  348. .e-notes {
  349.     width: 100%; }
  350.    
  351. .e-info {
  352.     padding:30px 40px;
  353.     border-top:1px solid {color:borders};
  354.     border-bottom:1px solid {color:borders}; }
  355.  
  356. .e-notes a { border:none; }
  357. .e-notes ol { padding:30px 0; margin:0; }    
  358. .e-notes li {
  359.     list-style-type:none;
  360.     display:block;
  361.     padding: 10px 40px; }
  362. .e-notes li img {
  363.     vertical-align: middle;
  364.     border-radius: 100%;
  365.     margin-right: 10px;
  366.     width: 15px; }
  367. li.more_notes_link_container, li.more_notes_link_container a {
  368.     text-align: left;
  369.     display: block;
  370.     border-bottom:none; }
  371.  
  372. .e-notes li blockquote { margin-top:8px; }
  373.  
  374.  
  375. /* photos & etc */
  376. .photopost, .photo-slideshow, .video {
  377.    {block:IndexPage}
  378.    max-width:{select:posts width};
  379.     width:{select:posts width};
  380.     {/block:IndexPage}
  381.     {block:PermalinkPage}
  382.     width:540px!important;
  383.     {/block:PermalinkPage}
  384.     display:inline-block;
  385.     overflow:hidden;
  386.     margin:0;
  387.     padding:0;
  388.     margin-bottom:-5px;
  389.     transition:.3s;  }
  390.  
  391. .photopost img { width:100%;
  392.     margin-bottom:-6px;}
  393. .photopost a { border:none;
  394.     margin-bottom:-6px; }
  395.    
  396.    
  397. /* audio */
  398. .audiocontainer {
  399.     background:{color:audio player background};
  400.     color:{color:audio player font};
  401.     display:block;
  402.     position:relative;
  403.     width:{select:posts width};
  404.     height:140px;
  405.     z-index:5;}
  406.  
  407. .audiocontainer h1 {
  408.     color:{color:audio player font}; }
  409.  
  410. .a-out {
  411.     width: 65px;
  412.     height: 65px;
  413.     z-index: 40;
  414.     border-radius: 100%;
  415.     overflow: hidden;
  416.     position: absolute;
  417.     margin: 35px 40px; }
  418.  
  419. .a-in {
  420.     margin: -10px -6px;
  421.     width: 540px;
  422.     position: absolute;}
  423.  
  424.  
  425. .a-info {
  426.     width: calc({select:posts width} - 180px);
  427.     z-index: 40;
  428.     margin: 54px 0px 0 120px;
  429.     position: absolute;
  430.     {block:PermalinkPage}
  431.     width:360px;
  432.     {/block:PermalinkPage} }
  433.  
  434. .a-info h1 {    
  435.     margin:0;
  436.     font-size: 11px;
  437.     font-family: 'Nunito Sans';
  438.     text-transform: uppercase;
  439.     font-weight: 700;
  440.     letter-spacing: 1px;  }
  441.  
  442. .a-artist {
  443.     margin-top:-4px;}
  444.  
  445. .a-track, .a-artist, .a-info h1 {
  446.     color:{color:audio player font};  }
  447.  
  448. .soundcloud_audio_player { margin:30px 10px; }
  449.  
  450.  
  451. /* write */
  452. .bodies {
  453.     padding:40px 40px 0;
  454.     {block:PermalinkPage}padding:40px;{/block:PermalinkPage} }
  455.  
  456. .bodies.question {
  457.     padding:40px;
  458.     margin:40px 40px 0;
  459.     border:1px solid {color:borders}; }
  460.  
  461. .bodies.answer { margin-top:5px; }
  462.  
  463.  
  464. h1, h2, h3 {
  465.     font-size:16px;
  466.     font-family:'Nunito Sans';
  467.     font-weight:600;
  468.     color:{color:post title};
  469.     margin:8px 0;}
  470.  
  471. h2 { font-size:14px; }
  472. h3 { font-size:12px; }
  473.  
  474.  
  475. p.source {
  476.     padding-top:5px;
  477.     display:inline-block; }
  478.  
  479. p.source:before {
  480.     content: "------------";
  481.     letter-spacing: -2px;
  482.     margin-right: 8px;
  483.     color:{color:accent}; }
  484.    
  485. .l-content {
  486.     width:{select:posts width};
  487.     {block:PermalinkPage}
  488.     width:540px;
  489.     {/block:PermalinkPage}
  490.     overflow:hidden;
  491.     margin-bottom:-7px;
  492.     display:inline-block;  }
  493.    
  494. .hascaption .l-content { margin-bottom:-6px; }
  495.  
  496. .l-thumbnail {
  497.     width:{select:posts width};
  498.     height:calc({select:posts width} / 1.5);
  499.     {block:PermalinkPage}
  500.     width:540px;
  501.     height:360px;
  502.     {/block:PermalinkPage}
  503.     background-size:cover;
  504.     background-position:center; }
  505.    
  506. .l-thumbnail:before {
  507.     content:'';
  508.     width:{select:posts width};
  509.     height:calc({select:posts width} / 1.5);
  510.     background-image:linear-gradient(rgba(0,0,0,.4), transparent 50%);
  511.     {block:PermalinkPage}
  512.     width:540px;
  513.     height:360px;
  514.     {/block:PermalinkPage}
  515.     display:block;
  516.     position:absolute;
  517.     top:0;
  518.     left:0;
  519.     z-index:120; }
  520.  
  521. .l-thumbnail { z-index:10; }
  522.  
  523. .l-info {
  524.     position:relative;
  525.     z-index:20;
  526.     background:{color:audio player background};
  527.     padding:40px;
  528.     color:{color:audio player font}; }
  529.  
  530. .l-info h1 { margin-bottom:6px;
  531.     color:{color:audio player font}; }
  532.  
  533. .l-host.on {
  534.     position:absolute;
  535.     margin-top:20px;
  536.     z-index:900;
  537.     margin-left:25px;
  538.     color:{color:entry}; }
  539.  
  540. .l-host {
  541.     z-index:900;
  542.     font-weight:600;
  543.     margin-top:-7px;
  544.     margin-bottom:8px;
  545.     font-size:10px;
  546.     letter-spacing:2px;
  547.     color:{color:audio player font}; }
  548.  
  549. .l-host.not { display:none; }
  550.  
  551.  
  552.  
  553.  
  554. /* chat posts */
  555. .chatblock { padding:15px 15px 0 0;    
  556.     display:block; }
  557. .chatblock b { color:{color:links}; }
  558. .chatarrange .chatblock:first-child { padding-top:0px;}
  559. .chatarrange .chatblock:nth-last-child(2) { padding-bottom:0px;}
  560. .chatarrange {
  561.     margin-bottom:7px;
  562.     font-family:'Source Code Pro';
  563. }
  564.  
  565.  
  566.  
  567.  
  568.  
  569.  
  570. /* ask posts */
  571. .ans-asker { display:block; }    
  572.    
  573. .ans-img {
  574.     border-radius:100%;
  575.     width:30px;
  576.     margin-right:8px; }
  577.  
  578. .ans { padding:15px; }
  579.  
  580.  
  581.  
  582.  
  583. /* pagination */
  584. .pagination {
  585.     padding:20px;
  586.     width:150px;
  587.     background:{color:entry};
  588.     border:1px solid {color:borders};
  589.     text-align:center;
  590.     font:700 9.5px 'muli';
  591.     margin-bottom:50px; }
  592.  
  593. .pagination a, .pagination span {
  594.     padding: 6px 10px;
  595.     width: 10px;
  596.     display: inline-block;
  597.     text-align: center;
  598.     border-radius:2px;
  599.     margin-right:-4px;
  600.     background:{color:entry};
  601.     border:none;}
  602.  
  603. .pagination .current-page {
  604.     font-weight:700;
  605.     color:{color:accent}; }
  606.  
  607.  
  608.  
  609.        
  610.  
  611. /* post controls */
  612. .perma, .rinfo {
  613.     color:{color:permalink font};
  614.     display:block;
  615.     {block:AskPage}
  616.     display:none;
  617.     {/block:AskPage}
  618.     padding:40px; }
  619.    
  620. .perma a, .rinfo a {
  621.     border:none;
  622.     transition:.3s;
  623.     color:{color:permalink font}; }
  624.    
  625. .perma .tags a {
  626.     margin-right:5px;
  627.     border:none;
  628.     display:inline-block; }
  629.  
  630.    
  631. .perma .t-perma-control {
  632.     position:absolute;
  633.     width:50px;
  634.     text-align:right;
  635.     margin-left:calc({select:posts width} - 130px);
  636.     margin-top:0px;
  637.     {block:PermalinkPage}
  638.     width:460px;
  639.     {/block:PermalinkPage} }
  640.  
  641. .rinfo i { backface-visibility:hidden; }
  642.  
  643. .perma i {
  644.     margin-left:10px;
  645.     font-size:12px!important;}
  646. .perma i.i-reblog { margin-top:1.5px; }
  647.  
  648. .tags a:before { content:'#'; }
  649.  
  650. .p-control i, .perma i {
  651.     vertical-align:middle;
  652.     display:inline-block; }
  653.  
  654. .p-control i.i-reblog { margin-top:-2px; }
  655. .p-control i.i-heart {
  656.     margin: -3px -1px 0 0px; }
  657.  
  658.  
  659. /* like button */
  660. .like {
  661.     display:inline-block;
  662.     vertical-align:middle;
  663.     margin:0px 0px .5px;}
  664.  
  665. .like:hover { cursor:hand; }
  666.  
  667. .like iframe { width: 13px!important;
  668.     height: 15px!important; }
  669.  
  670. .like i {
  671.     transition:.4s;
  672.     color {color:links}; }
  673.    
  674. .like .like_button {
  675.     position: absolute;
  676.     margin: 1px 10px;
  677.     z-index: 900;
  678.     opacity:0; }
  679.  
  680. .perma .like_button { margin:1px 4px; }
  681.    
  682. .like .liked ~ .i-heart { color:{color:accent}; }
  683.  
  684. #like.liked svg { opacity:0!important; }
  685.  
  686.  
  687.  
  688.  
  689.  
  690.  
  691.  
  692. /* captions */
  693. .c-username {
  694.     font-size:9px;
  695.     font-weight:400;
  696.     text-transform:uppercase;
  697.     letter-spacing:.5px;
  698.     {block:AskPage}
  699.     display:none;
  700.     {/block:AskPage}
  701.     padding:40px;
  702.     margin:0 -40px;
  703.     border-top: 1px solid {color:borders};
  704.     margin-top:40px;
  705.     padding-bottom:0;}
  706.  
  707. .c-username.original {
  708.     border:none;
  709.     padding-top:0;
  710.     margin-top:0; }
  711.    
  712. .c-username img {
  713.     width: 14px;
  714.     margin-right:6px;
  715.     margin-top:-10px;
  716.     border-radius:100%;
  717.     display: inline-block;
  718.     vertical-align:middle; }
  719.    
  720. .c-username a { border:none; }
  721.  
  722. .c-username .usern {
  723.     margin-bottom:10px;
  724.     display:inline-block;
  725.     vertical-align:middle; }
  726.    
  727. .captions { text-align:left; }
  728.  
  729.  
  730.  
  731.  
  732.  
  733.  
  734. /* sidebar */
  735. #title, #blog {
  736.     width:120px;
  737.     padding:40px 0;
  738.     height:calc(100% - 80px);
  739.     z-index:800;
  740.     background:{color:vertical sidebar};
  741.     border-right:1px solid {color:borders};
  742.     position:fixed;
  743.     text-align:center;
  744.     top:0;
  745.     left:0; }
  746.    
  747. #title .avatar {
  748.     border-radius:100%;
  749.     background:url('{image:initials}') {color:accent};
  750.     background-size:45px auto;
  751.     display:inline-block;
  752.     width:45px;
  753.     font-size:20px;
  754.     line-height:45px;
  755.     font-weight:800;
  756.     font-family:'Nunito Sans';
  757.     border-radius:100%; }
  758.    
  759. #title a .avatar {
  760.     color:{color:initials}; }
  761.  
  762. #title a { border-bottom:none; }    
  763.  
  764. #title .vertical {
  765.     font:300 10px 'Nunito';
  766.     letter-spacing:2px;
  767.     text-transform:uppercase;
  768.     backface-visibility: hidden;
  769.     perspective:1000px;
  770.     color:{color:vertical title};
  771.     transform:rotate(-90deg);
  772.     transform-origin:left center 0;
  773.     width:calc(100vh - 150px);
  774.     text-align:left;
  775.     bottom:60px;
  776.     left:60px;
  777.     position:fixed; }
  778.    
  779. #blog {
  780.     box-shadow:0 0 6px -4px rgba({RGBcolor:title},.1);
  781.     background:{color:entry};
  782.     width:270px;
  783.     z-index:800;
  784.     left:121px; }
  785.  
  786.  
  787. #blog .avatar img {
  788.     width:120px;
  789.     margin-bottom:30px;
  790.     margin-top:50px;
  791.     border-radius:100%;
  792.     display:inline-block; }
  793.  
  794. #blog h1.title {    
  795.     font-size: 11px;
  796.     font-family: 'Nunito Sans';
  797.     text-transform: uppercase;
  798.     font-weight: 700;
  799.     text-align:center;
  800.     letter-spacing: 1px; }
  801.  
  802. #blog .descrip {
  803.     padding:0 60px;
  804.     text-align:justify;}
  805.  
  806. #blog .links {
  807.     padding:0 60px;
  808.     margin-top:30px;
  809.     text-align:left;
  810.     text-transform:lowercase;
  811.     counter-reset:link; }
  812.  
  813. #blog .links a[href=""],
  814. #blog .links a[href="#"],
  815. #blog .links a[href=" "] { display:none; }
  816.    
  817. #blog .links a {
  818.     font:600 10px 'Nunito';
  819.     margin:5px 0;
  820.     letter-spacing:.5px;
  821.     display:block;
  822.     counter-increment:link;
  823.     border:none; }
  824.  
  825. #blog .links .linktext {
  826.     background: {color:entry};
  827.     padding-right:5px; }
  828.  
  829. #blog .links a:before {
  830.     font-weight:900;
  831.     content:'0'counter(link,decimal-leading-zero)'.';
  832.     margin-right:4px;}
  833.    
  834. #blog .links a:after {
  835.     content:'';
  836.     width:120px;
  837.     height:1px;
  838.     background:{color:borders};
  839.     margin-top:6px;
  840.     left:90px;
  841.     z-index:-1;
  842.     transition:.3s;
  843.     position:absolute; }
  844.  
  845. #blog .links a:hover:after {
  846.     box-shadow:120px 0 0 {color:accent} inset; }
  847.  
  848.  
  849.  
  850. /* searchbar */
  851. #searchbar {
  852.     width:calc(100% - 392px);
  853.     top:0;
  854.     right:0;
  855.     height:40px;
  856.     z-index:600;
  857.     box-shadow:0 0 6px -4px rgba({RGBcolor:title},.1);
  858.     border-bottom:1px solid {color:borders};
  859.     position:fixed;
  860.     background:{color:entry}; }
  861.    
  862. #searchbar .searchbox {
  863.     outline:none;
  864.     border:none;
  865.     line-height:20px;
  866.     height:40px;
  867.     font:400 10px 'Nunito';
  868.     padding:0 15px;
  869.     display:block;
  870.     width:11px;
  871.     transition:.3s;
  872.     color:{color:fonts};
  873.     border-right:1px solid {color:borders};
  874.     background:rgba({RGBcolor:background},.5);
  875.     text-indent:30px;
  876. }
  877.    
  878. #searchbar input[class="searchbox"]:focus { width:250px; }
  879. #searchbar input[class="searchbox"]::placeholder {
  880.     color:rgba({RGBcolor:fonts},.5); }
  881.  
  882. #searchbar .i-search {
  883.     display:inline-block;
  884.     font-size:16px;
  885.     position:absolute;
  886.     pointer-events:none;
  887.     padding-top:12px;
  888.     padding-left:12px;
  889.     color:{color:fonts}; }
  890.    
  891.    
  892. /* header */
  893. #header {
  894.     width:calc(100% - 392px);
  895.     height:calc(100% - 41px);
  896.     left:392px;
  897.     top:41px;
  898.     position:absolute;
  899.     display:none;
  900.     background:url('{image:header}') {color:accent};
  901.     background-attachment:scroll;
  902.     background-size:auto 100%;
  903.     background-position:top center;
  904.     z-index:500;
  905.     box-shadow:0 0 5px -4px rgba({RGBcolor:title},.1);}
  906.  
  907. #header.page1 { display:block; }
  908.    
  909. /* top perma */
  910. .rinfo {
  911.     padding:35px 40px;
  912.     border-bottom:1px solid {color:borders}; }
  913.  
  914. .rinfo.photos { border:none; }
  915.  
  916. .rinfo .avatar {
  917.     display:inline-block;
  918.     margin-right:10px;
  919.     vertical-align:middle;}
  920.    
  921. .rinfo .avatar img {
  922.     width:25px;
  923.     display:inline-block;
  924.     vertical-align:middle;
  925.     border-radius:100%; }
  926.  
  927. .rinfo .infor {
  928.     display:inline-block;
  929.     vertical-align:middle; }
  930.    
  931. .viasource {
  932.     text-transform:uppercase;
  933.     font-size:9px;
  934.     font-weight:600;
  935.     letter-spacing:.5px;
  936.     display:block;
  937.     margin:1px 0 -2px; }
  938.  
  939. .viasource.notes { display:inline!important; }
  940.  
  941. .dayofmonth .time, .viasource .time {
  942.     transition:.3s;
  943.     opacity:0; }
  944.    
  945. .dayofmonth:hover .time, .viasource:hover .time { opacity:.45; }    
  946.  
  947. .dayofmonth {
  948.     font-weight:600;
  949.     display:block;  }
  950.  
  951. .icontrole {
  952.     position:fixed;
  953.     top:12px;
  954.     right:16px;
  955.     font-weight:400;
  956.     font-size:15px;
  957.     color:{color:vertical sidebar};
  958.     {block:ifnotshowtumblrcontrolsonhover}
  959.     display:none;
  960.     {/block:ifnotshowtumblrcontrolsonhover}
  961. }
  962.  
  963. {CustomCSS}
  964. </style></head>
  965.  
  966. <body>
  967.  
  968. <div id="searchbar">
  969.    
  970.     <i class="i-controls icontrole"></i>
  971.  
  972.     {block:ifshowsearchbox}
  973.     <form onsubmit="return tagSearch(this)">
  974.     <i class="i-search"></i>
  975.     <input type="text"
  976.    name="tag"
  977.    autocomplete="off"
  978.    class="searchbox"
  979.    placeholder="Type and hit enter"/>
  980.     </form>
  981.     {/block:ifshowsearchbox}
  982. </div>
  983.  
  984. <div id="title">
  985.     <a href="/"><div class="avatar">{text:initials}</div></a>
  986.     <div class="vertical">{text:sidebar phrase}</div>
  987. </div>
  988.  
  989. <div id="blog">
  990.     <div class="avatar"><img src="{image:sidebar}"></div>
  991.     <div class="descrip"><h1 class="title">{text:sidebar title}</h1>{Description}</div>
  992.     <div class="links">
  993.    
  994.     <a href="/"><span class="linktext">index</span></a>
  995.     <a href="/ask"><span class="linktext">message</span></a>
  996.     <a href="/archive"><span class="linktext">archive</span></a>
  997.     <a href="{text:link 1 url}"><span class="linktext">{text:link 1 title}</span></a>
  998.     <a href="{text:link 2 url}"><span class="linktext">{text:link 2 title}</span></a>
  999.     <a href="{text:link 3 url}"><span class="linktext">{text:link 3 title}</span></a>
  1000.     <a href="{text:link 4 url}"><span class="linktext">{text:link 4 title}</span></a>
  1001.     <a href="{text:link 5 url}"><span class="linktext">{text:link 5 title}</span></a>
  1002.    
  1003.     </div>
  1004. </div>
  1005.  
  1006. {block:ifshowheader}
  1007. {block:HomePage}
  1008. <div id="header" class="page{CurrentPage}"></div>
  1009. {/block:HomePage}
  1010. {/block:ifshowheader}
  1011.  
  1012. <div id="content" {block:HomePage}class="page{CurrentPage}"{/block:HomePage}>
  1013.  
  1014. {block:Posts}
  1015.  
  1016. <article class="entry" id="{PostID}">
  1017.  
  1018.  
  1019. {block:RebloggedFrom}
  1020. <div class="rinfo {block:Photo}photos{/block:Photo} {block:Audio}photos{/block:Audio} {block:Link}photos{/block:Link} {block:Photoset}photos{/block:Photoset} {block:Video}photos{/block:Video}">
  1021.    
  1022.     <div class="avatar">
  1023.         <a href="{ReblogParentURL}">
  1024.             <img src="{ReblogParentPortraitURL-128}">
  1025.         </a>
  1026.     </div>
  1027.     <div class="infor">
  1028.    
  1029.     <span class="viasource">
  1030.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1031.     </span>
  1032.    
  1033.     <span class="dayofmonth">
  1034.     <a href="{Permalink}">Reblogged on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</a>
  1035.     <span class="time" >{timeago}</span>
  1036.     </span>
  1037.        
  1038.    
  1039.     </div>
  1040.    
  1041. </div>
  1042. {/block:RebloggedFrom}
  1043.  
  1044. {block:NotReblog}
  1045. <div class="rinfo {block:Photo}photos{/block:Photo} {block:Audio}photos{/block:Audio} {block:Link}photos{/block:Link} {block:Photoset}photos{/block:Photoset} {block:Video}photos{/block:Video}">
  1046.    
  1047.     <div class="avatar">
  1048.         <a href="/">
  1049.             <img src="{PortraitURL-128}">
  1050.         </a>
  1051.     </div>
  1052.     <div class="infor">
  1053.    
  1054.     <span class="viasource">
  1055.         <a href="/">{name}</a>
  1056.     </span>
  1057.    
  1058.     <span class="dayofmonth">
  1059.     <a href="{Permalink}">
  1060.     Posted on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</a>
  1061.     <span class="time">{timeago}</span>
  1062.     </span>
  1063.        
  1064.    
  1065.     </div>
  1066.    
  1067.    
  1068. </div>
  1069. {/block:NotReblog}
  1070.  
  1071. <style>
  1072. .answerhold.answer { margin-top: 25px; }
  1073.  
  1074. .answerhold img {
  1075.         display:inline-block;
  1076.         vertical-align:top;
  1077.         border-radius:100%;
  1078.         width:20px;
  1079.         margin-right:7px;  }
  1080.        
  1081. .answerhold .askerin {
  1082.         display:inline-block;
  1083.         vertical-align:top; }
  1084.  
  1085. .answerhold a { border:none; }
  1086.        
  1087. .answerhold .usern {
  1088.     font-size:9px;
  1089.     font-weight:400;
  1090.     text-transform:uppercase;
  1091.     letter-spacing:.5px; }
  1092.    
  1093. .answers a { border-bottom:1px solid {color:accent}; }
  1094.    
  1095. </style>
  1096.     {block:Answer}
  1097.     <div class="bodies">
  1098.    
  1099.     <div class="answerhold">
  1100.         <img src="{AskerPortraitURL-64}">
  1101.         <div class="askerin">
  1102.             <div class="usern">{Asker} said:</div>
  1103.             {Question}
  1104.         </div>
  1105.     </div>
  1106.    
  1107.    
  1108.     <div class="answerhold answer">
  1109.         <img src="{PortraitURL-64}">
  1110.         <div class="askerin answers">
  1111.             <a href="/"><div class="usern">{Name}:</div></a>
  1112.             {Answer}
  1113.         </div>
  1114.     </div>
  1115.  
  1116.     </div>
  1117.     {/block:Answer}
  1118.        
  1119.  
  1120.     {block:Text}
  1121.     <div class="bodies">
  1122.    
  1123.    
  1124.     {block:NotReblog}
  1125.     <div class="c-username original">
  1126.     <a href="{Permalink}">
  1127.     <img src="{PortraitURL-64}">
  1128.     <div class="usern">{Name}</div>
  1129.     </a>
  1130.     </div>
  1131.    
  1132.     {block:Title}<h1>{Title}</h1>{/block:Title}
  1133.     {Body}
  1134.     {/block:NotReblog}
  1135.  
  1136.     {block:Reblogs}
  1137.     <div class="c-username {block:IsOriginalEntry}original{/block:IsOriginalEntry}">
  1138.     <a href="{Permalink}">
  1139.     <img src="{PortraitURL-64}">
  1140.     <div class="usern">{Username}</div>
  1141.     </a>
  1142.     </div>
  1143.    
  1144.     {block:IsOriginalEntry}
  1145.     {block:Title}<h1>{Title}</h1>{/block:Title}
  1146.     {/block:IsOriginalEntry}
  1147.    
  1148.     {Body}
  1149.     {/block:Reblogs}
  1150.    
  1151.     </div>
  1152.     {/block:Text}
  1153.    
  1154.    
  1155.    
  1156.    
  1157.    
  1158.     {block:Quote}
  1159.     <div class="bodies">
  1160.     <h1 style="margin-top:0;">{Quote}</h1>
  1161.     <p class="source">{Source}</p>
  1162.     </div>
  1163.     {/block:Quote}
  1164.    
  1165.    
  1166.    
  1167.    
  1168.    
  1169.    
  1170.     {block:Link}
  1171.         <div class="l-content">
  1172.         <a href="{URL}">
  1173.             {block:Thumbnail}
  1174.                 {block:Host}<div class="l-host on">{Host}</div>{/block:Host}
  1175.             {/block:Thumbnail}
  1176.            
  1177.             {block:Thumbnail}
  1178.             <div class="l-thumbnail"
  1179.                 style="background-image:url('{Thumbnail-HighRes}');"></div>
  1180.             {/block:Thumbnail}
  1181.            
  1182.             <div class="l-info">
  1183.             <h1>{Name} ›</h1>
  1184.                 <div class="l-host {block:Thumbnail}not{/block:Thumbnail}">
  1185.                 {Host}
  1186.                 </div>
  1187.             {block:Excerpt}<span class="excerpt">{Excerpt}</span>{/block:Excerpt}
  1188.             </div>
  1189.         </a>
  1190.         </div>
  1191.    
  1192.    
  1193.         {block:Description}
  1194.         <div class="bodies
  1195.                    link-is {block:Thumbnail}not{/block:Thumbnail}">
  1196.         {Description}
  1197.         </div>
  1198.         {/block:Description}
  1199.     {/block:Link}
  1200.    
  1201.    
  1202.    
  1203.    
  1204.  
  1205.     {block:Photo}
  1206.     <img src="{PhotoURL-HighRes}" class="photopost">
  1207.     {/block:Photo}
  1208.    
  1209.    
  1210.    
  1211.     {block:Photoset}
  1212.     <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1213.     {/block:Photoset}
  1214.  
  1215.  
  1216.     {block:Video}
  1217.     <div class="video">{Video-500}</div>  
  1218.     {/block:Video}
  1219.    
  1220.    
  1221.    
  1222.    
  1223.     {block:Audio}
  1224.     <div class="audiocontainer">
  1225.         {block:AudioEmbed}
  1226.         <div class="a-out"><div class="a-in">{AudioEmbed}</div></div>
  1227.         {/block:AudioEmbed}
  1228.        
  1229.         <div class="a-info">
  1230.         {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  1231.         {block:Artist}
  1232.         <div class="a-artist">by {Artist}</div>
  1233.         {/block:Artist}
  1234.         </div>
  1235.     </div>
  1236.     {/block:Audio}
  1237.    
  1238.    
  1239.    
  1240.     {block:Chat}
  1241.         <div class="bodies">
  1242.         {block:Title}<h1 style="margin-bottom:20px">{Title}</h1>
  1243.         {/block:Title}
  1244.         <div class="chatarrange">
  1245.             {block:Lines}
  1246.             <div class="chatblock">
  1247.             {block:Label}<b>{Label}</b>{/block:Label}<br>
  1248.             {Line}
  1249.             </div>
  1250.             {/block:Lines}
  1251.         </div>
  1252.         </div>
  1253.     {/block:Chat}
  1254.    
  1255.     {block:IndexPage}
  1256.     {block:Caption}
  1257.     <div class="bodies">
  1258.    
  1259.         {block:NotReblog}
  1260.         <div class="c-username original">
  1261.         <a href="{Permalink}">
  1262.             <img src="{PortraitURL-64}">
  1263.             <div class="usern">{Name}</div>
  1264.         </a>
  1265.         </div>
  1266.         {Caption}
  1267.         {/block:NotReblog}
  1268.    
  1269.         {block:Reblogs}
  1270.         <div class="c-username {block:Audio}audioy{/block:Audio}
  1271.                    {block:IsOriginalEntry}original{/block:IsOriginalEntry}">
  1272.         <a href="{Permalink}">
  1273.             <img src="{PortraitURL-64}">
  1274.             <div class="usern">{Username}</div>
  1275.         </a>
  1276.         </div>
  1277.         {Body}
  1278.         {/block:Reblogs}
  1279.     </div>
  1280.     {/block:Caption}
  1281.     {/block:IndexPage}
  1282.    
  1283.     {block:PermalinkPage}
  1284.     {block:Caption}<div class="bodies">{Caption}</div>{/block:Caption}
  1285.     {/block:PermalinkPage}
  1286.    
  1287.     {block:Date}    
  1288.     {block:IndexPage}
  1289.     <div class="perma">
  1290.    
  1291.         {block:HasTags}
  1292.         <div class="tags">
  1293.             {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1294.         </div>
  1295.         {/block:HasTags}
  1296.        
  1297.         <div class="t-perma-control">
  1298.         <div class="like">
  1299.         {LikeButton size="14"}<i class="i-heart"></i>
  1300.         </div>
  1301.                
  1302.         <a href="{ReblogURL}"><i class="i-reblog"></i></a>
  1303.         </div>
  1304.        
  1305.     <a href="{Permalink}" class="viasource notes">{NoteCountWithLabel}</a>
  1306.    
  1307.     </div>
  1308.     {/block:IndexPage}
  1309.     {/block:Date}
  1310.  
  1311.    
  1312.     {block:ContentSource}
  1313.     <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1314.    width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1315.    {/block:SourceLogo}
  1316.    {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1317.     {/block:ContentSource}
  1318.     {block:ReblogParent}{/block:ReblogParent}
  1319.    
  1320.    
  1321.     {block:Date}
  1322.     {block:PermalinkPage}
  1323.     <div class="e-info">
  1324.         Posted on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} at {12Hour}:{Minutes}{CapitalAmPm} with {NoteCountWithLabel}
  1325.    
  1326.         {block:RebloggedFrom}<br>
  1327.             Via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1328.             Originally from: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1329.         {/block:RebloggedFrom}
  1330.            
  1331.         {block:HasTags}<br>
  1332.             Tagged as:{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1333.         {/block:HasTags}
  1334.     </div>
  1335.     {block:PostNotes}
  1336.     <div class="e-notes">{PostNotes}</div>
  1337.     {/block:PostNotes}
  1338.     {/block:PermalinkPage}
  1339.     {/block:Date}
  1340.  
  1341.    
  1342. </article>
  1343.  
  1344. {/block:Posts}
  1345.  
  1346. {block:Pagination}
  1347.         <div class="pagination">
  1348.         {block:PreviousPage}
  1349.         <a href="{PreviousPage}">&lsaquo;</a>
  1350.         {/block:PreviousPage}
  1351.         {block:JumpPagination length="3"}
  1352.         {block:CurrentPage}
  1353.         <span class="current-page">0{CurrentPage}</span>
  1354.         {/block:CurrentPage}
  1355.         {block:JumpPage}
  1356.         <a href="{URL}">0{PageNumber}</a>
  1357.         {/block:JumpPage}
  1358.         {/block:JumpPagination}
  1359.         {block:NextPage}
  1360.         <a href="{NextPage}">&rsaquo;</a>
  1361.         {/block:NextPage}
  1362.         </div>  
  1363. {/block:Pagination}
  1364. </div>
  1365. <!-- /content -->
  1366.  
  1367.     <a href="//leopardraws.tumblr.com" id="quote">
  1368.     <span class="title">theme</span>
  1369.     <span class="aspas">”</span>
  1370.     </a>
  1371. <style>
  1372. #quote {  
  1373.     position:fixed;
  1374.     z-index:900;
  1375.     bottom:15px;
  1376.     right:15px;
  1377.     transition:.2s;
  1378.     font:40px muli;
  1379.     line-height:1px;
  1380.     border-radius:1px;
  1381.     padding:5px 11px 5px 12px;
  1382.     text-align:center;
  1383.     border-bottom:none; }
  1384.  
  1385. #quote:hover { background:{color:vertical sidebar}; }
  1386.    
  1387. #quote .title {
  1388.     text-transform:uppercase;
  1389.     letter-spacing:.5px;
  1390.     display:inline-block;
  1391.     vertical-align:middle;
  1392.     font:400 9px 'nunito';
  1393.     transition:.2s;
  1394.     opacity:0;
  1395.     margin-right:-3px;
  1396.     color:{color:entry};
  1397. }
  1398.  
  1399. #quote:hover .title { opacity:1;  }
  1400.  
  1401. #quote .aspas {
  1402.     display:inline-block;
  1403.     vertical-align:middle;
  1404.     padding-top:20px;
  1405.     color:{color:vertical sidebar};
  1406.     transition:.2s;}
  1407.    
  1408. #quote:hover .aspas { color:{color:entry};
  1409.  
  1410. </style>
  1411.  
  1412.  
  1413. </body>
  1414.  
  1415.  
  1416.  
  1417. <script src="//static.tumblr.com/ev0x8sk/q2borkomt/jquery.trunc.min.js">
  1418. </script>
  1419. <script>
  1420. $(document).ready(function() {
  1421.     $('.excerpt').trunc(150);
  1422. });
  1423. </script>
  1424.  
  1425.  
  1426. <script type="text/javascript">
  1427.     function tagSearch(form) {
  1428.     if (form.tag.value.replace(/\s/g, '').length > 0) {
  1429.     window.location = "/search/" + form.tag.value; }
  1430.     return false; }
  1431. </script>
  1432.  
  1433.  
  1434. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1435.  
  1436. <!-- pxu -->
  1437. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1438. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1439. <script>
  1440.     $(document).ready(function() {
  1441.     $('.photo-slideshow').pxuPhotoset({
  1442.         'ligthbox': false,
  1443.         'highRes': true,
  1444.         'rounded': false,
  1445.         'exif': false,
  1446.         'captions': false,
  1447.         'gutter': '1px',
  1448.         'photoset': '.photo-slideshow',
  1449.         'photoWrap': '.photo-data',
  1450.         'photo': '.pxu-photo'
  1451.     }, function() {
  1452.         // callback
  1453.     });
  1454. });
  1455. </script>
  1456. <!-- /pxu -->
  1457.  
  1458. <script>
  1459.    $(document).ready(function() {
  1460.       $('iframe.tumblr_audio_player').load( function() {
  1461.          $('iframe.tumblr_audio_player').contents().find("head")
  1462.             .append($("<style type='text/css'> .audio-player, .progress { background:{color:audio player background}!important; } .play-pause { color:{color:audio player font}!important;  }</style>"));
  1463.       });
  1464.    });
  1465. </script>
  1466.  
  1467.  
  1468. <script>
  1469. // minimal soundcloud player © shythemes.tumblr
  1470. $(document).ready(function() {
  1471.     var color = '{color:accent}';
  1472.     $('.soundcloud_audio_player').each(function() {
  1473.         $(this).attr({
  1474.             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],
  1475.             height: 20,
  1476.             width: '100%'
  1477.         });
  1478.     });
  1479. });
  1480. </script>
  1481.  
  1482.  
  1483.  
  1484. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>
  1485. (function($){
  1486. $(document).ready(function(){
  1487. $("a[title]").style_my_tooltips({
  1488. tip_follows_cursor:true,
  1489. tip_delay_time:20,
  1490. tip_fade_speed:300,
  1491. attribute:"title"
  1492. });
  1493. });
  1494. })(jQuery);
  1495. </script>  
  1496.  
  1497.  
  1498. </html>
Advertisement
Add Comment
Please, Sign In to add comment