API tools faq
paste
Advertisement
quenma

theme 14: forma

quenma
Dec 3rd, 2016
7,317
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 40.95 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme #14: forma
  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}{block:searchpage}, search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
  20. </title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <meta name="description" content="{MetaDescription}" />
  24.  
  25. <meta name="color:Links" content="#666666"/>
  26. <meta name="color:Accent" content="#c2e4f1"/>
  27. <meta name="color:Background" content="#f8f8f8"/>
  28. <meta name="color:Fonts" content="#999999"/>
  29. <meta name="color:Post title" content="#666666"/>
  30. <meta name="color:Entry" content="#ffffff"/>
  31. <meta name="color:Blockquote" content="#eeeeee"/>
  32. <meta name="color:Sidebar links" content="#444444"/>
  33. <meta name="color:Sidebar links number" content="#444444"/>
  34. <meta name="color:Sidebar borders" content="#eeeeee"/>
  35. <meta name="color:Top bar borders" content="#f0f0f0"/>
  36. <meta name="color:Search box" content="#fafafa"/>
  37.  
  38. <meta name="if:Show captions" content="1"/>
  39. <meta name="if:Custom tumblr controls" content="0"/>
  40. <meta name="if:Use mobile settings" content="0"/>
  41. <meta name="if:Show mobile pinned posts" content="0"/>
  42. <meta name="if:Show sidebar pinned posts" content="0"/>
  43. <meta name="if:Use manual load more" content="0"/>
  44. <meta name="if:Show source on post" content="1"/>
  45.  
  46.  
  47. <meta name="select:Posts width" content="300px"/>
  48. <meta name="select:Posts width" content="320px"/>
  49. <meta name="select:Posts width" content="350px"/>
  50. <meta name="select:Posts width" content="400px"/>
  51. <meta name="select:Posts width" content="450px"/>
  52. <meta name="select:Posts width" content="500px"/>
  53. <meta name="select:Posts width" content="540px"/>
  54.  
  55. <meta name="select:Font style" content="elevenpx" title="Normal"/>
  56. <meta name="select:Font style" content="tenpx" title="Compact"/>
  57.  
  58. <meta name="image:Avatar" content=""/>
  59. <meta name="image:Header" content=""/>
  60. <meta name="image:Pinned post 1" content=""/>
  61. <meta name="image:Pinned post 2" content=""/>
  62. <meta name="image:Pinned post 3" content=""/>
  63.  
  64. <meta name="text:Sidebar title" content="Quatorze"/>
  65. <meta name="text:Link 1 URL" content="#url-01"/>
  66. <meta name="text:Link 1 title" content="link 01"/>
  67. <meta name="text:Link 1 subtitle" content="link 01 subtitle"/>
  68. <meta name="text:Link 2 URL" content="#url-02"/>
  69. <meta name="text:Link 2 title" content="link 02"/>
  70. <meta name="text:Link 2 subtitle" content="link 02 subtitle"/>
  71. <meta name="text:Link 3 URL" content="#url-03"/>
  72. <meta name="text:Link 3 title" content="link 03"/>
  73. <meta name="text:Link 3 subtitle" content="link 03 subtitle"/>
  74. <meta name="text:Link 4 URL" content="#url-04"/>
  75. <meta name="text:Link 4 title" content="link 04"/>
  76. <meta name="text:Link 4 subtitle" content="link 04 subtitle"/>
  77. <meta name="text:Pinned post 1" content="#url-1st-icon"/>
  78. <meta name="text:Pinned post 2" content="#url-2nd-icon"/>
  79. <meta name="text:Pinned post 3" content="#url-3rd-icon"/>
  80.  
  81.  
  82. <link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,600,400italic,600italic|Source+Code+Pro:400,600,400italic,600italic|Roboto:400,400italic,500,500italic,600,600italic,700,700italic" rel="stylesheet">
  83.  
  84. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <!-- //pxu ph -->
  85.  
  86. <link rel="stylesheet" href="http://static.tumblr.com/ev0x8sk/Sv9ohgcx6/imoon.css">
  87. <!-- imoon -->
  88.  
  89.  
  90. <style>
  91. .tmblr-iframe {
  92.     display:none;
  93.     {block:ifnotcustomtumblrcontrols}
  94.     display:block!important;
  95.     {/block:ifnotcustomtumblrcontrols}
  96.     top:15px;
  97.     z-index:100;
  98.     right:15px;
  99.     position:fixed; }
  100.  
  101. ::selection { background:{color:accent};
  102.     color:{color:links}; }
  103.  
  104.  
  105. a {
  106.     /*transition:.5s;*/
  107.     text-decoration:none;
  108.     color:{color:links};
  109.     border-bottom:1px solid {color:accent};
  110.     }
  111.    
  112. a:hover { color:{color:accent};
  113.     cursor:hand;}
  114.  
  115. body { font-family:'roboto', sans-serif;
  116.     color:{color:fonts};
  117.     margin:0;
  118.     padding:0;
  119.     min-height:100%;
  120.     line-height:17px;
  121.     background:{color:background}; }
  122.  
  123. body.tenpx { font-size:10px; }
  124. body.elevenpx { font-size:11px; }
  125.  
  126. body.tenpx small,
  127. body.tenpx big,
  128. body.tenpx pre,
  129. body.tenpx sub,
  130. body.tenpx sup {
  131.     font-size:10px!important; }
  132.    
  133. body.elevenpx small,
  134. body.elevenpx big,
  135. body.elevenpx pre,
  136. body.elevenpx sub,
  137. body.elevenpx sup {
  138.     font-size:11px!important; }
  139.  
  140. ul li { list-style-type:none; }
  141. ul li:before {
  142.     content:"——";
  143.     letter-spacing:-1px;
  144.     color:{color:blockquote};
  145.     margin-right:10px;
  146. }
  147. ul { margin-left:-40px; }
  148.  
  149. p { margin:5px 0; }
  150. b, strong { font-style:normal; font-weight:600; }
  151. i { font-style:italic; }
  152.  
  153. pre { overflow:auto; }
  154.  
  155. ::-webkit-scrollbar {
  156.     width:7px;
  157.     height:7px;
  158.     border:3px solid {color:entry};
  159.     background-attachment:fixed;
  160.     background:{color:background};
  161.     }
  162.  
  163. ::-webkit-scrollbar-thumb {
  164.     border:2px solid {color:entry};
  165.     background:{color:accent}; }
  166.  
  167. blockquote {
  168.     border-left:1px solid {color:blockquote};
  169.     padding-left:10px;
  170.     margin:3px 0 0 10px; }
  171.    
  172. .tmblr-lightbox { background-color: rgba({RGBcolor:background},.9)!important; }
  173. .tmblr-lightbox .vignette { background: transparent!important }
  174. .tmblr-lightbox .lightbox-image { box-shadow:0 0 0 transparent!important; }
  175. .tmblr-lightbox .lightbox-caption {
  176.     font-size:16.5px!important;
  177.     font-family:Roboto slab!important;
  178.     color:{color:links}!important;
  179.     text-shadow: 0 0 0 transparent!important; }
  180.  
  181. .tumblr-box { border-color:transparent!important; }
  182.    
  183. #s-m-t-tooltip {
  184.     max-width:240px;
  185.     padding:3px 8px;
  186.     margin-left:25px;
  187.     margin-right:22px;
  188.     margin-top:18px;
  189.     font-size:7px;
  190.     text-transform:uppercase;
  191.     letter-spacing:1px;
  192.     border-radius:2px;
  193.     z-index:20;
  194.     transition:.3s;
  195.     color:{color:links};
  196.     background-color:{color:entry}; }
  197.  
  198. a#credits { position:fixed;    
  199.     z-index:10;
  200.     background:{color:accent};
  201.     bottom:25px;
  202.     right:20px;
  203.     padding:5px;
  204.     width:11px;
  205.     transition:.5s;
  206.     height:11px;
  207.     border-radius:3px;
  208.     border-bottom:none; }
  209.    
  210. a#credits:hover { background:{color:entry}; }
  211.    
  212. a#credits .creditstitle { position:absolute;
  213.     right:25px;
  214.     bottom:0;
  215.     padding:2px 7px;
  216.     line-height:17px;
  217.     border-radius:3px;
  218.     text-align:right;
  219.     width:45px;
  220.     text-transform:uppercase;
  221.     font-size:9px;
  222.     letter-spacing:.5px;
  223.     font-weight:500;
  224.     color:transparent;
  225.     transition:.5s;
  226.     opacity:0;
  227.     background:{color:entry}; }
  228.    
  229. a#credits:hover .creditstitle {
  230.     color:{color:links};
  231.     opacity:1; }
  232.    
  233.  
  234.    
  235. .bodies { padding:15px; }
  236. .bodies.has-date { padding:0 15px; }
  237. .bodies img { max-width:100%; height:auto; }
  238.    
  239.    
  240. /* alignment */
  241. .loadmore-holder {
  242.     left:50%;
  243.     top:90px;
  244.     margin-left:calc(-{select:posts width} / 2 - 55px);
  245.     text-align:left;
  246.     position: relative;
  247.     margin-bottom:0px;
  248.     width:0;
  249.     {block:PermalinkPage}
  250.     margin-left:-350px;
  251.     {/block:PermalinkPage} }
  252.  
  253. #content { width:0; }    
  254.    
  255. .entry {  
  256.     margin-bottom:40px;
  257.     background:{color:entry};
  258.     border-radius:3px;
  259.     width:{select:posts width};
  260.     {block:PermalinkPage}
  261.     width:540px;
  262.     {/block:PermalinkPage} }
  263.  
  264. .entry .titles {
  265.     font-family:roboto slab;
  266.     padding:5px 0;
  267.     color:{color:post title}; }
  268.    
  269. .titles.tenpx, .tracktitle.tenpx { font-size:14.5px; }
  270. .titles.elevenpx, .tracktitle.elevenpx { font-size:16.5px; }
  271.  
  272.    
  273. /* photo posts */
  274. #photopost { width:100%;
  275.     margin-bottom:-6px;}
  276. .captions {
  277.     padding:10px 15px 0;}
  278. .captions a.tumblr_blog {
  279.     font-weight: normal;
  280.     border-bottom:none;
  281.     font-style: normal;
  282.     line-height: 22px;
  283.     margin-left:29px;
  284.     display: inline-block; }
  285.  
  286. a.tumblr_blog img {
  287.     position:absolute;
  288.     margin-top:0px;
  289.     margin-left: -29px; }
  290.    
  291. .caption-ava {
  292.     width: 20px;
  293.     height: 20px;
  294.     display: inline-block;
  295.     margin-bottom: -7px;
  296.     border-radius:3px;
  297.     position: absolute; }
  298.  
  299. .captions blockquote {
  300.     border:none;
  301.     padding:0;
  302.     margin:7px 0 0 0; }
  303.  
  304.  
  305. /* chat posts */
  306. .chatblock { padding:10px 15px; }
  307. .chatblock b { color:{color:links}; }
  308. .chatarrange .chatblock:first-child { padding-top:2px;}
  309. .chatarrange .chatblock:nth-last-child(2) { padding-bottom:0;}
  310.  
  311. /* link posts */
  312. a.titles { border-bottom:none; }
  313.  
  314.  
  315.  
  316. /* audio posts */
  317. #alb_art {
  318.     position:relative;
  319.     display:table-cell;
  320.     width:120px;
  321.     height:120px;
  322.     background:{color:accent}; }
  323.  
  324. .audioplayer-inner {
  325.     width:26px;
  326.     height:27px;
  327.     overflow: hidden; }
  328.  
  329. .audioplayer-outer {
  330.     padding:6px;
  331.     width: 27px;
  332.     height: 27px;
  333.     position: absolute;
  334.     display: inline-block;
  335.     overflow: hidden;
  336.     border-radius:3px;
  337.     border:1px solid {color:blockquote};
  338.     background:{color:entry};
  339.     margin:40px 40px;
  340.     z-index:10; }
  341.  
  342.  
  343. .audio-info { text-align: left;
  344.     padding-left: 25px;
  345.     vertical-align:middle;
  346.     display: table-cell;}
  347.  
  348. .audio-info .tracktitle {
  349.     font-family:roboto slab;
  350.     color:{color:post title}; }
  351.    
  352. .audio-info#audioem { position:relative;
  353.     padding:0 6px 0 20px;
  354.     margin:10px 0 0 15px!important;}
  355.  
  356. #audioem br { display:none; }
  357. .a-emb { margin:10px 10px 4px; }
  358.    
  359. #audio-wrapper { background-color:transparent;}
  360.  
  361.  
  362.  
  363. /* quote posts */
  364. p.source { margin:5px 0 -3px; }
  365.  
  366.  
  367. /* ask posts */
  368. .answer-question {
  369.     text-transform:none;
  370.     display:table-cell;
  371.     line-height:17px;
  372.     width:calc({select:posts width} - 55px);
  373.     vertical-align:middle; }
  374.  
  375. .asker-question { margin-top:0px;
  376.     line-height:17px;
  377.     letter-spacing:0; }
  378.    
  379. .answer-question a { text-decoration:none; }
  380.  
  381. .my-answer { padding:0 15px; }
  382. .my-answer img { max-width:100%;
  383.     height:auto; }
  384.  
  385. #askerportrait {
  386.     width:27px;
  387.     display:table-cell;
  388.     padding-right:12px;
  389.     vertical-align:top; }
  390.  
  391. #askerportrait img {
  392.     border-radius:3px;
  393.     width:30px; }
  394.  
  395. .bodies.answers { padding:5px 15px 15px;
  396.     margin-bottom: 14px;
  397.     border-bottom: 1px solid {color:blockquote}; }
  398.  
  399.  
  400. /* post notes */
  401. .post-notes {
  402.     height:auto;
  403.     background:{color:entry};}
  404.  
  405. .post-notes img.avatar {
  406.     width: 16px;
  407.     height:16px;
  408.     border-radius:2px;
  409.     margin-top: 6px;
  410.     margin-right: 10px;
  411.     margin-bottom: -2px; }
  412.  
  413. .post-notes ol {
  414.     padding-top:8px;
  415.     margin: 10px 0px 0 -25px;
  416.     list-style-type: none; }
  417. .post-notes .like { display:inline-block; vertical-align:top; }
  418. .post-notes li { display:inline-block; }
  419. .post-notes li span.action { display:none; }
  420.    
  421. .post-notes li.note.more_notes_link_container {    
  422.     display: inline-block;
  423.     background: {color:accent};
  424.     margin-top: 6px;
  425.     vertical-align:top;
  426.     padding: 0 5px 0 6px;
  427.     font-size: 7px;
  428.     margin-bottom:15px;
  429.     text-transform: uppercase;
  430.     letter-spacing: 1.5px;
  431.     border-radius: 3px; }
  432.    
  433. .post-notes li.note.more_notes_link_container a {
  434.     border-bottom:none;
  435.     color:{color:sidebar links number}!important; }
  436.    
  437. a.avatar_frame { border-bottom:none; }
  438.  
  439.  
  440. /* like button */
  441. .like {
  442.     display:table-cell;
  443.     vertical-align:middle;  }
  444.  
  445. .like:hover i { color:{color:accent}; }
  446.  
  447. .like iframe { width: 13px!important;
  448.     height: 15px!important; }
  449.  
  450. .like i {
  451.     color {color:links}; }
  452.    
  453. .like .like_button {
  454.     position: absolute;
  455.     margin: -1px -1px;
  456.     opacity: 0; }
  457.    
  458. .like .liked ~ .icon-heart { color:{color:accent}; }
  459.  
  460. .icon-heart { font-size:11.5px!important; }
  461.  
  462. #like.liked svg { opacity:0!important; }
  463.  
  464. .post-controls.elevenpx i.icon-heart {
  465.     padding-top:1px;
  466.     font-size:12.5px!important; }
  467. .post-controls.elevenpx a.icon-repeat,
  468. .post-controls.elevenpx a.icon-repeat { font-size:12px!important; }
  469.  
  470. .post-controls.tenpx i.icon-heart {
  471.     padding-top:1px;
  472.     font-size:11.5px!important; }
  473. .post-controls.tenpx a.icon-repeat,
  474. .post-controls.tenpx a.icon-repeat { font-size:11px!important; }
  475.  
  476.    
  477. /* pagination */
  478. .pagination { margin-bottom:110px;
  479.     width:{select:posts width};}
  480. .pagination-box {
  481.     padding: 5px 4px 4px 4px;
  482.     text-align: center;
  483.     width: 18px;
  484.     display: inline-block;
  485.     margin-right: 5px;
  486.     border: none;
  487.     border-radius: 3px;
  488.     background:{color:entry};}
  489.    
  490. .pagination-box.current-page { background:{color:accent};
  491.     color:{color:sidebar links number};
  492.     font-weight:600;}
  493.  
  494.  
  495. /* perma */
  496. .perma { padding:11px 15px 12px; }
  497. .perma.p-has-tags { padding-top:9px; }
  498. .fadertag {
  499.     content:'';
  500.     z-index:10;
  501.     margin-top:10px;
  502.     margin-left:calc({select:posts width} - 30px);
  503.     {block:PermalinkPage}
  504.     margin-left:510px;
  505.     {/block:PermalinkPage}
  506.     height:8px;
  507.     width:8px;
  508.     background:{color:entry};
  509.     box-shadow:-5px 0px 12px 3px {color:entry};
  510.     position:absolute; }
  511.    
  512.    
  513. .notelabel { font-weight:600; }
  514. .perma a, .perma a:hover, .perma i, .perma i:hover {
  515.     border-bottom:none;
  516.     color:{color:links}; }
  517.    
  518. .notelabel { display:table-cell; width:120px; }
  519. .post-controls {
  520.     display:table-cell;
  521.     text-align:right;
  522.     width:calc({select:posts width} - 125px);
  523.     {block:PermalinkPage}
  524.     width:415px;
  525.     {/block:PermalinkPage}
  526. }
  527.  
  528. .pinned-entry .post-controls { width:60px; }
  529.  
  530. .post-controls a, .post-controls .like { display:inline-block; }
  531. .post-controls .like { padding-right:5px; margin-top:0; }
  532.  
  533.  
  534.  
  535. /* draggable tags */
  536. .post_tags, .post_tags a { color:{color:links}; border-bottom:none;}
  537. .post_tags {
  538.     width:calc({select:posts width} - 30px)!important;
  539.     {block:PermalinkPage}
  540.     width:510px;
  541.     {/block:PermalinkPage}
  542.     position: relative;
  543.     display:block;
  544.     padding:5px 0 0;
  545.     white-space: nowrap;
  546.     overflow: hidden; }
  547.    
  548. .post_tags.draggable .post_tags_inner {
  549.     cursor: col-resize;
  550.     -webkit-touch-callout: none;
  551.     -webkit-user-select: none;
  552.     -khtml-user-select: none;
  553.     -moz-user-select: none;
  554.     -ms-user-select: none;
  555.     user-select: none; }
  556.  
  557. .post_tags_inner {
  558.     float: left;
  559.     position: relative;
  560.     display:table-cell;
  561.     vertical-align: middle;
  562.     padding: 0px 20px 0px 0; }
  563.  
  564. .post_tags a, .post_tags .post_tag {
  565.     color: {color:links};
  566.     text-decoration: none;
  567.     padding-right:5px!important;
  568.     text-transform:none; }
  569.  
  570.  
  571. .post_tags a:before { content: '#';
  572.     margin:0; }
  573.  
  574. .post_tags a:hover,
  575. .post_tags .post_tag:hover,
  576. .post_tags a:focus,
  577. .post_tags .post_tag:focus,
  578. .post_tags a:active,
  579. .post_tags .post_tag:active { color: {color:accent}; }
  580.  
  581. /* top permalink */
  582. .top-perma { padding:12px 15px 11px; }
  583. .top-perma a, .top-perma a:hover {
  584.     border-bottom:none;
  585.     color:{color:links}; }
  586. .top-perma.elevenpx i.icon-repeat { font-size:9px; padding:0 3px; }
  587. .top-perma.tenpx i.icon-repeat { font-size:8px; padding:0 3px;}
  588. .top-perma.reblogged { display:none; }
  589.  
  590. .top-perma.elevenpx .source-post { margin-top:-17px; }
  591. .top-perma.tenpx .source-post { margin-top:-17px; }
  592.  
  593. .source-post {
  594.     width:200px;
  595.     position:absolute;
  596.     margin-left:calc({select:posts width} - 230px);
  597.     {block:PermalinkPage}
  598.     margin-left:310px;
  599.     {/block:PermalinkPage}
  600.     text-align:right;}
  601.    
  602. .via-on-post { font-weight:600;}
  603.  
  604.  
  605. /* left sidebar */
  606. #sidebar {
  607.     width:60px;
  608.     position:absolute;
  609.     z-index:15;
  610.     margin-left:-90px; }
  611.  
  612. #sidebar.fixsidebar { position:fixed!important;
  613.     top:80px; }
  614.    
  615. #sidebar #iconimg {
  616.     width:60px;
  617.     height:60px;
  618.     background:url('{image:avatar}');
  619.     {block:ifusemobilesettings}
  620.     background:url('{PortraitURL-128}');
  621.     {/block:ifusemobilesettings}
  622.     background-size:60px 60px;
  623.     border-radius:3px;
  624.     display:block; }
  625.  
  626. a.indexicon:active #iconimg, .pinned_one:active, .pinned_two:active, .pinned_three:active {
  627.     box-shadow:-60px -60px rgba(0,0,0,.1) inset;  }
  628.  
  629. .desc {
  630.     width:230px;
  631.     position:relative;
  632.     text-align:center;
  633.     margin-top:10px;
  634.     outline:10px solid transparent;
  635.     overflow-y:hidden;
  636.     background:{color:entry};
  637.     border-radius:3px; }
  638.    
  639. #descheader {
  640.     background:url('{image:header}');
  641.     {block:ifusemobilesettings}
  642.     background:url('{HeaderImage}');
  643.     {/block:ifusemobilesettings}
  644.     height:130px;
  645.     max-height:130px;
  646.     background-position:50%;
  647.     background-size:cover; }
  648.  
  649. .sideinfo { padding:10px; }    
  650.  
  651. .description-c { max-height:110px;
  652.     padding-bottom:6px;
  653.     overflow:auto;}
  654.  
  655. .b-title {
  656.     color:{color:post title};
  657.     font-weight:600;
  658.     font-size:17px;
  659.     padding-top:10px;
  660.     padding-bottom:10px; }
  661.    
  662. .pinned_one, .pinned_two, .pinned_three {
  663.     width:64px;
  664.     height:64px;
  665.     margin-right:10px;
  666.     display:inline-block;
  667.     border-bottom:none;
  668.     margin-bottom:3px;
  669.     border-radius:3px; }
  670.  
  671. .pinned_one {
  672.     background:url('{image:pinned post 1}');
  673.     background-size:auto 65px;
  674.     background-position:top center;}
  675. .pinned_two {
  676.     background:url('{image:pinned post 2}');
  677.     background-size:auto 65px;
  678.     background-position:top center;}
  679. .pinned_three {
  680.     background:url('{image:pinned post 3}');
  681.     background-size:auto 65px;
  682.     background-position:top center;
  683.     margin-right:0; }
  684.    
  685. #pinned-posts {
  686.     display:block;
  687.     {block:ifnotshowmobilepinnedposts}
  688.     display:none;
  689.     {/block:ifnotshowmobilepinnedposts}}
  690.  
  691. #sidebar .hide {
  692.     height:0;
  693.     overflow:hidden;
  694.     margin-left:-88px;
  695.     position:absolute;
  696.     width:230px;
  697.     transition:0s .4s; }
  698.    
  699. #sidebar:hover .hide {
  700.     height:420px;
  701.     transition:0s; }
  702.  
  703. #sidebar .desc { opacity:0; transition:.4s;}
  704. #sidebar:hover .desc { opacity:1; transition:.4s; }
  705.  
  706.  
  707.    
  708. {block:ifusemobilesettings}
  709. .b-title { color:{TitleColor};
  710.     font-weight:{TitleFontWeight};
  711.     font-family:{TitleFont};
  712.     {block:ShowTitle}display:block;{/block:ShowTitle}
  713.     {block:HideTitle}display:none;{/block:HideTitle} }
  714.    
  715. .desc { background:{BackgroundColor}; }    
  716. {/block:ifusemobilesettings}
  717.  
  718.  
  719.  
  720. /* right sidebar */
  721. #rside {
  722.     position:absolute;
  723.     width:170px;
  724.     margin-left:calc({select:posts width} + 30px);
  725.     {block:PermalinkPage}
  726.     margin-left:570px;
  727.     {/block:PermalinkPage}
  728.     counter-reset:customlinks; }
  729.  
  730. #rside a:hover { color:{color:links}; }
  731.  
  732. .nav-title {
  733.     font-size:10px;
  734.     font-weight:600;
  735.     letter-spacing:.5px;
  736.     padding:0 7px;
  737.     text-transform:uppercase;
  738.     color:{color:sidebar links};
  739.     border-bottom:1px solid {color:sidebar borders};}
  740.    
  741. .nav-title.pinned { margin-top:40px; }
  742.    
  743. .c-links, .p-post {
  744.     padding:8px;
  745.     border-bottom:1px solid {color:sidebar borders};
  746.     display:block;
  747.     color:{color:sidebar links};
  748.     counter-increment:customlinks;}
  749.  
  750. .p-post { border-bottom:none; }    
  751.    
  752. .c-links:hover { background:rgba(255,255,255,.3); }
  753. .c-links:active { background:rgba(0,0,0,.01); }
  754.  
  755. .c-links-title, .p-post-title {
  756.     display:table-cell;
  757.     vertical-align:middle;
  758.     line-height:14px;
  759.     /*text-transform:uppercase; */
  760.     padding-left:8px; }
  761.    
  762. #rside.tenpx { font-size:10px; }
  763. #rside.elevenpx { font-size:11px; }
  764.  
  765. .c-links-title b, .p-post-title b { display:block; }
  766.  
  767.  
  768. #rside.tenpx .c-links:before {
  769.     width:21px;
  770.     height:23px;
  771.     line-height:23px;
  772.     padding:2px;
  773.     padding-left:3px; }
  774.  
  775. #rside.elevenpx .c-links:before {
  776.     width:23px;
  777.     height:25px;
  778.     line-height:25px;
  779.     padding:2px;
  780.     padding-left:3px; }
  781.  
  782. .c-links:before {
  783.     content:'0'counter(customlinks);
  784.     font-weight:600;
  785.     letter-spacing:1px;
  786.     background:{color:accent};
  787.     color:{color:sidebar links number};
  788.     border-radius:3px;
  789.     text-align:center;
  790.     display:table-cell; }
  791.    
  792. .p-post:before {
  793.     content:'';
  794.     background:url('{image:avatar}');
  795.     {block:ifusemobilesettings}
  796.     background:url('{PortraitURL-128}');
  797.     {/block:ifusemobilesettings}
  798.     width:23px;
  799.     height:24px;
  800.     background-size:28px 28px;
  801.     padding:2px;
  802.     padding-left:3px;
  803.     border-radius:3px;
  804.     display:table-cell;  }
  805.  
  806.  
  807. /* right side pinned posts */
  808. #sidepin {
  809.     display:block;
  810.     {block:ifnotshowsidebarpinnedposts}
  811.     display:none;
  812.     {/block:ifnotshowsidebarpinnedposts}
  813. }
  814.  
  815. .pinned-entry {
  816.     margin-bottom:40px;
  817.     margin-top:3px;
  818.     background:{color:entry}; }
  819.  
  820. #sidepin .pinned-entry .post_tags, #sidepin .fadertag { display:none; }    
  821.    
  822. .pinned-entry img {
  823.     max-width:100%;
  824.     height:auto;
  825.     border-radius:3px 3px 0 0; }
  826.  
  827. /* top bar */
  828.  
  829. #topbar {
  830.     z-index:15;
  831.     width:100%;
  832.     height:36px;
  833.     padding:9px 0;
  834.     background:{color:entry};
  835.     border-bottom:1px solid {color:Top bar borders};
  836.     position:fixed; }
  837.  
  838.    
  839. #topbar .t-controls {
  840.     position:fixed;
  841.     right:20px;
  842.     top:19px;
  843.     font-size:16px;}
  844.  
  845. #topbar .t-controls a, #topbar .t-controls i {
  846.     border-bottom:none;
  847.     margin:5px;}
  848.  
  849. .special-follow {
  850.     background:{color:accent};
  851.     color:{color:entry};
  852.     border-radius:3px;
  853.     margin-left:0;
  854.     padding:10px 18px; }
  855.  
  856. /* search box */
  857. #searchbox {
  858.     margin:0 25px;
  859.     position:relative;
  860.     display:block; }
  861.  
  862. input[type="text"].searchbox:focus {
  863.     color:{color:links};
  864.     width:350px; }
  865.  
  866. .searchbox {
  867.     border:1px solid {color:Top bar borders};
  868.     outline:none;
  869.     border-radius:2px;
  870.     font-family:roboto;
  871.     background:{color:search box};
  872.     padding:10px 5px;
  873.     position:absolute;
  874.     display:block;
  875.     padding-left:30px;
  876.     color:{color:fonts};
  877.     width:350px;
  878.     transition:.4s; }
  879.  
  880. .searchbox.tenpx { font-size:10px; }
  881. .searchbox.elevenpx { font-size:11px; }
  882.  
  883.  
  884. form#searchbox i.icon-search {
  885.     font-size:16px;
  886.     z-index:20;
  887.     position:absolute;
  888.     margin:9px; }
  889.    
  890.  
  891.  
  892. a.load-more {  
  893.    
  894.     padding: 5px 4px 4px 4px;    
  895.     text-align: center;    
  896.     width: 18px;    
  897.     display: inline-block;    
  898.     margin-right: 5px;    
  899.     border: none;    
  900.     border-radius: 3px;    
  901.     background:{color:entry};
  902.     margin-bottom:110px;
  903.     margin-left:calc({select:posts width} / 2 - 15px);
  904.     background: {color:accent};
  905.     color:{color:sidebar links number};}
  906.    
  907. #infscr-loading {
  908.     display:none;
  909.     position:fixed;
  910.     z-index:-99999; }
  911.    
  912. {CustomCSS}
  913.  
  914. </style>
  915. </head>
  916. <body class="{select:font style}">
  917.  
  918.  
  919. <div id="topbar">
  920.  
  921.  
  922. <form onsubmit="return tagSearch(this)" id="searchbox">
  923. <i class="icon-search"></i>
  924. <input type="text"
  925.    name="tag"
  926.    class="searchbox {select:font style}"
  927.    value="Search {Name}"
  928.    onfocus="if (this.value =='Search {Name}') {this.value=''}"
  929.    onblur="if (this.value == '') {this.value='Search {Name}'}"/>
  930.     </form>
  931.  
  932.  
  933.  
  934. {block:ifcustomtumblrcontrols}
  935. <div class="t-controls">
  936.     <a href="http://tumblr.com/dashboard">
  937.         <i class="icon-grid" title="dashboard"></i>
  938.     </a>
  939.    
  940.     <a href="http://tumblr.com/dashboard?conversation={Name}">
  941.         <i class="icon-speech-bubble" title="contact"></i>
  942.     </a>
  943.    
  944.     <a href="http://tumblr.com/follow/{Name}">
  945.         <i class="icon-follow special-follow" title="follow"></i>
  946.     </a>
  947. </div>
  948. {/block:ifcustomtumblrcontrols}
  949.    
  950. </div>
  951.  
  952.  
  953. <div class="loadmore-holder">
  954. <div id="content">
  955.  
  956. <div id="rside" class="{select:font style}">
  957.     <div class="nav-title">navigate</div>
  958.     <a href="/"><div class="c-links"><div class="c-links-title">
  959.     <b>index</b>
  960.     first page
  961.     </div></div></a>
  962.    
  963.     <a href="/ask"><div class="c-links"><div class="c-links-title">
  964.     <b>inbox</b>
  965.     leave a message
  966.     </div></div></a>
  967.    
  968.     <a href="/archive"><div class="c-links"><div class="c-links-title">
  969.     <b>archive</b>
  970.     see all posts
  971.     </div></div></a>
  972.    
  973.     <a href="{text:link 1 url}">
  974.     <div class="c-links">
  975.     <div class="c-links-title">
  976.     <b>{text:link 1 title}</b>
  977.     {text:link 1 subtitle}
  978.     </div>
  979.     </div>
  980.     </a>
  981.    
  982.     <a href="{text:link 2 url}">
  983.     <div class="c-links">
  984.     <div class="c-links-title">
  985.     <b>{text:link 2 title}</b>
  986.     {text:link 2 subtitle}
  987.     </div>
  988.     </div>
  989.     </a>
  990.    
  991.     <a href="{text:link 3 url}">
  992.     <div class="c-links">
  993.     <div class="c-links-title">
  994.     <b>{text:link 3 title}</b>
  995.     {text:link 3 subtitle}
  996.     </div>
  997.     </div>
  998.     </a>
  999.    
  1000.     <a href="{text:link 4 url}">
  1001.     <div class="c-links">
  1002.     <div class="c-links-title">
  1003.     <b>{text:link 4 title}</b>
  1004.     {text:link 4 subtitle}
  1005.     </div>
  1006.     </div>
  1007.     </a>
  1008.    
  1009.    
  1010.    
  1011.    
  1012.    
  1013.    
  1014.    
  1015.    
  1016.    
  1017. <!---------------------------------------------------------------------------
  1018. -----------------------------------------------------------------------------
  1019. -----------------------------------------------------------------------------
  1020. -----------------------------------------------------------------------------
  1021. -----------------------------------------------------------------------------
  1022. -----------------------------------------------------------------------------
  1023.  
  1024.  
  1025.  
  1026.        PINNED POST:
  1027.        
  1028.        please read the customization guide on:
  1029.        http://leopardraws.tumblr.com/themes/14/customization
  1030.        
  1031.        if you try to change this and mess it up i will /not/ help you
  1032.        you can simply disable this on the appearance tab
  1033.  
  1034.  
  1035.  
  1036. -----------------------------------------------------------------------------
  1037. -----------------------------------------------------------------------------
  1038. -----------------------------------------------------------------------------
  1039. -----------------------------------------------------------------------------
  1040. -----------------------------------------------------------------------------
  1041. ---------------------------------------------------------------------------->
  1042.    
  1043.    
  1044.     <!-- do not change this part -->
  1045.     <div id="sidepin">
  1046.     <div class="nav-title pinned">pinned post</div>
  1047.     <a href="/"><div class="p-post"><div class="p-post-title">
  1048.     <b>{Name}</b> {Title}</div></div></a>
  1049.     <div class="pinned-entry">
  1050.     <!-- do not change this part -->
  1051.    
  1052.    
  1053.    
  1054.    
  1055.    
  1056.    
  1057.    
  1058.  
  1059.  
  1060.  
  1061.         <!-- image url -->
  1062.         <img src="http://68.media.tumblr.com/c389a867cdc7d7e30dded231067381e2/tumblr_o5rynhl6XP1ri22wco1_1280.jpg">
  1063.        
  1064.        
  1065.        
  1066.        
  1067.         <!-- you will find this using the inspect tool on google chrome -->
  1068. <div class="perma p-has-tags"><div class="fadertag"></div><div class="post_tags draggable"><div class="post_tags_inner ui-draggable"><a href="http://annoyingexe.tumblr.com/tagged/photo">photo</a><a href="http://annoyingexe.tumblr.com/tagged/this-is-so-pretty">this is so pretty</a></div></div>
  1069.            
  1070.                
  1071.             <div class="notelabel"><a href="http://annoyingexe.tumblr.com/post/149758214569">10,851 notes</a></div><div class="post-controls elevenpx"><div class="like"><div class="like_button" data-post-id="149758214569" data-blog-name="annoyingexe" id="like_button_149758214569"><iframe id="like_iframe_149758214569" src="http://assets.tumblr.com/assets/html/like_iframe.html?_v=399aee1ea58b6007c2190a8138f100e5#name=annoyingexe&amp;post_id=149758214569&amp;rk=hZTpB9gN&amp;root_id=142944872350" scrolling="no" width="14" height="14" frameborder="0" class="like_toggle" allowtransparency="true" name="like_iframe_149758214569"></iframe></div><i class="icon-heart"></i></div> <!-- /like --><a href="https://www.tumblr.com/reblog/149758214569/hZTpB9gN" class="icon-repeat"></a></div></div>  
  1072.        
  1073.        
  1074.        
  1075.        
  1076.        
  1077.        
  1078.        
  1079.            
  1080. <!---------------------------------------------------------------------------
  1081. -----------------------------------------------------------------------------
  1082. -----------------------------------------------------------------------------
  1083. -----------------------------------------------------------------------------
  1084. -----------------   ____________________________________   ------------------
  1085. -----------------  |                                    |  ------------------
  1086. -----------------  |  don't change anything below this  |  ------------------
  1087. -----------------  |____________________________________|  ------------------
  1088. -----------------                                          ------------------
  1089. -----------------------------------------------------------------------------
  1090. -----------------------------------------------------------------------------
  1091. ---------------------------------------------------------------------------->
  1092.        
  1093.        
  1094.        
  1095.        
  1096.        
  1097.        
  1098.        
  1099.        
  1100.        
  1101.         </div></div> <!-- /sidepin -->
  1102. </div> <!-- /rside -->
  1103.  
  1104.  
  1105. <div id="sidebar">
  1106.     <a href="/" class="indexicon">
  1107.     <center><div id="iconimg"></div></center>
  1108.     </a>
  1109.     <div class="hide">
  1110.     <div class="desc">
  1111.    
  1112.     <div id="descheader"></div>
  1113.    
  1114.     <div class="sideinfo">
  1115.     <div class="b-title">{text:Sidebar title}</div>
  1116.     <div class="description-c">{Description}</div>
  1117.     </div>
  1118.    
  1119.     <div id="pinned-posts">
  1120.     <a href="{text:pinned post 1}" class="pinned_one"></a>
  1121.     <a href="{text:pinned post 2}" class="pinned_two"></a>
  1122.     <a href="{text:pinned post 3}" class="pinned_three"></a>
  1123.     </div>
  1124.    
  1125.     </div> <!--/desc -->
  1126.     </div> <!--/hide -->
  1127.        
  1128. </div>
  1129.  
  1130. {block:Posts}
  1131. <div class="entry e{select:posts border style}" id="{PostID}">
  1132.  
  1133.         {block:Date}
  1134.         {block:RebloggedFrom}
  1135.         <div class="top-perma {select:font style}">
  1136.        
  1137.         <div class="via-on-post">
  1138.         <a href="/">{Name}</a>
  1139.         <i class="icon-repeat"></i>
  1140.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1141.         </div>
  1142.             {block:ifshowsourceonpost}
  1143.             <div class="source-post">
  1144.             source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1145.             </div>
  1146.             {/block:ifshowsourceonpost}
  1147.         </div> <!-- /top perma -->
  1148.         {/block:RebloggedFrom}
  1149.        
  1150.      
  1151.         <div class="top-perma {select:font style} {block:RebloggedFrom}reblogged{/block:RebloggedFrom}">
  1152.         <div class="via-on-post">
  1153.         <a href="/">{Name}</a>
  1154.         </div>
  1155.         </div><!-- /top perma -->
  1156.         {/block:Date}
  1157.  
  1158.         {block:Answer}
  1159.         <div class="bodies answers">
  1160.         <div id="askerportrait">
  1161.         <img src="{AskerPortraitURL-128}">
  1162.         </div>
  1163.         <div class="answer-question">
  1164.         {Asker} said:
  1165.         <div class="asker-question">{Question}</div>
  1166.         </div>
  1167.         </div>
  1168.         <div class="my-answer">{Answer}</div>
  1169.         {/block:Answer}
  1170.  
  1171.        
  1172.         {block:Text}
  1173.         <div class="bodies {block:Date}has-date{/block:Date}">
  1174.         {block:Title}<div class="titles {select:font style}">{Title}</div>{/block:Title}
  1175.         {Body}
  1176.         </div>
  1177.         {/block:Text}
  1178.  
  1179.  
  1180.         {block:Quote}
  1181.         <div class="bodies {block:Date}has-date{/block:Date}">
  1182.         <div class="titles {select:font style}">{Quote}</div>
  1183.         <p class="source">{Source}</p>
  1184.         </div>
  1185.         {/block:Quote}
  1186.  
  1187.  
  1188.         {block:Photo}
  1189.         <img src="{PhotoURL-HighRes}" id="photopost">
  1190.         {block:IndexPage}
  1191.         {block:IfShowCaptions}
  1192.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  1193.         {/block:IfShowCaptions}
  1194.         {/block:IndexPage}
  1195.         {block:PermalinkPage}
  1196.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  1197.         {/block:PermalinkPage}
  1198.         {/block:Photo}
  1199.  
  1200.  
  1201.         {block:Photoset}
  1202. <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>
  1203.        
  1204.         {block:IndexPage}
  1205.         {block:IfShowCaptions}
  1206.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  1207.         {/block:IfShowCaptions}
  1208.         {/block:IndexPage}
  1209.         {block:PermalinkPage}
  1210.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  1211.         {/block:PermalinkPage}
  1212.         {/block:Photoset}
  1213.  
  1214.  
  1215.         {block:Video}
  1216.         <div class="video">{Video-500}</div>      
  1217.         {block:IndexPage}
  1218.         {block:IfShowCaptions}
  1219.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  1220.         {/block:IfShowCaptions}
  1221.         {/block:IndexPage}
  1222.         {block:PermalinkPage}
  1223.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  1224.         {/block:PermalinkPage}
  1225.         {/block:Video}
  1226.  
  1227.  
  1228.         {block:Link}
  1229.         <div class="bodies {block:Date}has-date{/block:Date}">
  1230.         <a href="{URL}" class="titles {select:font style}">{Name}</a>
  1231.         </div>
  1232.         {/block:Link}
  1233.  
  1234.  
  1235.  
  1236.         {block:Audio}
  1237.         {block:AudioEmbed}
  1238.         <div class="a-emb">{AudioEmbed}</div>
  1239.         {/block:AudioEmbed}
  1240.        
  1241.         <div id="audio-content">
  1242.         {block:AudioPlayer}
  1243.         <div class="audioplayer-outer">
  1244.         <div class="audioplayer-inner">
  1245.         <div id="audio-wrapper">{AudioPlayerWhite}</div>
  1246.         </div>
  1247.         </div>
  1248.         {/block:AudioPlayer}
  1249.         <!-- album art -->
  1250.         <div id="alb_art"
  1251.        style="background:url('{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}');
  1252.               background-size:120px 120px;">
  1253.         </div>
  1254.         <!-- /album art -->
  1255.         <div class="audio-info" {block:AudioEmbed}id="audioem"{/block:AudioEmbed}>
  1256.         {block:TrackName}
  1257.         <div class="tracktitle {select:font style}">{TrackName}</div>
  1258.         {/block:TrackName}
  1259.         {block:Artist}by {Artist}{/block:Artist}
  1260.         </div>
  1261.        
  1262.         </div> <!-- /audio-content -->
  1263.         {/block:Audio}      
  1264.    
  1265.  
  1266.         {block:Chat}
  1267.         {block:Title}
  1268.         <div class="titles">{Title}</div>
  1269.         {/block:Title}
  1270.         <div class="chatarrange">
  1271.             {block:Lines}
  1272.             <div class="chatblock">
  1273.             {block:Label}<b>{Label}</b>{/block:Label}<br>
  1274.             {Line}
  1275.             </div>
  1276.             {/block:Lines}
  1277.         </div>
  1278.         {/block:Chat}
  1279.  
  1280.  
  1281.         {block:ContentSource}
  1282.         <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1283.        width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1284.        {/block:SourceLogo}
  1285.        {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1286.         {/block:ContentSource}
  1287.         {block:ReblogParent}{/block:ReblogParent}
  1288.  
  1289.  
  1290.         {block:Date}
  1291.         <div class="perma {block:HasTags}p-has-tags{/block:HasTags}">
  1292.             {block:HasTags}
  1293.             <div class="fadertag"></div>
  1294.             <div class="post_tags draggable">
  1295.                 <div class="post_tags_inner">
  1296.                     {block:Tags}
  1297.                     <a href="{TagURL}">{Tag}</a>
  1298.                     {/block:Tags}
  1299.                 </div>
  1300.             </div>
  1301.             {/block:HasTags}
  1302.                
  1303.             <div class="notelabel">
  1304.             <a href="{Permalink}">{NoteCountWithLabel}</a>
  1305.             </div>
  1306.            
  1307.             <div class="post-controls {select:font style}">
  1308.                 <div class="like">
  1309.                     {LikeButton size="14"}
  1310.                     <i class="icon-heart"></i>
  1311.                 </div> <!-- /like -->
  1312.             <a href="{ReblogURL}" class="icon-repeat"></a>
  1313.             </div>
  1314.         </div> <!-- /perma -->
  1315.         {/block:Date}
  1316.        
  1317.        
  1318.         </div> <!-- /entry -->
  1319.        
  1320.        
  1321.         {block:PermalinkPage}
  1322.             {block:PostNotes}
  1323.             <div class="entry post-notes">{PostNotes}</div>
  1324.             {/block:PostNotes}
  1325.         {/block:PermalinkPage}
  1326.  
  1327. {/block:Posts}
  1328.  
  1329.  
  1330. {block:ifnotusemanualloadmore}
  1331. {block:Pagination}
  1332.         <div class="pagination">
  1333.         {block:PreviousPage}
  1334.         <a href="{PreviousPage}" class="pagination-box e{select:posts border style}">
  1335.             &lsaquo;
  1336.         </a>
  1337.         {/block:PreviousPage}
  1338.         {block:JumpPagination length="3"}
  1339.         {block:CurrentPage}
  1340.         <span class="pagination-box current-page e{select:posts border style}">{PageNumber}</span>
  1341.         {/block:CurrentPage}
  1342.         {block:JumpPage}
  1343.         <a href="{URL}" class="pagination-box e{select:posts border style}">{PageNumber}</a>
  1344.         {/block:JumpPage}
  1345.         {/block:JumpPagination}
  1346.         {block:NextPage}
  1347.         <a href="{NextPage}" id="next" class="pagination-box e{select:posts border style}">
  1348.             &rsaquo;
  1349.         </a>
  1350.         {/block:NextPage}
  1351.         </div>
  1352. {/block:Pagination}
  1353. {block:ifnotusemanualloadmore}
  1354.  
  1355. </div> <!-- /content -->
  1356.  
  1357.  
  1358.  
  1359.  
  1360. {block:ifusemanualloadmore}
  1361. {block:Pagination}<a href="#" class="load-more" title="load more"><i class="icon-loadmore"></i></a>
  1362. {/block:Pagination}
  1363. {/block:ifusemanualloadmore}
  1364.  
  1365.  
  1366.  
  1367. </div> <!-- /loadmore holder -->
  1368.  
  1369.  
  1370.  
  1371. {block:Pagination}
  1372.         <div class="pagination" style="display:none;">
  1373.         {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}
  1374.         </div>
  1375. {/block:Pagination}
  1376.  
  1377.  
  1378. <a href="//leopardraws.tumblr.com" id="credits" class="e{select:posts border style}">
  1379.    
  1380.     <div class="creditstitle e{select:posts border style}">theme ©</div>
  1381.    
  1382. </a>  
  1383.  
  1384.  
  1385.  
  1386. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1387. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  1388. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1389.  
  1390. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.0b2.120519/jquery.infinitescroll.min.js"></script>
  1391. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.min.js"></script>
  1392.  
  1393. <script>
  1394. $(document).ready(function() {
  1395. var $container = $('#content');
  1396.  
  1397. $container.infinitescroll({
  1398.     navSelector  : ".pagination",
  1399.     nextSelector : ".pagination a#next",
  1400.     itemSelector : ".entry",
  1401.     loading: {
  1402.         finishedMsg: ''
  1403.         },
  1404.     errorCallback: function(){
  1405.         $('.load-more').hide();
  1406.     }
  1407.     },
  1408.  
  1409.     function( newElements ) {
  1410.         var $newElems = $( newElements ).css({ opacity: 0 });
  1411.         $newElems.imagesLoaded(function(){
  1412.             $newElems.animate({ opacity: 1 });
  1413.             $container.masonry( 'appended', $newElems, true );
  1414.         });
  1415.         console.log($newElems, $newElemsIDs);
  1416.         Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1417.  
  1418. });
  1419. $(window).unbind('.infscr');
  1420. $('.load-more').click(function(){
  1421.     $container.infinitescroll('retrieve');
  1422.     return false;
  1423. });
  1424. })();
  1425. </script>
  1426.  
  1427.  
  1428.  
  1429. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1430. <script>
  1431. (function($){
  1432. $(document).ready(function(){
  1433. $("[title],a[title],img[title]").style_my_tooltips({
  1434.     tip_follows_cursor:true,
  1435.     tip_delay_time:0,
  1436.     tip_fade_speed:50,
  1437.     attribute:"title"
  1438. });
  1439. });
  1440. })(jQuery);
  1441. </script>
  1442.  
  1443. <script>
  1444.  
  1445. $(document).ready(function(){
  1446. $(".post_tags_inner").draggable({
  1447.   axis : "x",
  1448.   scroll: false,
  1449.   stop: function() {
  1450.     var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  1451.     if(__left > 0){
  1452.     $(this).animate({left: 0}, 400, 'easeOutExpo');
  1453.     }
  1454.     var __width = $(this).outerWidth();
  1455.     var __parentWidth = $(".post_tags.draggable").outerWidth();
  1456.     if(__width > __parentWidth) {
  1457.     if(__left < __parentWidth-__width){
  1458.      $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
  1459.    }
  1460.    } else {
  1461.    $(this).animate({left: 0}, 400, 'easeOutExpo');
  1462.    }
  1463.  }
  1464. });
  1465. });
  1466. </script>
  1467.  
  1468.  
  1469. <script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  1470. <script>
  1471. $(document).ready(function(){
  1472.     $('.entry').unnest({
  1473.     yourCaption: ".captions",
  1474.     wrapName: ".tumblr_parent",
  1475.     newCaptionUsername: true,
  1476.     originalPostCaptionUsername: true,
  1477.     tumblrAvatars: true,
  1478.     tumblrAvatarClass: ".caption-ava",
  1479.     usernameColon: false
  1480. });
  1481. });
  1482. </script>
  1483.  
  1484. <script type="text/javascript">
  1485.     function tagSearch(form) {
  1486.     if (form.tag.value.replace(/\s/g, '').length > 0) {
  1487.     window.location = "/search/" + form.tag.value; }
  1488.     return false; }
  1489. </script>
  1490.  
  1491. <script>
  1492.  
  1493. $(document).ready(function() {
  1494.     var $topbar = $("#topbar").height();
  1495.     var $window = $(window),
  1496.       $fixsidebar = $('#sidebar'),
  1497.       elTop = $fixsidebar.offset().top;
  1498.  
  1499. $window.scroll(function() {
  1500.     $fixsidebar.toggleClass('fixsidebar', $window.scrollTop() > $topbar - 27);
  1501.     });
  1502. });
  1503. </script>
  1504.  
  1505.  
  1506. <!-- pxu ph -->
  1507. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js">
  1508. </script>
  1509.  
  1510. <script type="text/javascript">
  1511. $(document).ready(function() {
  1512.     $('.photo-slideshow').pxuPhotoset({
  1513.     'ligthbox'  : false,
  1514.     'highRes'   : true,
  1515.     'rounded'   : false,
  1516.     'exif'      : false,
  1517.     'captions'  : false,
  1518.     'gutter'    : '4px',
  1519.     'photoset'  : '.photo-slideshow',
  1520.     'photoWrap' : '.photo-data',
  1521.     'photo'     : '.pxu-photo'
  1522.     }, function() {
  1523.         // callback
  1524.     });
  1525. });
  1526. </script>
  1527.  
  1528.  
  1529. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!