API tools faq
paste
ninpen

amethyst

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