Advertisement
SeoulChan

Beyond

Nov 1st, 2014
2,606
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Lua 15.74 KB | None | 0 0
  1. <!--
  2.  _         _             _    
  3. | |       (_)           | |  
  4. | | ____ _ _  __ _ _   _| | __
  5. | |/ / _` | |/ _` | | | | |/ /
  6. |   < (_| | | (_| | |_| |   <
  7. |_|\_\__,_|_|\__, |\__,_|_|\_\
  8.              __/ |          
  9.             |___/
  10. Beyond theme by Ani (http://kaiguk.tumblr.com/)
  11. Please follow the rules by not claiming as your own, using as a base, or removing the credit. If anything goes wrong with the theme, please msg me. Have a wonderful day and happy using!!!
  12. -->
  13.  
  14. <!DOCTYPE html>
  15.  
  16. <head>
  17.  
  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}" />{/block:Description}
  23.  
  24.  
  25.     <meta name="if:showcaptions" content="1"/>
  26.     <meta name="if:ShowTags" content="0"/>
  27.     <meta name="color:bold" content="#888888"/>
  28.     <meta name="color:italic" content="#cccccc"/>
  29.     <meta name="color:underline" content="#eeeeee"/>
  30.     <meta name="color:bg" content="#ffffff"/>
  31.     <meta name="color:text" content="#9a9a9a"/>
  32.     <meta name="color:link" content="#cccccc"/>
  33.     <meta name="color:hover" content="#dddddd"/>
  34.     <meta name="color:border" content="#eeeeee"/>
  35.     <meta name="color:Popup Border" content="#eeeeee"/>
  36.     <meta name="color:blockquote color" content="#666666"/>
  37.     <meta name="color:post borders" content="#eeeeee"/>
  38.     <meta name="color:post bg" content="#f6f6f6"/>
  39.     <meta name="color:post bg 2" content="#f6f6f6"/>
  40.     <meta name="color:caption bg" content="#fbfbfb"/>
  41.     <meta name="color:caption border" content="#f6f6f6"/>
  42.     <meta name="color:caption" content="#cccccc"/>
  43.     <meta name="color:scrollbar bg" content="#6b6d6d"/>
  44.     <meta name="color:linktitlebg" content="#eeeeee"/>
  45.     <meta name="color:linktitletext" content="#888888"/>
  46.     <meta name="color:selection text" content="#888888"/>
  47.  
  48.  
  49.     <meta name="image:sidebar" content=""/>
  50.     <meta name="image:bg" content=""/>
  51.     <meta name="image:post bg" content=""/>
  52.     <meta name="image:totop" content=""/>
  53.  
  54.    
  55.     <meta name="text:title text" content="title">
  56.     <meta name="text:Link 1 URL" content="" />
  57.     <meta name="text:Link 1" content="link 1" />
  58.     <meta name="text:Link 2 URL" content="" />
  59.     <meta name="text:Link 2" content="link 2" />
  60.     <meta name="text:Link 3 URL" content="" />
  61.     <meta name="text:Link 3" content="link 3" />
  62.     <meta name="text:Link 4 URL" content="" />
  63.     <meta name="text:Link 4" content="link 4" />
  64.     <meta name="text:Link 5 URL" content="" />
  65.     <meta name="text:Link 5" content="link 5" />
  66.     <meta name="text:Link 6 URL" content="" />
  67.     <meta name="text:Link 6" content="link 6" />
  68.     <meta name="text:Link 7 URL" content="" />
  69.     <meta name="text:Link 7" content="link 7" />
  70.    
  71. <script>
  72.     (function($){
  73.         $(document).ready(function(){
  74.             $("[title]").style_my_tooltips();
  75.         });
  76.     })(jQuery);
  77. </script>
  78.  
  79.  
  80. <script type="text/javascript"
  81. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  82.  
  83.  
  84. <style type="text/css">
  85.  
  86.  
  87. ::-webkit-scrollbar-thumb {
  88.     height:auto;
  89.     background-color:{color:scrollbar bg};
  90.     }
  91.  
  92. ::-webkit-scrollbar {
  93.     height:5px;
  94.     width:10px;
  95.     padding-right:2px;
  96.     background-color:#fff;
  97.     }
  98.  
  99.  
  100. body {
  101.     background:{color:bg};
  102.     background-image:url('{image:bg}');
  103.     background-attachment:fixed;
  104.     color:{color:text};
  105.     font-family:arial;
  106.     font-size:11px;
  107.     word-spacing:1px;
  108.     line-height:200%;
  109.     }
  110.    
  111.  
  112. a {
  113.     color:{color:link};
  114.     text-decoration:none;
  115.     -moz-transition-duration:0.8s;
  116.     -webkit-transition-duration:0.8s;
  117.     -o-transition-duration:0.8s;
  118.     }
  119.  
  120.  
  121. a:hover {
  122.     color:{color:hover};
  123.     -moz-transition-duration:0.8s;
  124.     -webkit-transition-duration:0.8s;
  125.     -o-transition-duration:0.8s;
  126.     }
  127.  
  128.  
  129. b,strong{
  130.     color:{color:bold};
  131.     }
  132.  
  133. i,em{
  134.     color:{color:italic};
  135.     }
  136.  
  137. u{
  138.     color:{color:underline};
  139.     }
  140.  
  141.  
  142. blockquote {
  143.     padding:10px;
  144.     border-radius:3px;
  145.     border:2px solid #eee;
  146.     background:{color:blockquote color};
  147.     }
  148.  
  149.  
  150. h1 {
  151.     font-size:12px;
  152.     text-align:left;
  153.     font-family:arial;
  154.     letter-spacing:1px;
  155.     color:{color:text};
  156.     }
  157.  
  158. h2 {
  159.     font-size:12px;
  160.     font-family:arial;
  161.     text-align:left;
  162.     letter-spacing:1px;
  163.     color:{color:text};
  164.     }
  165.  
  166.  
  167. #head {
  168.     top:0px;
  169.     left:100px;
  170.     width:20px;
  171.     height:1000%;
  172.     background-color:{color:post borders};
  173.     position:fixed;
  174.     }
  175.    
  176. #head2 {
  177.     top:0px;
  178.     left:617px;
  179.     width:20px;
  180.     height:1000%;
  181.     background-color:{color:post borders};
  182.     position:fixed;
  183.     }
  184.    
  185. #fade {
  186.     display: none;
  187.     background: #fff;
  188.     position: fixed;
  189.     left: 0;
  190.     top: 0;
  191.     width: 100%;
  192.     height: 100%;
  193.     z-index: 9999;
  194.     }
  195.  
  196.  
  197. .popup_block{
  198.     display: none;
  199.     border:7px solid {color:popup border};
  200.     background: #FFFFFF;
  201.     padding: 20px;
  202.     float: left;
  203.     position: fixed;
  204.     top: 50%;
  205.     left: 50%;
  206.     z-index: 99999;
  207.     }
  208.    
  209.    
  210. .popup_block a{
  211.     color:{color:text};
  212.     padding:5px;
  213.     font-size:12px;
  214.     }
  215.    
  216.  .popup_block a:hover{
  217.      color:{color:hover}
  218.      }
  219.  
  220.  
  221. *html #fade {
  222.         position: absolute;
  223.     }
  224.  
  225.  
  226. *html .popup_block {
  227.         position: absolute;
  228.     }
  229.        
  230.    
  231. #sidebar {
  232.     width:250px;
  233.     position:fixed;
  234.     margin-left:700px;
  235.     margin-top:190px;
  236.     }
  237.  
  238.  
  239. #title {
  240.     margin-top:-5px;
  241.     margin-left:-17px;
  242.     letter-spacing:0px;
  243.     font-family:arial;
  244.     font-size:18px;
  245.     text-transform:lowercase;
  246.     font-weight:bold;
  247.     padding:4px;
  248.     position:fixed;
  249.     text-align:left;
  250.     word-wrap: break-word;
  251.     }
  252.  
  253. #title a{
  254.     color:{color:link};
  255.     }
  256.    
  257. #title a:hover{
  258.     cursor:crosshair;    
  259.     }
  260.  
  261. #sidebarimage {
  262.     position:fixed;
  263.     width:200px;
  264.     height:112px;
  265.     }
  266.  
  267. #sidebarimage img {
  268.     width:210px;
  269.     height:115px;
  270.     margin-left:-11px;
  271.     margin-top:0px;
  272.     }
  273.  
  274. #links {
  275.     margin-top:120px;
  276.     margin-right:45px;
  277.     font-family:arial;
  278.     word-spacing:1px;
  279.     letter-spacing:1px;
  280.     font-size:12px;
  281.     text-align:right;
  282.     }
  283.  
  284. #links a {
  285.     padding:7px;
  286.     color:{color:link};
  287.     }
  288.  
  289. #links a:hover {
  290.     color:{color:hover};
  291.     }
  292.  
  293. #description {
  294.     width:200px;
  295.     font-size:11px;
  296.     padding:5px;
  297.     text-align:justify;
  298.     letter-spacing:1px;
  299.     line-height:140%;
  300.     margin-left:-8px;
  301.     margin-top:-2px;
  302.     }
  303.  
  304.  #s-m-t-tooltip {
  305.     z-index: 9999;
  306.     background: {color:LinkTitleBG};
  307.     font-size: 10px;
  308.     line-height: 11px;
  309.     font-family: arial;
  310.     letter-spacing: 1px;
  311.     text-transform: normal;
  312.     color: {color:LinkTitleText};
  313.     max-width: 150px;
  314.     word-wrap: break-word;
  315.     padding: 2px 5px 2px 6px;
  316.     display: block;
  317.     margin: 24px 14px 7px 12px;
  318.     -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  319.     -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  320.     box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  321.     }
  322.  
  323. ::selection {
  324.     background:{color:selection bg};
  325.     color:{color:selection text};
  326.     }
  327.  
  328. #scrollToTop:link, #scrollToTop:visited {
  329.     display:none;
  330.     position:fixed;
  331.     bottom: 10px;
  332.     right:10px;
  333.     }
  334.  
  335. #entries {
  336.     width:400px;
  337.     background:{color:post bg 2};
  338.     background-image:url('{image:post bg}');
  339.     background-attachment:fixed;
  340.     padding:55px;
  341.     margin-top:-10px;
  342.     margin-left:110px;
  343.     }
  344.  
  345. #post {
  346.     width:400px;
  347.     padding:10px;
  348.     margin-left:-17px;
  349.     margin-bottom:30px;
  350.     border:2px solid {color:border};
  351.     background:{color:post bg};
  352.     }
  353.  
  354.  
  355. .perma {
  356.    text-align:right;
  357.    margin-top:20px;
  358.    margin-left:-10px;
  359.    font-size:15px;
  360.    }
  361.  
  362. .perma a {
  363.     color:{color:link};
  364.     font-style:bold;
  365.     font-weight:bold;
  366.     }
  367.    
  368. .perma a:hover {
  369.     color:{color:hover};
  370.     cursor:crosshair;    
  371.     }
  372.    
  373. #permainfo {
  374.     padding:10px;
  375.     text-align:justify;
  376.     line-height:15px;
  377.     margin-top:10px;
  378.     height:auto;
  379.     background-color:{color:caption bg};
  380.     border:3px solid {color:caption border};
  381.     }
  382.    
  383. {block:IfShowCaptions}
  384. #captions {
  385.     margin-top: 10px;
  386.     padding:5px;
  387.     text-align:left;
  388.     background: {color:Caption bg};
  389.     border: 1px solid {color:Caption border};
  390.     color:{color:Caption};
  391.     }
  392. {/block:IfShowCaptions}
  393.      
  394. {block:IfNotShowCaptions}
  395. #captions {
  396.     display:none;
  397.     }
  398. {/block:IfNotShowCaptions}  
  399.  
  400. {block:IfShowTags}  
  401.  
  402. .tags {
  403.     margin-left:-3px;
  404.     padding:2px;
  405.     font-family:arial;
  406.     letter-spacing:0px;
  407.     font-size:11px;
  408.     text-align:left;
  409.     }
  410.    
  411. .tags a {
  412.     color:{color:link};
  413.     }
  414.    
  415. .tags a:hover {
  416.     color:{color:hover};
  417.     }
  418. {/block:IfShowTags}  
  419.  
  420. {block:IfNotShowTags}  
  421. .tags {
  422.     display:none;
  423.     }
  424. {/block:IfNotShowTags}  
  425.  
  426.    
  427. .note {
  428.     width:400px;
  429.     margin-top:40px;
  430.     font-family:arial;
  431.     text-transform:lowercase;
  432.     font-style:normal;
  433.     letter-spacing:0px;
  434.     font-size:11px;
  435.     text-align:left;
  436.     list-style:none;
  437.     }
  438.  
  439. .note img {
  440.     display:none!important;
  441.     }
  442.  
  443. #question {
  444.   padding-bottom:5px;
  445.   border-bottom:1px solid {color:border};
  446.   }
  447.  
  448. #asker {
  449.   letter-spacing:1px;
  450.   }
  451.  
  452. .player {
  453.   width:25px;
  454.   height:25px;
  455.   overflow:hidden;
  456.   position:absolute;
  457.   border:3px solid {color:post borders};
  458.   }
  459.  
  460. .audioinfo {
  461.   margin-left:50px;
  462.   line-height:120%;
  463.   }
  464.  
  465. #huh {
  466.     font-size:12px;
  467.     line-height:150%;
  468.     letter-spacing:0px;
  469.     left:10px;
  470.     bottom:10px;
  471.     position:fixed;
  472.     font-style:italic;
  473.     text-align:center;
  474.     }  
  475.  
  476. #huh a {
  477.     padding:3px;
  478.     color:{color:link};
  479.     -moz-transition-duration:0.5s;
  480.     -webkit-transition-duration:0.5s;
  481.     -o-transition-duration:0.5s;
  482.     }
  483.  
  484.  
  485. {CustomCSS}
  486.    
  487. </style>
  488.  
  489. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  490.  
  491.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  492.  <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  493.  
  494.  <a href="javascript:;" id="scrollToTop"  title="top"><img src="{image:ToTop}"></a></a>      
  495.  <script type="text/javascript"
  496. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>    
  497. <script type="text/javascript"
  498. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  499. <script>
  500. $(document).ready(function() {
  501. //
  502. $('a.poplight[href^=#]').click(function() {
  503. var popID = $(this).attr('rel');
  504. var popURL = $(this).attr('href');
  505. var query= popURL.split('?');
  506. var dim= query[1].split('&');
  507. var popWidth = dim[0].split('=')[1];
  508. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/5844e1c7b56de6b9d69754dc52852619/tumblr_inline_n5sqkqtVpr1sbfysw.gif" class="btn_close" alt="Close" /></a>');
  509. var popMargTop = ($('#' + popID).height() + 80) / 2;
  510. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  511. $('#' + popID).css({
  512. 'margin-top' : -popMargTop,
  513. 'margin-left' : -popMargLeft
  514. });
  515. $('body').append('<div id="fade"></div>');
  516. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  517. return false;
  518. });
  519. $('a.close, #fade').live('click', function() {
  520. $('#fade , .popup_block').fadeOut(function() {
  521. $('#fade, a.close').remove();
  522. });
  523. return false;
  524. });
  525. });
  526. </script>
  527.  
  528. <!-- hey you, yeah you..this is where you add your shit.
  529. -->
  530. <div id="popup_name" class="popup_block">
  531. <br>
  532. <div style="font-size:11px; text-align:center;">You can type stuff here</div>
  533.  
  534. <div style="margin-left:85px;">
  535. <a href="{text:link 1 URL}">{text:link 1}</a>
  536. <a href="{text:link 2 URL}">{text:link 2}</a>
  537. <a href="{text:link 3 URL}">{text:link 3}</a>
  538. <a href="{text:link 4 URL}">{text:link 4}</a>
  539. <a href="{text:link 5 URL}">{text:link 5}</a>
  540. <a href="{text:link 6 URL}">{text:link 6}</a>
  541. <a href="{text:link 7 URL}">{text:link 7}</a>
  542. </div>
  543. </div>      
  544. </head>
  545. <body>
  546.  
  547. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  548. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  549. <script>
  550.  
  551. (function($){
  552.  
  553. $(document).ready(function(){
  554.  
  555. $("a[title]").style_my_tooltips({
  556.  
  557. tip_follows_cursor:true,
  558.  
  559. tip_delay_time:50,
  560.  
  561. tip_fade_speed:600,
  562.  
  563. attribute:"title"
  564.  
  565. });
  566.  
  567. });
  568.  
  569. })(jQuery);
  570.  
  571. </script>  
  572.  
  573. <div id="head"></div>
  574. <div id="head2"></div>
  575.  
  576.  
  577. <div id="sidebar">
  578.  
  579. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  580.  
  581. <div id="links">
  582. <div id="title"><a href="#?w=500" rel="popup_name" class="poplight">{text:title text}</a></div>
  583.  
  584. <a href="/">Home</a>
  585. <a href="/ask">Msg</a>
  586. <a href="/archive">Past</a>
  587.  
  588. </div>
  589.  
  590. <div id="description">{Description}</div>
  591.  
  592. </div>
  593.  
  594.  
  595. <div id="entries">
  596.  
  597. {block:Posts}
  598.  
  599. <div class="autopagerize_page_element">
  600.  
  601. <div id="post">
  602.  
  603.  
  604. {block:Text}<h1>{block:Title}<big>{Title}</big>{/block:Title}</h1>{Body}{/block:Text}
  605.  
  606. {block:Quote}<big><b>"{Quote}"</b></big>{block:Source}<p></p>โ€” {Source}{/block:Source}{/block:Quote}
  607.  
  608. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  609.  
  610. {block:Video}{Video-400}
  611. {block:IndexPage}
  612. {block:Caption}<div id="captions">
  613. {Caption}</div>
  614. {/block:Caption}
  615. {/block:IndexPage}{/block:Video}
  616.  
  617. {block:Photo}<img src="{PhotoURL-400}">
  618. {block:IndexPage}
  619. {block:Caption}<div id="captions">
  620. {Caption}</div>
  621. {/block:Caption}
  622. {/block:IndexPage}{/block:Photo}
  623.  
  624. {block:Photoset}{Photoset-400}
  625. {block:IndexPage}
  626. {block:Caption}<div id="captions">
  627. {Caption}</div>
  628. {/block:Caption}
  629. {/block:IndexPage}{/block:Photoset}
  630.  
  631. {block:Link}<h1><a href="{URL}" {Target}>{Name} ยป </a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  632.  
  633.  
  634. {block:Audio}
  635. <div style="margin-top:15px;" class="player">{AudioPlayerWhite}</div><div class="audioinfo">
  636. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<p>
  637. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<p>
  638. <b>Plays:</b> {PlayCount}
  639. </a>
  640. </div>
  641. {/block:Audio}
  642.  
  643. {block:Answer}<div id="question"><img style="padding-right:2px" src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Lapis1.gif">
  644. <span id="asker">{Asker} said: </span>{Question}</div><div style="color:{color:text}; font-size:11px;">{Answer}</div>{/block:Answer}
  645.  
  646. {block:IndexPage}
  647. {block:Date}<div class="perma">โ€ƒ<a href="{Permalink}">{12Hour} : {Minutes} {AMPM}</a></div>{/block:Date}
  648. {block:IfShowTags}  
  649. <div style="border-bottom:1px solid {color:border};"></div>
  650. {block:HasTags}
  651. <div id="tags">
  652. {block:Tags}<a href="{TagURL}">#{Tag}</a>โ€ƒ {/block:Tags}</div>
  653. {/block:HasTags}
  654. {/block:IfShowTags}
  655. {/block:IndexPage}
  656.  
  657. {block:PermalinkPage}
  658. {block:Date}
  659. <div id="permainfo">
  660. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
  661. <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  662. {block:NoteCount}
  663. <b>Notes:</b> {NoteCount}<br>
  664. {/block:NoteCount}
  665. {block:RebloggedFrom}
  666. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  667. {/block:RebloggedFrom}
  668. {block:ContentSource}
  669. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
  670. {/block:ContentSource}
  671. {block:HasTags}
  672. <b>Tagged:</b>
  673. {block:Tags}
  674. <a href="{TagURL}">#{Tag}</a>
  675. {/block:Tags}
  676. {/block:HasTags}
  677. </div>
  678. {/block:Date}
  679.  
  680. <div class="note">
  681. {block:PostNotes}{PostNotes}{/block:PostNotes}
  682. </div>
  683. {/block:PermalinkPage}
  684.  
  685. </div>
  686. {/block:Posts}
  687.  
  688. </div>
  689.  
  690. </div>
  691.    
  692. </div>
  693.    
  694. </div>
  695.    
  696. </div>
  697.  
  698. </div>
  699.  
  700. <div id="huh"><a href="http://kaiguk.tumblr.com" title="theme by ani">KG</a>
  701.  
  702. </body>
  703.  
  704. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement