Advertisement
SeoulChan

Kibum

Jun 25th, 2014
1,582
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Lua 13.76 KB | None | 0 0
  1. <!-----------------------------------------------------------------------
  2.  _         _             _    
  3. | | ____ _(_) __ _ _   _| | __
  4. | |/ / _` | |/ _` | | | | |/ /
  5. |   < (_| | | (_| | |_| |   <
  6. |_|\_\__,_|_|\__, |\__,_|_|\_\
  7.              |___/
  8. Kibum (기범) theme by Ani (http://kaiguk.tumblr.com/)^•ﻌ•^
  9. You know the rules, don't remove credit, use as a base, or claim as yours
  10. Contact me if it contains any errors & enjoy my theme!★
  11. ------------------------------------------------------------------------>
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/dialogo_heart.gif" />
  18.  
  19.  
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. {block:Description}<meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <head>
  26.  
  27.  
  28.    <meta name="color:bold" content="#ffccdd"/>
  29.    
  30.    <meta name="color:italic" content="#ffaacc"/>
  31.    
  32.    <meta name="color:underline" content="#ff99aa"/>
  33.  
  34.    <meta name="color:Top BG" content="#f6f6f6"/>
  35.  
  36.    <meta name="color:Link" content="#fe89b3">
  37.    
  38.    <meta name="color:Hover" content="#cccccc">
  39.    
  40.    <meta name="color:Blockquote Border" content="#fe89b3">
  41.    
  42.    <meta name="color:Border" content="#e8e8e8">
  43.    
  44.    <meta name="color:Text" content="#9A9A9A">
  45.    
  46.    <meta name="color:Scrollbar" content="#ffd8e6">
  47.    
  48.    <meta name="color:Color1" content="#ffeeee"/>
  49.    
  50.    <meta name="color:Color2" content="#ffccdd"/>
  51.    
  52.    <meta name="color:Color3" content="#ffaacc"/>
  53.    
  54.    <meta name="color:Color4" content="#ff99aa"/>
  55.    
  56.    <meta name="color:Color5" content="#ffeeee"/>
  57.    
  58.    <meta name="color:LinkTitleBG" content="#eeeeee"/>
  59.  
  60.    <meta name="color:LinkTitleText" content="#888888"/>
  61.  
  62.    <meta name="color:Selection Text" content="#888888"/>
  63.  
  64.    <meta name="color:Selection BG" content="#eeeeee"/>
  65.  
  66.    <meta name="image:Sidebar" content=""/>
  67.    
  68.    <meta name="image:ToTop" content=""/>
  69.  
  70.    <meta name="text:Link1" content="Link 1">
  71.    
  72.    <meta name="text:Link1 url" content="/">
  73.    
  74.    <meta name="text:Link2" content="Link 2">
  75.    
  76.    <meta name="text:Link2 url" content="/">
  77.    
  78.    <meta name="text:Link3" content="Link 3">
  79.    
  80.    <meta name="text:Link3 url" content="/">
  81.    
  82.    <meta name="text:Link4" content="Link 4">
  83.    
  84.    <meta name="text:Link4 url" content="/">
  85.    
  86.    <meta name="text:Link5" content="Link 5">
  87.    
  88.    <meta name="text:Link5 url" content="/">
  89.    
  90.    <meta name="text:Link6" content="Link 6">
  91.    
  92.    <meta name="text:Link6 url" content="/">
  93.  
  94.  
  95.  
  96. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  97. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  98. <script>
  99.    (function($){
  100.    $(document).ready(function(){
  101.    $("a[title]").style_my_tooltips({
  102.    tip_follows_cursor:true,
  103.    tip_delay_time:0,
  104.    tip_fade_speed:0,
  105.    attribute:"title"
  106.    });
  107. });
  108. })(jQuery);
  109. </script>
  110.  
  111.    <style type="text/css">
  112.  
  113. ::-webkit-scrollbar {width: 7px; height: 4px; background: #ffffff; }
  114. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  115.  
  116.  
  117.  
  118.   a {
  119.    text-decoration:none;
  120.    -moz-transition-duration:0.5s;
  121.    -webkit-transition-duration:0.5s;
  122.    -o-transition-duration:0.5s;
  123.    color:{color:link};
  124.    }
  125.  
  126. a:hover {
  127.    text-decoration:none;
  128.    -moz-transition-duration:0.5s;
  129.    -webkit-transition-duration:0.5s;
  130.    -o-transition-duration:0.5s;
  131.    color:{color:hover};
  132.    }
  133.  
  134.  
  135. body {
  136.    font-family:arial;
  137.    font-weight:normal;
  138.    background:#fff;
  139.    }
  140.    
  141.  
  142. b,strong{
  143.    color:{color:bold};
  144.    }
  145.  
  146. i,em{
  147.    color:{color:italic};
  148.    }
  149.  
  150.  
  151. u{
  152.    color:{color:underline};
  153.    }
  154.    
  155.  
  156. h1 {
  157.    font-weight:normal;
  158.    font-size:10px;
  159.    text-align:right;
  160.    font-style:normal;
  161.    line-height:80%;
  162.    letter-spacing:1px;
  163.    color:{color:text};
  164.    }
  165.  
  166. h2 {
  167.    font-family:arial;
  168.    font-size:15px;
  169.    text-transform:normal;
  170.    text-align:left;
  171.    line-height:100%;
  172.    letter-spacing:-0.5px;
  173.    font-weight:normal;
  174.    padding:5px;
  175.    padding-bottom:2px;
  176.    color:{color:link};
  177.    }
  178.  
  179. blockquote {
  180.    font-family:arial;
  181.    font-size:10px;
  182.    padding:5px;
  183.    margin:5px;
  184.    border-left:2px solid {color:blockquote border};
  185.    background-color:#fcfcfc;
  186.    }
  187.  
  188. #kpop {
  189.    margin-top:0;
  190.    margin-left:auto;
  191.    margin-bottom:-12px;
  192.    margin-right:auto;
  193.    width:600px;
  194.    text-align:justify;
  195.    }
  196.  
  197. #side {
  198.    color:{color:text};
  199.    position:fixed;
  200.    width:115px;
  201.    height:200px;
  202.    margin-left:-90px;
  203.    margin-top:170px;
  204.    text-align:left;
  205.    padding:45px;
  206.    }
  207.  
  208. #side img {
  209.    width:160px;
  210.    height:auto;
  211.    padding:5px;
  212.    margin-left:-30px;
  213.    }
  214.    
  215. .desc {
  216.    margin-top:-20px;
  217.    padding:30px;
  218.    margin-left:-65px;
  219.    font-size:10px;
  220.    line-height:120%;
  221.    width:185px;
  222.    text-align:justify;
  223.    color:{color:text};
  224.    }
  225.  
  226. .desc a {
  227.    color:{color:link};
  228.    }
  229.    
  230. #onew {
  231.    background:{color:top bg};
  232.    border-radius:5px;
  233.    padding:20px;
  234.    position:fixed;
  235.    margin-left:200px;
  236.    width:498px;
  237.    text-align:center;
  238.    }
  239.  
  240. #onew a {
  241.    padding-left:4px;
  242.    font-size:11px;
  243.    color:{color:link};
  244.    }
  245.  
  246. #onew a:hover {
  247.    color:{color:hover};
  248.    }
  249.  
  250.    
  251. #color-bar {
  252.    position:fixed;
  253.    margin-top:57px;
  254.    margin-left:200px;
  255.    width:539px;
  256.    height:5px;
  257.    z-index:999;
  258.    overflow:hidden;
  259.    }
  260.    
  261. .color-part {
  262.    width:20%;
  263.    height:100%;
  264.    float:left;
  265.    }
  266.    
  267. #shinee {
  268.    float:left;
  269.    color:{color:text};
  270.    margin-left:159px;
  271.    padding:60px;
  272.    margin-bottom:30px;
  273.    text-align:justify;
  274.    }
  275.    
  276.  
  277. #shawol {
  278.    width:500px;
  279.    margin-top:50px;
  280.    margin-bottom:60px;
  281.    text-align:justify;
  282.    font-size:11px;
  283.    line-height:120%;
  284.    padding-right:8px;
  285.    color:{color:text};
  286.    }
  287.    
  288.  
  289.   .audio {
  290.    width:500px;
  291.    padding-bottom:10px;
  292.    padding-top:10px;
  293.    padding-left:3px;
  294.    }
  295.  
  296.  
  297. .albumart {
  298.    float:left;
  299.    padding:0px 10px 10px 0px;
  300.    }
  301.  
  302.  
  303. .albumart img {
  304.    width:70px;
  305.    border:1px solid {color:Border};
  306.    padding:5px;
  307.    }
  308.  
  309.  
  310. .ask {
  311.   padding:10px;
  312.   text-align:left;
  313.   color:{color:text};
  314.   background:#fcfcfc;
  315.   }
  316.  
  317.  
  318. .ans {
  319.   text-align:left;
  320.   padding:10px;
  321.   color:{color:text};
  322.   }
  323.  
  324. #s-m-t-tooltip {
  325.  z-index: 9999;
  326.  background: {color:LinkTitleBG};
  327.  font-size: 10px;
  328.  line-height: 11px;
  329.  font-family: arial;
  330.  letter-spacing: 1px;
  331.  text-transform: normal;
  332.  color: {color:LinkTitleText};
  333.  max-width: 150px;
  334.  word-wrap: break-word;
  335.  padding: 2px 5px 2px 6px;
  336.  display: block;
  337.  margin: 24px 14px 7px 12px;
  338.  -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  339.  -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  340.  box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  341.  }
  342.    
  343. ::selection {
  344.    background:{color:Selection BG};
  345.    color:{color:Selection Text};
  346.    }
  347.  
  348. #key {
  349.    font-family:arial;
  350.    border-bottom:1px solid {color:border};
  351.    text-transform:lowercase;
  352.    background-color:#fcfcfc;
  353.    padding:5px;
  354.    font-size:10px;
  355.    text-align:right;
  356.    padding-bottom:7px;
  357.    }
  358.  
  359. #key a {
  360.    font-style:normal;
  361.    letter-spacing:0px;
  362.    line-height:120%;    
  363.    padding:3px;
  364.    color:{color:link};
  365.    }
  366.  
  367. #key a:hover {
  368.    color:{color:hover};
  369.    text-decoration:underline;
  370.    }
  371.  
  372. #taemin{
  373.  font-family:arial;
  374.  font-size:11px;
  375.  padding:3px 10px;
  376.  text-transform:normal;
  377.  letter-spacing:1px;
  378.  text-align:center;
  379.  margin-top:5px;
  380.  background-color:#f6f6f6;
  381.  padding:6px;
  382.  padding-bottom:5px;
  383.  }
  384.  
  385.  
  386. #taemin a {
  387.  color: {color:link};
  388.  }
  389.  
  390.  
  391. #taemin a:hover {
  392.  color: {color:hover};
  393.  }
  394.  
  395.  
  396. #minho {
  397.  padding:8px;
  398.  text-align:justify;
  399.  line-height:15px;
  400.  margin-top:10px;
  401.  background-color:#fcfcfc;
  402.  opacity:0.5px;
  403.  color:{color:text};
  404.  }
  405.  
  406. #minho a{
  407.  color:{color:link};
  408.  }
  409.  
  410.  
  411. #minho a:hover{
  412.  color:{color:hover};
  413.  }
  414.  
  415.  
  416. .note li {
  417.  list-style-type:none;
  418.  padding:10px 25px 10px 25px;
  419.  text-align:left;
  420.  margin:0px;
  421.  border-bottom:1px solid {color:border};
  422.  -moz-transition-duration:0.5s;
  423.  -webkit-transition-duration:0.5s;
  424.  -o-transition-duration:0.5s;
  425.  }
  426.  
  427.  
  428. .notes img {
  429.  display:none!important;
  430.  }
  431.  
  432. ul.chat, .chat ol, .chat li {
  433.    list-style:none;
  434.    margin:0px;
  435.    padding:2px;
  436.    }
  437.  
  438. .label {
  439.    margin-right:5px;
  440.    }
  441.    
  442. #ani {
  443.   position:fixed;
  444.   font-family:arial;
  445.   font-size:11px;
  446.   line-height:120%;
  447.   left:10px;
  448.   bottom:15px;
  449.   text-align:center;
  450.   padding:4px;
  451.   }
  452.  
  453.  
  454. #ani a {
  455.   padding:7px;
  456.   padding-top:6px;
  457.   padding-bottom:6px;
  458.   -moz-transition-duration:0.5s;
  459.   -webkit-transition-duration:0.5s;
  460.   -o-transition-duration:0.5s;
  461.   color:{color:text};
  462.   letter-spacing:1px;
  463.   }
  464.  
  465. #scrollToTop:link, #scrollToTop:visited {
  466.    display:none;
  467.    position:fixed;
  468.    bottom: 10px;
  469.    right:10px;
  470.    }
  471.    
  472.    {CustomCSS}
  473.  
  474. </style>
  475.  
  476. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  477. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  478. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  479. <a href="javascript:;" id="scrollToTop"  title="top"><img src="{image:ToTop}"></a></a>
  480.  
  481. </a>
  482.  
  483. </head>
  484.  
  485. <body>
  486.  
  487. <div id="kpop">
  488.  
  489. <div id="onew">
  490. {block:IfLink1}
  491. <a href="{text:link1 url}">{text:link1}</a>
  492. {/block:IfLink1}
  493. {block:IfLink2}
  494. <a href="{text:link2 url}">{text:link2}</a>
  495. {/block:IfLink2}
  496. {block:IfLink3}
  497. <a href="{text:link3 url}">{text:link3}</a>
  498. {/block:IfLink3}
  499. {block:IfLink4}
  500. <a href="{text:link4 url}">{text:link4}</a>
  501. {/block:IfLink4}
  502. {block:IfLink5}
  503. <a href="{text:link5 url}">{text:link5}</a>
  504. {/block:IfLink5}
  505. <a href="{text:link6 url}">{text:link6}</a>
  506. {/block:IfLink6}
  507. </div>
  508.  
  509. <div id="color-bar">
  510. <div class="color-part" style="background-color:{color:color1};"></div>
  511. <div class="color-part" style="background-color:{color:color2};"></div>
  512. <div class="color-part" style="background-color:{color:color3};"></div>
  513. <div class="color-part" style="background-color:{color:color4};"></div>
  514. <div class="color-part" style="background-color:{color:color5};">
  515. </div>
  516.  
  517. </div>
  518.  
  519. <div id="side">
  520.  
  521. <img src="{image:sidebar}">
  522.  
  523. <div class="desc">
  524.  
  525. {description}
  526. </div>
  527.  
  528. </div>
  529.  
  530. <div id="shinee">
  531.  
  532. <div class="autopagerize_page_element">
  533.  
  534. {block:Posts}
  535.  
  536. <div id="shawol">
  537. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}<p>{/block:Text}
  538.  
  539. {block:Quote}<h2>“{Quote}”</h2><h1>—{Source}</h1><p>{/block:Quote}
  540.  
  541. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  542. {block:Description}<p>{Description}</p>{/block:Description}<p>{/block:Link}
  543.  
  544. {block:Photo}<a href="{Permalink}"><img src="{PhotoURL-500}"/></center><p></a>{/block:Photo}
  545.  
  546. {block:Photoset}{Photoset-500}<p>{/block:Photoset}
  547.  
  548. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label"><i>{Label}</i></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul><p>{/block:Chat}
  549.  
  550. {block:Video}{Video-500}<p>{/block:Video}
  551.  
  552. {block:Answer}<div class="ask"><img src="http://media.tumblr.com/e1fbd93dfb7f52fcc0de7a9ad9cd8f66/tumblr_inline_n5sqopNvro1sbfysw.gif"> {Asker} asked: {Question} </div>
  553. <div style="border-top:1px dashed {color:border};">
  554. <div class="ans">{Answer}</div></div><p>{/block:answer}
  555.  
  556. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><div class="photo"><img src="{AlbumArtURL}"/></div></div>{/block:AlbumArt}
  557. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<p>
  558. {/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<p>{/block:Artist}
  559. {/block:ExternalAudio}<b>Played:</b>{PlayCount} times</div><br>
  560. <div class="playercontainer">{AudioPlayerWhite}</div></div><p>{/block:Audio}
  561.  
  562. {block:IndexPage}<div id="key"> Posted {TimeAgo} / <a href="{Permalink}"> {12HourWithZero} : {Minutes} </a> /   <a href="{Permalink}">{NoteCountWithLabel}</a>
  563. {/block:IndexPage}
  564.  
  565. {block:PermalinkPage}
  566. {block:Date}
  567. <div id="minho">
  568. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  569. <br>
  570. <img src="http://media.tumblr.com/8058ed44933eb3496acf9981b685728b/tumblr_inline_n5sqp3d9jg1sbfysw.gif">
  571. <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  572. {block:NoteCount}
  573. <img src="http://media.tumblr.com/0554381e2583afa6704b5b1ef5870043/tumblr_inline_n5sqzsSABd1sbfysw.gif">
  574. <b>Notes:</b> {NoteCount}<br>
  575. {/block:NoteCount}
  576. {block:RebloggedFrom}
  577. <img src="http://media.tumblr.com/8d9abd275abf67cfcc7479f66755d536/tumblr_inline_n5sqqn2odh1sbfysw.gif">
  578. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  579. {/block:RebloggedFrom}
  580. {block:ContentSource}
  581. <img src="http://media.tumblr.com/8d9abd275abf67cfcc7479f66755d536/tumblr_inline_n5sqqn2odh1sbfysw.gif">
  582. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
  583. {/block:ContentSource}
  584. {block:HasTags}
  585. <img src="http://media.tumblr.com/7b5769d1f08760ef365f8b1990363e3f/tumblr_inline_n5sqr4eTMz1sbfysw.gif">
  586. <b>Tagged under:</b>
  587. {block:Tags}
  588. <a href="{TagURL}">#{Tag}</a>
  589. {/block:Tags}
  590. {/block:HasTags}
  591. </div>
  592. {/block:Date}
  593. {/block:PermalinkPage}
  594.  
  595.  
  596. <div class="note">
  597. {block:PostNotes}{PostNotes}{/block:PostNotes}
  598. </div>
  599.  
  600. </div>
  601.  
  602. {/block:Posts}
  603. </div>
  604.  
  605. </div>
  606. <div id="ani"><a href="http://kaiguk.tumblr.com/" title="theme by Ani">KG</a></div>
  607.  
  608. </div>
  609. </div>
  610. </div>
  611. </body>
  612. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement