API tools faq
paste
Advertisement
SeoulChan

Silence

SeoulChan
Jan 14th, 2015
1,731
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Lua 16.11 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  _         _             _    
  3. | |       (_)           | |  
  4. | | ____ _ _  __ _ _   _| | __
  5. | |/ / _` | |/ _` | | | | |/ /
  6. |   < (_| | | (_| | |_| |   <
  7. |_|\_\__,_|_|\__, |\__,_|_|\_\
  8.               __/ |          
  9.              |___/
  10. Silence theme by Kaiguk  (http://kaiguk.tumblr.com/)
  11.  
  12. Please follow the fucking rules. To you theives, stop stealing themes and acting like you a big shot, assholes. Stealing is wrong and I will kick you so far up your ass , and you will never know how it feels to walk again.
  13.  
  14. Anyways, to you angels, enjoy the theme! \ (•◡•) / If you have any questions on how to do something, just send me a msg on my personal blog or theme blog (I'll answer on either one.)
  15.  
  16. --->
  17. <!DOCTYPE html>
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <head>
  26.  
  27. <meta name="if:Grayscale" content="0"/>
  28. <meta name="if:ShowCaptions" content="0"/>
  29. <meta name="if:TwoColumns" content="0"/>
  30.  
  31. <meta name="color:bold"content="#5289db">
  32. <meta name="color:italic"content="#97b8e9">
  33. <meta name="color:underline" content="#dce7f8"/>
  34. <meta name="color:topbar"content="#5289db">
  35. <meta name="color:text"content="#aaaaaa">
  36. <meta name="color:background"content="#ffffff">
  37. <meta name="color:post bg" content="#fbfbfb"/>
  38. <meta name="color:border" content="#eeeeee"/>
  39. <meta name="color:caption bg" content="#fbfbfb"/>
  40. <meta name="color:caption border" content="#f6f6f6"/>
  41. <meta name="color:caption" content="#cccccc"/>
  42. <meta name="color:title" content="#5289db"/>
  43. <meta name="color:link" content="#444444"/>
  44. <meta name="color:hover" content="#cccccc"/>
  45. <meta name="color:post bg" content="#fbfbfb"/>
  46. <meta name="color:desc bg" content ="#000000"/>
  47. <meta name="color:desc text" content ="#ffffff"/>
  48. <meta name="color:linktitlebg" content="#000000"/>
  49. <meta name="color:linktitletext" content="#ffffff"/>
  50. <meta name="color:selection text" content="#888888"/>
  51. <meta name="color:selection bg" content="#eeeeee"/>
  52.  
  53. <meta name="image:sideimg" content=""/>
  54. <meta name="image:bg" content=""/>
  55. <meta name="image:navicon1" content=""/>
  56. <meta name="image:navicon2" content=""/>
  57. <meta name="image:navicon3" content=""/>
  58. <meta name="image:navicon4" content=""/>
  59. <meta name="image:navicon5" content=""/>
  60. <meta name="image:navicon6" content=""/>
  61.  
  62. <meta name="text:Link1Title" content="one"/>
  63. <meta name="text:Link1URL" content="/"/>
  64. <meta name="text:Link2Title" content="two"/>
  65. <meta name="text:Link2URL" content="/"/>
  66. <meta name="text:Link3Title" content="three"/>
  67. <meta name="text:Link3URL" content="/"/>
  68. <meta name="text:Link4Title" content="four"/>
  69. <meta name="text:Link4URL" content="/"/>
  70. <meta name="text:Link5Title" content="five"/>
  71. <meta name="text:Link5URL" content="/"/>
  72. <meta name="text:Link6Title" content="six"/>
  73. <meta name="text:Link6URL" content="/"/>
  74.  
  75. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  77. <script>
  78.    (function($){
  79.        $(document).ready(function(){
  80.            $("[title]").style_my_tooltips();
  81.        });
  82.    })(jQuery);
  83. </script>
  84.  
  85. <style type="text/css">
  86.  
  87. body {
  88.    margin: 0;
  89.    padding: 0;
  90.    border: 0;
  91.    background: url('{image:BG}') repeat fixed;
  92.    background-color:{color:background};
  93.    color:{color:text};
  94.    font-family:courier;
  95.    font-size: 9.5px;
  96.    text-transform:uppercase;
  97.    line-height: 190%;
  98.    word-wrap: break-word;
  99.    }
  100.  
  101. a {
  102.    color: {color:link};
  103.    text-decoration: none;
  104.    -moz-transition: all ease-in-out 0.4s;
  105.    -webkit-transition: all ease-in-out 0.4s;
  106.    -o-transition: all ease-in-out 0.4s;
  107.    }
  108.  
  109. a:hover{
  110.    color: {color:hover};
  111.    text-decoration: none;
  112.    }
  113.  
  114. blockquote {
  115.    border-left:3px solid {color:border};
  116.    padding:4px;
  117.    margin-left:3px;
  118.    }
  119.  
  120. b, strong {
  121.    color: {color:bold};
  122.    font-weight: bold;
  123.    }
  124.  
  125. i, em {
  126.    color: {color:italic};
  127.    font-style: italic;
  128.    }
  129.    
  130. u {
  131.    border-bottom: 1px solid;
  132.    color:{color:underline};
  133.    }  
  134.  
  135. #topbar {
  136.    background:{color:topbar};
  137.    width:100%;
  138.    height:40px;
  139.    top:0px;
  140.    left:0px;
  141.    position:fixed;
  142.    z-index:999999;
  143.    }
  144.  
  145. {block:iftwocolumns}
  146. #wrapper{
  147.    width: 650px;
  148.    height: auto;
  149.    margin-top: 50px;
  150.    margin-left: 300px;
  151.    margin-bottom: 50px;
  152.    border: 0;
  153.    }
  154.  
  155. .posts {
  156.    width: 250px;
  157.    margin-left: 30px;
  158.    margin-bottom: 30px;
  159.    float: left;
  160.    text-align: justify;
  161.    background:{color:post bg};
  162.    border:1px solid {color:border};
  163.    padding:20px;
  164.    }
  165. {/block:iftwocolumns}
  166.  
  167. {block:ifnottwocolumns}
  168.  
  169. #wrapper{
  170.    width: 350px;
  171.    {block:PermalinkPage}
  172.    width: 400px;
  173.    {/block:PermalinkPage}
  174.    height: auto;
  175.    margin-top: 50px;
  176.    margin-left: 300px;
  177.    margin-bottom: 50px;
  178.    border: 0;
  179.    }
  180.  
  181. .posts {
  182.    width: 250px;
  183.    margin-left: 250px;
  184.    margin-bottom: 30px;
  185.    float: left;
  186.    text-align: justify;
  187.    background:{color:post bg};
  188.    border:1px solid {color:border};
  189.    padding:20px;
  190.    }
  191.  
  192. {/block:ifnottwocolumns}
  193.  
  194. {block:IfShowCaptions}
  195. #captions {
  196.    margin-top: 10px;
  197.    padding:5px;
  198.    text-align:left;
  199.    background: {color:Caption bg};
  200.    border: 1px solid {color:Caption border};
  201.    color:{color:Caption};
  202.    }
  203. {/block:IfShowCaptions}
  204.  
  205. {block:IfNotShowCaptions}
  206. #captions {
  207.    display:none;
  208.    }
  209. {/block:IfNotShowCaptions}
  210.  
  211. {block:IfGrayscale}
  212. img{
  213.   filter:gray;
  214.   -webkit-filter: grayscale(100%);
  215.   -webkit-transition: all 0.5S ease-in-out;
  216.   -moz-transition: all 0.5S ease-in-out;
  217.   -o-transition: all 0.5S ease-in-out;
  218.   -ms-transition: all 0.5S ease-in-out;
  219.   transition: all 0.5S ease-in-out;    
  220.    }
  221.  
  222. img:hover{
  223.  filter:none;
  224.  -webkit-filter: grayscale(0%);
  225.  -webkit-transition: all 0.5S ease-in-out;
  226.  -moz-transition: all 0.5S ease-in-out;
  227.  -o-transition: all 0.5S ease-in-out;
  228.  -ms-transition: all 0.5S ease-in-out;
  229.  transition: all 0.5S ease-in-out;
  230.  }
  231.  
  232. .photo{
  233.  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");
  234.  filter: gray;
  235.  -webkit-filter: grayscale(100%);
  236.  -webkit-transition: all 0.5S ease-in-out;
  237.  -moz-transition: all 0.5S ease-in-out;
  238.  -o-transition: all 0.5S ease-in-out;
  239.  -ms-transition: all 0.5S ease-in-out;
  240.  transition: all 0.5S ease-in-out;
  241.  }
  242.  
  243. .photo:hover{
  244.  filter: none;
  245.  -webkit-filter: grayscale(0%);
  246.  -webkit-transition: all 0.7S ease-in-out;
  247.  -moz-transition: all 0.7S ease-in-out;
  248.  -o-transition: all 0.7S ease-in-out;
  249.  }
  250. {/block:IfGrayscale}
  251.  
  252.  
  253. #pagi {
  254.    border-top:1px solid {color:border};
  255.    font-size: 9px;
  256.    line-height: 21px;
  257.    text-shadow: 0 1px 1px #fff;
  258.    text-align:center;
  259.    margin-top: 10px
  260.    margin-left:-10px;
  261.    letter-spacing:1px;
  262.    text-transform: lowercase;
  263.    font-style: italic;
  264.    }
  265.  
  266. .sidebar {
  267.    position: fixed;
  268.    top: 0px;
  269.    left: 50px;
  270.    bottom: 0px;
  271.    width: 200px;
  272.    padding: 10px;
  273.    margin-top:250px;
  274.    }
  275.    
  276. #sidebar img{
  277.    float:left;
  278.    margin-right:7px;
  279.    width:60px;
  280.    height:60px;
  281. }  
  282.  
  283. #title {
  284.    color:{color:title};
  285.    margin-top: 30px;
  286.    text-align: left;
  287.    font-size: 20px;
  288.    letter-spacing: 3px;
  289.    padding-bottom: 5px;
  290.    -moz-transition: all ease-in-out 0.4s;
  291.    -webkit-transition: all ease-in-out 0.4s;
  292.    -o-transition: all ease-in-out 0.4s;
  293.    }
  294.  
  295. #desc {
  296.    margin-top: 5px;
  297.    word-spacing:2px;
  298.    letter-spacing:1px;
  299.    font-size: 9px;
  300.    line-height:110%;
  301.    text-align: left;
  302.    }
  303.  
  304. .desc{
  305.    line-height:180%;
  306.    background:{color:desc BG};
  307.    color:{color:desc text};
  308.    }
  309.  
  310. #links {
  311.    text-align: left;
  312.    margin-top: 10px;
  313.    word-spacing: 5px;
  314.    font-size: 8px;
  315.    text-transform: uppercase;
  316.    letter-spacing: 1px;
  317.    }
  318.  
  319. #links a {
  320.    display: inline-block;
  321.    color: #CCC;
  322.    border-top: 2px solid transparent;
  323.    padding: 5px 1px 0px 1px;
  324.    }
  325.  
  326. #postinfo {
  327.    margin-top:20px;
  328.    border-top:1px solid #eee;
  329.    padding:5px;
  330.    text-align:center;
  331.    font-size:10px;
  332.    letter-spacing:0px;
  333.    line-height:150%;
  334.    color:{color:link};
  335.    }
  336.  
  337. #postinfo a {
  338.    color:{color:link};
  339.    padding:5px;
  340.    }
  341.  
  342. #postinfo a:hover {
  343.    color:{color:hover};
  344.    }
  345.  
  346. #permalink {
  347.    padding:10px;
  348.    text-align:justify;
  349.    line-height:15px;
  350.    margin-top:10px;
  351.    height:auto;
  352.    background:#fafafa;
  353.    padding:10px;
  354.    }
  355.  
  356. .note li {
  357.    list-style-type:none;
  358.    padding:10px 25px 10px 25px;
  359.    text-align:left;
  360.    margin:0px;
  361.    border-bottom:1px solid {color:border};
  362.    line-height:140%;
  363.    -moz-transition-duration:0.5s;
  364.    -webkit-transition-duration:0.5s;
  365.    -o-transition-duration:0.5s;
  366.    }
  367.  
  368. .notes img {
  369.    display:none!important;
  370.    }
  371.  
  372. #s-m-t-tooltip {
  373.    z-index: 9999;
  374.    background: {color:LinkTitleBG};
  375.    font-size: 10px;
  376.    line-height: 11px;
  377.    letter-spacing: 1px;
  378.    text-transform: normal;
  379.    color: {color:LinkTitleText};
  380.    max-width: 150px;
  381.    word-wrap: break-word;
  382.    padding: 3px 3px 3px 3px;
  383.    display: block;
  384.    margin: 24px 14px 7px 12px;
  385.    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  386.    -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  387.    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  388.    }
  389.  
  390. ul.chat, .chat ol, .chat li {
  391.    list-style:none;
  392.    margin:0px;
  393.    padding:2px;
  394.    line-height:160%;
  395.    }
  396.  
  397.  
  398. #question {
  399.    padding-bottom:5px;
  400.    font-style:italic;
  401.    border-bottom:1px solid {color:border};
  402.    }
  403.  
  404. #asker {
  405.    letter-spacing:1px;
  406.    }
  407.  
  408. .player {
  409.    width:25px;
  410.    height:25px;
  411.    overflow:hidden;
  412.    position:absolute;
  413.    background:white;
  414.    }
  415.  
  416. .audioinfo {
  417.    margin-left:50px;
  418.    line-height:120%;
  419.    }
  420.  
  421.  
  422. ::-webkit-scrollbar-thumb:vertical {
  423.    background:{color:background};
  424.    height: 80px;
  425.    }
  426.  
  427. ::-webkit-scrollbar {
  428.    height: 10px;
  429.    width: 10px;
  430.    background: {color:topbar};
  431.    }
  432.  
  433. ::selection {
  434.    background:{color:selection bg};
  435.    color:{color:selection text};
  436.    }
  437.  
  438. #sungyeol {
  439.    position:fixed;
  440.    left:10px;
  441.    bottom:10px;
  442.    text-transform:uppercase;
  443.    font-size:10px;
  444.    letter-spacing:1px;
  445.    padding:5px;
  446.    -webkit-transition: all 0.3s ease;
  447.    -moz-transition: all 0.3s ease;
  448.    -ms-transition: all 0.3s ease;
  449.    -o-transition: all 0.3s ease;
  450.    transition: all 0.3s ease;
  451.    }
  452.  
  453. </style>
  454.  
  455. {block:IndexPage}
  456. {block:iftwocolumns}
  457. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  458.  
  459. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  460.  
  461. <script>
  462. $(function(){
  463. var $container = $('#wrapper');
  464. $container.imagesLoaded(function(){
  465. $container.masonry({
  466. itemSelector: '.posts',
  467. });
  468. });
  469. $container.infinitescroll({
  470. itemSelector : ".posts",
  471. navSelector : "div.pagi",
  472. nextSelector : ".pagi a#next",
  473. loadingImg : "",
  474. loadingText : "<em></em>",
  475. bufferPx : 10000,
  476. extraScrollPx: 10000,
  477. },
  478. function( newElements ) {
  479.  var $newElems = $( newElements ).css({ opacity: 0 });
  480. $newElems.imagesLoaded(function(){
  481. $newElems.animate({ opacity: 1 });
  482. $container.masonry( 'appended', $newElems, true );
  483. });
  484. }
  485. );
  486. });
  487. </script>
  488. {/block:iftwocolumns}
  489. {/block:IndexPage}
  490.  
  491. </head>
  492.  
  493. <body>
  494.  
  495. <div id="topbar"></div>
  496.  
  497. <div class="sidebar">
  498.  
  499. <div id="title">{Title}</div>
  500.  
  501. <div id="sidebar"><img src="{image:sideimg}"></div>
  502.  
  503. <div id="desc"><span class="desc">{Description}</span></div>
  504.  
  505. <div id="links">
  506. <a href="{text:Link1URL}" title= "{text:Link1Title}"><img src="{image:navicon1}"></a></a>
  507. <a href="{text:Link2URL}" title= "{text:Link2Title}"><img src="{image:navicon2}"></a></a>
  508. <a href="{text:Link3URL}" title= "{text:Link3Title}"><img src="{image:navicon3}"></a></a>
  509. <a href="{text:Link4URL}" title= "{text:Link4Title}" ><img src="{image:navicon4}"></a></a>
  510. <a href="{text:Link5URL}" title= "{text:Link5Title}"><img src="{image:navicon5}"></a></a>
  511. <a href="{text:Link6URL}"title= "{text:Link6Title}" ><img src="{image:navicon6}"></a></a>
  512. </div>
  513.  
  514. {block:Pagination}
  515. <div id="pagi">
  516. {block:PreviousPage}
  517. <center> <a href="{PreviousPage}">previous —</a>
  518. {/block:PreviousPage}
  519. {CurrentPage} of {TotalPages}
  520. {block:NextPage}
  521. <a href="{NextPage}">— next</a></center>
  522. {/block:NextPage}
  523. </div>
  524. {/block:Pagination}
  525.  
  526. </div>
  527.  
  528. <div id="wrapper">
  529.  
  530. {block:Posts}
  531.  
  532. <div class="posts">
  533.  
  534. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  535.  
  536. {block:Quote}<div style="font-size:14px; font-weight:bold; padding:3px;">“{Quote}”</div>{Source}{/block:Quote}
  537.  
  538. {block:Link}<a href="{URL}"><h2>{Name} »</h2></a>
  539. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  540.  
  541. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  542.  
  543. {block:Photo}
  544. <div class="photo">
  545. <center>
  546. <img src="{PhotoURL-250}" {block:IndexPage}
  547. title="{NoteCountWithLabel}"href="{permalink}"{/block:IndexPage}
  548. alt="{PhotoAlt}">
  549. </center>
  550. </div>
  551. {block:IndexPage}
  552. {block:Caption}
  553. <div id="captions">
  554. {Caption}
  555. </div>
  556. {/block:Caption}
  557. {/block:IndexPage}
  558. {/block:Photo}
  559.  
  560. {block:Photoset}
  561. <div class="photo"><center>{Photoset-250}</center></div>
  562. {block:IndexPage}
  563. {block:Caption}<div id="captions">
  564. {Caption}</div>
  565. {/block:Caption}
  566. {/block:IndexPage}
  567. {/block:Photoset}
  568.  
  569. {block:Video}
  570. <div class="photo"><center>{Video-250}</center></div>{block:IndexPage}
  571. {block:Caption}<div id="captions">
  572. {Caption}</div>
  573. {/block:Caption}
  574. {/block:IndexPage}{/block:Video}
  575.  
  576. {block:Answer}<div id="question"><img style="padding-right:2px" src="http://media.tumblr.com/71c22f624186d6ca7f4fb48d2931bd81/tumblr_inline_n5sqt5IPZZ1sbfysw.gif">
  577. <span id="asker">{Asker} asked:</span>{Question}</div><div style="color:{color:text}; font-size:11px;">{Answer}</div>{/block:Answer}
  578.  
  579. {block:Audio}
  580. <div style="margin-top:15px;" class="player">{AudioPlayerWhite}</div><div class="audioinfo">
  581. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<p>
  582. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<p>
  583. <b>Plays:</b> {PlayCount}
  584. </a>
  585. </div>
  586. {/block:Audio}
  587.  
  588. {block:IndexPage}
  589. <div id="postinfo">
  590. <a href="{Permalink}"> {12Hour} : {Minutes} {AMPM} </a>
  591. </div>
  592. {block:IndexPage}
  593.  
  594. {block:PermalinkPage}
  595. {block:Date}
  596. <div id="permalink">
  597. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
  598. <img src="http://static.tumblr.com/3yblkz0/bWKn2c3l1/plan.png">
  599. <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  600. {block:NoteCount}
  601. <img src="http://media.tumblr.com/9395b2e212e1433fceeb8f2fe727e88e/tumblr_inline_n2ajerV2ro1r7v6wt.png">
  602. <b>Notes:</b> {NoteCount}<br>
  603. {/block:NoteCount}
  604. {block:RebloggedFrom}
  605. <img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png">
  606. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  607. {/block:RebloggedFrom}
  608. {block:ContentSource}
  609. <img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png">
  610. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
  611. {/block:ContentSource}
  612. {block:HasTags}
  613. <img src="http://static.tumblr.com/3yblkz0/wfTn2c29g/tag.png">
  614. <b>Tagged:</b>
  615. {block:Tags}
  616. <a href="{TagURL}">#{Tag}</a>
  617. {/block:Tags}
  618. {/block:HasTags}<br>
  619. {block:HighRes}
  620. <img src="http://media.tumblr.com/9395b2e212e1433fceeb8f2fe727e88e/tumblr_inline_n2ajerV2ro1r7v6wt.png">
  621. <b>High Res:</b>
  622. <a href="{PhotoURL-HighRes}">Click for higher res.</a>{/block:HighRes}
  623. </div>
  624. {/block:Date}
  625. {/block:PermalinkPage}
  626.  
  627. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  628. </div>
  629.  
  630. {/block:Posts}
  631.  
  632. </body>
  633. <div id="sungyeol">
  634. <a href="http://kaiguk.tumblr.com/" title="theme by Ani">KG</a>
  635. </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!