API tools faq
paste
Advertisement
SeoulChan

Huang ZiTao

SeoulChan
Jun 7th, 2014
647
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
LScript 12.49 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3.  
  4.  _         _             _    
  5. | |       (_)           | |  
  6. | | ____ _ _  __ _ _   _| | __
  7. | |/ / _` | |/ _` | | | | |/ /
  8. |   < (_| | | (_| | |_| |   <
  9. |_|\_\__,_|_|\__, |\__,_|_|\_\
  10.               __/ |          
  11.              |___/
  12. Huang ZiTao theme by Ani (or kaiguk)
  13. if anything goes wrong with it, please let me know. \ (•◡•) /
  14. I hope you enjoy using this theme and have a good day!
  15.  --->
  16.  
  17.  
  18.     <!DOCTYPE html>
  19.     <title>{Title}</title>
  20.  
  21.     <link rel="shortcut icon" href="{favicon}">
  22.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.     {block:Description}<meta name="description" content="{MetaDescription}" />
  24.     {/block:Description}
  25.  
  26.     <head>
  27.  
  28.     <meta name="color:Background" content="#eeeeee" />
  29.     <meta name="color:Link" content="#888888" />
  30.     <meta name="color:Hover" content="#eeeeee" />
  31.     <meta name="color:Text" content="#888888" />
  32.     <meta name="color:Sidelink Hover BG" content="#d1cece" />
  33.     <meta name="color:Sidelink Hover Text" content="#666666" />
  34.     <meta name="color:Border" content="#cccccc" />
  35.      <meta name="color:Selection Text" content="#888888"/>
  36.     <meta name="color:Selection Background" content="#eeeeee"/>
  37.     <meta name="color:LinkTitleBG" content="#eeeeee"/>
  38.     <meta name="color:LinkTitleText" content="#888888"/>
  39.    
  40.     <meta name="image:Sidebar" content="" />
  41.  
  42.     <meta name="text:Link1" content="/" />
  43.     <meta name="text:Link1 Text" content="Link 1" />
  44.     <meta name="text:Link2" content="/" />
  45.     <meta name="text:Link2 Text" content="Link 2" />
  46.     <meta name="text:Link3" content="/" />
  47.     <meta name="text:Link3 Text" content="Link 3" />
  48.     <meta name="text:Link4" content="/" />
  49.     <meta name="text:Link4 Text" content="Link 4" />
  50.    
  51.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  52.     <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  53.     <script>
  54.         (function($){
  55.         $(document).ready(function(){
  56.         $("a[title]").style_my_tooltips({
  57.         tip_follows_cursor:true,
  58.         tip_delay_time:0,
  59.         tip_fade_speed:0,
  60.         attribute:"title"
  61.         });
  62.     });
  63.     })(jQuery);
  64.     </script>
  65.  
  66. <style type="text/css">
  67.  
  68. ::-webkit-scrollbar-thumb{
  69.     height:auto;
  70.     background-color:{color:Text};
  71.     }
  72.  
  73. ::-webkit-scrollbar{
  74.     height:4px;
  75.     width:3px;
  76.     padding-right:2px;
  77.     background-color:white;
  78.     }
  79.        
  80. body{
  81.     background:{color:Background};
  82.     color:{color:Text};
  83.     font-family:arial;
  84.     font-size:12px;
  85.     }        
  86.  
  87. a{
  88.     color:{color:Link};
  89.     text-decoration:none;
  90.     -moz-transition-duration:0.7s;
  91.     -webkit-transition-duration:0.7s;
  92.     -o-transition-duration:0.7s;
  93.     }
  94.  
  95. a:hover{
  96.     color:{color:Hover};
  97.     -moz-transition-duration:0.7s;
  98.     -webkit-transition-duration:0.7s;
  99.     -o-transition-duration:0.7s;
  100.     }
  101.  
  102. h2{
  103.     font-family:arial italic;
  104.     color:{color:Link};
  105.     }
  106.  
  107. h2 a {
  108.     color:{color:Link};
  109.     }
  110.  
  111. li {
  112.     list-style:square;
  113.     }
  114.  
  115. blockquote {
  116.     border-left:2px solid {color:Text};
  117.     padding-left:5px;
  118.     }
  119.  
  120. img, blockquote, li, h2 {
  121.     max-width:100%;
  122.     }
  123.        
  124. #entries {
  125.     width:550px;
  126.     margin:auto;
  127.     position:relative;
  128.     top:10px;
  129.     left:500px;
  130.     padding:40px;
  131.     float:left;
  132.     }
  133.  
  134. #posts {
  135.     width:500px;
  136.     margin-bottom:40px;
  137.     background-color:#fff;
  138.     border:1px solid {color:Border};
  139.     padding:25px;
  140.     }
  141.  
  142. .photo{
  143.     filter: URL("data:img/svg+xml;utf8,<svg xmnls='http://www.w3.org/2000/svg'><filter id='grayscale'><fecolormatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/> </filter></svg>#grayscale");
  144.      filter: gray;
  145.     -webkit-filter: grayscale(100%);
  146.     -webkit-transition: all 0.5S ease-in-out;
  147.     -moz-transition: all 0.5S ease-in-out;
  148.     -o-transition: all 0.5S ease-in-out;
  149.     -ms-transition: all 0.5S ease-in-out;
  150.     transition: all 0.5S ease-in-out;
  151.     }
  152.  
  153. .photo:hover{
  154.     filter: none;
  155.     -webkit-filter: grayscale(0%);
  156.     -webkit-transition: all 0.7S ease-in-out;
  157.     -moz-transition: all 0.7S ease-in-out;
  158.     -o-transition: all 0.7S ease-in-out;
  159.     }
  160.  
  161. #sidebar {
  162.     width:200px;
  163.     position:fixed;
  164.     margin-top:200px;
  165.     margin-left:200px;
  166.     background:#fff;
  167.     border:1px solid {color:Border};
  168.     padding:10px;
  169.    
  170.     }
  171.  
  172. .sidebarpic img {
  173.     width:200px;
  174.     -webkit-filter: grayscale(100%);
  175.     -webkit-transition: all 0.5S ease-in-out;
  176.     -moz-transition: all 0.5S ease-in-out;
  177.     -o-transition: all 0.5S ease-in-out;
  178.     -ms-transition: all 0.5S ease-in-out;
  179.     transition: all 0.5S ease-in-out;
  180.     }
  181.  
  182. .sidebarpic img:hover{
  183.     -webkit-filter: grayscale(0);
  184.     -webkit-transition: all 0.7S ease-in-out;
  185.     -moz-transition: all 0.7S ease-in-out;
  186.     -o-transition: all 0.7S ease-in-out;
  187.     }
  188.  
  189. .desc {
  190.     margin-top:5px;
  191.     position:relative;
  192.     text-align:justify;
  193.     font-size:11px;
  194.     }
  195.  
  196. .links {
  197.     font-size:10px;
  198.     width:auto;
  199.     height:auto;
  200.     position:relative;
  201.     font-style:none;
  202.     text-decoration:none;
  203.     text-align:center;
  204.     margin-top:10px;
  205.     letter-spacing:1px;
  206.     text-transform:uppercase;
  207.     }
  208.  
  209. .links a {
  210.     padding:3px;
  211.     color:{color:Link};
  212.     }
  213.  
  214. .links a:hover {
  215.     background-color:{color:Sidelink Hover BG};
  216.     color:{color:Sidelink Hover Text};
  217.     }
  218.  
  219. #pagi {
  220.     width:205px;
  221.     margin-top:5px;
  222.     font-size:10px;
  223.     float:center;
  224.     text-align:center;
  225.     text-transform:uppercase;
  226.     }
  227.  
  228. #panda {
  229.     padding:5px;
  230.     font-size:10px;
  231.     color:{color:link};
  232.     text-transform:normal;
  233.     font-style:normal;
  234.     letter-spacing:2px;
  235.     text-align:center;
  236.     border:3px double {color:Border};
  237.     background-color:#FAFAFA;
  238.     padding:8px;
  239.     }
  240.    
  241. #taopao {
  242.     padding:10px;
  243.     width:474px;
  244.     text-align:justify;
  245.     line-height:15px;
  246.     margin-top:10px;
  247.     height:auto;
  248.     background-color:#F6F6F6;
  249.     border:3px solid #fff;
  250.     outline:3px solid #F6F6F6;
  251.     }
  252.  
  253. .note li {
  254.     list-style-type:none;
  255.     padding:10px 25px 10px 25px;
  256.     text-align:left;
  257.     margin:0px;
  258.     -moz-transition-duration:0.5s;
  259.     -webkit-transition-duration:0.5s;
  260.     -o-transition-duration:0.5s;
  261.     border-bottom:1px solid {color:border};
  262.     }
  263.     .notes img {
  264.     display:none!important;
  265.     }
  266.        
  267. #asker {
  268.     padding:5px;
  269.     margin-top:5px;
  270.     margin-bottom:5px;
  271.     font-family:arial;
  272.     font-size:9px;  
  273.     text-align:center;
  274.     text-transform:normal;
  275.     color:{color:text};
  276.     }
  277.  
  278.  
  279. #asker a {
  280.     color:{color:text};
  281.     }
  282.  
  283. #ask {
  284.     padding:5px;
  285.     margin-top:5px;
  286.     font-family:arial;
  287.     font-size:9px;  
  288.     text-transform:italic;
  289.     text-align:center;
  290.     background-color:#fbfbfb;
  291.     color:{color:text};
  292.     }
  293.  
  294. #ans {
  295.     padding:0px;
  296.     margin-top:1px;
  297.     margin-bottom:5px;
  298.     font-family:arial;
  299.     font-size:9px;
  300.     line-height:120%;
  301.     text-align:center;
  302.     color:{color:text};
  303.     }
  304.  
  305. .audio {
  306.     width:500px;
  307.     padding-bottom:10px;
  308.     padding-top:10px;
  309.     padding-left:3px;
  310.     }
  311.    
  312. .albumart {
  313.     float:left;
  314.     padding:0px 10px 10px 0px;
  315.     }
  316.    
  317. .albumart img {
  318.     width:100px;
  319.     border:1px solid {color:Border};
  320.     padding:4px;
  321.     border-radius:500px;
  322.     }
  323.    
  324. .playercontainer {
  325.     text-align:justify;
  326.     padding:10px;
  327.     background-color:{color:bg};
  328.     width:480px;
  329.     }
  330.    
  331. .audioinfo {
  332.     padding:10px;
  333.     color:{color:text};
  334.     }
  335.    
  336. ul.chat, .chat ol, .chat li {
  337.     list-style:none;
  338.     margin:0px;
  339.     padding:2px;
  340.     }
  341.    
  342.    #s-m-t-tooltip {
  343.     z-index: 9999;
  344.     background: {color:LinkTitleBG};
  345.     font-size: 10px;
  346.     line-height: 11px;
  347.     font-family: arial;
  348.     letter-spacing: 1px;
  349.     text-transform: normal;
  350.     color: {color:LinkTitleText};
  351.     max-width: 150px;
  352.     word-wrap: break-word;
  353.     padding: 2px 5px 2px 6px;
  354.     display: block;
  355.     margin: 24px 14px 7px 12px;
  356.     -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  357.     -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  358.     box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  359.     }
  360.  
  361.     ::selection {
  362.     background:{color:Selection Background};
  363.     color:{color:Selection Text};
  364.     }
  365.    
  366. #ayo {
  367.     bottom:9px;
  368.     right:7px;
  369.     font-size:12px;
  370.     font-family:arial;
  371.     letter-spacing:1px;
  372.     text-transform:uppercase;
  373.     position:fixed;
  374.     }
  375.        
  376.     {CustomCSS}
  377.    
  378.     </style>
  379.    
  380.     </head>
  381.  
  382.     <body>
  383.  
  384.  
  385.     <div id="sidebar">
  386.     <div class="sidebarpic"><img src="{image:Sidebar}" /></div>
  387.    
  388.     <div class="links">
  389.         <a href="{text:Link1}">{text:Link1 Text}</a>
  390.         <a href="{text:Link2}">{text:Link2 Text}</a>
  391.         <a href="{text:Link3}">{text:Link3 Text}</a>
  392.         <a href="{text:Link4}">{text:Link4 Text}</a>
  393.     </div>
  394.    
  395.     <div class="desc">{Description}</div>
  396.    
  397.     <div id="pagi">
  398.     {block:Pagination}
  399.     {block:PreviousPage}<a href="{PreviousPage}" title="back">←</a>{/block:PreviousPage} &nbsp;&nbsp;
  400.     {block:NextPage}<a href="{NextPage}" title="next">→</a>{/block:NextPage}
  401.     {/block:Pagination}
  402.  
  403.     </div>
  404.  
  405.     </div>
  406.            
  407.     <div id="entries">{block:Posts}<div id="posts">
  408.  
  409.     {block:Text}
  410.     <div class="photo">{block:Title}<h2>{Title}</h2>{/block:Title}
  411.     {Body}</div>
  412.     {/block:Text}
  413.  
  414. {block:Answer}
  415.     <center><div class="photo"><img src="{AskerPortraitURL-30}"/></div></center><br>
  416.     <div id="asker">{Asker} asked;</div> <div id="ask">{Question}</div>
  417.     <div id="ans">{Answer}</div><br>{/block:answer}
  418.  
  419.  
  420.     {block:Quote}
  421.     {Quote}<br>
  422.     — {block:Source}{Source}{/block:Source}<p>
  423.     {/block:Quote}
  424.  
  425.     {block:Link}
  426.     <h2><a href="{URL}">{Name}</a></h2>
  427.     {block:Description}{Description}{/block:Description}<p>
  428.     {/block:Link}
  429.  
  430.     {block:Chat}
  431.     {block:Title}{Title}{/block:Title}
  432.     <ul>{block:Lines}
  433.     <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span >{/block:Label}{Line}</li>
  434.     {/block:Lines}</ul><p>
  435.     {/block:Chat}
  436.      
  437.     {block:Photo}
  438.     <a href="{Permalink}"><div class="photo"><IMG SRC="{PHOTOURL-500}"></div></a><p>
  439.     {/block:Photo}
  440.  
  441.     {block:Photoset}
  442.     <div class="photo">
  443.     {PHOTOSET-500}</div>
  444.     <p>
  445.     {/block:Photoset}
  446.  
  447.     {block:Audio}
  448.     <div class="audio">
  449.     {block:AlbumArt}<div class="albumart"><div class="photo"><img src="{AlbumArtURL}"/></div></div>
  450.     {/block:AlbumArt}
  451.     <div class="audioinfo">
  452.     {block:TrackName}<b>Title:</b> {TrackName}<br>
  453.     {/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  454.     {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  455.     <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  456.     <p>
  457.     {/block:Audio}
  458.  
  459.     {block:Video}
  460.      <div class="photo">
  461.      {Video-500}</div>
  462.     <p>
  463.     {/block:Video}
  464.  
  465.  
  466.     {block:IndexPage}
  467.     <div id="panda"><a href="{Permalink}">Posted {block:Date}{TimeAgo}
  468.     {/block:Date} with {NoteCountWithLabel}</a>
  469.     </div>
  470.     {block:IndexPage}
  471.    
  472.     {block:PermalinkPage}
  473.     {block:Date}
  474.     <div id="taopao">
  475.     {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  476.     <br>
  477.     <img src="http://static.tumblr.com/3yblkz0/bWKn2c3l1/plan.png">
  478.     <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  479.     {block:NoteCount}
  480.     <img src="http://media.tumblr.com/9395b2e212e1433fceeb8f2fe727e88e/tumblr_inline_n2ajerV2ro1r7v6wt.png">
  481.     <b>Notes:</b> {NoteCount}<br>
  482.     {/block:NoteCount}
  483.     {block:RebloggedFrom}
  484.      <img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png">
  485.     <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  486.     {/block:RebloggedFrom}
  487.     {block:ContentSource}
  488.     <img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png">
  489.     <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
  490.     {/block:ContentSource}
  491.     {block:HasTags}
  492.     <img src="http://static.tumblr.com/3yblkz0/wfTn2c29g/tag.png">
  493.     <b>Tagged:</b>
  494.     {block:Tags}
  495.     <a href="{TagURL}">#{Tag}</a>
  496.     {/block:Tags}
  497.     {/block:HasTags}
  498.     </div>
  499.     {/block:Date}
  500.     {/block:PermalinkPage}
  501.  
  502.  
  503.     <div class="note">
  504.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  505.     </div>
  506. </div>{/block:Posts}
  507.  
  508. <div id="ayo">
  509.     <a href="http://kaiguk.tumblr.com" title="theme by ani">KG</a>
  510. </div>
  511.    
  512. </div>
  513.    
  514.    
  515.    
  516.  
  517. </body>
  518. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!