quenma

theme 17: banda

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