API tools faq
paste
thejacketslut

[retired] tear garden

thejacketslut
May 15th, 2015
2,490
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 27.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6.  
  7.  
  8.  
  9.                    <!--THEME BY FELINUM-->
  10.  
  11.  
  12.  
  13.                            <!--RULES:
  14.                1. DON'T CLAIM THE CODE AS YOUR OWN
  15.           2. DON'T STEAL OR REDISTRIBUTE ON OTHER SITES
  16.                   3. LEAVE THE CREDIT INTACT-->
  17.                    
  18.                    
  19.  
  20.     <!--BASIC VARIABLES-->
  21.     <title>{Title}</title>
  22.     <link rel="shortcut icon" href="/">
  23.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.     {block:Description}
  25.     <meta name="description" content="{MetaDescription}" />
  26.     {/block:Description}
  27.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  28.    
  29.     <!--CURSOR-->
  30.     {block:IfTinyCursor}
  31.     <style> body, a, a:hover{cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto} </style>    
  32.     {/block:IfTinyCursor}
  33.    
  34.     <!--FONTS-->
  35.    <link href='https://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
  36.      <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  37.      
  38.     <!--TOOLTIPS-->
  39.       <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  40.     <script src="http://static.tumblr.com/0cdn90j/glvnidntk/jquery.style-my-tooltips.js"></script>
  41.     <script>
  42.      (function($){
  43.          $(document).ready(function(){
  44.              $("[title]").style_my_tooltips({
  45.     tip_follows_cursor:true,
  46.     tip_delay_time:300,
  47.     tip_fade_speed:300,
  48.     attribute:"title"
  49. });
  50.          });
  51.      })(jQuery);
  52.  </script>
  53.  
  54.  
  55.     <meta name="image:Background" content=""/>
  56.     <meta name="image:Sidebar" content=""/>
  57.    
  58.     <meta name="color:Background" content="#fff"/>
  59.     <meta name="color:Text" content="#747474"/>
  60.     <meta name="color:Link" content="#528886"/>
  61.     <meta name="color:Link Hover" content="#fff"/>
  62.     <meta name="color:Link Hover BG" content="#000"/>
  63.     <meta name="color:Title" content="#696d88" />
  64.     <meta name="color:Sidebar BG" content="#000"/>
  65.     <meta name="color:Navigation Links" content="#fff"/>
  66.     <meta name="color:Search Text" content="#4a537a"/>
  67.     <meta name="color:Description" content="#a1a1a1"/>
  68.  
  69.     <meta name="color:PostInfo" content="#5e5e5e"/>
  70.     <meta name="color:PostInfo Links" content="#7c9b9b"/>
  71.     <meta name="color:PostInfo Links Hover" content="#fff"/>
  72.     <meta name="color:Post Title" content="#000"/>
  73.     <meta name="color:Post Title Hover" content="#fff"/>
  74.     <meta name="color:Italic" content="#849dc8"/>
  75.     <meta name="color:Bold" content="#56585b"/>
  76.     <meta name="color:Blockquote" content="#848484"/>
  77.     <meta name="color:Quote" content="#000"/>
  78.     <meta name="color:Chat1" content="#bdc5c6"/>
  79.     <meta name="color:Chat2" content="#6a8b9f"/>
  80.     <meta name="color:Question" content="#ccc"/>
  81.     <meta name="color:Question BG" content="#000"/>
  82.     <meta name="color:Asker Link" content="#7f8ea5"/>
  83.     <meta name="color:Track Details" content="#ccc"/>
  84.     <meta name="color:Track Details Hover" content="#a1bbd0"/>
  85.     <meta name="color:Tooltip Text" content="#fff"/>
  86.     <meta name="color:Tooltip BG" content="#000"/>
  87.    
  88.     <meta name="color:ScrollBar" content="#758a93"/>
  89.     <meta name="color:ScrollBar BG" content="#000"/>
  90.  
  91.     <meta name="if:500px Posts" content="0">
  92.     <meta name="if:400px Posts" content="1">
  93.     <meta name="if:250px Posts" content="0">
  94.     <meta name="if:show Caption" content="1">
  95.     <meta name="if:Tiny Cursor" content="1"/>
  96.     <meta name="if:Fading Effect Sidebar Img" content="1"/>
  97.    
  98.     <meta name="text:Sub Title" content="hover on title"/>
  99.  
  100.     <meta name="text:Link 1 URL" content="/"/>
  101.     <meta name="text:Link 1" content="一"/>
  102.     <meta name="text:Link 1 Title" content="link 1 hover"/>
  103.    
  104.     <meta name="text:Link 2 URL" content="/"/>
  105.     <meta name="text:Link 2" content="二"/>
  106.     <meta name="text:Link 2 Title" content="link 2 hover"/>
  107.    
  108.     <meta name="text:Link 3 URL" content="/"/>
  109.     <meta name="text:Link 3" content="三"/>
  110.     <meta name="text:Link 3 Title" content="link 3 hover"/>
  111.    
  112.     <meta name="text:Link 4 URL" content="/"/>
  113.     <meta name="text:Link 4" content="四"/>
  114.     <meta name="text:Link 4 Title" content="link 4 hover"/>
  115.    
  116.     <meta name="text:Link 5 URL" content="/"/>
  117.     <meta name="text:Link 5" content="五"/>
  118.     <meta name="text:Link 5 Title" content="link 5 hover"/>
  119.    
  120.     <meta name="text:Link 6 URL" content="/"/>
  121.     <meta name="text:Link 6" content="六"/>
  122.     <meta name="text:Link 6 Title" content="link 6 hover"/>
  123.    
  124.  
  125.    
  126.  
  127.  
  128.     <style type="text/css">
  129.    
  130.     /* GENERAL */
  131.    
  132.     ::-webkit-scrollbar-thumb {
  133.         height:auto;
  134.         background-color:{color:ScrollBar};
  135.     }
  136.      
  137.     ::-webkit-scrollbar {
  138.         height:4px;
  139.         width:3px;
  140.         padding-right:2px;
  141.         background-color:{color:ScrollBar BG};
  142.     }
  143.  
  144.     #s-m-t-tooltip {
  145.         max-width:300px;
  146.         z-index:999999;
  147.         margin:24px 14px 7px 12px;
  148.         padding:3px;
  149.         background:{color:Tooltip BG};
  150.         font-size:8px;
  151.         color:{color:Tooltip Text};
  152.         font-family:calibri, sans-serif;
  153.         text-transform:uppercase;
  154.         border:none;
  155.         text-shadow:none;
  156.         letter-spacing:1px;
  157.     }
  158.    
  159.     #toTop {
  160.         position:fixed;
  161.         bottom:30px;
  162.         right:13px;
  163.         cursor:pointer;
  164.         background: url(http://static.tumblr.com/0cdn90j/wrgnj0mpo/scroll_up.png) no-repeat;
  165.         text-indent:-9999px;
  166.         width:13px;
  167.         height:7px;
  168.     }
  169.    
  170.     iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  171.         white-space:nowrap;
  172.         opacity:1;
  173.         -webkit-filter: invert(100%);
  174.            -moz-filter: invert(100%);
  175.             -ms-filter: invert(100%);
  176.              -o-filter: invert(100%);
  177.                 filter: invert(100%);
  178.     }
  179.  
  180.     body {
  181.         font-size:10px;
  182.         font-family:'lao ui', calibri, arial, sans-serif;
  183.         color:{color:Text};
  184.         background:{color:Background} url('{Background}') repeat fixed center;
  185.     }
  186.    
  187.     a:link,
  188.     a:visited {
  189.         color:{color:Link};
  190.         text-decoration:none;
  191.         -webkit-transition-duration: .7s;
  192.            -moz-transition-duration: .7s;
  193.              -o-transition-duration: .7s;
  194.                 transition-duration: .7s;
  195.     }
  196.    
  197.     a:hover {
  198.         color:{color:Link Hover};
  199.         background-color:{color:Link Hover BG};
  200.         text-decoration:none;
  201.         -webkit-transition-duration: .7s;
  202.            -moz-transition-duration: .7s;
  203.              -o-transition-duration: .7s;
  204.                 transition-duration: .7s;
  205.     }
  206.    
  207.     a:active {
  208.         color:{color:Link};
  209.         text-decoration:none;
  210.         -webkit-transition-duration: .7s;
  211.            -moz-transition-duration: .7s;
  212.              -o-transition-duration: .7s;
  213.                 transition-duration: .7s;
  214.     }
  215.    
  216.     i,
  217.     em {color:{color:Italic};}
  218.    
  219.     b,
  220.     strong {color:{color:Bold};}
  221.    
  222.     pre {
  223.         white-space: pre-wrap;      
  224.         white-space: -moz-pre-wrap;  
  225.         white-space: -pre-wrap;      
  226.         white-space: -o-pre-wrap;  
  227.         word-wrap: break-word;      
  228.     }
  229.    
  230.     /* LEFT SIDEBAR*/
  231.    
  232.     #title {
  233.         position:fixed;
  234.         top:60px;
  235.         width:190px;
  236.         max-width:190px;
  237.         font-size:12px;
  238.         padding:0;
  239.         color:{color:Title};
  240.         text-align:center;
  241.         font-family:'muli', calibri, sans-serif;
  242.         text-transform:uppercase;
  243.     }
  244.  
  245.     #curtain {
  246.         position:fixed;
  247.         top:80px;
  248.         left:0;
  249.         width:190px;
  250.         height:30px;
  251.         background:{color:Sidebar BG};
  252.         -webkit-transition-duration: 1s;
  253.            -moz-transition-duration: 1s;
  254.              -o-transition-duration: 1s;
  255.                 transition-duration: 1s;
  256.     }
  257.  
  258.     #title:hover #curtain {
  259.         top:50px;
  260.         -webkit-transition-duration: 1s;
  261.            -moz-transition-duration: 1s;
  262.              -o-transition-duration: 1s;
  263.                 transition-duration: 1s;
  264.     }
  265.  
  266.     #sub_title {
  267.         position:fixed;
  268.         top:100px;
  269.         width:190px;
  270.         padding:0;
  271.         color:{color:Title};
  272.         font-size:8px;
  273.         text-align:center;
  274.         font-family:'muli', calibri, sans-serif;
  275.         text-transform:uppercase;
  276.         letter-spacing:1px;
  277.     }
  278.    
  279.     #leftbar {
  280.         position:fixed;
  281.         width:190px;
  282.         height:100%;
  283.         left:0;
  284.         top:0;
  285.         text-align:center;
  286.         background:{color:Sidebar BG};
  287.         font-family:calibri, sans-serif;
  288.     }
  289.    
  290.     #navigation {
  291.         position:absolute;
  292.         max-width:180px;
  293.         margin:0 auto;
  294.         top:50%;
  295.         left:0;
  296.         right:0;
  297.         margin-top:-100px;
  298.         background:{color:Sidebar BG};
  299.     }
  300.    
  301.     .links {
  302.         display:block;
  303.         padding:10px;
  304.         font-size:10px;
  305.         border-left:1px solid transparent;
  306.         color:{color:Navigation Links};
  307.     }
  308.    
  309.     .links a:link,
  310.     .links a:visited {
  311.         padding:4px;
  312.         color:{color:Navigation Links};
  313.         border-left:1px solid transparent;
  314.     }
  315.    
  316.     .links a:hover {
  317.         border-left:1px solid {color:Navigation Links};
  318.         background:transparent;
  319.     }
  320.    
  321.     .links a:active {
  322.         padding:4px;
  323.         color:{color:Navigation Links};
  324.         border-left:1px solid transparent;
  325.     }
  326.    
  327.     #pagination {
  328.         padding:2px;
  329.         font-size:14px;
  330.     }
  331.    
  332.     #pagination a:link,
  333.     #pagination a:active,
  334.     #pagination a:visited {
  335.         padding:5px;
  336.         color:{color:Navigation Links};
  337.         background:transparent;
  338.     }
  339.        
  340.     #pagination a:hover {color:{color:Sidebar BG};}
  341.    
  342.     /*SEARCH BOX*/
  343.    
  344.     #search {
  345.         position:fixed;
  346.         left:70px;
  347.         bottom:15px;
  348.         width:60px;
  349.     }
  350.  
  351.     #sfm input {
  352.         font-size:8px;
  353.         border:0px;
  354.         text-transform:uppercase;
  355.         color:{color:Search Text};
  356.         letter-spacing:1px;
  357.         padding:4px 12px;
  358.         font-family:calibri, helvetica, arial;
  359.     }
  360.    
  361.     #sf {
  362.         background:url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') left center no-repeat;              
  363.         background-size:10px 10px;
  364.     }
  365.    
  366.     #sf img {margin-left:10px;}
  367.    
  368.     /* RIGHT SIDEBAR*/
  369.    
  370.     #rightbar {
  371.         position:fixed;
  372.         width:190px;
  373.         max-width:190px;
  374.         height:100%;
  375.         left:190px;
  376.         top:0;
  377.         z-index:999;
  378.         opacity:1;
  379.         {block:IfFadingEffectSidebarImg}opacity:.2;{/block:IfFadingEffectSidebarImg}
  380.         background: {color:Sidebar BG} url('{image:Sidebar}') repeat fixed left top;
  381.         -webkit-transition-duration: 1.3s;
  382.            -moz-transition-duration: 1.3s;
  383.              -o-transition-duration: 1.3s;
  384.                 transition-duration: 1.3s;
  385.     }
  386.    
  387.     #rightbar:hover {
  388.         opacity:1;
  389.         {block:IfFadingEffectSidebarImg}opacity:.9;{/block:IfFadingEffectSidebarImg}
  390.         -webkit-transition-duration: .6s;
  391.            -moz-transition-duration: .6s;
  392.              -o-transition-duration: .6s;
  393.                 transition-duration: .6s;
  394.     }
  395.    
  396.     #under {
  397.         position:fixed;
  398.         width:190px;
  399.         max-width:190px;
  400.         height:100%;
  401.         left:190px;
  402.         top:0;
  403.         z-index:99;
  404.         background: {color:Sidebar BG};
  405.     }
  406.    
  407.     /*DESCRIPTION*/
  408.    
  409.     #description {
  410.         position:fixed;
  411.         width:190px;
  412.         max-width:190px;
  413.         top:50%;
  414.         left:190px;
  415.         margin-top:-90px;
  416.         text-align:center;
  417.         z-index:9999;
  418.         letter-spacing:1px;
  419.         text-transform:uppercase;
  420.         color: {color:Description};
  421.     }
  422.  
  423.     .d1, .d2, .d3, .d4 {
  424.         width:9px;
  425.         font-size:8px;
  426.         word-wrap: break-word;
  427.         letter-spacing: 4px;
  428.         display:inline-block;
  429.         vertical-align: top;
  430.         font-style:calibri, sans-serif;
  431.         -webkit-transition-duration: .6s;
  432.            -moz-transition-duration: .6s;
  433.              -o-transition-duration: .6s;
  434.                 transition-duration: .6s;
  435.     }
  436.    
  437.     #description:hover .d1, .d2, .d3, .d4 {
  438.         -webkit-transition-duration: .6s;
  439.            -moz-transition-duration: .6s;
  440.              -o-transition-duration: .6s;
  441.                 transition-duration: .6s;
  442.     }
  443.  
  444.  
  445.     #description:hover .d1,
  446.     #description:hover .d3 {margin-top:-230%;}
  447.        
  448.     #description:hover .d2,
  449.     #description:hover .d4 {margin-top:230%;}
  450.  
  451.    /* POSTS */
  452.        
  453.     #posts_container {
  454.         {block:If500pxPosts}width:500px;{/block:if500pxPosts}
  455.         {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  456.         {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  457.         margin-left:490px;
  458.         margin-top:70px;
  459.         z-index:9;
  460.     }
  461.  
  462.     #posts {
  463.         {block:If500pxPosts}width:500px;{/block:if500pxPosts}
  464.         {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  465.         {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  466.         position:relative;
  467.         margin-bottom:170px;
  468.     }
  469.    
  470.     #posts img,
  471.     #posts li,
  472.     #posts blockquote {max-width:100%;}
  473.    
  474.     #posts img {padding:0px; margin-bottom:-3px;}
  475.    
  476.     #posts blockquote {
  477.         border-left:1px solid {color:Blockquote};
  478.         padding-left:10px;
  479.         margin-left:0px;
  480.     }  
  481.        
  482.     .text {
  483.         padding:0px 10px 10px 10px;
  484.         text-align:justify;
  485.     }
  486.    
  487.     .caption {padding-left:20px; text-align:justify;}
  488.    
  489.     .post_title {
  490.         padding:10px;
  491.         background-color:{color:Post Title BG};
  492.         text-align:center;
  493.         font-size:11px;
  494.         text-transform:uppercase;
  495.         letter-spacing:2px;
  496.         border:1px solid transparent;
  497.         border-bottom:1px solid gray;
  498.         -webkit-transition-duration: .8s;
  499.            -moz-transition-duration: .8s;
  500.              -o-transition-duration: .8s;
  501.                 transition-duration: .8s;
  502.     }
  503.    
  504.     .post_title:hover {
  505.         background-color:transparent;
  506.         -webkit-transition-duration: .8s;
  507.            -moz-transition-duration: .8s;
  508.              -o-transition-duration: .8s;
  509.                 transition-duration: .8s;
  510.     }
  511.        
  512.     .post_title a {
  513.         font-family:calibri, arial, sans-serif;
  514.         color:{color:Post Title};
  515.     }
  516.        
  517.     .post_title a:hover {color:{color:Post Title Hover};}
  518.      
  519.     /* QUESTION */
  520.    
  521.     #question_container {
  522.         padding:10px;
  523.         min-height:40px;
  524.         font-size:10px;
  525.         text-align:justify;
  526.         font-style:italic;
  527.         color:{color:Question};
  528.         background-color:{color:Question BG};
  529.     }
  530.    
  531.     #img {text-align:center;float:left;}
  532.    
  533.     #question {vertical-align:middle;margin-left:10px;}
  534.    
  535.     #question a {color:{color:Asker Link};background-color:transparent;}
  536.    
  537.     #question a:hover {color:{color:Question BG};}
  538.    
  539.     #arrow-down {
  540.     width:0;
  541.     height:0;
  542.     border-left:7px solid transparent;
  543.     border-right:7px solid transparent;
  544.     border-top:7px solid {color:Question BG};
  545.         {block:If500pxPosts}margin-left:243px;{/block:if500pxPosts}
  546.         {block:If400pxPosts}margin-left:193px;{/block:if400pxPosts}
  547.         {block:If250pxPosts}margin-left:118px;{/block:if250pxPosts}
  548.     }
  549.        
  550.     #answer {
  551.         text-align:justify;
  552.         font-style:italic;
  553.         padding:10px;
  554.     }
  555.    
  556.     /* QUOTE */
  557.    
  558.     #quote {
  559.         text-align:center;
  560.         color:{color:Quote};
  561.         padding:20px;
  562.         font-family: 'muli', calibri, arial, sans-serif;
  563.         text-transform:uppercase;
  564.     }
  565.    
  566.     #source {
  567.         text-align:center;
  568.         font-size:9px;
  569.         font-style:italic;
  570.         padding-top:8px;
  571.         font-family:'muli', calibri, arial, sans-serif;
  572.     }
  573.    
  574.     /* CHAT */
  575.    
  576.     #convo {padding:0px 10px;}
  577.    
  578.     #convo li {list-style:none;}
  579.  
  580.     #convo #label {
  581.         text-transform:uppercase;
  582.         font-weight:bold;
  583.         font-style:italic;
  584.         font-size:11px;
  585.     }
  586.  
  587.     #line_odd #label {color:{color:Chat1};}
  588.    
  589.     #line_even #label {color:{color:Chat2};}
  590.  
  591.     /*AUDIO PLAYER*/
  592.    
  593.     #audio_player_container {
  594.         -webkit-transition-duration: .5s;
  595.            -moz-transition-duration: .5s;
  596.              -o-transition-duration: .5s;
  597.                 transition-duration: .5s;
  598.     }
  599.    
  600.     #album_art {
  601.         width:100px;
  602.         height:100px;
  603.         z-index:0;
  604.         background: url('http://static.tumblr.com/0cdn90j/N8fnociiw/music.png');
  605.     }
  606.    
  607.     #album_art img {max-width:100%;}
  608.    
  609.     #audio_player_bg {
  610.         width:30px;
  611.         height:30px;
  612.         position:absolute;
  613.         left:35px;
  614.         top:35px;
  615.         z-index:1;
  616.         overflow:hidden;
  617.         opacity:.7;
  618.         border-radius:25px;
  619.         background:white;
  620.     }
  621.    
  622.     #audio_player_container:hover #audio_player_bg {
  623.         opacity:1;
  624.          -webkit-transition-duration: .5s;
  625.             -moz-transition-duration: .5s;
  626.               -o-transition-duration: .5s;
  627.                  transition-duration: .5s;
  628.     }
  629.    
  630.     #audio_player {
  631.         margin-top:1px;
  632.         margin-left:2px;
  633.     }
  634.    
  635.     #track_details {
  636.         position:absolute;
  637.         top:0;
  638.         left:110px;
  639.         height:100px;
  640.         max-height:100px;
  641.         border-left:1px solid #ccc;
  642.         color:{color:Track Details};
  643.         padding-left:10px;
  644.         text-transform:uppercase;
  645.     }
  646.    
  647.     #audio_player_container:hover #track_details {
  648.         color:{color:Track Details Hover};
  649.          -webkit-transition-duration: .5s;
  650.             -moz-transition-duration: .5s;
  651.               -o-transition-duration: .5s;
  652.                  transition-duration: .5s;
  653.     }
  654.    
  655.     /* PERMALINK INFO */
  656.  
  657.     #post_info_container {
  658.         position:absolute;
  659.         top:10px;
  660.         opacity:0;
  661.         width:200px;
  662.         background:transparent;
  663.         {block:If500pxPosts}left:460px;{/block:if500pxPosts}
  664.         {block:If400pxPosts}left:360px;{/block:if400pxPosts}
  665.         {block:If250pxPosts}left:210px;{/block:if250pxPosts}
  666.         -webkit-transition-duration: 1.2s;
  667.            -moz-transition-duration: 1.2s;
  668.              -o-transition-duration: 1.2s;
  669.                 transition-duration: 1.2s;
  670.     }
  671.    
  672.     #post_info {
  673.         color:{color:PostInfo};
  674.         font-size:8px;
  675.         font-family:calibri;
  676.         text-align:left;
  677.         padding:10px;
  678.         text-transform:uppercase;
  679.     }
  680.    
  681.     #post_info a {
  682.         color:{color:PostInfo Links};
  683.         line-height:10px;
  684.         -webkit-transition-duration: .8s;
  685.            -moz-transition-duration: .8s;
  686.              -o-transition-duration: .8s;
  687.                 transition-duration: .8s;
  688.     }
  689.    
  690.     #post_info a:hover {
  691.         color: {color:PostInfo Links Hover};
  692.         -webkit-transition-duration: .8s;
  693.            -moz-transition-duration: .8s;
  694.              -o-transition-duration: .8s;
  695.                 transition-duration: .8s;
  696.     }
  697.    
  698.     #posts:hover #post_info_container {
  699.         {block:If500pxPosts}left:510px;{/block:if500pxPosts}
  700.         {block:If400pxPosts}left:410px;{/block:if400pxPosts}
  701.         {block:If250pxPosts}left:260px;{/block:if250pxPosts}
  702.         -webkit-transition-duration: .4s;
  703.            -moz-transition-duration: .4s;
  704.              -o-transition-duration: .4s;
  705.                 transition-duration: .4s;
  706.         opacity:1;
  707.     }
  708.    
  709.     #notecontainer {
  710.         margin:20px auto;
  711.         width:500px;
  712.         font-size:10px;
  713.         text-align:left;
  714.     }
  715.  
  716.     #notecontainer ol.notes {
  717.         list-style-type: none;
  718.         margin:0;
  719.         padding:0;
  720.     }
  721.  
  722.     #notecontainer img.avatar {
  723.         margin-right:10px;
  724.         width:16px;
  725.         height:16px;
  726.     }
  727.  
  728.     .c {
  729.         position:fixed;
  730.         bottom:0px;
  731.         right:0px;
  732.         margin:8px;
  733.     }
  734.  
  735.     .c a {
  736.         color:#4b506c;
  737.         font-size:10px;
  738.         padding:1px 3px;
  739.         font-style:italic;
  740.         -webkit-transition-duration: 1s;
  741.            -moz-transition-duration: 1s;
  742.              -o-transition-duration: 1s;
  743.                 transition-duration: 1s;
  744.     }
  745.  
  746.  
  747.     .c a:hover {
  748.         color:white;
  749.         background:black;
  750.         -webkit-transition-duration: .4s;
  751.            -moz-transition-duration: .4s;
  752.              -o-transition-duration: .4s;
  753.                 transition-duration: .4s;
  754.     }
  755.  
  756.     </style>
  757.  
  758. </head>
  759.  
  760. <body>
  761.  
  762.  
  763.    
  764.    
  765.  
  766.     <!--LEFTBAR-->
  767.    
  768.     <div id="leftbar">
  769.    
  770.         <div id="navigation">
  771.             <div class="links"><a href="{text:Link 1 URL}" title="{text:Link 1 Title}">{text:Link 1}</a></div>
  772.    
  773.             <div class="links"><a href="{text:Link 2 URL}" title="{text:Link 2 Title}">{text:Link 2}</a></div>
  774.    
  775.             <div class="links"><a href="{text:Link 3 URL}" title="{text:Link 3 Title}">{text:Link 3}</a></div>
  776.    
  777.             <div class="links"><a href="{text:Link 4 URL}" title="{text:Link 4 Title}">{text:Link 4}</a></div>
  778.    
  779.             <div class="links"><a href="{text:Link 5 URL}" title="{text:Link 5 Title}">{text:Link 5}</a></div>
  780.    
  781.             <div class="links"><a href="{text:Link 6 URL}" title="{text:Link 6 Title}">{text:Link 6}</a></div>
  782.    
  783.    
  784.             <div id="pagination">
  785. {block:Pagination}
  786. <div>{block:PreviousPage}<a href="{PreviousPage}" title="previous page">-</a>{/block:PreviousPage}</div>
  787. <div>{block:NextPage}<a href="{NextPage}" title="next page">+</a>{/block:NextPage}</div>
  788. {/block:Pagination}
  789.             </div>
  790.            
  791.         </div>
  792.     </div>
  793.  
  794.     <!--SEARCH BOX-->
  795.    
  796.     <div id="search">
  797.     <script language="javascript">
  798.     function send()
  799.     {document.searchf.submit()}
  800.     </script>
  801.     <form action="/search" method="get" id="sfm" name="searchf">
  802.         <input type="text" placeholder="Search" name="q" value="" id="sf"/>
  803.     </form>  
  804.     </div>  
  805.  
  806.     <!--TITLE-->
  807.    
  808.     <div id="sub_title">{text:Sub Title}</div>
  809.     <div id="title">{Title}
  810.         <div id="curtain"></div>
  811.     </div>
  812.  
  813.     <!--RIGHTBAR-->
  814.    
  815.     <div id="rightbar"></div>
  816.     <div id="under"></div>
  817.    
  818.     <!--VERTICAL DESCRIPTION. THE YELLOW "&nbsp;" CHARACTER ENTITIES CREATE SPACE BETWEEN WORDS, SO DON'T REMOVE THEM. SIMPLY REPLACE THE WORDS BETWEEN THE DIVS WITH YOUR OWN. KEEP YOUR LINES SHORT.-->
  819.  
  820.     <div id="description">
  821.         <div class="d1">Vertical &nbsp; description </div>
  822.         <div class="d2">Keep &nbsp; it &nbsp; short </div>
  823.         <div class="d3">Read &nbsp; "info" &nbsp;  in </div>
  824.         <div class="d4">the &nbsp; top &nbsp; post </div>
  825.     </div>
  826.  
  827.     <!-- POSTS -->
  828.      
  829. <div id="posts_container">
  830.     {block:Posts}
  831.         <div id="posts">
  832.        
  833. {block:Text}
  834. {block:Title}
  835. <div class="post_title"><a href="{Permalink}">{Title}</a></div>
  836. {/block:Title}
  837. <div class="text">{Body}</div>
  838. {/block:Text}
  839.  
  840.  
  841. {block:Link}
  842. <div class="post_title"><a href="{URL}">{Name}</a></div>
  843. <div class="text">
  844. {block:Description}{Description}{/block:Description}</div>  
  845. {/block:Link}
  846.  
  847.  
  848. {block:Quote}
  849. <div id="quote">
  850. <span style="font-size:60px; color:black; font-family:'Lily Script One', cursive; line-height:0px; float:left;">"</span>"{Quote}"
  851. {block:Source}
  852. <div id="source">{Source}</div>
  853. {/block:Source}</div>
  854. {/block:Quote}
  855.  
  856.  
  857. {block:Chat}
  858. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  859. <ul id="convo">
  860. {block:Lines}
  861. <li id="line_{Alt}">{block:Label}<span id="label">{Label}</span>{/block:Label}&nbsp;<br>{Line}</li>
  862. {/block:Lines}
  863. </ul>
  864. {/block:Chat}
  865.  
  866.  
  867. {block:Answer}
  868. <div id="question_container">
  869. <div id="img">
  870. <img src="{AskerPortraitURL-40}"></div>
  871. <div id="question" style="padding:0px 40px; 0px 20px;">{Asker}:<br> {Question}</div>
  872. </div>
  873. <div id="arrow-down"></div>
  874. <div id="answer">{Answer}</div>
  875. {/block:Answer}
  876.  
  877.  
  878. {block:AudioPlayer}
  879. <div id="audio_player_container">
  880. <div id="album_art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  881. <div id="audio_player_bg">
  882. <div id="audio_player">{AudioPlayerWhite}</div></div>
  883. <div id="track_details">
  884. {block:TrackName}
  885. {TrackName}{/block:TrackName}<br>
  886. {block:Artist}{Artist}{/block:Artist}<br>
  887. {block:Album}{Album}{/block:Album}<br>
  888. </div>
  889. </div>
  890. {block:IfShowCaption}
  891. {block:Caption}<div class="caption" style="margin-top:10px;">{Caption}</div>{/block:Caption}
  892. {/block:IfShowCaption}  
  893. {/block:AudioPlayer}
  894.  
  895.  
  896. {block:Photo}
  897. {LinkOpenTag}
  898. {block:If500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:If500pxPosts}
  899. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxPosts}
  900.  {block:If250pxPosts}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:if250pxPosts}
  901. {LinkCloseTag}
  902. {block:IfShowCaption}
  903. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  904. {/block:IfShowCaption}
  905. {/block:Photo}
  906.  
  907.  
  908. {block:Photoset}
  909. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  910. {block:If400pxPosts}{Photoset-400}{/block:if400pxPosts}
  911. {block:If250pxPosts}{Photoset-250}{/block:if250pxPosts}
  912. {block:IfShowCaption}
  913. {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
  914. {/block:IfShowCaption}
  915. {/block:Photoset}
  916.  
  917.  
  918. {block:Video}
  919. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  920. {block:If400pxPosts}{Video-400}{/block:if400pxPosts}
  921. {block:If250pxPosts}{Video-250}{/block:if250pxPosts}
  922. {block:IfShowCaption}
  923. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  924. {/block:IfShowCaption}
  925. {/block:Video}
  926.  
  927.  
  928. <div id="post_info_container">
  929. <div id="post_info">
  930. {block:Date}
  931. Posted on
  932. <a href="{Permalink}" title="{24HourWithZero}:{Minutes}:{Seconds}">
  933. {DayOfMonthWithZero} / {Month} / {Year} </a><br>
  934. <a href="{Permalink}">
  935. {block:NoteCount}{NoteCount}{/block:NoteCount} &nbsp; 注釈 </a><br>
  936. {block:RebloggedFrom}
  937. <a href="{ReblogParentURL}" title="Via">>ソース</a>
  938. /
  939. <a href="{ReblogRootURL}" title="Source"経由</a>
  940. {/block:RebloggedFrom}
  941. <br>
  942. {block:HasTags}{block:Tags}
  943. <a href="{TagURL}">#{Tag}</a> &nbsp;<br>
  944. {/block:Tags}{/block:HasTags}
  945. {/block:Date}
  946. </div>
  947. </div>
  948.    
  949.    
  950.         </div> <!-- end posts -->
  951.    
  952. {block:ContentSource}
  953. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  954. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />  
  955. {/block:SourceLogo}
  956. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  957. {/block:ContentSource}
  958.    
  959.    
  960.     <div id="notecontainer">{PostNotes}</div>
  961.    
  962.     {/block:Posts}
  963.  
  964. </div>
  965.  
  966.  
  967. <a href="#" id="toTop">^ Scroll to Top </a>
  968. <!– Scroll –>
  969. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  970. <script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/Qqfkzalyi/jquery.scroll.pack.js"></script>
  971. <script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/7xukzalz8/jquery.easing.js"></script>
  972. <script type="text/javascript">
  973. $(function() {
  974. $("#toTop").scrollToTop({speed:1000,start:700});
  975. });
  976. </script>
  977. <!– / Scroll –>
  978.  
  979.  
  980. <div class="c"><a href="http://felinum.tumblr.com" title="theme by felinum">fln</a></div>
  981.  
  982. </body>
  983. </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!