API tools faq
paste
ninpen

rose (steven)

ninpen
Oct 30th, 2016
1,521
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 55.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------------------------------
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13. GEMS THEME BY NINPEN.TUMBLR.COM
  14.  
  15.  
  16. [    Rose Quartz    ]
  17.  
  18.  
  19. DO NOT REMOVE THE CREDIT.
  20.  
  21.  
  22.  
  23.  
  24. SEARCH, VIDEO, & PHOTOSET SCRIPT ------- SHYTHEMES.TUMBLR.COM
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33. --------------------------------->
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40. <head>
  41. <title>{Title}</title>
  42. <link rel="shortcut icon" href="{FavIcon}" />
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  44. <script src="//use.edgefonts.net/lato:n4,n7,n9;varela-round;fredoka-one.js"></script>
  45. <div class="cred"><a href="http://ninpen.tumblr.com/">N</a></div>
  46.  
  47. <meta name="if:ShowCaption" content=""/>
  48. <meta name="if:ShowTags" content=""/>
  49. <meta name="if:ShowExtraLinks" content=""/>
  50. <meta name="if:WallpaperBG" content=""/>
  51. <meta name="text:header title" content=""/>
  52. <meta name="image:background" content=""/>
  53. <meta name="image:portrait" content=""/>
  54.  
  55. <meta name="color:gemborder" content="#ff889d"/>
  56. <meta name="color:Gem color 1" content="#ff9bc0"/>
  57. <meta name="color:Gem color 2" content="#fee7f6"/>
  58. <meta name="color:Gem color 3" content="#ffaacd"/>
  59. <meta name="color:Gem color 4" content="#fe8daa"/>
  60. <meta name="color:Gem color 5" content="#ffb9d6"/>
  61. <meta name="color:Gem color 6" content="#ffd7ec"/>
  62.  
  63. <meta name="color:tooltip text" content="#d6a9ad"/>
  64. <meta name="color:tooltip BG" content="#ffffff"/>
  65.  
  66. <meta name="color:headerb1" content="#ffffff"/>
  67. <meta name="color:headerb2" content="#ffb7d0"/>
  68. <meta name="color:headerb3" content="#e88fb7"/>
  69.  
  70. <meta name="color:link" content="#e0b1b6"/>
  71. <meta name="color:abouttab link" content="#ebbcb5"/>
  72. <meta name="color:linkhover" content="#ff81c9"/>
  73. <meta name="color:h1" content="#ffaacd"/>
  74. <meta name="color:h2" content="#fe8daa"/>
  75.  
  76. <meta name="color:background" content="#ffeef0"/>
  77. <meta name="color:posts" content="#fff2f3"/>
  78. <meta name="color:sidebarBG" content="#ffeef0"/>
  79. <meta name="color:text" content="#c19196"/>
  80. <meta name="color:searchtext" content="#bf928b"/>
  81. <meta name="color:border" content="#ffd8dd"/>
  82.  
  83. <meta name="color:accent1" content="#fe8daa"/>
  84. <meta name="color:accent2" content="#ffffff"/>
  85. <meta name="color:accent3" content="#ffaacd"/>
  86. <meta name="color:accent4" content="#ffd8dd"/>
  87. <meta name="color:accent5" content="#ffd1dc"/>
  88. <meta name="color:accent6" content="#ffe3e6"/>
  89. <meta name="color:accent7" content="#ffe8ea"/>
  90. <meta name="color:accent8" content="#ff61ab"/>
  91. <meta name="color:accent9" content="#ffb7d0"/>
  92. <meta name="color:accent10" content="#fee7f6"/>
  93.  
  94. <meta name="text:Gem Link One" content=""/>
  95. <meta name="text:Gem Link One URL" content=""/>
  96. <meta name="text:Gem Link Two" content=""/>
  97. <meta name="text:Gem Link Two URL" content=""/>
  98. <meta name="text:Gem Link Three" content=""/>
  99. <meta name="text:Gem Link Three URL" content=""/>
  100.  
  101. <meta name="text:AboutTab Link One" content=""/>
  102. <meta name="text:AboutTab Link One URL" content=""/>
  103. <meta name="text:AboutTab Link Two" content=""/>
  104. <meta name="text:AboutTab Link Two URL" content=""/>
  105. <meta name="text:AboutTab Link Three" content=""/>
  106. <meta name="text:AboutTab Link Three URL" content=""/>
  107. <meta name="text:AboutTab Link Four" content=""/>
  108. <meta name="text:AboutTab Link Four URL" content=""/>
  109. <meta name="text:AboutTab Link Five" content=""/>
  110. <meta name="text:AboutTab Link Five URL" content=""/>
  111. <meta name="text:AboutTab Link Six" content=""/>
  112. <meta name="text:AboutTab Link Six URL" content=""/>
  113. <meta name="text:AboutTab Link Seven" content=""/>
  114. <meta name="text:AboutTab Link Seven URL" content=""/>
  115. <meta name="text:AboutTab Link Eight" content=""/>
  116. <meta name="text:AboutTab Link Eight URL" content=""/>
  117. <meta name="text:AboutTab Link Nine" content=""/>
  118. <meta name="text:AboutTab Link Nine URL" content=""/>
  119. <meta name="text:AboutTab Link Ten" content=""/>
  120. <meta name="text:AboutTab Link Ten URL" content=""/>
  121. <meta name="text:AboutTab Link Eleven" content=""/>
  122. <meta name="text:AboutTab Link Eleven URL" content=""/>
  123. <meta name="text:AboutTab Link Twelve" content=""/>
  124. <meta name="text:AboutTab Link Twelve URL" content=""/>
  125.  
  126.  
  127.  
  128.  
  129. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  130. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  131. <script>
  132. $(document).ready(function() {
  133.     $('.search').submit(function(event) {
  134.         var value = $('input:first').val();
  135.         location.replace('http://{Name}.tumblr.com/tagged/' + value);
  136.     });
  137. });
  138. </script>
  139.  
  140. <style type="text/css">
  141.     html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, big, cite,hr, code,del, dfn,img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd,ol,ul, fieldset, form, label, legend,  tbody, tfoot, thead, tr, th, td, article,  canvas, details, embed, figure, figcaption, footer,  hgroup, menu,  output, ruby, summary,time, mark, audio, video{
  142.         margin: 0;
  143.         padding: 0;
  144.         border: 0;
  145.         font-size: 100%;
  146.         font: inherit;
  147.         vertical-align: baseline;
  148.     }
  149.      
  150.     article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  151.         display: block;
  152.     }
  153.        
  154.     body {
  155.         line-height: 1;
  156.     }
  157.      
  158.     ul {
  159.         list-style: none;
  160.     }
  161.      
  162.     table {
  163.         border-collapse: collapse;
  164.         border-spacing: 0;
  165.     }
  166.    
  167.     ::-webkit-scrollbar {
  168.         width: 6px;
  169.         height: 6px;
  170.         border-left:1px solid {color:border};
  171.     }
  172.    
  173.     ::-webkit-scrollbar-thumb {
  174.         border-left:1px solid {color:border};
  175.         background:{color:accent2};
  176.     }
  177.    
  178.     body,html{
  179.         width:100%;
  180.         height:100%;
  181.         padding:0;
  182.         margin:0;
  183.     }
  184.    
  185.     body{
  186.         cursor:url(http://static.tumblr.com/hczaopr/FYgof9huu/tumblr_inline_mzo50c9hcp1r63cto.gif), auto;
  187.         word-wrap: break-word;
  188.         font:10px/16px varela-round;
  189.         color:{color:text};
  190.         {block:IfNotWallpaperBG}
  191.             background:{color:background} url({image:background}) repeat center fixed;
  192.         {/block:IfNotWallpaperBG}
  193.         {block:IfWallpaperBG}
  194.              background:{color:background} url({image:background}) no-repeat center fixed;
  195.             -webkit-background-size: cover;
  196.             -moz-background-size: cover;
  197.             -o-background-size: cover;
  198.             background-size: cover;
  199.         {/block:IfWallpaperBG}
  200.     }
  201.    
  202.     ::selection {
  203.         background:{color:accent1};
  204.         color:{color:accent2};
  205.     }
  206.    
  207.     ::-moz-selection {
  208.         background:{color:accent1};
  209.         color:{color:accent2};
  210.     }
  211.    
  212.     a{text-decoration:none;color:{color:link};}
  213.      
  214.     a:hover {color:{color:linkhover};}
  215.      
  216.     b,strong{color:{color:accent3};}
  217.      
  218.     i,em{color:{color:accent2};}
  219.      
  220.     u{color:{color:accent5};}
  221.    
  222.     h1{
  223.         margin:0 0 10px 0;
  224.         text-align:right;
  225.         font-size:20px;
  226.         padding:2px;
  227.         color:{color:h1};
  228.     }
  229.    
  230.     h1 a{
  231.         position:relative;
  232.         margin-right:20px;
  233.         color:#ff9bc0;
  234.         border-bottom:1px dotted {color:border};
  235.     }
  236.    
  237.     h1 a:hover{
  238.         color:{color:accent2};
  239.     }
  240.    
  241.     h1 a:before {
  242.         content: "";
  243.         width: 12px;
  244.         height: 5px;
  245.         position: absolute;
  246.         top: 50%;
  247.         margin-top: -2.5px;
  248.         right: -20px;
  249.         background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAIElEQVQYV2P8al/8n/tgLyMDGgALYJOEq0SXxK0Dlx0AUTcUBqUiXzsAAAAASUVORK5CYII=);
  250.         opacity: .5;
  251.     }
  252.      
  253.     h2{
  254.         font-style:italic;
  255.         font-weight:300;
  256.         font-size:18px;
  257.         line-height:22px;
  258.         color: {color:h2};
  259.     }
  260.    
  261.     .cred{
  262.         background:{color:accent2};
  263.         border:1px solid {color:accent3};
  264.         width: 10px;
  265.         height: 8px;
  266.         padding: 12px 11px;
  267.         border-radius: 100%;
  268.         display: block;
  269.         z-index:99999;
  270.         font:700 italic 10px/8px varela-round;
  271.         letter-spacing:0;
  272.         position:Fixed;
  273.         bottom:5%;
  274.         right:5%;
  275.         }
  276.      
  277.     .cred a{
  278.         color:{color:accent1};
  279.     }
  280.    
  281.     .cred a:hover{color:{color:bold};}
  282.      
  283.     .source{
  284.         font:italic 8px/8px trebuchet ms;
  285.         text-transform:uppercase;
  286.         letter-spacing:2px;
  287.         margin:10px 0 0 30px
  288.     }
  289.      
  290.     img{max-width:100%;}
  291.    
  292.     a#ui-id-1:focus,a#ui-id-2:focus,a#ui-id-3:focus{
  293.         outline:0 !important;
  294.     }
  295.    
  296.     a#ui-id-1,a#ui-id-2,a#ui-id-3{
  297.         position:relative;
  298.         top:8px;
  299.     }
  300.    
  301.     .tabbed{
  302.         height: 100%;
  303.         width: 100%;
  304.     }
  305.    
  306.     @media only screen and (max-width: 1440px){
  307.         .contents {
  308.             position: absolute;
  309.             top:calc(10% - 24px);
  310.             left: 50%;
  311.             margin-left: -450px;
  312.             width: 900px;
  313.             height: calc(80% + 48px);
  314.         }
  315.    
  316.         #content{
  317.             width:450px;
  318.             height:80vh;
  319.             border-radius:0 0 0 10px;
  320.             overflow-y:scroll;
  321.             display:none;
  322.         }
  323.        
  324.         #blogroll,#about{
  325.             height:80vh;
  326.         }
  327.     }
  328.    
  329.     @media only screen and (min-width: 1441px)and (max-width: 2000px){
  330.         .contents {
  331.             position: absolute;
  332.             top:calc(18% - 24px);
  333.             left: 50%;
  334.             margin-left:-450px;
  335.             width: 900px;
  336.             height: calc(64% + 48px);
  337.         }
  338.    
  339.         #content{
  340.             width:450px;
  341.             height:64vh;
  342.             border-radius:0 0 0 10px;
  343.             overflow-y:scroll;
  344.             display:none;
  345.         }
  346.        
  347.         #blogroll,#about{
  348.             height:64vh;
  349.         }
  350.     }
  351.    
  352.     .section {
  353.         border-radius: 0 0 10px 10px;
  354.         border:1px solid {color:border};
  355.         margin-top:-1px;
  356.     }
  357.    
  358.     #entrywrap{
  359.         margin:0 auto;
  360.         position:relative;
  361.         width:900px;
  362.         height:65%;
  363.     }
  364.    
  365.     header{
  366.         background:{color:accent4};
  367.         height:20px;
  368.         width:100%;
  369.         position:relative;
  370.         border-radius:10px 10px 0 0;
  371.     }
  372.    
  373.     header span{
  374.         font:800 8px/8px calibri;
  375.         padding:6px 20px;
  376.         text-transform:uppercase;
  377.         letter-spacing:5px;
  378.         position:Absolute;
  379.         top:0;
  380.     }
  381.    
  382.     #search{
  383.         position:Relative;
  384.         height:8px;
  385.         width:calc(100% - 42px);
  386.         padding:10px 20px;
  387.         background:{color:accent2};
  388.         border:1px solid {color:border};
  389.         font:8px/8px calibri;
  390.         text-transform:uppercase;
  391.         letter-spacing:2px;
  392.     }
  393.    
  394.     #search:before{
  395.         color:#fdb0cc;
  396.         content:"http://www.";
  397.         position:Absolute;
  398.     }
  399.    
  400.     .search .query {
  401.        border: 0;
  402.        outline: 0;
  403.        width:100%;
  404.        color:{color:searchtext};
  405.        font:inherit;
  406.        text-transform:inherit;
  407.        letter-spacing:inherit;
  408.        background:inherit;
  409.     }
  410.    
  411.     .search {
  412.         font-weight:800;
  413.         width: calc(100% - 166px);
  414.         position: absolute;
  415.         top: 0;
  416.         padding: 8px 0;
  417.         left: 90px;
  418.     }
  419.    
  420.     ::-webkit-input-placeholder {color: inherit;}
  421.     :-moz-placeholder {color: inherit; opacity:1;}
  422.     ::-moz-placeholder {color: inherit; opacity:1;}
  423.     :-ms-input-placeholder {color: inherit;}
  424.    
  425.     input:focus::-webkit-input-placeholder {color: transparent;}
  426.     input:focus:-moz-placeholder {color: transparent;}
  427.     input:focus::-moz-placeholder {color: transparent;}
  428.     input:focus:-ms-input-placeholder { color: transparent;}
  429.    
  430.     #side{
  431.         position:Absolute;
  432.         top:5px;
  433.         right:20px;
  434.         width:100px;
  435.         height:10px;
  436.         z-index:1;
  437.         text-align:right;
  438.     }
  439.    
  440.     #side a{
  441.         color:transparent;
  442.     }
  443.    
  444.     #side li{
  445.         display:inline-block;
  446.         vertical-align:top;
  447.         margin:0 5px;
  448.         overflow:hidden;
  449.         width:10px;
  450.         line-height:0;
  451.         height:10px;
  452.         list-style-type:none;
  453.         position:relative;
  454.         z-index:100;
  455.     }
  456.    
  457.     #side li:first-of-type{
  458.         background:{color:headerb1};
  459.         border-radius:100%;
  460.     }
  461.    
  462.     #side li:nth-of-type(2){
  463.         background:{color:headerb2};
  464.         border-radius:2px;
  465.     }
  466.    
  467.     #side li:nth-of-type(3){
  468.         background:{color:accent4};
  469.         position:relative;
  470.     }
  471.    
  472.     #side li:nth-of-type(3):before{
  473.         content:"";
  474.         position:Absolute;
  475.         left:0;
  476.         top:0;
  477.         width: 0;
  478.         height: 0;
  479.         border-left: 5px solid transparent;
  480.         border-right: 5px solid transparent;
  481.         border-bottom: 10px solid {color:headerb3};
  482.     }
  483.        
  484.     aside{
  485.         position: absolute;
  486.         top: 0;
  487.         right: 1px;
  488.         width: 449px;
  489.         background: {color:sidebarBG};
  490.         border-top: 1px solid {color:border};
  491.         border-left: 1px solid {color:border};
  492.         height: calc(100% - 2px);
  493.         border-radius: 0 0 10px 0;
  494.     }
  495.    
  496.     #gem{
  497.         width:210px;
  498.         height:210px;
  499.         border-radius:50%;
  500.         background:{color:accent2};
  501.         margin:-120px auto 0 auto;
  502.         border:15px solid {color:gemborder};
  503.         position:relative;
  504.         top:50%;
  505.         font-size:8px;
  506.         line-height:7px;
  507.         font-weight:800;
  508.         color:{color:accent2};
  509.         text-transform:uppercase;
  510.         letter-spacing:2px;
  511.     }
  512.    
  513.     #gem svg{
  514.         position:relative;
  515.         z-index:1;
  516.     }
  517.    
  518.     .gn {
  519.         position: absolute;
  520.         top:-84px;
  521.         left: -100px;
  522.         width: calc(100% + 200px);
  523.         height: calc(100% + 156px);
  524.     }
  525.    
  526.     .r1,.r2,.r3,.r4,.r5,.r6{
  527.         position:Absolute;
  528.         z-index:1;
  529.         padding:2px 5px;
  530.     }
  531.    
  532.     .r1:before,.r2:before,.r3:before,.r4:before,.r5:before,
  533.     .r1:after,.r2:after,.r3:after,.r4:after,.r5:after{
  534.         content:"";
  535.         position:Absolute;
  536.     }
  537.  
  538.     .r1:before,.r2:before,.r3:before,.r4:before,.r5:before,.r6:before,.r2 span:before,.r2 span:after{
  539.         background:{color:accent2};
  540.     }
  541.    
  542.     .r1:after,.r2:after,.r3:after,.r4:after,.r5:after{
  543.         width:6px;
  544.         height:6px;
  545.         border-radius:10px;
  546.         box-shadow:inset 0 0 0 1px {color:accent2};
  547.     }
  548.    
  549.     .r1{
  550.         right:130px;
  551.         top:0;
  552.         background:{color:Gem color 1};
  553.     }
  554.    
  555.     .r1:before{
  556.         top:100%;
  557.         left:calc(50% + 1px);
  558.         width:1px;
  559.         height:108px;
  560.         z-index:-1;
  561.     }
  562.    
  563.     .r1:after{
  564.         top:119px;
  565.         left:calc(50% - 2px);
  566.     }
  567.    
  568.     .r2{
  569.         background:{color:Gem color 2};
  570.         color:{color:text};
  571.         top:50px;
  572.     }
  573.    
  574.     .r2:before{
  575.         width:50px;
  576.         height:1px;
  577.         left:100%;
  578.         top:50%;
  579.     }
  580.    
  581.     .r2:after{
  582.         left:calc(100% + 118px);
  583.         top:calc(100% + 62px);
  584.     }
  585.    
  586.     .r2 span{
  587.         position:relative;
  588.     }
  589.    
  590.     .r2 span:before{
  591.         content:"";
  592.         position:Absolute;
  593.         top:calc(50% + 2px);
  594.         left:calc(100% + 54px);
  595.         width:1px;
  596.         height:70px;
  597.     }
  598.    
  599.     .r2 span:after{
  600.         content:"";
  601.         position:Absolute;
  602.         width:70px;
  603.         height:1px;
  604.         background:{color:accent2};
  605.         left:calc(100% + 54px);
  606.         top:calc(100% + 66px);
  607.     }
  608.    
  609.     .r3{
  610.         top:calc(50% + 30px);
  611.         right:0;
  612.         background:{color:Gem color 3};
  613.     }
  614.    
  615.     .r3:before{
  616.         width:70px;
  617.         height:1px;
  618.         right:100%;
  619.         top:50%;
  620.     }
  621.    
  622.     .r3:after{
  623.         right:calc(100% + 70px);
  624.         top:50%;
  625.         margin-top:-3px;
  626.     }
  627.    
  628.     .r4{
  629.         left:calc(50% - 20px);
  630.         background:{color:Gem color 4};
  631.         bottom:0;
  632.     }
  633.    
  634.     .r4:before{
  635.         width:1px;
  636.         height:90px;
  637.         bottom:100%;
  638.         left:50%;
  639.     }
  640.    
  641.     .r4:after{
  642.         bottom:calc(100% + 90px);
  643.         left:50%;
  644.         margin-left:-3px;
  645.     }
  646.    
  647.     .r5{
  648.         top:50%;
  649.         left:0;
  650.         background:{color:Gem color 5};
  651.     }
  652.    
  653.     .r5:before{
  654.         width:90px;
  655.         height:1px;
  656.         left:100%;
  657.         top:50%;
  658.     }
  659.    
  660.     .r5:after{
  661.         left:calc(100% + 90px);
  662.         top:50%;
  663.         margin-top:-3px;
  664.     }
  665.    
  666.     .r6{
  667.         margin:-4px 0 0 -16px;
  668.         width:24px;
  669.         height:24px;
  670.         top:50%;
  671.         left:50%;
  672.     }
  673.    
  674.     #content{
  675.         background:{color:posts};
  676.         border-right:1px solid {color:border};
  677.     }
  678.    
  679.     #content:first-of-type{
  680.         display: block;
  681.     }
  682.    
  683.     {block:IndexPage}
  684.         article:first-child{
  685.             margin:50px auto 153px auto;
  686.         }
  687.        
  688.         article:last-child{
  689.             margin:0 auto;
  690.         }
  691.     {/block:IndexPage}
  692.    
  693.     article{
  694.         width:300px;
  695.         {block:IndexPage}margin:0 auto 153px auto;{/block:IndexPage}
  696.         position:relative;
  697.         {block:PermalinkPage}margin:50px auto 20px auto;{/block:PermalinkPage}
  698.     }
  699.    
  700.     .photo-data.count-2 img,.photo-data.count-3 img,.photo-data.count-4 img,.photo-data.count-5 img {
  701.         width: calc(100% - 5px)!important;
  702.     }
  703.    
  704.     .cap a,.bod a{
  705.         border-bottom:1px dotted {color:Gem color 3};
  706.     }
  707.    
  708.     article img{
  709.         border-radius:5px;
  710.     }
  711.    
  712.     {block:IndexPage}
  713.         article:last-child:after{
  714.             background:transparent;
  715.         }
  716.        
  717.         article:after {
  718.             content: "";
  719.             width: 70%;
  720.             height: 1px;
  721.             background: {color:accent6};
  722.             position: absolute;
  723.             top: calc(100% + 78px);
  724.             left: 15%;
  725.         }
  726.     {/block:IndexPage}
  727.    
  728.     .img{display:block;}
  729.    
  730.     p .tumblr_blog{
  731.         margin:0;
  732.     }
  733.    
  734.     .cap p:nth-child(1) {
  735.         padding: 0;
  736.         margin: 0;
  737.     }
  738.    
  739.     .cap{
  740.         margin-top:5px;
  741.         border:1px solid {color:border};
  742.         padding:10px;
  743.         background:{color:accent2};
  744.         {block:ifNotShowCaption}
  745.             display:none;
  746.         {/block:ifNotShowCaption}
  747.     }
  748.    
  749.     .vignette, #vignette {
  750.         opacity:0;
  751.     }
  752.    
  753.     .lightbox-image, #tumblr_lightbox img {
  754.         box-shadow:none !important;
  755.         border-radius:0 !important;
  756.         max-width:none;
  757.     }
  758.    
  759.     .tmblr-lightbox, #tumblr_lightbox {
  760.         background-color:{color:accent2} !important;
  761.     }
  762.    
  763.     .lightbox-image, #tumblr_lightbox img {
  764.         background: {color:accent2};
  765.         box-shadow: inset 0 0 2px {color:border} !important;
  766.         padding: 10px;
  767.         border: 10px solid {color:accent2} !important;
  768.     }
  769.    
  770.     .lightbox-caption, #tumblr_lightbox_caption {
  771.         visibility:hidden;
  772.     }
  773.    
  774.     .alart{
  775.         border-radius:10px;
  776.         width:140px;
  777.         height:140px;
  778.         border:5px solid {color:accent2};
  779.         background:{color:accent5} url('http://static.tumblr.com/hczaopr/LM0of96tp/roseaudio.png') no-repeat center;
  780.         display:inline-block;
  781.     }
  782.    
  783.     .spotify_audio_player {height:80px !important;}
  784.    
  785.     #play {
  786.         margin-top:51px;
  787.         vertical-align:top;
  788.         display: inline-block;
  789.         width: 117px;
  790.         height: 21px;
  791.         padding: 12px 17px 15px 13px;
  792.         background:url(http://static.tumblr.com/hczaopr/AcSof9ekg/rosemedia.png)no-repeat center;
  793.         position:relative;
  794.     }
  795.    
  796.     .play{
  797.         width:21px;
  798.         height:21px;
  799.         overflow:hidden;
  800.         margin:-5px auto 0 auto;
  801.         border-radius:20px;
  802.         border-left:5px solid {color:accent2};
  803.         border-bottom:10px solid {color:accent2};
  804.         border-top:5px solid {color:accent2};
  805.         border-right:10px solid {color:accent2};
  806.     }
  807.    
  808.     .audioinfo{
  809.         font-size:8px;
  810.         font-weight:900;
  811.         letter-spacing:1px;
  812.         margin:15px 0 20px 20px;
  813.     }
  814.    
  815.     .audioinfo img{
  816.         position:relative;
  817.         display:inline-block;
  818.         top:14px;
  819.         margin:0 10px 10px 0;
  820.     }
  821.    
  822.     .askr{
  823.         height:26px;
  824.         font:italic 26px/26px Fredoka-One;
  825.         padding:10px 0;
  826.         letter-spacing:1px;
  827.         text-transform:lowercase;
  828.         display:inline-block;
  829.         width:calc(100% - 59px);
  830.         vertical-align:top;
  831.     }
  832.    
  833.     .askr a{
  834.         color:{color:h2};
  835.     }
  836.    
  837.     .askr a:hover{
  838.         color:{color:accent2};
  839.     }
  840.    
  841.     .asked{
  842.         padding:10px;
  843.         background:{color:accent2};
  844.         border:1px solid {color:border};
  845.         margin:20px auto;
  846.         width:calc(100% - 50px);
  847.     }
  848.    
  849.     .quest span img{
  850.         display:block;
  851.         border-radius:50px;
  852.     }
  853.    
  854.     .quest span{
  855.         display:inline-block;
  856.         border-radius:30px;
  857.         padding:8px;
  858.         background:{color:accent2} url(http://static.tumblr.com/hczaopr/aK2of9hyv/anonymous.png)no-repeat center;
  859.         margin:0 10px 1px 0;
  860.     }
  861.    
  862.     .perma{
  863.         font-weight:bold;
  864.         margin-top:5px;
  865.         height:52px;
  866.     }
  867.    
  868.     .date{
  869.         float:left;    
  870.         padding: 5px 9px;
  871.         background:{color:accent2};
  872.         font-size: 16px;
  873.         line-height: 20px;
  874.         border:1px solid {color:border};
  875.         {block:IndexPage}
  876.             width: 31px;
  877.         {/block:IndexPage}
  878.         {block:PermalinkPage}
  879.             width:65%;
  880.             text-align:center;
  881.         {/block:PermalinkPage}
  882.     }
  883.    
  884.     .perma a{
  885.         color:{color:link};
  886.     }
  887.    
  888.     a.tumblr_blog{  
  889.         margin-bottom: 10px;
  890.         display: inline-block;
  891.         color:{color:text};
  892.         background: {color:accent4};
  893.         letter-spacing:2px;
  894.         font-weight:800;
  895.         font-size:9px;
  896.         line-height:9px;
  897.         padding:1px 2px 0 2px;
  898.         vertical-align:top;
  899.         border-bottom:0;
  900.         position:relative;
  901.     }
  902.    
  903.     a.tumblr_blog:before {
  904.         content: "";
  905.         width: 4px;
  906.         height: 100%;
  907.         background: {color:accent2};
  908.         position: absolute;
  909.         right: -4px;
  910.     }
  911.    
  912.     .right {
  913.         width: 50px;
  914.         height:100%;
  915.         float: right;
  916.         text-align:center;
  917.     }
  918.    
  919.     .tago {
  920.         width: calc(100% - 101px);
  921.         display: inline-block;
  922.         font-size: 9px;
  923.         height:9px;
  924.         letter-spacing: 1px;
  925.         text-align: center;
  926.         padding: 20.5px 0;
  927.         position:Relative;
  928.         z-index:1;
  929.     }
  930.    
  931.     .tago:before {
  932.         content: "";
  933.         position: absolute;
  934.         z-index:-1;
  935.         background:{color:accent2};
  936.         top:0;
  937.         left: 5px;
  938.         width: calc(100% - 15px);
  939.         height: 100%;
  940.         border: 1px solid {color:accent6};
  941.     }
  942.    
  943.     .vias{  
  944.         {block:IndexPage}margin-top: 9px; {/block:IndexPage}
  945.         {block:PermalinkPage}
  946.             vertical-align: top;
  947.             border:1px solid {color:border};
  948.             width: calc(30% - 23px);
  949.             height:20px;
  950.             margin-left: 11px;
  951.             display: inline-block;
  952.             padding: 5px 2.5px;
  953.         {/block:PermalinkPage}
  954.     }
  955.    
  956.     .vias img {
  957.         width: 20px;
  958.         border-radius:30px;
  959.     }
  960.    
  961.     .vias a:last-child {
  962.         {block:IndexPage}margin-left:3px;{/block:IndexPage}
  963.         {block:PermalinkPage} margin-left: 10px;{/block:PermalinkPage}
  964.     }
  965.    
  966.     .controls{
  967.         background:{color:accent4};
  968.         position:relative;
  969.     }
  970.    
  971.     .controls svg{
  972.         width:10px;
  973.         height:10px;
  974.         fill:{color:accent2};
  975.     }
  976.    
  977.     .controls a {
  978.         position:relative;
  979.         display:inline-block;
  980.         padding:5px;
  981.         width:12px;
  982.         height:12px;
  983.     }
  984.    
  985.     .controls:before{
  986.         content:"";
  987.         width:1px;
  988.         height:100%;
  989.         background:{color:posts};
  990.         position:absolute;
  991.         top:0;
  992.         left:50%;
  993.     }
  994.    
  995.     .controls .like .like_button iframe {
  996.         position:absolute;
  997.         top:0;
  998.         left:0;
  999.         bottom:0;
  1000.         right:0;
  1001.         width:100%;
  1002.         height:100%;
  1003.         z-index:2;
  1004.         opacity:0;
  1005.     }
  1006.    
  1007.     pre{
  1008.         background:{color:accent2};
  1009.         border-radius:5px;
  1010.         padding:10px;
  1011.         border:1px solid {color:border};
  1012.         white-space: pre-wrap;
  1013.         white-space: -moz-pre-wrap;
  1014.         white-space: -pre-wrap;
  1015.         white-space: -o-pre-wrap;
  1016.         word-wrap: break-word;
  1017.     }
  1018.    
  1019.     .itags{
  1020.         font-size:9px;
  1021.         line-height:10px;
  1022.         font-weight:800;
  1023.         letter-spacing:1px;
  1024.         padding:10px;
  1025.         background:{color:accent2};
  1026.         width:90%;
  1027.         position:relative;
  1028.         text-align:center;
  1029.         left:calc(5% - 10px);
  1030.         border:1px dotted {color:border};
  1031.         {block:IndexPage}
  1032.             {block:ifNotShowTags}
  1033.                 display:none;
  1034.             {/block:ifNotShowTags}
  1035.             margin-top:20px;
  1036.         {/block:IndexPage}
  1037.         {block:PermalinkPage}margin:20px 0;{/block:PermalinkPage}
  1038.     }
  1039.    
  1040.     .itags a{
  1041.         margin:5px 5px 5px 0;
  1042.         display:inline-block;
  1043.     }
  1044.    
  1045.     blockquote{
  1046.         border-left:10px solid {color:accent2};
  1047.         padding-left:10px;
  1048.     }
  1049.    
  1050.     ul, ol{
  1051.         list-style-position:inside;
  1052.         list-style:none;
  1053.         margin:0px;
  1054.         padding:0px;
  1055.     }
  1056.      
  1057.     ul.chat {
  1058.         margin: 0;
  1059.         padding: 0;
  1060.         letter-spacing:.06em;
  1061.     }
  1062.      
  1063.     .chat li {
  1064.         list-style-type: none;
  1065.         margin-left: 0px;
  1066.         padding: 10px;
  1067.     }
  1068.    
  1069.     .label{
  1070.         padding: 0 5px;
  1071.         background: {color:accent4};
  1072.     }
  1073.      
  1074.     .chat li.odd {
  1075.         margin-bottom: 3px;
  1076.         background-color:{color:accent2};
  1077.         border-radius:5px;
  1078.         border:1px dotted {color:border};
  1079.     }
  1080.      
  1081.     .chat li.even {
  1082.         margin-bottom: 3px;
  1083.     }
  1084.      
  1085.     li{list-style-type:square;font-family:calibri;}
  1086.      
  1087.     .videoWrapper {
  1088.         position: relative;
  1089.         padding-bottom: 56.25%;
  1090.         height: 0;
  1091.     }
  1092.    
  1093.     .videoWrapper iframe{
  1094.         position: absolute;
  1095.         width: 100%;
  1096.         height: 100%;
  1097.         left: 0;
  1098.         top: 0;
  1099.     }
  1100.    
  1101.     .fourthirds {padding-bottom: 75%;}
  1102.    
  1103.     .tmblr-lightbox{background:{color:accent10};}
  1104.    
  1105.     .tmblr-lightbox .vignette{opacity:0;}
  1106.     .tmblr-lightbox .lightbox-image{box-shadow:0 0 0 #000;}
  1107.    
  1108.     #pagination {
  1109.         position: Absolute;
  1110.         right: 0;
  1111.         font-size:0;
  1112.         line-height:0;
  1113.         top: 0;
  1114.         text-align:right;
  1115.         height: 28px;
  1116.         width: 74px;
  1117.     }
  1118.    
  1119.     #pagination a {
  1120.         background: {color:Gem color 2};
  1121.         width: 16px;
  1122.         height: 16px;
  1123.         vertical-align: top;
  1124.         display: inline-block;
  1125.         padding: 6px 10px;
  1126.     }
  1127.    
  1128.     #s-m-t-tooltip{
  1129.         max-width:200px;
  1130.         padding:4px 7px;
  1131.         margin-left: 20px;
  1132.         margin-top: 2px;
  1133.         background:{color:tooltip BG};
  1134.         font-size:9px;
  1135.         font-style:italic;
  1136.         line-height:9px;
  1137.         color:{color:tooltip text};
  1138.         letter-spacing:1px;
  1139.         z-index:999999;
  1140.     }
  1141.    
  1142.     .row.clearit:nth-child(n+2) {
  1143.         display: none;
  1144.     }
  1145.    
  1146.     .lightbox-image, #tumblr_lightbox img{
  1147.         margin: -20px 0 0 -20px;
  1148.     }
  1149.    
  1150.     ol.notes {
  1151.         margin-top: 45px;
  1152.         height: 400px;
  1153.         overflow: auto;
  1154.         letter-spacing:.08em;
  1155.         list-style-type: none;
  1156.         border:1px solid {color:border};
  1157.     }
  1158.        
  1159.     ol.notes li.note {
  1160.         border-bottom:1px dotted {color:border};
  1161.         padding: 10px;
  1162.     }
  1163.        
  1164.     ol.notes li.note img.avatar {
  1165.         vertical-align: -4px;
  1166.         margin-right: 10px;
  1167.         width: 16px;
  1168.         height: 16px;
  1169.         border-radius:30px;
  1170.     }
  1171.        
  1172.     ol.notes li.note span.action a{
  1173.         font-style:italic;
  1174.         color:{color:Gem color 1};
  1175.     }
  1176.    
  1177.     ol.notes li.note span.action a:hover{
  1178.         color:{color:accent4};
  1179.     }
  1180.    
  1181.     a.more_notes_link {
  1182.         color: {color:accent1};
  1183.         font-weight: bold;
  1184.         padding: 0 10px;
  1185.         background: {color:accent2};
  1186.         font-style: italic;
  1187.         text-transform: lowercase;
  1188.     }
  1189.        
  1190.     #about {
  1191.         font-size: 0;
  1192.         line-height: 0;
  1193.         background: {color:posts};
  1194.         border:1px solid {color:border};
  1195.         border-radius: 0 0 10px 10px;
  1196.         margin-top:-1px;
  1197.     }
  1198.    
  1199.     #about h1{    
  1200.         border-bottom: 1px dotted {color:Gem color 3};
  1201.         border-top: 1px dotted {color:Gem color 3};
  1202.         display: inline-block;
  1203.         padding: 5px;
  1204.         font-style:italic;
  1205.         font-weight:800;
  1206.         font-size:14px;
  1207.     }
  1208.    
  1209.     .desc {
  1210.         font-size:10px;
  1211.         line-height:15px;
  1212.         vertical-align:top;
  1213.         display: inline-block;
  1214.         width: calc(340px - 40px);
  1215.         height:calc(50% - 40px);
  1216.         padding: 20px;
  1217.         overflow: auto;
  1218.         border-right:1px solid {color:border};
  1219.     }
  1220.    
  1221.     .desc .dport {
  1222.         display:inline-block;
  1223.         width: 70px;
  1224.         border-radius: 5px;
  1225.         margin-right: 7px;
  1226.     }
  1227.    
  1228.     .dinfo li b {
  1229.         text-transform: uppercase;
  1230.         letter-spacing: 2px;
  1231.         margin-right: 10px;
  1232.     }
  1233.    
  1234.     .dinfo li {
  1235.         list-style-type: none;
  1236.         border-bottom: 1px solid {color:border};
  1237.         padding: 4px ;
  1238.     }
  1239.    
  1240.     .dinfo {
  1241.         display: inline-block;
  1242.         background: {color:accent2};
  1243.         width: 220px;
  1244.         font-size: 9px;
  1245.         line-height: 9px;
  1246.         font-weight: 800;
  1247.         letter-spacing: 1px;
  1248.     }
  1249.    
  1250.     .tblogs{
  1251.         font-size:10px;
  1252.         line-height:15px;
  1253.         vertical-align:top;
  1254.         border-right:1px solid {color:border};
  1255.         display: inline-block;
  1256.         width: calc(250px - 38px);
  1257.         height:calc(50% - 40px);
  1258.         padding: 20px;
  1259.         overflow: auto;
  1260.     }
  1261.    
  1262.     .blg {
  1263.         height:30px;
  1264.         display:block;
  1265.         margin-bottom:20px;
  1266.     }
  1267.    
  1268.     .blg img{
  1269.         border-radius:5px;
  1270.         margin-top:5px;
  1271.     }
  1272.    
  1273.     .blg:last-of-type{
  1274.         margin-bottom:0;
  1275.     }
  1276.    
  1277.     .blg .port {
  1278.         width:30px;
  1279.         float: left;
  1280.     }
  1281.    
  1282.     .blg .info {
  1283.         padding:5px;
  1284.         background:{color:accent2};
  1285.         display: inline-block;
  1286.         width: calc(100% - 60px);
  1287.         border-radius:3px;
  1288.         margin-left: 20px;
  1289.     }
  1290.    
  1291.     .blg h3 {
  1292.         font-size: 14px;
  1293.         line-height: 14px;
  1294.         font-weight: 800;
  1295.         letter-spacing: .05em;
  1296.     }
  1297.    
  1298.     .blg h4 {
  1299.         font-style: italic;
  1300.         font-size: 10px;
  1301.         letter-spacing: .04em;
  1302.     }
  1303.    
  1304.     .update{
  1305.         margin-right: -1px;
  1306.         line-height:15px;
  1307.         display: inline-block;
  1308.         border-right:1px solid {color:border};
  1309.         width: calc(304px - 40px);
  1310.         height:calc(50% - 40px);
  1311.         padding: 20px;
  1312.         overflow: auto;
  1313.         vertical-align:top;
  1314.         font-size:11px;
  1315.     }
  1316.    
  1317.     .update li{
  1318.         list-style-type:none;
  1319.         margin-bottom:5px;
  1320.     }
  1321.    
  1322.     .update li span{
  1323.         color:{color:Gem color 3}
  1324.         padding:0 2px;
  1325.         font-size:10px;
  1326.         line-height:10px;
  1327.         background:{color:accent2};
  1328.         color:{color:accent8};
  1329.         font-weight:800;
  1330.         letter-spacing:.08em;
  1331.         display:inline-block;
  1332.         margin-right:10px;
  1333.     }
  1334.    
  1335.     .navi {
  1336.         font-size: 10px;
  1337.         line-height: 15px;
  1338.         width: calc(100% - 41px);
  1339.         padding: 20px;
  1340.         overflow: auto;
  1341.         border-top: 1px solid {color:border};
  1342.         background: {color:accent2};
  1343.         max-height: calc(50% - 44px);
  1344.         height: calc(50% - 44px);
  1345.         border-radius: 0 0 10px 10px;
  1346.         {block:ifNotShowExtraLinks}
  1347.             display:none;
  1348.         {/block:ifNotShowExtraLinks}
  1349.     }
  1350.    
  1351.     .navi a{
  1352.         color:{color:abouttab link};
  1353.     }
  1354.    
  1355.     .navi li{
  1356.         list-style-type:none;
  1357.     }
  1358.    
  1359.     .nav{
  1360.         vertical-align:top;
  1361.         display:inline-block;
  1362.         width:calc(40% + 0px);
  1363.         height:calc(100% - 2px);
  1364.         overflow:hidden;
  1365.         font-size:0;
  1366.         line-height:0;
  1367.     }
  1368.    
  1369.     .nav a {
  1370.         font-size: 11px;
  1371.         line-height: 11px;
  1372.         width: calc((100% / 3) - 2px);
  1373.         background: {color:accent2};
  1374.         padding:26.2px 0;
  1375.         text-align: center;
  1376.         display: inline-block;
  1377.         border:1px solid {color:border};
  1378.     }
  1379.    
  1380.     .nav a:nth-of-type(2),.nav a:nth-of-type(5),.nav a:nth-of-type(8),.nav a:nth-of-type(11){
  1381.         margin:0 -1px;
  1382.     }
  1383.    
  1384.     .nav a:nth-of-type(n){
  1385.         margin-bottom:-1px;
  1386.     }
  1387.    
  1388.     .tagged{
  1389.         vertical-align:top;
  1390.         margin-left:26px;
  1391.         display:inline-block;
  1392.         width:calc(60% - 30px);
  1393.         height:100%;
  1394.         overflow:auto;
  1395.         {block:ifShowExtraLinks}
  1396.             margin-left:26px;
  1397.             display:inline-block;
  1398.             width:calc(60% - 30px);
  1399.         {/block:ifShowExtraLinks}
  1400.         {block:ifNotShowExtraLinks}
  1401.             width:calc(100% - 30px);
  1402.         {/block:ifNotShowExtraLinks}
  1403.     }
  1404.    
  1405.     .tagged li:before {
  1406.         content: "";
  1407.         width: 10px;
  1408.         height: 100%;
  1409.         background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAADCAYAAAC56t6BAAAAG0lEQVQYV2P8al/8n/tgLyMjAwMDA4jDCBMBAI/NCqpMWEFaAAAAAElFTkSuQmCC) no-repeat center;
  1410.         position: absolute;
  1411.         left: 0;
  1412.         top: 0;
  1413.     }
  1414.    
  1415.     .tagged li {
  1416.         background: {color:accent2};
  1417.         border-bottom: 1px dotted {color:border};
  1418.         padding: 5px 10px 5px 15px;
  1419.         margin-bottom:3px;
  1420.         display: inline-block;
  1421.         width: calc((100% / 4) - 28px);
  1422.         position: relative;
  1423.     }
  1424.    
  1425.     #blogroll {
  1426.         overflow: auto;
  1427.         background: {color:posts};
  1428.         margin-top: -1px;
  1429.         border-radius: 0 0 10px 10px;
  1430.         border:1px solid {color:border};
  1431.     }
  1432.    
  1433.     #fol {
  1434.         display: inline-block;
  1435.         width: 45px;
  1436.         height: 45px;
  1437.         vertical-align: top;
  1438.         margin: 10px;
  1439.         border-radius: 5px;
  1440.         padding: 10px;
  1441.         background: {color:accent2};
  1442.     }
  1443.        
  1444.     #fol img{
  1445.         width:45px;
  1446.         border-radius:3px;
  1447.     }
  1448.    
  1449.     .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  1450.         z-index:123456!important;
  1451.         position:fixed;
  1452.         top:10px;
  1453.         right:10px;
  1454.         white-space:nowrap;
  1455.         -webkit-filter: invert(100%);
  1456.         -moz-filter: invert(100%);
  1457.         -o-filter: invert(100%);
  1458.         -ms-filter: invert(100%);
  1459.         filter: invert(100%);
  1460.         transform:scale(.7);
  1461.         -webkit-transform:scale(.7);
  1462.         -moz-transform:scale(.7);
  1463.     }
  1464. </style>
  1465. </head>
  1466. <body>
  1467.  
  1468.  
  1469.  
  1470. <div class="tabbed">
  1471.  
  1472.  
  1473.  
  1474. <div class="contents">
  1475.  
  1476. <div id="side">
  1477.   <ul>
  1478.     <li><a href="#posts">posts</a></li>
  1479.     <li><a href="#about">about</a></li>
  1480.     <li><a href="#blogroll">blogroll</a></li>
  1481.   </ul>
  1482. </div>  
  1483.  
  1484.     <header>
  1485.         <span>{text:header title}</span>
  1486.     </header>
  1487.  
  1488.     <div id="search">
  1489.         <form class="search" action="javascript:return false">
  1490.             <input type="text" class="query" placeholder="search the tags">
  1491.         </form>
  1492.        
  1493.     {block:Pagination}
  1494.         <div id="pagination">
  1495.             {block:PreviousPage}<a href="{PreviousPage}#posts"><img src="http://static.tumblr.com/hczaopr/X6Bof09a3/left.png"></a>{/block:PreviousPage}
  1496.             {block:NextPage}<a href="{NextPage}#posts"><img src="http://static.tumblr.com/hczaopr/G19of09aa/right.png"></a>{/block:NextPage}
  1497.         </div>
  1498.     {/block:Pagination}    
  1499.        
  1500.        
  1501.     </div>
  1502.    
  1503.    
  1504.  
  1505.  
  1506.  
  1507. <div id="posts">
  1508.  
  1509.  
  1510. <section id="entrywrap">
  1511.  
  1512.  
  1513.   <div class="section">
  1514.     <aside>
  1515.         <div id="gem">
  1516.             <svg viewBox="0 0 600 600">
  1517.            
  1518.                 <a href="/"><path fill="{color:Gem color 1}" d="M591.2,227.7C558.8,96.9,440.7,0,300,0h-1V300Z"/></a>
  1519.                 <a href="/ask"><path fill="{color:Gem color 2}" d="M299,0C158.7.5,41.1,97.2,8.8,227.6L299,300Z"/></a>
  1520.                 <a href="/archive"><path fill="{color:Gem color 3}" d="M299,300,487.2,534.4a300.3,300.3,0,0,0,104-306.7Z"/></a>
  1521.                
  1522.                 {block:IfGemLinkOne}
  1523.                     <a href="{block:IfGemLinkOneURL}{text:Gem Link One URL}{/block:IfGemLinkOneURL}"><path fill="{color:Gem color 4}" d="M111.2,533.1a300,300,0,0,0,376.1,1.3L299,300Z"/></a>
  1524.             {/block:IfGemLinkOne}
  1525.            
  1526.             {block:IfGemLinkTwo}
  1527.                 <a href="{block:IfGemLinkTwoURL}{text:Gem Link Two URL}{/block:IfGemLinkTwoURL}"><path fill="{color:Gem color 5}" d="M8.8,227.6A300.3,300.3,0,0,0,111.2,533.1L299,300Z"/></a>
  1528.             {/block:IfGemLinkTwo}
  1529.                
  1530.  
  1531.             {block:IfGemLinkThree}
  1532.                 <a href="{block:IfGemLinkThreeURL}{text:Gem Link Three URL}{/block:IfGemLinkThreeURL}"><path fill="{color:Gem color 6}" d="M299 183.2 412.2 272 376.9 396.9 222.4 395 185.2 271.6 299 183.2"/></a>
  1533.             {/block:IfGemLinkThree}
  1534.                
  1535.                 <div class="gn">
  1536.                     <span class="r1">home</span>
  1537.                     <span class="r2">ask<span></span></span>
  1538.                     <span class="r3">archive</span>
  1539.                     <span class="r4">{text:Gem Link One}</span>
  1540.                     <span class="r5">{text:Gem Link Two}</span>
  1541.                     {block:IfGemLinkThree}
  1542.                         <span class="r6"><img src="http://static.tumblr.com/hczaopr/GqDof934k/rose.png"></span></a>
  1543.                     {/block:IfGemLinkThree}
  1544.                 </div>
  1545.             </svg>
  1546.         </div>
  1547.     </aside>
  1548.  
  1549.  
  1550.  
  1551.  
  1552.  
  1553. <div id="content">
  1554.     {block:Posts}
  1555.     <article id="{PostID}">
  1556.        
  1557.     {block:Text}
  1558.         <div class="txt">
  1559.             {block:Title}
  1560.             <h1><a href="{permalink}">{Title}</a></h1>{/block:Title}
  1561.             <span class="bod">{Body}</span>
  1562.         </div>
  1563.     {/block:Text}
  1564.    
  1565.      
  1566.      
  1567.      
  1568.     {block:Link}
  1569.         <div class="txt">
  1570.             <div class="span">
  1571.                 <h1><a href="{URL}">{Name}</a></h1>
  1572.                 {block:Description}<span class="bod">{Description}</span>{/block:Description}
  1573.             </div>
  1574.         </div>
  1575.     {block:Link}
  1576.      
  1577.      
  1578.      
  1579.      
  1580.     {block:Photo}
  1581.         {block:IndexPage}
  1582.             <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1583.         <img class="img" src="{PhotoURL-HighRes}">
  1584.     </a>
  1585.         {/block:IndexPage}
  1586.        
  1587.         {block:PermalinkPage}
  1588.             {block:HighRes}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{/block:HighRes}
  1589.         {block:PermalinkPage}
  1590.     {/block:Photo}
  1591.      
  1592.      
  1593.      
  1594.      
  1595.    
  1596.     {block:Photoset}
  1597.         <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>
  1598.     {/block:Photoset}
  1599.    
  1600.    
  1601.    
  1602.    
  1603.    
  1604.    
  1605.     {block:Chat}
  1606.         {block:Title}
  1607.             <div class="titled">
  1608.                 <h1><a href="{Permalink}">{Title}</a></h1>
  1609.             </div>
  1610.         {/block:Title}
  1611.             <ul class="chat">
  1612.                 {block:Lines}
  1613.                     <li class="{Alt} user_{UserNumber}">
  1614.                 {block:Label}<span class="label">{Label}</span>{/block:Label}
  1615.                     {Line}
  1616.                 </li>
  1617.                 {/block:Lines}
  1618.             </ul>
  1619.     {/block:Chat}
  1620.    
  1621.    
  1622.    
  1623.    
  1624.    
  1625.    
  1626.    
  1627.    
  1628.    
  1629.    
  1630.     {block:Audio}
  1631.         <div class="alart">
  1632.             {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1633.         </div>
  1634.         <div id="play"><div class="play">{AudioPlayerWhite}</div></div>
  1635.        
  1636.         <div class="audioinfo">
  1637.             {block:TrackName}<img src="http://static.tumblr.com/hczaopr/2WWof9fux/audio.png">{TrackName}<br>{/block:TrackName}
  1638.             {block:Artist}<img src="http://static.tumblr.com/hczaopr/f0Uof9fug/artist.png">{Artist}<br>{/block:Artist}
  1639.             {block:Album}<img src="http://static.tumblr.com/hczaopr/5V8of9g2u/album.png">{Album}{/block:Album}
  1640.         </div>
  1641.     {/block:Audio}
  1642.    
  1643.    
  1644.    
  1645.    
  1646.      
  1647.      
  1648.     {block:Quote}
  1649.         <span class="bod">
  1650.             <h2>{Quote}</h2>
  1651.             {block:Source}<div class="source">- {Source}</div>{/block:Source}
  1652.         </bod>
  1653.     {/block:Quote}
  1654.      
  1655.      
  1656.      
  1657.      
  1658.      
  1659.     {block:Answer}
  1660.         <div class="quest">
  1661.             <span><img src="{AskerPortraitURL-30}"></span>
  1662.             <div class="askr"> <a href="{permalink}">{Asker}</a></div>
  1663.             <div class="asked">{Question}</div>
  1664.         </div>
  1665.         {Answer}
  1666.     {/block:Answer}
  1667.    
  1668.    
  1669.    
  1670.    
  1671.     {block:Video}
  1672.             <div class="video">{Video-500}</div>
  1673.     {/block:Video}
  1674.  
  1675.  
  1676.  
  1677.     {block:Caption}
  1678.         <div class="cap">{Caption}</div>
  1679.     {/block:Caption}
  1680.  
  1681.  
  1682. {block:IndexPage}
  1683.     <div class="perma">
  1684.         {block:Date}<div class="date"><a href="{permalink}">{MonthNumberWithZero}{DayOfMonthWithZero}{ShortYear}</a></div>
  1685.        
  1686.         <div class="tago">
  1687.             {TimeAgo}
  1688.         </div>
  1689.        
  1690.         {/block:Date}
  1691.         <div class="right">
  1692.             <div class="controls">
  1693.                 <a href="{ReblogURL}" target="_blank" class="reblog">
  1694.                     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1695.             </a>
  1696.             <a href="#" class="like">{LikeButton}
  1697.                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1698.                 </a>
  1699.             </div>
  1700.            
  1701.             {block:RebloggedFrom}
  1702.                 <div class="vias">
  1703.                     <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a>
  1704.                     <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a>
  1705.                 </div>
  1706.             {/block:RebloggedFrom}
  1707.         </div>
  1708.     </div>
  1709.     {block:HasTags}
  1710.         <div class="itags">
  1711.             {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1712.         </div>
  1713.     {/block:HasTags}
  1714. {/block:IndexPage}
  1715.  
  1716.  
  1717.  
  1718.  
  1719. {block:PermalinkPage}
  1720.     <div class="perma">
  1721.         {block:Date}<div class="date">{TimeAgo}</div>{/block:Date}
  1722.        
  1723.         {block:RebloggedFrom}
  1724.                 <div class="vias">
  1725.                     <center><a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a>
  1726.                     <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a></center>
  1727.                 </div>
  1728.             {/block:RebloggedFrom}
  1729.     </div>
  1730.    
  1731.     {block:HasTags}
  1732.         <div class="itags">
  1733.             {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1734.         </div>
  1735.     {/block:HasTags}
  1736. {/block:PermalinkPage}
  1737.  
  1738.  
  1739. {PostNotes-16}
  1740.  
  1741.  
  1742. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1743. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1744.  
  1745.  
  1746.  
  1747. </article>
  1748. {/block:Posts}
  1749.  
  1750.  
  1751. </div>
  1752.  
  1753. <!--CONTENT 1 SECTION ENDS-->
  1754.  
  1755.  
  1756.  
  1757.  
  1758.  
  1759.  
  1760. </div>
  1761. </section>
  1762.  
  1763.  
  1764.  
  1765.  
  1766. </div>
  1767.  
  1768.  
  1769.  
  1770.  
  1771.  
  1772.  
  1773.  
  1774.  
  1775.  
  1776.  
  1777.  
  1778. <div id="about">
  1779.  
  1780.  
  1781. <!-- This is the description part in the about tab. Everything is self explanatory, just please look through the code -->
  1782.  
  1783.  
  1784.  
  1785.     <!-- Description box starts -->
  1786.     <div class="desc">
  1787.         <img class="dport" src="{image:portrait}">
  1788.         <div class="dinfo">
  1789.        
  1790.         <!-- Add your basic info here or delete it and add whatever -->
  1791.             <li><b>Name:</b> Lorem Ipsum</li>
  1792.             <li><b>Age:</b>2222000000years</li>
  1793.             <li><b>Location:</b>United of sass</li>
  1794.             <li><b>Status:</b>Nonya</li>
  1795.         </div>
  1796.        
  1797.         {description}
  1798.     </div>    
  1799.    
  1800.     <!-- Description box Ends -->
  1801.    
  1802.    
  1803.    
  1804.    
  1805.    
  1806.    
  1807.    
  1808.    
  1809.    
  1810.    
  1811.    
  1812.    
  1813.    
  1814.    
  1815.    
  1816.    
  1817.    
  1818.    
  1819.     <!-- Blog redirect starts -->
  1820.     <div class="tblogs">
  1821.         <h1>redirect</h1>
  1822.        
  1823.         <!---------
  1824.      To add more blogs or delete theme this is the code:
  1825.    
  1826.           <div class="blg">
  1827.              <div class="port"><img src="BLOG IMAGE URL"></div>
  1828.              <div class="info">
  1829.                  <h3>Blog name</h3>
  1830.                  <h4>sub title of blog</h4>
  1831.              </div>
  1832.          </div>
  1833.        
  1834.      --------->
  1835.        
  1836.        
  1837.         <div class="blg">
  1838.             <div class="port"><img src="BLOG 1 IMAGE URL"></div>
  1839.             <div class="info">
  1840.                 <h3>Blog one name</h3>
  1841.                 <h4>sub title of blog one</h4>
  1842.             </div>
  1843.         </div>
  1844.        
  1845.        
  1846.        
  1847.         <div class="blg">
  1848.             <div class="port"><img src="BLOG 2 IMAGE URL"></div>
  1849.             <div class="info">
  1850.                 <h3>Blog two name</h3>
  1851.                 <h4>sub title of blog two</h4>
  1852.             </div>
  1853.         </div>
  1854.     </div>
  1855.    
  1856.     <!-- Blog redirect Ends -->
  1857.    
  1858.    
  1859.    
  1860.    
  1861.    
  1862.    
  1863.    
  1864.    
  1865.    
  1866.    
  1867.    
  1868.    
  1869.    
  1870.    
  1871.     <!-- Updates will have to be manually entered, or you can delete this section -->
  1872.     <div class="update">
  1873.         <h1>updates</h1>
  1874.         <li><span>01/12/16</span> Update one here</li>
  1875.         <li><span>02/13/17</span> Update two here</li>
  1876.         <li><span>03/14/18</span> Update three here</li>
  1877.         <li><span>04/15/19</span> Update four here</li>
  1878.         <li><span>05/16/20</span> Update five here</li>
  1879.     </div>
  1880.     <!-- Update section ends -->
  1881.    
  1882.    
  1883.    
  1884.    
  1885.    
  1886.    
  1887.    
  1888.    
  1889.    
  1890.    
  1891.    
  1892.    
  1893.     <!-- Extra Links starts -->
  1894.     <div class="navi">
  1895.         <div class="nav">
  1896.             {block:IfAboutTabLinkOne}
  1897. <a href="{block:IfAboutTabLinkOneURL}{text:AboutTab Link One URL}{/block:IfAboutTabLinkOneURL}" title="{text:AboutTab Link One}"><li>I</li></a>
  1898. {/block:IfAboutTabLinkOne}
  1899.  
  1900.  
  1901.             {block:IfAboutTabLinkTwo}
  1902.             <a href="{block:IfAboutTabLinkTwoURL}{text:AboutTab Link Two URL}{/block:IfAboutTabLinkTwoURL}"  title="{text:AboutTab Link Two}"><li>II</li></a>
  1903.             {/block:IfAboutTabLinkTwo}
  1904.              
  1905.              
  1906.             {block:IfAboutTabLinkThree}
  1907.             <a href="{block:IfAboutTabLinkThreeURL}{text:AboutTab Link Three URL}{/block:IfAboutTabLinkThreeURL}"  title="{text:AboutTab Link Three}"><li>III</li></a>
  1908.             {/block:IfAboutTabLinkThree}
  1909.              
  1910.              
  1911.             {block:IfAboutTabLinkFour}
  1912.             <a href="{block:IfAboutTabLinkFourURL}{text:AboutTab Link Four URL}{/block:IfAboutTabLinkFourURL}"  title="{text:AboutTab Link Four}"><li>IV</li></a>
  1913.             {/block:IfAboutTabLinkFour}
  1914.              
  1915.              
  1916.             {block:IfAboutTabLinkFive}
  1917.             <a href="{block:IfAboutTabLinkFiveURL}{text:AboutTab Link Five URL}{/block:IfAboutTabLinkFiveURL}"  title="{text:AboutTab Link Five}"><li>V</li></a>
  1918.             {/block:IfAboutTabLinkFive}
  1919.              
  1920.              
  1921.             {block:IfAboutTabLinkSix}
  1922.             <a href="{block:IfAboutTabLinkSixURL}{text:AboutTab Link Six URL}{/block:IfAboutTabLinkSixURL}"  title="{text:AboutTab Link Six}"><li>VI</li></a>
  1923.             {/block:IfAboutTabLinkSix}
  1924.              
  1925.              
  1926.             {block:IfAboutTabLinkSeven}
  1927.             <a href="{block:IfAboutTabLinkSevenURL}{text:AboutTab Link Seven URL}{/block:IfAboutTabLinkSevenURL}"  title="{text:AboutTab Link Seven}"><li>VII</li></a>
  1928.             {/block:IfAboutTabLinkSeven}
  1929.              
  1930.              
  1931.             {block:IfAboutTabLinkEight}
  1932.             <a href="{block:IfAboutTabLinkEightURL}{text:AboutTab Link Eight URL}{/block:IfAboutTabLinkEightURL}"  title="{text:AboutTab Link Eight}"><li>VIII</li></a>
  1933.             {/block:IfAboutTabLinkEight}
  1934.              
  1935.                        
  1936.             {block:IfAboutTabLinkNine}
  1937.             <a href="{block:IfAboutTabLinkNineURL}{text:AboutTab Link Nine URL}{/block:IfAboutTabLinkNineURL}"  title="{text:AboutTab Link Nine}"><li>IX</li></a>
  1938.             {/block:IfAboutTabLinkNine}
  1939.            
  1940.            
  1941.             {block:IfAboutTabLinkTen}
  1942.             <a href="{block:IfAboutTabLinkTenURL}{text:AboutTab Link Ten URL}{/block:IfAboutTabLinkTenURL}"  title="{text:AboutTab Link Ten}"><li>X</li></a>
  1943.             {/block:IfAboutTabLinkTen}
  1944.            
  1945.            
  1946.             {block:IfAboutTabLinkEleven}
  1947.             <a href="{block:IfAboutTabLinkElevenURL}{text:AboutTab Link Eleven URL}{/block:IfAboutTabLinkElevenURL}"  title="{text:AboutTab Link Eleven}"><li>XI</li></a>
  1948.             {/block:IfAboutTabLinkEleven}
  1949.            
  1950.            
  1951.             {block:IfAboutTabLinkTwelve}
  1952.             <a href="{block:IfAboutTabLinkTwelveURL}{text:AboutTab Link Twelve URL}{/block:IfAboutTabLinkTwelveURL}"  title="{text:AboutTab Link Twelve}"><li>XII</li></a>
  1953.             {/block:IfAboutTabLinkTwelve}
  1954.         </div>
  1955.     <!-- Extra Links End -->
  1956.        
  1957.        
  1958.        
  1959.        
  1960.        
  1961.     <!-- Tags starts -->
  1962.         <div class="tagged">
  1963.             <h1>tagged</h1><br>  
  1964.            
  1965.             <!-- You have to surround each tag link with <li></li> -->
  1966.            
  1967.             <li><a href="">tag 1</a></li>
  1968.             <li><a href="">tag 2</a></li>
  1969.             <li><a href="">tag 3</a></li>
  1970.             <li><a href="">tag 4</a></li>
  1971.             <li><a href="">tag 5</a></li>
  1972.             <li><a href="">tag 6</a></li>
  1973.             <li><a href="">tag 7</a></li>
  1974.             <li><a href="">tag 8</a></li>
  1975.             <li><a href="">tag 9</a></li>
  1976.             <li><a href="">tag 10</a></li>
  1977.             <li><a href="">tag 11</a></li>
  1978.             <li><a href="">tag 12</a></li>
  1979.             <li><a href="">tag 13</a></li>
  1980.             <li><a href="">tag 14</a></li>
  1981.             <li><a href="">tag 15</a></li>
  1982.             <li><a href="">tag 16</a></li>
  1983.             <li><a href="">tag 17</a></li>
  1984.             <li><a href="">tag 18</a></li>
  1985.             <li><a href="">tag 19</a></li>
  1986.             <li><a href="">tag 20</a></li>
  1987.         </div>
  1988.     <!-- Tags Ends -->
  1989.    
  1990.    
  1991.     </div>
  1992. </div>
  1993.  
  1994.  
  1995.  
  1996.  
  1997.  
  1998.  
  1999.  
  2000.  
  2001.  
  2002.  
  2003.  
  2004. <div id="blogroll">
  2005.         <center>
  2006.             {block:Following}{block:Followed}
  2007.                 <div id="fol"><a title="{FollowedName}" href="{FollowedURL}"><img src="{FollowedPortraitURL-64}"></a></div>            
  2008.             {/block:Followed}{/block:Following}
  2009.         </center>
  2010. </div>
  2011.  
  2012.  
  2013.  
  2014.  
  2015.   </div>
  2016. </div>
  2017.  
  2018.  
  2019. <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  2020. <script src='http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js'></script>
  2021. <script src="http://static.tumblr.com/hczaopr/nwFoe3apm/index.js"></script>
  2022. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2023. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2024. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2025.  
  2026.  
  2027. <script>
  2028. // minimal soundcloud player © shythemes.tumblr
  2029. $(document).ready(function(){
  2030.    var color = '{color:accent1}';
  2031.    $('.soundcloud_audio_player').each(function(){
  2032.        $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  2033.    });
  2034. });
  2035. </script>
  2036.  
  2037.  
  2038. <script>
  2039. $(document).ready(function() {
  2040.     (function($) {
  2041.         $('ul a').click(function(g) {
  2042.             var tab = $(this).closest('#entrywrap'),
  2043.                 index = $(this).closest('a').index();
  2044.             tab.find('.section').find('div#content').not(
  2045.                 'div#content:eq(' + index + ')').slideUp();
  2046.             tab.find('.section').find('div#content:eq(' +
  2047.                 index + ')').slideDown();
  2048.             g.preventDefault();
  2049.         });
  2050.     })(jQuery);
  2051.     $('.photo-slideshow').pxuPhotoset({
  2052.         lightbox: true,
  2053.         rounded: false,
  2054.         gutter: '5px',
  2055.         borderRadius: '5px',
  2056.         photoset: '.photo-slideshow',
  2057.         photoWrap: '.photo-data',
  2058.         photo: '.pxu-photo'
  2059.     });
  2060. });
  2061. </script>
  2062.  
  2063. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  2064. <script>
  2065. (function($) {
  2066.     $(document).ready(function() {
  2067.         $("a[title]").style_my_tooltips({
  2068.             tip_follows_cursor: true,
  2069.             tip_delay_time: 90,
  2070.             tip_fade_speed: 300,
  2071.             attribute: "title"
  2072.         });
  2073.     });
  2074. })(jQuery);
  2075. </script>
  2076.  
  2077.  
  2078. </body>
  2079. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!