Advertisement
SeoulChan

Compact

Jul 19th, 2015
636
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Lua 19.83 KB | None | 0 0
  1. <!----
  2.  _         _             _    
  3. | |       (_)           | |  
  4. | | ____ _ _  __ _ _   _| | __
  5. | |/ / _` | |/ _` | | | | |/ /
  6. |   < (_| | | (_| | |_| |   <
  7. |_|\_\__,_|_|\__, |\__,_|_|\_\
  8.               __/ |          
  9.              |___/
  10.  
  11. Compact theme by Anika (Ani) aka Kaiguk (http://kaiguk.tumblr.com/)
  12.  
  13. Please remember to follow the rules and not steal anything because you don't
  14. have an imagination of your own.
  15.  
  16. If anything goes wrong or you have any questions, just let me know!
  17.  
  18. Happy Using and Have a good day!    
  19. --->
  20. <!DOCTYPE html>
  21.  
  22. <title>{Title}</title>
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25.  
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27.  
  28. {block:Description}<meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31. <head>
  32.  
  33. <meta name="if:InfiniteScroll" content="0"/>
  34. <meta name="if:Grayscale" content="0"/>
  35. <meta name="if:ShowCaptions" content="0"/>
  36. <meta name="if:ShowTags" content="0"/>
  37. <meta name="if:TwoColumns" content="0"/>
  38.  
  39. <meta name="color:Bold"content="#ff7d7d">
  40. <meta name="color:Italic"content="#c3d847">
  41. <meta name="color:Underline" content="#4dbce9"/>
  42. <meta name="color:Bg"content="#ffffff">
  43. <meta name="color:Text"content="#aaaaaa">
  44. <meta name="color:Link" content="#444444"/>
  45. <meta name="color:Hover" content="#cccccc"/>
  46. <meta name="color:Topbar"content="#000000">
  47. <meta name="color:Header bg" content="#ffffff"/>
  48. <meta name="color:Title" content="#000000"/>
  49. <meta name="color:Toplink" content="#888888"/>
  50. <meta name="color:Desc bg" content ="#000000"/>
  51. <meta name="color:Desc text" content ="#ffffff"/>
  52. <meta name="color:Icons"content="##444444">
  53. <meta name="color:Tags" content="#000000"/>
  54. <meta name="color:Tags bg" content="#fffaad"/>
  55. <meta name="color:Post bg" content="#ffffff"/>
  56. <meta name="color:Border" content="#eeeeee"/>
  57. <meta name="color:Caption bg" content="#f6f6f6"/>
  58. <meta name="color:Caption border" content="#eeeeee"/>
  59. <meta name="color:Caption" content="#cccccc"/>
  60. <meta name="color:Linktitlebg" content="#000000"/>
  61. <meta name="color:Linktitletext" content="#ffffff"/>
  62. <meta name="color:Selection text" content="#888888"/>
  63. <meta name="color:Selection bg" content="#eeeeee"/>
  64.  
  65. <meta name="image:Header Icon" content=""/>
  66. <meta name="image:Bg" content=""/>
  67.  
  68. <meta name="text:Link 1 URL" content="" />
  69. <meta name="text:Link 1" content="" />
  70. <meta name="text:Link 2 URL" content="" />
  71. <meta name="text:Link 2" content="" />
  72. <meta name="text:Link 3 URL" content="" />
  73. <meta name="text:Link 3" content="" />
  74. <meta name="text:Link 4 URL" content="" />
  75. <meta name="text:Link 4" content="" />
  76. <meta name="text:Link 5 URL" content="" />
  77. <meta name="text:Link 5" content="" />
  78. <meta name="text:Link 6 URL" content="" />
  79. <meta name="text:Link 6" content="" />
  80.  
  81. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  84.  
  85. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  86. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  87.  
  88. <script>
  89.   (function($){
  90.       $(document).ready(function(){
  91.           $("[title]").style_my_tooltips();
  92.       });
  93.   })(jQuery);
  94. </script>
  95.  
  96. <style type="text/css">
  97.  
  98. ::-webkit-scrollbar-thumb:vertical {
  99.   background:{color:bg};
  100.   height: 80px;
  101.   }
  102.  
  103. ::-webkit-scrollbar {
  104.   height: 5px;
  105.   width: 5px;
  106.   background: {color:topbar};
  107.   }
  108.  
  109. body {
  110.   background: url('{image:BG}') repeat fixed;
  111.   background-color:{color:bg};
  112.   color:{color:text};
  113.   font-family:courier;
  114.   font-size: 9.5px;
  115.   text-transform:uppercase;
  116.   line-height: 190%;
  117.   word-wrap: break-word;
  118.   }
  119.  
  120. a {
  121.   color: {color:link};
  122.   text-decoration: none;
  123.   -moz-transition: all ease-in-out 0.4s;
  124.   -webkit-transition: all ease-in-out 0.4s;
  125.   -o-transition: all ease-in-out 0.4s;
  126.   }
  127.  
  128. a:hover{
  129.   color: {color:hover};
  130.   text-decoration: none;
  131.   -moz-transition: all ease-in-out 0.4s;
  132.   -webkit-transition: all ease-in-out 0.4s;
  133.   -o-transition: all ease-in-out 0.4s;
  134.   }
  135.  
  136. blockquote {
  137.   border-left:1px solid {color:border};
  138.   padding:5px;
  139.   margin-left:-10px;
  140.   }
  141.  
  142. blockquote img{
  143.  max-width:250px;
  144.  }  
  145.  
  146. b, strong {
  147.   color: {color:bold};
  148.   font-weight: bold;
  149.   }
  150.  
  151. i, em {
  152.   color: {color:italic};
  153.   font-style: italic;
  154.   }
  155.  
  156. u {
  157.   color:{color:underline};
  158.   }  
  159.  
  160. #theme {
  161.  width:980px;
  162.  margin: 0 auto -12px auto;
  163.  }
  164.  
  165. #topbar {
  166.   background:{color:topbar};
  167.   width:100%;
  168.   height:40px;
  169.   top:0px;
  170.   left:0px;
  171.   position:fixed;
  172.   z-index:9;
  173.   }
  174.  
  175. {block:iftwocolumns}
  176. #wrapper{
  177.   margin-top: 280px;
  178.   margin-left: 130px;
  179.   margin-bottom: 50px;
  180.   padding:20px;
  181.   }
  182.  
  183. .posts {
  184.   width: 250px;
  185.   max-width:260px;
  186.   {block:PermalinkPage}
  187.   width:500px;
  188.   max-width:500px;
  189.   margin-left:400px;
  190.   {/block:PermalinkPage}
  191.   margin-left: 30px;
  192.   margin-bottom: 30px;
  193.   float: left;
  194.   text-align: justify;
  195.   background:{color:post bg};
  196.   border:1px solid {color:border};
  197.   padding:20px;
  198.   }
  199.  
  200. .posts img{
  201.    max-width:250px;
  202.    {block:PermalinkPage}
  203.    max-width:500px;
  204.    {/block:PermalinkPage}
  205.    }
  206. {/block:iftwocolumns}
  207.  
  208. {block:ifnottwocolumns}
  209. #wrapper{
  210.   width: 350px;
  211.   height: auto;
  212.   margin-top: 260px;
  213.   margin-left: -10px;
  214.   margin-bottom: 50px;
  215.   border: 0;
  216.   }
  217.  
  218. .posts {
  219.   width: 250px;
  220.   margin-left: 350px;
  221.   margin-bottom: 100px;
  222.   {block:PermalinkPage}
  223.   width:500px;
  224.   margin-left:200px;
  225.   {/block:PermalinkPage}
  226.   float: left;
  227.   text-align: justify;
  228.   background:{color:post bg};
  229.   border:1px solid {color:border};
  230.   padding:20px;
  231.   }
  232. {/block:ifnottwocolumns}
  233.    
  234. {block:IfShowCaptions}
  235. #captions {
  236.   margin-top: 10px;
  237.   padding:5px;
  238.   text-align:left;
  239.   background: {color:Caption bg};
  240.   border: 1px solid {color:Caption border};
  241.   color:{color:Caption};
  242.   }
  243. {/block:IfShowCaptions}
  244.  
  245. {block:IfNotShowCaptions}
  246. #captions{
  247.    display:none;
  248.    }
  249. {/block:IfNotShowCaptions}
  250.  
  251. {block:IfShowTags}
  252. .tags {
  253.  font-size:8.5px;
  254.  font-family:courier;
  255.  text-transform:uppercase;
  256.  letter-spacing:1px;
  257.  text-align:left;  
  258.  }
  259.  
  260. .tags a{
  261.  color:{color:tags};
  262.  background:{color:tags bg};
  263.  }
  264. {/block:IfShowTags}
  265.  
  266. {block:IfNotShowTags}
  267. .tags{
  268.    display:none;
  269.    }
  270. {/block:IfNotShowTags}
  271.  
  272. {block:IfGrayscale}
  273. img{
  274.  filter:gray;
  275.  -webkit-filter: grayscale(100%);
  276.  -webkit-transition: all 0.5S ease-in-out;
  277.  -moz-transition: all 0.5S ease-in-out;
  278.  -o-transition: all 0.5S ease-in-out;
  279.  -ms-transition: all 0.5S ease-in-out;
  280.  transition: all 0.5S ease-in-out;    
  281.   }
  282.  
  283. img:hover{
  284. filter:none;
  285. -webkit-filter: grayscale(0%);
  286. -webkit-transition: all 0.5S ease-in-out;
  287. -moz-transition: all 0.5S ease-in-out;
  288. -o-transition: all 0.5S ease-in-out;
  289. -ms-transition: all 0.5S ease-in-out;
  290. transition: all 0.5S ease-in-out;
  291. }
  292.  
  293. .photo{
  294. 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");
  295. filter: gray;
  296. -webkit-filter: grayscale(100%);
  297. -webkit-transition: all 0.5S ease-in-out;
  298. -moz-transition: all 0.5S ease-in-out;
  299. -o-transition: all 0.5S ease-in-out;
  300. -ms-transition: all 0.5S ease-in-out;
  301. transition: all 0.5S ease-in-out;
  302. }
  303.  
  304. .photo:hover{
  305. filter: none;
  306. -webkit-filter: grayscale(0%);
  307. -webkit-transition: all 0.7S ease-in-out;
  308. -moz-transition: all 0.7S ease-in-out;
  309. -o-transition: all 0.7S ease-in-out;
  310. }
  311. {/block:IfGrayscale}
  312.  
  313. {block:IfNotInfiniteScroll}
  314. #pagi {
  315.   width:100%;
  316.   height:20px;
  317.   text-align:center;
  318.   background:{color:bg};
  319.   bottom:0px;
  320.   left:0px;
  321.   z-index:1;
  322.   position:fixed;
  323.   }
  324. #pagi a{
  325.    font-size:12px;
  326.    margin-top:10px;
  327.    }
  328. {/block:IfNotInfiniteScroll}
  329.  
  330. #header{
  331.   position: absolute;
  332.   top: 20px;
  333.   left: 0px;
  334.   width: 100%;
  335.   height:200px;
  336.   background:{color:header bg};
  337.   z-index:1;    
  338.   }
  339.  
  340. .sidebar {
  341.   margin-top:70px;
  342.   margin-left:100px;
  343.   position:static;
  344.   }
  345.  
  346. #sidebar img{
  347.   float:left;
  348.   margin-top:0px;
  349.   margin-right:7px;
  350.   width:80px;
  351.   height:80px;
  352.   padding:10px;
  353.   }  
  354.  
  355. #title {
  356.   color:{color:title};
  357.   text-align: left;
  358.   font-size: 20px;
  359.   font-family: 'Inconsolata', ;
  360.   letter-spacing: 3px;
  361.   -moz-transition: all ease-in-out 0.4s;
  362.   -webkit-transition: all ease-in-out 0.4s;
  363.   -o-transition: all ease-in-out 0.4s;
  364.   }
  365.  
  366. #desc {
  367.   width:600px;
  368.   height:63px;
  369.   word-spacing:2px;
  370.   letter-spacing:1px;
  371.   font-size: 9px;
  372.   line-height:110%;
  373.   text-align: left;
  374.   overflow:hidden;
  375.   }
  376.  
  377. .desc{
  378.   line-height:180%;
  379.   background:{color:desc BG};
  380.   color:{color:desc text};
  381.   }
  382.  
  383. #links {
  384.   text-align: left;
  385.   margin-top: 0px;
  386.   margin-left: 100px;
  387.   word-spacing: 5px;
  388.   font-size: 9px;
  389.   text-transform: uppercase;
  390.   letter-spacing: 1px;
  391.   }
  392.  
  393. #links a {
  394.   color: {color:toplink};
  395.   }
  396.  
  397. #links a:hover{
  398.  color:{color:hover};
  399.  }
  400.  
  401. #icons{
  402.  width:400px;    
  403.  margin-left:700px;
  404.  margin-top:-70px;
  405.  color:{color:icons};
  406.  }
  407.  
  408. #icons a{
  409.  margin-left:20px;  
  410.  }
  411.  
  412. .playbg{
  413.   width:20px;
  414.   height:20px;
  415.   margin-left:90px;
  416.   padding:20px 10px 10px 20px;
  417.   border-radius:100%;
  418.   background:#000;
  419.   position:absolute;
  420.   }
  421.  
  422. .player {
  423.    width:25px;
  424.    height:25px;
  425.    overflow:hidden;
  426.    position:absolute;
  427.    }
  428.  
  429. .audioinfo {
  430.    margin-left:50px;
  431.    }
  432.  
  433. ul.chat, .chat ol, .chat li {
  434.   list-style:none;
  435.   margin:0px;
  436.   padding:2px;
  437.   line-height:160%;
  438.   }
  439.  
  440. #question {
  441.   color:{color:italic};
  442.   font-style:italic;
  443.   text-align:center;
  444.   border-bottom:1px solid {color:border};
  445.   word-spacing:2px;
  446.   letter-spacing:2px;
  447.   padding:10px;
  448.   }
  449.  
  450. #asker {
  451.   letter-spacing:1px;
  452.   text-align:center;
  453.   margin-bottom:10px;
  454.   }
  455.  
  456. #answer{
  457.   word-spacing:2px;
  458.   text-align:center;
  459.   }  
  460.  
  461. #postinfo {
  462.   margin-top:20px;
  463.   border-top:1px solid {color:border};
  464.   padding:5px;
  465.   text-align:right;
  466.   font-size:10px;
  467.   letter-spacing:0px;
  468.   line-height:150%;
  469.   color:{color:link};
  470.   }
  471.  
  472. #postinfo a {
  473.   color:{color:link};
  474.   }
  475.  
  476. #postinfo a:hover {
  477.   color:{color:hover};
  478.   }
  479.  
  480. #permalink {
  481.   padding:10px;
  482.   text-align:justify;
  483.   line-height:15px;
  484.   margin-top:10px;
  485.   height:auto;
  486.   background:#fafafa;
  487.   padding:10px;
  488.   }
  489.  
  490. .note li {
  491.   list-style-type:none;
  492.   padding:10px 25px 10px 25px;
  493.   text-align:left;
  494.   margin:0px;
  495.   border-bottom:1px solid {color:border};
  496.   line-height:140%;
  497.   -moz-transition-duration:0.5s;
  498.   -webkit-transition-duration:0.5s;
  499.   -o-transition-duration:0.5s;
  500.   }
  501.  
  502. .notes img {
  503.   display:none!important;
  504.   }
  505.  
  506. #her {
  507.    position:fixed;
  508.    left:10px;
  509.    bottom:10px;
  510.    text-transform:uppercase;
  511.    font-size:15px;
  512.    letter-spacing:1px;
  513.    padding:5px;
  514.    -webkit-transition: all 0.3s ease;
  515.    -moz-transition: all 0.3s ease;
  516.    -ms-transition: all 0.3s ease;
  517.    -o-transition: all 0.3s ease;
  518.    transition: all 0.3s ease;
  519.    }
  520.  
  521. #s-m-t-tooltip {
  522.   z-index: 9999;
  523.   background: {color:LinkTitleBG};
  524.   font-size: 10px;
  525.   line-height: 11px;
  526.   letter-spacing: 1px;
  527.   text-transform: normal;
  528.   color: {color:LinkTitleText};
  529.   max-width: 150px;
  530.   word-wrap: break-word;
  531.   padding: 3px 3px 3px 3px;
  532.   display: block;
  533.   margin: 24px 14px 7px 12px;
  534.   -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  535.   -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  536.   box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  537.   }
  538.  
  539. ::selection {
  540.   background:{color:selection bg};
  541.   color:{color:selection text};
  542.   }
  543.  
  544. #scrollToTop:link, #scrollToTop:visited {
  545.  display:none;
  546.  position:fixed;
  547.  bottom: 10px;
  548.  right:10px;
  549.  z-index:999;
  550.  }
  551.  
  552. </style>
  553.  
  554. {block:IfNotInfiniteScroll}
  555. {block:IndexPage}
  556. {block:iftwocolumns}
  557. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  558.  
  559. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  560.  
  561. <script>
  562. $(function(){
  563. var $container = $('#wrapper');
  564. $container.imagesLoaded(function(){
  565. $container.masonry({
  566. itemSelector: '.posts',
  567. });
  568. });
  569. $container.infinitescroll({
  570. itemSelector : ".posts",
  571. navSelector : "div.pagi",
  572. nextSelector : ".pagi a#next",
  573. loadingImg : "",
  574. loadingText : "<em></em>",
  575. bufferPx : 10000,
  576. extraScrollPx: 10000,
  577. },
  578. function( newElements ) {
  579. var $newElems = $( newElements ).css({ opacity: 0 });
  580. $newElems.imagesLoaded(function(){
  581. $newElems.animate({ opacity: 1 });
  582. $container.masonry( 'appended', $newElems, true );
  583. });
  584. }
  585. );
  586. });
  587. </script>
  588. {/block:iftwocolumns}
  589. {/block:IndexPage}
  590. {/block:IfNotInfiniteScroll}
  591.  
  592. {block:IfInfiniteScroll}
  593. {block:IndexPage}
  594. {block:iftwocolumns}
  595. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  596.  
  597. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  598.  
  599. <script>
  600. $(function(){
  601. var $container = $('#wrapper');
  602. $container.imagesLoaded(function(){
  603. $container.masonry({
  604. itemSelector: '.posts',
  605. });
  606. });
  607. $container.infinitescroll({
  608. itemSelector : ".posts",
  609. loadingImg : "<i class="fa fa-refresh fa-spin"></i>",
  610. loadingText : "<em></em>",
  611. bufferPx : 10000,
  612. extraScrollPx: 10000,
  613. },
  614. function( newElements ) {
  615. var $newElems = $( newElements ).css({ opacity: 0 });
  616. $newElems.imagesLoaded(function(){
  617. $newElems.animate({ opacity: 1 });
  618. $container.masonry( 'appended', $newElems, true );
  619. });
  620. }
  621. );
  622. });
  623. </script>
  624. {/block:iftwocolumns}
  625.  
  626. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  627.  
  628. {/block:IndexPage}
  629. {/block:IfInfiniteScroll}
  630.  
  631. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  632.  
  633. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  634.  
  635. <a href="javascript:;" id="scrollToTop"><i style="color:{color:icons};"class="fa fa-arrow-up fa-3x" title="top"></i></a>
  636.  
  637. </head>
  638.  
  639. <body>
  640.  
  641. <div id="theme">
  642.  
  643. <div id="topbar"></div>
  644.  
  645. <div id="header">
  646.  
  647. <div class="sidebar">
  648.  
  649. <div id="sidebar"><img src="{image:Header Icon}"></div>
  650.  
  651. <div id="title">{Title}</div>
  652.  
  653. <div id="desc">
  654.  
  655. <span class="desc">{Description}</span>
  656.  
  657. </div>
  658.  
  659. <div id="links">
  660. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  661. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  662. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  663. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  664. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  665. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  666. </div>
  667.  
  668. <div id="icons">
  669. <a href="/"><i style="color:{color:icons};"class="fa fa-home fa-3x" title="refresh"></i></a>
  670. <a href="/ask"><i style="color:{color:icons};"class="fa fa-envelope fa-3x" title="message"></i></a>
  671. <a href="/archive"><i style="color:{color:icons};"class="fa fa-history fa-3x" title="archive"></i></a>
  672. </div>
  673.  
  674. </div>
  675.  
  676. </div>
  677.  
  678. <div id="wrapper">
  679.  
  680. <div class="autopagerize_page_element">
  681.  
  682. {block:Posts}
  683.  
  684. <div class="posts">
  685.  
  686. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  687.  
  688. {block:Quote}
  689. <i style="color:{color:icons};"class="fa fa-quote-left fa-3x pull-left"></i>
  690. <div style="font-size:14px; font-weight:bold; padding:3px;">“{Quote}”</div>
  691. <div style="text-align:justify; margin-top:10px;">- {Source}</div>
  692. {/block:Quote}
  693.  
  694. {block:Link}
  695. <a href="{URL}"><h2>{Name} »</h2></a>
  696. {block:Description}<p>{Description}</p>{/block:Description}
  697. {/block:Link}
  698.  
  699. {block:Chat}
  700. <ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}
  701. {block:Lines}<li>{block:Label}<span class="label"><b>{Label}</b></span>
  702. {/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  703. {/block:Chat}
  704.  
  705. {block:Photo}
  706. <div class="photo">
  707. <center>
  708. {block:IndexPage}<img src="{PhotoURL-250}">{/block:IndexPage}
  709. {block:PermalinkPage}<img src="{PhotoURL-500}">{/block:PermalinkPage}
  710. </center>
  711. </div>
  712. {block:IndexPage}
  713. {block:Caption}
  714. <div id="captions">
  715. {Caption}
  716. </div>
  717. {/block:Caption}
  718. {/block:IndexPage}
  719. {/block:Photo}
  720.  
  721. {block:Photoset}
  722. <div class="photo">
  723. <center>
  724. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  725. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  726. </center>
  727. </div>
  728. {block:IndexPage}
  729. {block:Caption}<div id="captions">
  730. {Caption}</div>
  731. {/block:Caption}
  732. {/block:IndexPage}
  733. {/block:Photoset}
  734.  
  735. {block:Video}
  736. <div class="photo">
  737. <center>
  738. {block:IndexPage}{Video-250}{/block:IndexPage}
  739. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  740. </center>
  741. {block:Caption}<div id="captions">
  742. {Caption}</div>
  743. {/block:Caption}
  744. {/block:IndexPage}{/block:Video}
  745.  
  746. {block:Answer}
  747. <div id="asker">
  748. <i style="color:{color:icons};"class="fa fa-question fa-3x "></i><br> {Asker} said:</div>
  749. <div id="question">{Question}</div>
  750. <div id="answer">{Answer}</div>
  751. {/block:Answer}
  752.  
  753. {block:Audio}
  754. <div style="margin-top:15px;" class="player">{AudioPlayerWhite}</div><div class="audioinfo">
  755. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<p>
  756. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<p>
  757. <b>Plays:</b> {PlayCount}
  758. </a></div>
  759. {/block:Audio}
  760.  
  761.  
  762. {block:IndexPage}
  763. <div id="postinfo">
  764. <a href="{Permalink}">{TimeAgo}</a> /
  765. <a href="{Permalink}">{NoteCountWithLabel}</a> /
  766. <a href="{ReblogUrl}">Reblog</a>
  767. </div>
  768. {block:IfShowTags}
  769. {block:HasTags}
  770. <div class="tags">
  771. <img src="http://static.tumblr.com/3yblkz0/wfTn2c29g/tag.png"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  772. {/block:HasTags}
  773. {/block:IfShowTags}
  774. {block:IndexPage}
  775.  
  776. {block:PermalinkPage}
  777. {block:Date}
  778. <div id="permalink">
  779. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
  780. <img src="http://static.tumblr.com/3yblkz0/bWKn2c3l1/plan.png">
  781. <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  782. {block:NoteCount}
  783. <img src="http://media.tumblr.com/9395b2e212e1433fceeb8f2fe727e88e/tumblr_inline_n2ajerV2ro1r7v6wt.png">
  784. <b>Notes:</b> {NoteCount}<br>
  785. {/block:NoteCount}
  786. {block:RebloggedFrom}
  787. <img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png">
  788. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  789. {/block:RebloggedFrom}
  790. {block:ContentSource}
  791. <img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png">
  792. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
  793. {/block:ContentSource}
  794. {block:HasTags}
  795. <img src="http://static.tumblr.com/3yblkz0/wfTn2c29g/tag.png">
  796. <b>Tagged:</b>
  797. {block:Tags}
  798. <a href="{TagURL}">#{Tag}</a>
  799. {/block:Tags}
  800. {/block:HasTags}
  801. </div>
  802. {/block:Date}
  803. {/block:PermalinkPage}
  804.  
  805. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  806. </div>
  807.  
  808. {/block:Posts}
  809. {block:ContentSource}
  810. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  811. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  812. {/block:SourceLogo}
  813. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  814. {/block:ContentSource}
  815.  
  816. </div>
  817.  
  818. {block:IfNotInfiniteScroll}
  819. {block:Pagination}
  820. <div id="pagi">
  821. {block:PreviousPage}
  822. <a href="{PreviousPage}">«</a>
  823. {/block:PreviousPage}
  824. {block:JumpPagination length="5"}
  825. {block:CurrentPage}
  826. <span class="current_page">{PageNumber}</span>
  827. {/block:CurrentPage}
  828. {block:JumpPage}
  829. <a class="jump_page" href="{URL}">{PageNumber}</a>
  830. {/block:JumpPage}
  831. {/block:JumpPagination}
  832. {block:NextPage}
  833. <a href="{NextPage}">»</a>
  834. {/block:NextPage}
  835. </div>
  836. {/block:Pagination}
  837. {/block:IfNotInfiniteScroll}
  838.  
  839. </div>
  840.  
  841. <div id="her">
  842. <a href="http://kaiguk.tumblr.com/" title="theme by Ani">KG</a>
  843. </div>
  844.  
  845. </body>
  846. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement