API tools faq
paste
ninpen

garnet

ninpen
Nov 30th, 2016
924
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 59.20 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. [    Garnet    ]
  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. <meta name="if:RubyGem" content=""/>
  53. <meta name="if:SapphireGem" content=""/>
  54.  
  55. <meta name="text:header title" content=""/>
  56. <meta name="image:background" content="http://static.tumblr.com/hczaopr/Knbohlsog/tumblr_lxwynw0pdg1r9g6hvo1_250.png"/>
  57. <meta name="image:portrait" content=""/>
  58.  
  59. <meta name="color:gemborder" content="#260004"/>
  60. <meta name="color:Gem color 1" content="#ffe794"/>
  61. <meta name="color:Gem color 2" content="#8f0012"/>
  62. <meta name="color:Gem color 3" content="#ee2331"/>
  63. <meta name="color:Gem color 4" content="#b7003c"/>
  64. <meta name="color:Gem color 5" content="#ff8b78"/>
  65. <meta name="color:Gem color 6" content="#a41525"/>
  66. <meta name="color:Gem color 7" content="#ea2c64"/>
  67. <meta name="color:Gem color 8" content="#eb2337"/>
  68. <meta name="color:Gem color 9" content="#fa3d79"/>
  69.  
  70. <meta name="color:headerBG" content="#82eeff"/>
  71. <meta name="color:headertext" content="#1d717c"/>
  72. <meta name="color:tooltip text" content="#ffffff"/>
  73. <meta name="color:tooltip BG" content="#ff4c58"/>
  74.  
  75. <meta name="color:headerb1" content="#ff6a74"/>
  76. <meta name="color:headerb2" content="#ffe385"/>
  77. <meta name="color:headerb3" content="#ff2687"/>
  78.  
  79. <meta name="color:link" content="#ffef5f"/>
  80. <meta name="color:abouttab link" content="#ebb5d1"/>
  81. <meta name="color:linkhover" content="#ef3bff"/>
  82. <meta name="color:h1" content="#ff717b"/>
  83. <meta name="color:h2" content="#37d4e2"/>
  84. <meta name="color:bold" content="#ff4589"/>
  85. <meta name="color:italic" content="#5ddef4"/>
  86. <meta name="color:underlined" content="#f4ff7f"/>
  87.  
  88. <meta name="color:background" content="#110000"/>
  89. <meta name="color:posts" content="#0f0007"/>
  90. <meta name="color:sidebarBG" content="#000606"/>
  91. <meta name="color:text" content="#e5cdd3"/>
  92. <meta name="color:searchtext" content="#ffd79c"/>
  93. <meta name="color:border" content="#000000"/>
  94.  
  95. <meta name="color:accent1" content="#fae290"/>
  96. <meta name="color:accent2" content="#0c0910"/>
  97. <meta name="color:accent3" content="#ff949b"/>
  98. <meta name="color:accent4" content="#ff3f7e"/>
  99. <meta name="color:accent5" content="#8fffff"/>
  100. <meta name="color:accent6" content="#551820"/>
  101. <meta name="color:accent7" content="#2cd4ea"/>
  102. <meta name="color:accent8" content="#c2afd4"/>
  103. <meta name="color:accent9" content="#000000"/>
  104.  
  105. <meta name="text:Gem Link One" content=""/>
  106. <meta name="text:Gem Link One URL" content=""/>
  107. <meta name="text:Gem Link Two" content=""/>
  108. <meta name="text:Gem Link Two 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/pe1ohlrhg/garnet_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:accent9};
  214.         color:{color:accent7};
  215.     }
  216.    
  217.     ::-moz-selection {
  218.         background:{color:accent9};
  219.         color:{color:accent7};
  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:{color:h1};
  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:headerBG};
  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.         color:{color:headertext};
  391.     }
  392.    
  393.     #search{
  394.         position:Relative;
  395.         height:8px;
  396.         width:calc(100% - 42px);
  397.         padding:10px 20px;
  398.         background:{color:sidebarBG};
  399.         border:1px solid {color:border};
  400.         font:8px/8px calibri;
  401.         text-transform:uppercase;
  402.         letter-spacing:2px;
  403.     }
  404.    
  405.     #search:before{
  406.         color:{color:bold};
  407.         content:"http://www.";
  408.         position:Absolute;
  409.     }
  410.    
  411.     .search .query {
  412.        border: 0;
  413.        outline: 0;
  414.        width:100%;
  415.        color:{color:searchtext};
  416.        font:inherit;
  417.        text-transform:inherit;
  418.        letter-spacing:inherit;
  419.        background:inherit;
  420.     }
  421.    
  422.     .search {
  423.         font-weight:800;
  424.         width: calc(100% - 166px);
  425.         position: absolute;
  426.         top: 0;
  427.         padding: 8px 0;
  428.         left: 90px;
  429.     }
  430.    
  431.     ::-webkit-input-placeholder {color: inherit;}
  432.     :-moz-placeholder {color: inherit; opacity:1;}
  433.     ::-moz-placeholder {color: inherit; opacity:1;}
  434.     :-ms-input-placeholder {color: inherit;}
  435.    
  436.     input:focus::-webkit-input-placeholder {color: transparent;}
  437.     input:focus:-moz-placeholder {color: transparent;}
  438.     input:focus::-moz-placeholder {color: transparent;}
  439.     input:focus:-ms-input-placeholder { color: transparent;}
  440.    
  441.     #side{
  442.         position:Absolute;
  443.         top:5px;
  444.         right:20px;
  445.         width:100px;
  446.         height:10px;
  447.         z-index:1;
  448.         text-align:right;
  449.     }
  450.    
  451.     #side a{
  452.         color:transparent;
  453.     }
  454.    
  455.     #side li{
  456.         display:inline-block;
  457.         vertical-align:top;
  458.         margin:0 5px;
  459.         overflow:hidden;
  460.         width:10px;
  461.         line-height:0;
  462.         height:10px;
  463.         list-style-type:none;
  464.         position:relative;
  465.         z-index:100;
  466.     }
  467.    
  468.     #side li:first-of-type{
  469.         background:{color:headerb1};
  470.         border-radius:100%;
  471.     }
  472.    
  473.     #side li:nth-of-type(2){
  474.         background:{color:headerb2};
  475.         border-radius:2px;
  476.     }
  477.    
  478.     #side li:nth-of-type(3){
  479.         background:transparent;
  480.         position:relative;
  481.     }
  482.    
  483.     #side li:nth-of-type(3):before{
  484.         content:"";
  485.         position:Absolute;
  486.         left:0;
  487.         top:0;
  488.         width: 0;
  489.         height: 0;
  490.         border-left: 5px solid transparent;
  491.         border-right: 5px solid transparent;
  492.         border-bottom: 10px solid {color:headerb3};
  493.     }
  494.        
  495.     aside{
  496.         position: absolute;
  497.         top: 0;
  498.         right: 1px;
  499.         width: 449px;
  500.         background: {color:sidebarBG};
  501.         border-top: 1px solid {color:border};
  502.         border-left: 1px solid {color:border};
  503.         height: calc(100% - 2px);
  504.         border-radius: 0 0 10px 0;
  505.     }
  506.    
  507.     #gem{
  508.         width:208px;
  509.         height:208px;
  510.         border-radius:50%;
  511.         background:{color:accent2};
  512.         margin:-120px auto 0 auto;
  513.         border:15px solid {color:gemborder};
  514.         position:relative;
  515.         top:50%;
  516.         font-size:8px;
  517.         line-height:7px;
  518.         font-weight:800;
  519.         color:{color:accent2};
  520.         text-transform:uppercase;
  521.         letter-spacing:2px;
  522.     }
  523.    
  524.     #gem svg{
  525.         position: relative;
  526.         width: 214px;
  527.         height: 214px;
  528.         margin: -3px 0 0 -3px;
  529.         z-index: 1;
  530.     }
  531.    
  532.     .gn{
  533.         position: absolute;
  534.         top:-84px;
  535.         left: -100px;
  536.         width: calc(100% + 200px);
  537.         height: calc(100% + 156px);
  538.     }
  539.    
  540.     .r1,.r2,.r3,.r4,.r5{
  541.         position:Absolute;
  542.         z-index:1;
  543.         color:{color:text};
  544.         padding:2px 5px;
  545.     }
  546.    
  547.     .r1:before,.r2:before,.r3:before,.r4:before,
  548.     .r1:after,.r2:after,.r3:after,.r4:after{
  549.         content:"";
  550.         position:Absolute;
  551.     }
  552.    
  553.     .r1:before,.r2:before,.r3:before,.r4:before,.r2 span:before,.r2 span:after{
  554.         background:{color:accent8};
  555.     }
  556.    
  557.     .r1:after,.r2:after,.r3:after,.r4:after,.r5:after,.r6:after{
  558.         width:6px;
  559.         height:6px;
  560.         border-radius:10px;
  561.         box-shadow:inset 0 0 0 1px {color:accent8};
  562.     }
  563.    
  564. {block:ifRubyGem}
  565.     .r1{
  566.         right:185px;
  567.         top:10px;
  568.         background:{color:Gem color 1};
  569.     }
  570.    
  571.     .r1:before{
  572.         top:100%;
  573.         left:calc(50% + 1px);
  574.         width:1px;
  575.         height:88px;
  576.         z-index:-1;
  577.     }
  578.    
  579.     .r1:after{
  580.         top:99px;
  581.         left:calc(50% - 1px);
  582.     }
  583.    
  584.     .r2{
  585.         background:{color:Gem color 2};
  586.         top:120px;
  587.     }
  588.    
  589.     .r2:before{
  590.         width:50px;
  591.         height:1px;
  592.         left:100%;
  593.         top:calc(50% + 0px);
  594.     }
  595.    
  596.     .r2:after{
  597.         left:calc(100% + 98px);
  598.         top:calc(100% + 62px);
  599.     }
  600.    
  601.     .r2 span{
  602.         position:relative;
  603.     }
  604.    
  605.     .r2 span:before{
  606.         content:"";
  607.         position:Absolute;
  608.         top:calc(50% + 1px);
  609.         left:calc(100% + 54px);
  610.         width:1px;
  611.         height:70px;
  612.     }
  613.    
  614.     .r2 span:after{
  615.         content:"";
  616.         position:Absolute;
  617.         width:50px;
  618.         height:1px;
  619.         left:calc(100% + 54px);
  620.         top:calc(100% + 66px);
  621.     }
  622.    
  623.     .r3{
  624.         top:170px;
  625.         right:0;
  626.         background:{color:Gem color 3};
  627.     }
  628.    
  629.     .r3:before{
  630.         width:70px;
  631.         height:1px;
  632.         right:100%;
  633.         top:50%;
  634.     }
  635.    
  636.     .r3:after{
  637.         right:calc(100% + 70px);
  638.         top:50%;
  639.         margin-top:-3px;
  640.     }
  641.    
  642.     .r4{
  643.         left: 180px;
  644.         background: {color:Gem color 4};
  645.         bottom: 0;
  646.     }
  647.    
  648.     .r4:before{
  649.         height: 80px;
  650.         width: 1px;
  651.         bottom: 11px;
  652.         left: 50%;
  653.     }
  654.    
  655.     .r4:after{
  656.         bottom: 91px;
  657.         left: calc(50% - 2px);
  658.     }
  659.    
  660.     .r5{
  661.         width:30px;
  662.         height:30px;
  663.         padding:23px 26px;
  664.         top:calc(50% - 31px);
  665.         left:calc(50% - 42px);
  666.     }
  667. {/block:ifRubyGem}
  668.  
  669. {block:ifSapphireGem}
  670.     .r2{
  671.         background:{color:Gem color 6};
  672.         top:120px;
  673.     }
  674.    
  675.     .r2:before{
  676.         width:50px;
  677.         height:1px;
  678.         left:100%;
  679.         top:calc(50% + 0px);
  680.     }
  681.    
  682.     .r2:after{
  683.         left:calc(100% + 98px);
  684.         top:calc(100% + 62px);
  685.     }
  686.    
  687.     .r2 span{
  688.         position:relative;
  689.     }
  690.    
  691.     .r2 span:before{
  692.         content:"";
  693.         position:Absolute;
  694.         top:calc(50% + 1px);
  695.         left:calc(100% + 54px);
  696.         width:1px;
  697.         height:70px;
  698.     }
  699.    
  700.     .r2 span:after{
  701.         content:"";
  702.         position:Absolute;
  703.         width:50px;
  704.         height:1px;
  705.         left:calc(100% + 54px);
  706.         top:calc(100% + 66px);
  707.     }
  708.    
  709.     .r3{
  710.         top:170px;
  711.         right:0;
  712.         background:{color:Gem color 7};
  713.     }
  714.    
  715.     .r3:before{
  716.         width:70px;
  717.         height:1px;
  718.         right:100%;
  719.         top:50%;
  720.     }
  721.    
  722.     .r3:after{
  723.         right:calc(100% + 70px);
  724.         top:50%;
  725.         margin-top:-3px;
  726.     }
  727.    
  728.     .r4{
  729.         left: 180px;
  730.         background: {color:Gem color 4};
  731.         bottom: 0;
  732.     }
  733.    
  734.     .r4:before{
  735.         height: 80px;
  736.         width: 1px;
  737.         bottom: 11px;
  738.         left: 50%;
  739.     }
  740.    
  741.     .r4:after{
  742.         bottom: 91px;
  743.         left: calc(50% - 2px);
  744.     }
  745.  
  746.    
  747.     .r5{
  748.         width:30px;
  749.         height:30px;
  750.         padding:23px 10px;
  751.         top:calc(50% - 28px);
  752.         left:calc(50% - 25px);
  753.     }
  754. {/block:ifSapphireGem}
  755.  
  756.     #content{
  757.         background:{color:posts};
  758.         border-right:1px solid {color:border};
  759.     }
  760.    
  761.     #content:first-of-type{
  762.         display: block;
  763.     }
  764.    
  765.     {block:IndexPage}
  766.         article:first-child{
  767.             margin:50px auto 153px auto;
  768.         }
  769.        
  770.         article:last-child{
  771.             margin:0 auto;
  772.         }
  773.     {/block:IndexPage}
  774.    
  775.     article{
  776.         width:300px;
  777.         {block:IndexPage}margin:0 auto 153px auto;{/block:IndexPage}
  778.         position:relative;
  779.         {block:PermalinkPage}margin:50px auto 20px auto;{/block:PermalinkPage}
  780.     }
  781.    
  782.     .photo-data.count-2 img,.photo-data.count-3 img,.photo-data.count-4 img,.photo-data.count-5 img {
  783.         width: calc(100% - 5px)!important;
  784.     }
  785.    
  786.     .cap a,.bod a{
  787.         border-bottom:1px dotted {color:Gem color 3};
  788.     }
  789.    
  790.     article img{
  791.         border-radius:5px;
  792.     }
  793.    
  794.     {block:IndexPage}
  795.         article:last-child:after{
  796.             background:transparent;
  797.         }
  798.        
  799.         article:after {
  800.             content: "";
  801.             width: 70%;
  802.             height: 1px;
  803.             background: {color:border};
  804.             position: absolute;
  805.             top: calc(100% + 78px);
  806.             left: 15%;
  807.         }
  808.     {/block:IndexPage}
  809.    
  810.     .img{display:block;}
  811.    
  812.     p .tumblr_blog{
  813.         margin:0;
  814.     }
  815.    
  816.     .cap p:nth-child(1) {
  817.         padding: 0;
  818.         margin: 0;
  819.     }
  820.    
  821.     .cap{
  822.         margin-top:5px;
  823.         border:1px solid {color:border};
  824.         padding:10px;
  825.         background:{color:accent2};
  826.         {block:IndexPage}
  827.             {block:ifNotShowCaption}display:none;{/block:ifNotShowCaption}
  828.         {/block:IndexPage}
  829.     }
  830.    
  831.     .vignette, #vignette {
  832.         opacity:0;
  833.     }
  834.    
  835.     .lightbox-image, #tumblr_lightbox img {
  836.         box-shadow:none !important;
  837.         border-radius:0 !important;
  838.         max-width:none;
  839.     }
  840.    
  841.     .tmblr-lightbox, #tumblr_lightbox {
  842.         background-color:{color:accent2} !important;
  843.     }
  844.    
  845.     .lightbox-image, #tumblr_lightbox img {
  846.         background: {color:accent1};
  847.         box-shadow: inset 0 0 2px {color:border} !important;
  848.         padding: 10px;
  849.         border: 10px solid {color:accent2} !important;
  850.     }
  851.    
  852.     .lightbox-caption, #tumblr_lightbox_caption {
  853.         visibility:hidden;
  854.     }
  855.  
  856.     {block:ifRubyGem}    
  857.         .alart{
  858.             border-radius:10px;
  859.             width:140px;
  860.             height:140px;
  861.             border:5px solid {color:accent2};
  862.             background:{color:accent2} url('http://static.tumblr.com/hczaopr/zsbohnbfg/garnet-raud.png') no-repeat center;
  863.             display:inline-block;
  864.         }
  865.     {/block:ifRubyGem}
  866.  
  867.     {block:ifSapphireGem}
  868.         .alart{
  869.             border-radius:10px;
  870.             width:140px;
  871.             height:140px;
  872.             border:5px solid {color:accent2};
  873.             background:{color:accent2} url('http://static.tumblr.com/hczaopr/Uqvohnbg0/garnet-saud.png') no-repeat center;
  874.             display:inline-block;
  875.         }
  876.     {/block:ifSapphireGem}
  877.    
  878.     #play {
  879.         margin-top:51px;
  880.         vertical-align:top;
  881.         display: inline-block;
  882.         width: 117px;
  883.         height: 21px;
  884.         padding: 12px 17px 15px 13px;
  885.         background:url(http://static.tumblr.com/hczaopr/EJpohnbp6/garnetmedia.png)no-repeat center;
  886.         position:relative;
  887.     }
  888.    
  889.     .play{
  890.         width:21px;
  891.         height:21px;
  892.         overflow:hidden;
  893.         margin:-5px auto 0 auto;
  894.         border-radius:20px;
  895.         border-left:5px solid {color:accent9};
  896.         border-bottom:10px solid {color:accent9};
  897.         border-top:5px solid {color:accent9};
  898.         border-right:10px solid {color:accent9};
  899.     }
  900.    
  901.     .audioinfo{
  902.         font-size:8px;
  903.         font-weight:900;
  904.         letter-spacing:1px;
  905.         margin:15px 0 20px 20px;
  906.     }
  907.    
  908.     .audioinfo img{
  909.         position:relative;
  910.         display:inline-block;
  911.         top:14px;
  912.         margin:0 10px 10px 0;
  913.     }
  914.    
  915.     .askr{
  916.         height:26px;
  917.         font:italic 26px/26px Fredoka-One;
  918.         padding:10px 0;
  919.         letter-spacing:1px;
  920.         text-transform:lowercase;
  921.         display:inline-block;
  922.         width:calc(100% - 59px);
  923.         vertical-align:top;
  924.     }
  925.    
  926.     .askr a{
  927.         color:{color:h2};
  928.     }
  929.    
  930.     .askr a:hover{
  931.         color:{color:accent2};
  932.     }
  933.    
  934.     .asked{
  935.         padding:10px;
  936.         background:{color:accent2};
  937.         border:1px solid {color:border};
  938.         margin:20px auto;
  939.         width:calc(100% - 50px);
  940.     }
  941.    
  942.     .quest span img{
  943.         display:block;
  944.         border-radius:50px;
  945.     }
  946.    
  947.     .quest span{
  948.         display:inline-block;
  949.         border-radius:30px;
  950.         padding:8px;
  951.         background:{color:accent2} url(http://static.tumblr.com/hczaopr/aK2of9hyv/anonymous.png)no-repeat center;
  952.         margin:0 10px 1px 0;
  953.     }
  954.    
  955.     .perma{
  956.         font-weight:bold;
  957.         margin-top:5px;
  958.         height:52px;
  959.     }
  960.    
  961.     .date{
  962.         float:left;    
  963.         padding: 5px 9px;
  964.         background:{color:accent2};
  965.         font-size: 16px;
  966.         line-height: 20px;
  967.         border:1px solid {color:border};
  968.         {block:IndexPage}
  969.             width: 31px;
  970.         {/block:IndexPage}
  971.         {block:PermalinkPage}
  972.             width:65%;
  973.             text-align:center;
  974.         {/block:PermalinkPage}
  975.     }
  976.    
  977.     .perma a{
  978.         color:{color:accent5};
  979.     }
  980.    
  981.     a.tumblr_blog{  
  982.         margin-bottom: 10px;
  983.         display: inline-block;
  984.         color:{color:text};
  985.         background: {color:accent4};
  986.         letter-spacing:2px;
  987.         font-weight:800;
  988.         font-size:9px;
  989.         line-height:9px;
  990.         padding:1px 2px 0 2px;
  991.         vertical-align:top;
  992.         border-bottom:0;
  993.         position:relative;
  994.     }
  995.    
  996.     a.tumblr_blog:before {
  997.         content: "";
  998.         width: 4px;
  999.         height: 100%;
  1000.         background: {color:accent2};
  1001.         position: absolute;
  1002.         right: -4px;
  1003.     }
  1004.    
  1005.     .right {
  1006.         width: 50px;
  1007.         height:100%;
  1008.         float: right;
  1009.         text-align:center;
  1010.     }
  1011.    
  1012.     .tago {
  1013.         width: calc(100% - 101px);
  1014.         display: inline-block;
  1015.         font-size: 9px;
  1016.         height:9px;
  1017.         letter-spacing: 1px;
  1018.         text-align: center;
  1019.         padding: 20.5px 0;
  1020.         position:Relative;
  1021.         z-index:1;
  1022.     }
  1023.    
  1024.     .tago:before {
  1025.         content: "";
  1026.         position: absolute;
  1027.         z-index:-1;
  1028.         background:{color:accent2};
  1029.         top:0;
  1030.         left: 5px;
  1031.         width: calc(100% - 15px);
  1032.         height: 100%;
  1033.         border: 1px solid {color:border};
  1034.     }
  1035.    
  1036.     .vias{  
  1037.         {block:IndexPage}margin-top: 9px; {/block:IndexPage}
  1038.         {block:PermalinkPage}
  1039.             vertical-align: top;
  1040.             border:1px solid {color:border};
  1041.             width: calc(30% - 23px);
  1042.             height:20px;
  1043.             margin-left: 11px;
  1044.             display: inline-block;
  1045.             padding: 5px 2.5px;
  1046.         {/block:PermalinkPage}
  1047.     }
  1048.    
  1049.     .vias img {
  1050.         width: 20px;
  1051.         border-radius:30px;
  1052.     }
  1053.    
  1054.     .vias a:last-child {
  1055.         {block:IndexPage}margin-left:3px;{/block:IndexPage}
  1056.         {block:PermalinkPage} margin-left: 10px;{/block:PermalinkPage}
  1057.     }
  1058.    
  1059.     .controls{
  1060.         background:{color:accent5};
  1061.         position:relative;
  1062.     }
  1063.    
  1064.     .controls svg{
  1065.         width:10px;
  1066.         height:10px;
  1067.         fill:{color:accent2};
  1068.     }
  1069.    
  1070.     .controls a {
  1071.         position:relative;
  1072.         display:inline-block;
  1073.         padding:5px;
  1074.         width:12px;
  1075.         height:12px;
  1076.     }
  1077.    
  1078.     .controls:before{
  1079.         content:"";
  1080.         width:1px;
  1081.         height:100%;
  1082.         background:{color:posts};
  1083.         position:absolute;
  1084.         top:0;
  1085.         left:50%;
  1086.     }
  1087.    
  1088.     .controls .like .like_button iframe {
  1089.         position:absolute;
  1090.         top:0;
  1091.         left:0;
  1092.         bottom:0;
  1093.         right:0;
  1094.         width:100%;
  1095.         height:100%;
  1096.         z-index:2;
  1097.         opacity:0;
  1098.     }
  1099.    
  1100.     pre{
  1101.         background:{color:accent2};
  1102.         border-radius:5px;
  1103.         padding:10px;
  1104.         border:1px solid {color:border};
  1105.         white-space: pre-wrap;
  1106.         white-space: -moz-pre-wrap;
  1107.         white-space: -pre-wrap;
  1108.         white-space: -o-pre-wrap;
  1109.         word-wrap: break-word;
  1110.     }
  1111.    
  1112.     .itags{
  1113.         font-size:9px;
  1114.         line-height:10px;
  1115.         font-weight:800;
  1116.         letter-spacing:1px;
  1117.         padding:10px;
  1118.         background:{color:accent2};
  1119.         width:90%;
  1120.         position:relative;
  1121.         text-align:center;
  1122.         left:calc(5% - 10px);
  1123.         border:1px dotted {color:border};
  1124.         {block:IndexPage}
  1125.             {block:ifNotShowTags}
  1126.                 display:none;
  1127.             {/block:ifNotShowTags}
  1128.             margin-top:20px;
  1129.         {/block:IndexPage}
  1130.         {block:PermalinkPage}margin:20px 0;{/block:PermalinkPage}
  1131.     }
  1132.    
  1133.     .itags a{
  1134.         margin:5px 5px 5px 0;
  1135.         display:inline-block;
  1136.     }
  1137.    
  1138.     blockquote{
  1139.         border-left:10px solid {color:accent6};
  1140.         padding-left:10px;
  1141.     }
  1142.    
  1143.     ul, ol{
  1144.         list-style-position:inside;
  1145.         list-style:none;
  1146.         margin:0px;
  1147.         padding:0px;
  1148.     }
  1149.      
  1150.     ul.chat {
  1151.         margin: 0;
  1152.         padding: 0;
  1153.         letter-spacing:.06em;
  1154.     }
  1155.      
  1156.     .chat li {
  1157.         list-style-type: none;
  1158.         margin-left: 0px;
  1159.         padding: 10px;
  1160.     }
  1161.    
  1162.     .label{
  1163.         padding: 0 5px;
  1164.         background: {color:accent4};
  1165.     }
  1166.      
  1167.     .chat li.odd {
  1168.         margin-bottom: 3px;
  1169.         background-color:{color:accent2};
  1170.         border-radius:5px;
  1171.         border:1px dotted {color:border};
  1172.     }
  1173.      
  1174.     .chat li.even {
  1175.         margin-bottom: 3px;
  1176.     }
  1177.      
  1178.     li{list-style-type:square;font-family:calibri;}
  1179.      
  1180.     .videoWrapper {
  1181.         position: relative;
  1182.         padding-bottom: 56.25%;
  1183.         height: 0;
  1184.     }
  1185.    
  1186.     .videoWrapper iframe{
  1187.         position: absolute;
  1188.         width: 100%;
  1189.         height: 100%;
  1190.         left: 0;
  1191.         top: 0;
  1192.     }
  1193.    
  1194.     .fourthirds {padding-bottom: 75%;}
  1195.    
  1196.     .tmblr-lightbox{background:{color:accent10};}
  1197.    
  1198.     .tmblr-lightbox .vignette{opacity:0;}
  1199.     .tmblr-lightbox .lightbox-image{box-shadow:0 0 0 #000;}
  1200.    
  1201.     #pagination {
  1202.         position: Absolute;
  1203.         right: 0;
  1204.         font-size:0;
  1205.         line-height:0;
  1206.         top: 0;
  1207.         text-align:right;
  1208.         height: 28px;
  1209.         width: 74px;
  1210.     }
  1211.    
  1212.     #pagination a {
  1213.         background: {color:Gem color 2};
  1214.         width: 16px;
  1215.         height: 16px;
  1216.         vertical-align: top;
  1217.         display: inline-block;
  1218.         padding: 6px 10px;
  1219.     }
  1220.    
  1221.     #s-m-t-tooltip{
  1222.         max-width:200px;
  1223.         padding:4px 7px;
  1224.         margin-left: 20px;
  1225.         margin-top: 2px;
  1226.         background:{color:tooltip BG};
  1227.         font-size:9px;
  1228.         font-style:italic;
  1229.         line-height:9px;
  1230.         color:{color:tooltip text};
  1231.         letter-spacing:1px;
  1232.         z-index:999999;
  1233.     }
  1234.    
  1235.     .row.clearit:nth-child(n+2) {
  1236.         display: none;
  1237.     }
  1238.    
  1239.     .lightbox-image, #tumblr_lightbox img{
  1240.         margin: -20px 0 0 -20px;
  1241.     }
  1242.    
  1243.     ol.notes {
  1244.         margin-top: 45px;
  1245.         height: 400px;
  1246.         overflow: auto;
  1247.         letter-spacing:.08em;
  1248.         list-style-type: none;
  1249.         border:1px solid {color:border};
  1250.     }
  1251.        
  1252.     ol.notes li.note {
  1253.         border-bottom:1px dotted {color:border};
  1254.         padding: 10px;
  1255.     }
  1256.        
  1257.     ol.notes li.note img.avatar {
  1258.         vertical-align: -4px;
  1259.         margin-right: 10px;
  1260.         width: 16px;
  1261.         height: 16px;
  1262.         border-radius:30px;
  1263.     }
  1264.        
  1265.     ol.notes li.note span.action a{
  1266.         font-style:italic;
  1267.         color:{color:Gem color 1};
  1268.     }
  1269.    
  1270.     ol.notes li.note span.action a:hover{
  1271.         color:{color:accent4};
  1272.     }
  1273.    
  1274.     a.more_notes_link {
  1275.         color: {color:accent1};
  1276.         font-weight: bold;
  1277.         padding: 0 10px;
  1278.         background: {color:accent2};
  1279.         font-style: italic;
  1280.         text-transform: lowercase;
  1281.     }
  1282.        
  1283.     #about {
  1284.         font-size: 0;
  1285.         line-height: 0;
  1286.         background: {color:posts};
  1287.         border:1px solid {color:border};
  1288.         border-radius: 0 0 10px 10px;
  1289.         margin-top:-1px;
  1290.     }
  1291.    
  1292.     #about h1{    
  1293.         border-bottom: 1px dotted {color:accent1};
  1294.         border-top: 1px dotted {color:accent1};
  1295.         display: inline-block;
  1296.         padding: 5px;
  1297.         font-style:italic;
  1298.         font-weight:800;
  1299.         font-size:14px;
  1300.     }
  1301.    
  1302.     .desc {
  1303.         font-size:10px;
  1304.         line-height:15px;
  1305.         vertical-align:top;
  1306.         display: inline-block;
  1307.         width: calc(340px - 40px);
  1308.         height:calc(50% - 40px);
  1309.         padding: 20px;
  1310.         overflow: auto;
  1311.         border-right:1px solid {color:border};
  1312.     }
  1313.    
  1314.     .desc .dport {
  1315.         display:inline-block;
  1316.         width: 70px;
  1317.         border-radius: 5px;
  1318.         margin-right: 7px;
  1319.     }
  1320.    
  1321.     .dinfo li b {
  1322.         text-transform: uppercase;
  1323.         letter-spacing: 2px;
  1324.         margin-right: 10px;
  1325.     }
  1326.    
  1327.     .dinfo li {
  1328.         list-style-type: none;
  1329.         border-bottom: 1px solid {color:border};
  1330.         padding: 4px ;
  1331.     }
  1332.    
  1333.     .dinfo {
  1334.         display: inline-block;
  1335.         background: {color:accent2};
  1336.         width: 220px;
  1337.         font-size: 9px;
  1338.         line-height: 9px;
  1339.         font-weight: 800;
  1340.         letter-spacing: 1px;
  1341.     }
  1342.    
  1343.     .tblogs{
  1344.         font-size:10px;
  1345.         line-height:15px;
  1346.         vertical-align:top;
  1347.         border-right:1px solid {color:border};
  1348.         display: inline-block;
  1349.         width: calc(250px - 38px);
  1350.         height:calc(50% - 40px);
  1351.         padding: 20px;
  1352.         overflow: auto;
  1353.     }
  1354.    
  1355.     .blg {
  1356.         height:30px;
  1357.         display:block;
  1358.         margin-bottom:20px;
  1359.     }
  1360.    
  1361.     .blg img{
  1362.         border-radius:5px;
  1363.         margin-top:5px;
  1364.     }
  1365.    
  1366.     .blg:last-of-type{
  1367.         margin-bottom:0;
  1368.     }
  1369.    
  1370.     .blg .port {
  1371.         width:30px;
  1372.         float: left;
  1373.     }
  1374.    
  1375.     .blg .info {
  1376.         padding:5px;
  1377.         background:{color:accent2};
  1378.         display: inline-block;
  1379.         width: calc(100% - 60px);
  1380.         border-radius:3px;
  1381.         margin-left: 20px;
  1382.     }
  1383.    
  1384.     .blg h3 {
  1385.         font-size: 14px;
  1386.         line-height: 14px;
  1387.         font-weight: 800;
  1388.         letter-spacing: .05em;
  1389.     }
  1390.    
  1391.     .blg h4 {
  1392.         font-style: italic;
  1393.         font-size: 10px;
  1394.         letter-spacing: .04em;
  1395.     }
  1396.    
  1397.     .update{
  1398.         margin-right: -1px;
  1399.         line-height:15px;
  1400.         display: inline-block;
  1401.         border-right:1px solid {color:border};
  1402.         width: calc(304px - 40px);
  1403.         height:calc(50% - 40px);
  1404.         padding: 20px;
  1405.         overflow: auto;
  1406.         vertical-align:top;
  1407.         font-size:11px;
  1408.     }
  1409.    
  1410.     .update li{
  1411.         list-style-type:none;
  1412.         margin-bottom:5px;
  1413.     }
  1414.    
  1415.     .update li span{
  1416.         color:{color:Gem color 3}
  1417.         padding:0 2px;
  1418.         font-size:10px;
  1419.         line-height:10px;
  1420.         background:{color:accent2};
  1421.         color:{color:accent7};
  1422.         font-weight:800;
  1423.         letter-spacing:.08em;
  1424.         display:inline-block;
  1425.         margin-right:10px;
  1426.     }
  1427.    
  1428.     .navi {
  1429.         font-size: 10px;
  1430.         line-height: 15px;
  1431.         width: calc(100% - 41px);
  1432.         padding: 20px;
  1433.         overflow: auto;
  1434.         border-top: 1px solid {color:border};
  1435.         background: {color:accent2};
  1436.         max-height: calc(50% - 44px);
  1437.         height: calc(50% - 44px);
  1438.         border-radius: 0 0 10px 10px;
  1439.         {block:ifNotShowExtraLinks}
  1440.             display:none;
  1441.         {/block:ifNotShowExtraLinks}
  1442.     }
  1443.    
  1444.     .navi a{
  1445.         color:{color:abouttab link};
  1446.     }
  1447.    
  1448.     .navi li{
  1449.         list-style-type:none;
  1450.     }
  1451.    
  1452.     .nav{
  1453.         vertical-align:top;
  1454.         display:inline-block;
  1455.         width:calc(40% + 0px);
  1456.         height:100%;
  1457.         overflow:hidden;
  1458.         font-size:0;
  1459.         line-height:0;
  1460.     }
  1461.    
  1462.     .nav a {
  1463.         font-size: 11px;
  1464.         line-height: 11px;
  1465.         width: calc((100% / 3) - 2px);
  1466.         background: {color:accent2};
  1467.         padding:26.1px 0;
  1468.         text-align: center;
  1469.         display: inline-block;
  1470.         border:1px solid {color:border};
  1471.     }
  1472.    
  1473.     .nav a:nth-of-type(2),.nav a:nth-of-type(5),.nav a:nth-of-type(8),.nav a:nth-of-type(11){
  1474.         margin:0 -1px;
  1475.     }
  1476.    
  1477.     .nav a:nth-of-type(n){
  1478.         margin-bottom:-1px;
  1479.     }
  1480.    
  1481.     .tagged{
  1482.         vertical-align:top;
  1483.         margin-left:26px;
  1484.         display:inline-block;
  1485.         width:calc(60% - 30px);
  1486.         height:100%;
  1487.         overflow:auto;
  1488.         {block:ifShowExtraLinks}
  1489.             margin-left:26px;
  1490.             display:inline-block;
  1491.             width:calc(60% - 30px);
  1492.         {/block:ifShowExtraLinks}
  1493.         {block:ifNotShowExtraLinks}
  1494.             width:calc(100% - 30px);
  1495.         {/block:ifNotShowExtraLinks}
  1496.     }
  1497.    
  1498.     .tagged li:before {
  1499.         content: "";
  1500.         width: 10px;
  1501.         height: 100%;
  1502.         background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAADCAYAAAC56t6BAAAAG0lEQVQYV2P8al/8n/tgLyMjAwMDA4jDCBMBAI/NCqpMWEFaAAAAAElFTkSuQmCC) no-repeat center;
  1503.         position: absolute;
  1504.         left: 0;
  1505.         top: 0;
  1506.     }
  1507.    
  1508.     .tagged li {
  1509.         background: {color:accent2};
  1510.         border-bottom: 1px dotted {color:border};
  1511.         padding: 5px 10px 5px 15px;
  1512.         margin-bottom:3px;
  1513.         display: inline-block;
  1514.         width: calc((100% / 4) - 28px);
  1515.         position: relative;
  1516.     }
  1517.    
  1518.     #blogroll {
  1519.         overflow: auto;
  1520.         background: {color:posts};
  1521.         margin-top: -1px;
  1522.         border-radius: 0 0 10px 10px;
  1523.         border:1px solid {color:border};
  1524.     }
  1525.    
  1526.     #fol {
  1527.         display: inline-block;
  1528.         width: 45px;
  1529.         height: 45px;
  1530.         vertical-align: top;
  1531.         margin: 10px;
  1532.         border-radius: 5px;
  1533.         padding: 10px;
  1534.         background: {color:accent2};
  1535.     }
  1536.        
  1537.     #fol img{
  1538.         width:45px;
  1539.         border-radius:3px;
  1540.     }
  1541.    
  1542.     .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  1543.         z-index:123456!important;
  1544.         position:fixed;
  1545.         top:10px;
  1546.         right:10px;
  1547.         white-space:nowrap;
  1548.         -webkit-filter: invert(100%);
  1549.         -moz-filter: invert(100%);
  1550.         -o-filter: invert(100%);
  1551.         -ms-filter: invert(100%);
  1552.         filter: invert(100%);
  1553.         transform:scale(.7);
  1554.         -webkit-transform:scale(.7);
  1555.         -moz-transform:scale(.7);
  1556.     }
  1557.    
  1558.     .spotify_audio_player {height:80px !important;}
  1559. </style>
  1560. </head>
  1561. <body>
  1562.  
  1563.  
  1564.  
  1565. <div class="tabbed">
  1566.  
  1567.  
  1568.  
  1569. <div class="contents">
  1570.  
  1571. <div id="side">
  1572.  
  1573.   <ul>
  1574.     <li><a href="#posts">posts</a></li>
  1575.     <li><a href="#about">about</a></li>
  1576.     <li><a href="#blogroll">blogroll</a></li>
  1577.   </ul>
  1578. </div>  
  1579.  
  1580.     <header>
  1581.         <span>{text:header title}</span>
  1582.     </header>
  1583.  
  1584.     <div id="search">
  1585.         <form class="search" action="javascript:return false">
  1586.             <input type="text" class="query" placeholder="search the tags">
  1587.         </form>
  1588.        
  1589.     {block:Pagination}
  1590.         <div id="pagination">
  1591.             {block:PreviousPage}<a href="{PreviousPage}#posts"><img src="http://static.tumblr.com/hczaopr/X6Bof09a3/left.png"></a>{/block:PreviousPage}
  1592.             {block:NextPage}<a href="{NextPage}#posts"><img src="http://static.tumblr.com/hczaopr/G19of09aa/right.png"></a>{/block:NextPage}
  1593.         </div>
  1594.     {/block:Pagination}    
  1595.        
  1596.        
  1597.     </div>
  1598.    
  1599.    
  1600.  
  1601.  
  1602.  
  1603. <div id="posts">
  1604.  
  1605.  
  1606. <section id="entrywrap">
  1607.  
  1608.  
  1609.   <div class="section">
  1610.     <aside>
  1611.         <div id="gem">
  1612.            
  1613.             {block:ifRubyGem}
  1614.                 <svg viewBox="0 0 600 604">
  1615.                     <a href="/"><path fill="{color:Gem color 1}" d="M412,195.5L515.592,92.411C461.052,36.051,384.624,1,300,1C213.958,1,136.388,37.232,81.684,95.259 L182,195.5H412z"/></a>
  1616.                     <a href="/ask"><path fill="{color:Gem color 2}" d="M182,195.5L81.684,95.259C31.047,148.971,0,221.356,0,301c0,81.32,32.37,155.068,84.91,209.103L182,412.5 V195.5z"/></a>
  1617.                     <a href="/archive"><path fill="{color:Gem color 3}" d="M515.592,92.411L412,195.5v217l100.381,100.377C566.522,458.607,600,383.715,600,301 C600,219.938,567.837,146.399,515.592,92.411z"/></a>
  1618.                    
  1619.                     {block:IfGemLinkOne}
  1620.     <a href="{block:IfGemLinkOneURL}{text:Gem Link One URL}{/block:IfGemLinkOneURL}"><path fill="{color:Gem color 4}" d="M182,412.5l-97.09,97.603C139.417,566.161,215.634,601,300,601c82.971,0,158.072-33.686,212.381-88.123 L412,412.5H182z"/></a>{/block:IfGemLinkOne}
  1621.                     {block:IfGemLinkTwo}
  1622.     <a href="{block:IfGemLinkTwoURL}{text:Gem Link Two URL}{/block:IfGemLinkTwoURL}"><rect x="182" y="195.5" fill="{color:Gem color 5}" width="230" height="217"/></a>{/block:IfGemLinkTwo}
  1623.            
  1624.                     <div class="gn">
  1625.                         <span class="r1">home</span>
  1626.                         <span class="r2">ask<span></span></span>
  1627.                         <span class="r3">archive</span>
  1628.                         <span class="r4">{text:Gem Link One}</span>
  1629.                         {block:IfGemLinkTwo}<span class="r5"><img src="http://static.tumblr.com/hczaopr/yTzohllcr/amethyst-rubygem.png"></span>{/block:IfGemLinkTwo}
  1630.                     </div>
  1631.                 </svg>
  1632.             {/block:ifRubyGem}
  1633.        
  1634.        
  1635.            
  1636.             {block:ifSapphireGem}
  1637.                 <svg viewBox="0 0 600 604">
  1638.                     <a href="/"><path fill="{color:Gem color 6}" d="M299.069,77V1.012C133.813,1.515,0,135.625,0,301c0,58.048,16.504,112.233,45.05,158.153 L110,427.5L299.069,77z"/></a>
  1639.                     <a href="/archive"><path fill="{color:Gem color 7}" d="M300,1c-0.311,0-0.62,0.011-0.931,0.012V77L487,427.5l67.949,31.653 C583.496,413.233,600,359.048,600,301C600,135.314,465.686,1,300,1z"/></a>
  1640.                     <a href="/ask"><path fill="{color:Gem color 8}" d="M110,427.5l-64.95,31.653C97.983,544.302,192.363,601,300,601 c107.638,0,202.018-56.698,254.949-141.847L487,427.5H110z"/></a>
  1641.                     {block:IfGemLinkOne}
  1642. <a href="{block:IfGemLinkOneURL}{text:Gem Link One URL}{/block:IfGemLinkOneURL}"><polygon fill="{color:Gem color 9}" points="487,427.5 299.069,77 110,427.5"/>{/block:IfGemLinkOne}
  1643.                    
  1644.                     <div class="gn">
  1645.                         <span class="r2">Home<span></span></span>
  1646.                         <span class="r3">archive</span>
  1647.                         <span class="r4">Ask</span>
  1648.                         {block:IfGemLinkOne}<span class="r5"><img src="http://static.tumblr.com/hczaopr/jTZohlr6d/amethyst-sapphiregem.png"></span>{/block:IfGemLinkOne}
  1649.                     </div>
  1650.                 </svg>
  1651.             {/block:ifSapphireGem}
  1652.         </div>
  1653.     </aside>
  1654.  
  1655.  
  1656.  
  1657.  
  1658.  
  1659. <div id="content">
  1660.     {block:Posts}
  1661.     <article id="{PostID}">
  1662.        
  1663.     {block:Text}
  1664.         <div class="txt">
  1665.             {block:Title}
  1666.             <h1><a href="{permalink}">{Title}</a></h1>{/block:Title}
  1667.             <span class="bod">{Body}</span>
  1668.         </div>
  1669.     {/block:Text}
  1670.    
  1671.      
  1672.      
  1673.      
  1674.     {block:Link}
  1675.         <div class="txt">
  1676.             <div class="span">
  1677.                 <h1><a href="{URL}">{Name}</a></h1>
  1678.                 {block:Description}<span class="bod">{Description}</span>{/block:Description}
  1679.             </div>
  1680.         </div>
  1681.     {block:Link}
  1682.      
  1683.      
  1684.      
  1685.      
  1686.     {block:Photo}
  1687.         {block:IndexPage}
  1688.             <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">
  1689.         <img class="img" src="{PhotoURL-HighRes}">
  1690.     </a>
  1691.         {/block:IndexPage}
  1692.        
  1693.         {block:PermalinkPage}
  1694.             {block:HighRes}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{/block:HighRes}
  1695.         {block:PermalinkPage}
  1696.     {/block:Photo}
  1697.      
  1698.      
  1699.      
  1700.      
  1701.    
  1702.     {block:Photoset}
  1703.         <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>
  1704.     {/block:Photoset}
  1705.    
  1706.    
  1707.    
  1708.    
  1709.    
  1710.    
  1711.     {block:Chat}
  1712.         {block:Title}
  1713.             <div class="titled">
  1714.                 <h1><a href="{Permalink}">{Title}</a></h1>
  1715.             </div>
  1716.         {/block:Title}
  1717.             <ul class="chat">
  1718.                 {block:Lines}
  1719.                     <li class="{Alt} user_{UserNumber}">
  1720.                 {block:Label}<span class="label">{Label}</span>{/block:Label}
  1721.                     {Line}
  1722.                 </li>
  1723.                 {/block:Lines}
  1724.             </ul>
  1725.     {/block:Chat}
  1726.    
  1727.    
  1728.    
  1729.    
  1730.    
  1731.    
  1732.    
  1733.    
  1734.    
  1735.    
  1736.     {block:Audio}
  1737.         <div class="alart">
  1738.             {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1739.         </div>
  1740.         <div id="play"><div class="play">{AudioPlayerBlack}</div></div>
  1741.        
  1742.         <div class="audioinfo">
  1743.             {block:TrackName}<img src="http://static.tumblr.com/hczaopr/bofohnbo2/audio.png">{TrackName}<br>{/block:TrackName}
  1744.             {block:Artist}<img src="http://static.tumblr.com/hczaopr/lU0ohnbnx/artist.png">{Artist}<br>{/block:Artist}
  1745.             {block:Album}<img src="http://static.tumblr.com/hczaopr/Gjqohnbns/album.png">{Album}{/block:Album}
  1746.         </div>
  1747.     {/block:Audio}
  1748.    
  1749.    
  1750.    
  1751.    
  1752.      
  1753.      
  1754.     {block:Quote}
  1755.         <span class="bod">
  1756.             <h2>{Quote}</h2>
  1757.             {block:Source}<div class="source">- {Source}</div>{/block:Source}
  1758.         </bod>
  1759.     {/block:Quote}
  1760.      
  1761.      
  1762.      
  1763.      
  1764.      
  1765.     {block:Answer}
  1766.         <div class="quest">
  1767.             <span><img src="{AskerPortraitURL-30}"></span>
  1768.             <div class="askr"> <a href="{permalink}">{Asker}</a></div>
  1769.             <div class="asked">{Question}</div>
  1770.         </div>
  1771.         {Answer}
  1772.     {/block:Answer}
  1773.    
  1774.    
  1775.    
  1776.    
  1777.     {block:Video}
  1778.             <div class="video">{Video-500}</div>
  1779.     {/block:Video}
  1780.  
  1781.  
  1782. {block:IndexPage}
  1783.     {block:ifShowCaption}
  1784.         {block:Caption}
  1785.             <div class="cap">{Caption}</div>
  1786.         {/block:Caption}
  1787.     {/block:ifShowCaption}
  1788. {/block:IndexPage}
  1789.  
  1790.     {block:PermalinkPage}
  1791.         {block:Caption}
  1792.             <div class="cap">{Caption}</div>
  1793.         {/block:Caption}
  1794.     {/block:PermalinkPage}
  1795.    
  1796.    
  1797. {block:IndexPage}
  1798.     <div class="perma">
  1799.         {block:Date}<div class="date"><a href="{permalink}">{MonthNumberWithZero}{DayOfMonthWithZero}{ShortYear}</a></div>
  1800.        
  1801.         <div class="tago">
  1802.             {TimeAgo}
  1803.         </div>
  1804.        
  1805.         {/block:Date}
  1806.         <div class="right">
  1807.             <div class="controls">
  1808.                 <a href="{ReblogURL}" target="_blank" class="reblog">
  1809.                     <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>
  1810.             </a>
  1811.             <a href="#" class="like">{LikeButton}
  1812.                 <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>
  1813.                 </a>
  1814.             </div>
  1815.            
  1816.             {block:RebloggedFrom}
  1817.                 <div class="vias">
  1818.                     <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a>
  1819.                     <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a>
  1820.                 </div>
  1821.             {/block:RebloggedFrom}
  1822.         </div>
  1823.     </div>
  1824.     {block:HasTags}
  1825.         <div class="itags">
  1826.             {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1827.         </div>
  1828.     {/block:HasTags}
  1829. {/block:IndexPage}
  1830.  
  1831.  
  1832.  
  1833.  
  1834. {block:PermalinkPage}
  1835.     <div class="perma">
  1836.         {block:Date}<div class="date">{TimeAgo}</div>{/block:Date}
  1837.        
  1838.         {block:RebloggedFrom}
  1839.                 <div class="vias">
  1840.                     <center><a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a>
  1841.                     <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a></center>
  1842.                 </div>
  1843.             {/block:RebloggedFrom}
  1844.     </div>
  1845.    
  1846.     {block:HasTags}
  1847.         <div class="itags">
  1848.             {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1849.         </div>
  1850.     {/block:HasTags}
  1851. {/block:PermalinkPage}
  1852.  
  1853.  
  1854. {PostNotes-16}
  1855.  
  1856.  
  1857. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1858. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1859.  
  1860.  
  1861.  
  1862. </article>
  1863. {/block:Posts}
  1864.  
  1865.  
  1866. </div>
  1867.  
  1868. <!--CONTENT 1 SECTION ENDS-->
  1869.  
  1870.  
  1871.  
  1872.  
  1873.  
  1874.  
  1875. </div>
  1876. </section>
  1877.  
  1878.  
  1879.  
  1880.  
  1881. </div>
  1882.  
  1883.  
  1884.  
  1885.  
  1886.  
  1887.  
  1888.  
  1889.  
  1890.  
  1891.  
  1892.  
  1893. <div id="about">
  1894.  
  1895.  
  1896. <!-- This is the description part in the about tab. Everything is self explanatory, just please look through the code -->
  1897.  
  1898.  
  1899.  
  1900.     <!-- Description box starts -->
  1901.     <div class="desc">
  1902.         <img class="dport" src="{image:portrait}">
  1903.         <div class="dinfo">
  1904.        
  1905.         <!-- Add your basic info here or delete it and add whatever -->
  1906.             <li><b>Name:</b> Lorem Ipsum</li>
  1907.             <li><b>Age:</b>2222000000years</li>
  1908.             <li><b>Location:</b>United of sass</li>
  1909.             <li><b>Status:</b>Nonya</li>
  1910.         </div>
  1911.        
  1912.         {description}
  1913.     </div>    
  1914.    
  1915.     <!-- Description box Ends -->
  1916.    
  1917.    
  1918.    
  1919.    
  1920.    
  1921.    
  1922.    
  1923.    
  1924.    
  1925.    
  1926.    
  1927.    
  1928.    
  1929.    
  1930.    
  1931.    
  1932.    
  1933.    
  1934.     <!-- Blog redirect starts -->
  1935.     <div class="tblogs">
  1936.         <h1>redirect</h1>
  1937.        
  1938.         <!---------
  1939.        To add more blogs or delete theme this is the code:
  1940.        
  1941.             <div class="blg">
  1942.                <div class="port"><img src="BLOG IMAGE URL"></div>
  1943.                <div class="info">
  1944.                    <h3>Blog name</h3>
  1945.                    <h4>sub title of blog</h4>
  1946.                </div>
  1947.            </div>
  1948.            
  1949.        --------->
  1950.        
  1951.        
  1952.         <div class="blg">
  1953.             <div class="port"><img src="BLOG 1 IMAGE URL"></div>
  1954.             <div class="info">
  1955.                 <h3>Blog one name</h3>
  1956.                 <h4>sub title of blog one</h4>
  1957.             </div>
  1958.         </div>
  1959.        
  1960.        
  1961.        
  1962.         <div class="blg">
  1963.             <div class="port"><img src="BLOG 2 IMAGE URL"></div>
  1964.             <div class="info">
  1965.                 <h3>Blog two name</h3>
  1966.                 <h4>sub title of blog two</h4>
  1967.             </div>
  1968.         </div>
  1969.     </div>
  1970.    
  1971.     <!-- Blog redirect Ends -->
  1972.    
  1973.    
  1974.    
  1975.    
  1976.    
  1977.    
  1978.    
  1979.    
  1980.    
  1981.    
  1982.    
  1983.    
  1984.    
  1985.    
  1986.     <!-- Updates will have to be manually entered, or you can delete this section -->
  1987.     <div class="update">
  1988.         <h1>updates</h1>
  1989.         <li><span>01/12/16</span> Update one here</li>
  1990.         <li><span>02/13/17</span> Update two here</li>
  1991.         <li><span>03/14/18</span> Update three here</li>
  1992.         <li><span>04/15/19</span> Update four here</li>
  1993.         <li><span>05/16/20</span> Update five here</li>
  1994.     </div>
  1995.     <!-- Update section ends -->
  1996.    
  1997.    
  1998.    
  1999.    
  2000.    
  2001.    
  2002.    
  2003.    
  2004.    
  2005.    
  2006.    
  2007.    
  2008.     <!-- Extra Links starts -->
  2009.     <div class="navi">
  2010.         <div class="nav">
  2011.             {block:IfAboutTabLinkOne}
  2012. <a href="{block:IfAboutTabLinkOneURL}{text:AboutTab Link One URL}{/block:IfAboutTabLinkOneURL}" title="{text:AboutTab Link One}"><li>I</li></a>
  2013. {/block:IfAboutTabLinkOne}
  2014.  
  2015.  
  2016.             {block:IfAboutTabLinkTwo}
  2017.             <a href="{block:IfAboutTabLinkTwoURL}{text:AboutTab Link Two URL}{/block:IfAboutTabLinkTwoURL}"  title="{text:AboutTab Link Two}"><li>II</li></a>
  2018.             {/block:IfAboutTabLinkTwo}
  2019.              
  2020.              
  2021.             {block:IfAboutTabLinkThree}
  2022.             <a href="{block:IfAboutTabLinkThreeURL}{text:AboutTab Link Three URL}{/block:IfAboutTabLinkThreeURL}"  title="{text:AboutTab Link Three}"><li>III</li></a>
  2023.             {/block:IfAboutTabLinkThree}
  2024.              
  2025.              
  2026.             {block:IfAboutTabLinkFour}
  2027.             <a href="{block:IfAboutTabLinkFourURL}{text:AboutTab Link Four URL}{/block:IfAboutTabLinkFourURL}"  title="{text:AboutTab Link Four}"><li>IV</li></a>
  2028.             {/block:IfAboutTabLinkFour}
  2029.              
  2030.              
  2031.             {block:IfAboutTabLinkFive}
  2032.             <a href="{block:IfAboutTabLinkFiveURL}{text:AboutTab Link Five URL}{/block:IfAboutTabLinkFiveURL}"  title="{text:AboutTab Link Five}"><li>V</li></a>
  2033.             {/block:IfAboutTabLinkFive}
  2034.              
  2035.              
  2036.             {block:IfAboutTabLinkSix}
  2037.             <a href="{block:IfAboutTabLinkSixURL}{text:AboutTab Link Six URL}{/block:IfAboutTabLinkSixURL}"  title="{text:AboutTab Link Six}"><li>VI</li></a>
  2038.             {/block:IfAboutTabLinkSix}
  2039.              
  2040.              
  2041.             {block:IfAboutTabLinkSeven}
  2042.             <a href="{block:IfAboutTabLinkSevenURL}{text:AboutTab Link Seven URL}{/block:IfAboutTabLinkSevenURL}"  title="{text:AboutTab Link Seven}"><li>VII</li></a>
  2043.             {/block:IfAboutTabLinkSeven}
  2044.              
  2045.              
  2046.             {block:IfAboutTabLinkEight}
  2047.             <a href="{block:IfAboutTabLinkEightURL}{text:AboutTab Link Eight URL}{/block:IfAboutTabLinkEightURL}"  title="{text:AboutTab Link Eight}"><li>VIII</li></a>
  2048.             {/block:IfAboutTabLinkEight}
  2049.              
  2050.                        
  2051.             {block:IfAboutTabLinkNine}
  2052.             <a href="{block:IfAboutTabLinkNineURL}{text:AboutTab Link Nine URL}{/block:IfAboutTabLinkNineURL}"  title="{text:AboutTab Link Nine}"><li>IX</li></a>
  2053.             {/block:IfAboutTabLinkNine}
  2054.            
  2055.            
  2056.             {block:IfAboutTabLinkTen}
  2057.             <a href="{block:IfAboutTabLinkTenURL}{text:AboutTab Link Ten URL}{/block:IfAboutTabLinkTenURL}"  title="{text:AboutTab Link Ten}"><li>X</li></a>
  2058.             {/block:IfAboutTabLinkTen}
  2059.            
  2060.            
  2061.             {block:IfAboutTabLinkEleven}
  2062.             <a href="{block:IfAboutTabLinkElevenURL}{text:AboutTab Link Eleven URL}{/block:IfAboutTabLinkElevenURL}"  title="{text:AboutTab Link Eleven}"><li>XI</li></a>
  2063.             {/block:IfAboutTabLinkEleven}
  2064.            
  2065.            
  2066.             {block:IfAboutTabLinkTwelve}
  2067.             <a href="{block:IfAboutTabLinkTwelveURL}{text:AboutTab Link Twelve URL}{/block:IfAboutTabLinkTwelveURL}"  title="{text:AboutTab Link Twelve}"><li>XII</li></a>
  2068.             {/block:IfAboutTabLinkTwelve}
  2069.         </div>
  2070.     <!-- Extra Links End -->
  2071.        
  2072.        
  2073.        
  2074.        
  2075.        
  2076.     <!-- Tags starts -->
  2077.         <div class="tagged">
  2078.             <h1>tagged</h1><br>  
  2079.            
  2080.             <!-- You have to surround each tag link with <li></li> -->
  2081.            
  2082.             <li><a href="">tag 1</a></li>
  2083.             <li><a href="">tag 2</a></li>
  2084.             <li><a href="">tag 3</a></li>
  2085.             <li><a href="">tag 4</a></li>
  2086.             <li><a href="">tag 5</a></li>
  2087.             <li><a href="">tag 6</a></li>
  2088.             <li><a href="">tag 7</a></li>
  2089.             <li><a href="">tag 8</a></li>
  2090.             <li><a href="">tag 9</a></li>
  2091.             <li><a href="">tag 10</a></li>
  2092.             <li><a href="">tag 11</a></li>
  2093.             <li><a href="">tag 12</a></li>
  2094.             <li><a href="">tag 13</a></li>
  2095.             <li><a href="">tag 14</a></li>
  2096.             <li><a href="">tag 15</a></li>
  2097.             <li><a href="">tag 16</a></li>
  2098.             <li><a href="">tag 17</a></li>
  2099.             <li><a href="">tag 18</a></li>
  2100.             <li><a href="">tag 19</a></li>
  2101.             <li><a href="">tag 20</a></li>
  2102.         </div>
  2103.     <!-- Tags Ends -->
  2104.    
  2105.    
  2106.     </div>
  2107. </div>
  2108.  
  2109.  
  2110.  
  2111.  
  2112.  
  2113.  
  2114.  
  2115.  
  2116.  
  2117.  
  2118.  
  2119. <div id="blogroll">
  2120.         <center>
  2121.             {block:Following}{block:Followed}
  2122.                 <div id="fol"><a title="{FollowedName}" href="{FollowedURL}"><img src="{FollowedPortraitURL-64}"></a></div>            
  2123.             {/block:Followed}{/block:Following}
  2124.         </center>
  2125. </div>
  2126.  
  2127.  
  2128.  
  2129.   </div>
  2130. </div>
  2131.  
  2132.  
  2133. <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  2134. <script src='http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js'></script>
  2135. <script src="http://static.tumblr.com/hczaopr/nwFoe3apm/index.js"></script>
  2136. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2137. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2138. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2139.  
  2140.  
  2141. <script>
  2142. // minimal soundcloud player © shythemes.tumblr
  2143. $(document).ready(function(){
  2144.    var color = '{color:accent4}';
  2145.    $('.soundcloud_audio_player').each(function(){
  2146.        $(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%' });
  2147.    });
  2148. });
  2149. </script>
  2150.  
  2151.  
  2152.  
  2153. <script>
  2154. $(document).ready(function() {
  2155.     (function($) {
  2156.         $('ul a').click(function(g) {
  2157.             var tab = $(this).closest('#entrywrap'),
  2158.                 index = $(this).closest('a').index();
  2159.             tab.find('.section').find('div#content').not(
  2160.                 'div#content:eq(' + index + ')').slideUp();
  2161.             tab.find('.section').find('div#content:eq(' +
  2162.                 index + ')').slideDown();
  2163.             g.preventDefault();
  2164.         });
  2165.     })(jQuery);
  2166.    
  2167.     $('.photo-slideshow').pxuPhotoset({
  2168.         lightbox: true,
  2169.         rounded: false,
  2170.         gutter: '5px',
  2171.         borderRadius: '5px',
  2172.         photoset: '.photo-slideshow',
  2173.         photoWrap: '.photo-data',
  2174.         photo: '.pxu-photo'
  2175.     });
  2176. });
  2177. </script>
  2178.  
  2179. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  2180. <script>
  2181. (function($) {
  2182.     $(document).ready(function() {
  2183.         $("a[title]").style_my_tooltips({
  2184.             tip_follows_cursor: true,
  2185.             tip_delay_time: 90,
  2186.             tip_fade_speed: 300,
  2187.             attribute: "title"
  2188.         });
  2189.     });
  2190. })(jQuery);
  2191. </script>
  2192.  
  2193.  
  2194. </body>
  2195. </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!