Advertisement
SeoulChan

Apricot

Jun 17th, 2014
3,447
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
LDIF 13.17 KB | None | 0 0
  1. <!-----------------------------------------------------------------------
  2.  _         _             _    
  3. | | ____ _(_) __ _ _   _| | __
  4. | |/ / _` | |/ _` | | | | |/ /
  5. |   < (_| | | (_| | |_| |   <
  6. |_|\_\__,_|_|\__, |\__,_|_|\_\
  7.              |___/
  8. Apricot theme by Ani (http://kaiguk.tumblr.com/) ฅ^•ﻌ•^ฅ
  9. If anything goes wrong with the theme, please let me know.
  10. Please don't remove the credit but tweak all you want.
  11. Thanks for using my theme and have a good day~ ★
  12. ------------------------------------------------------------------------>
  13.  
  14. <!DOCTYPE html>
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  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. <meta name="image:Sidebar" content=""/>
  28. <meta name="image:BG" content=""/>
  29. <meta name="color:Sidebar bg" content="#ffffff"/>
  30. <meta name="color:Sidebar img bg" content="#ffffff"/>
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Banner" content="#fcebd5"/>
  33. <meta name="color:Text" content="#aaaaaa"/>
  34. <meta name="color:Link" content="#cccccc"/>
  35. <meta name="color:Hover" content="#666666"/>
  36. <meta name="color:Blockquote Border" content="#fad6ab"/>
  37. <meta name="color:Blockquote BG" content="#f6f6f6"/>
  38. <meta name="color:Post BG" content="#ffffff"/>
  39. <meta name="color:Perma BG" content="#fff3e4"/>
  40. <meta name="color:H1 BG" content="#fcebd5"/>
  41. <meta name="color:Quote" content="#fad6ab"/>
  42. <meta name="color:Border" content="#cccccc"/>
  43. <meta name="color:Popup Border" content="#fad6ab"/>
  44. <meta name="color:linktitleBG" content="#eeeeee"/>
  45. <meta name="color:linktitletext" content="#888888"/>
  46. <meta name="color:selection text" content="#888888"/>
  47. <meta name="color:selection bg" content="#eeeeee"/>
  48. <meta name="color:scrollbarbg" content="#fad6ab"/>
  49.  
  50.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51.    <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52.    <script>
  53.        (function($){
  54.        $(document).ready(function(){
  55.        $("a[title]").style_my_tooltips({
  56.        tip_follows_cursor:true,
  57.        tip_delay_time:0,
  58.        tip_fade_speed:0,
  59.        attribute:"title"
  60.        });
  61.    });
  62.    })(jQuery);
  63.    </script>
  64.    
  65. <style type="text/css">
  66.  
  67.  
  68.  ::-webkit-scrollbar {
  69. width: 5px;height: 5px;}
  70. ::-webkit-scrollbar-button:start:decrement,
  71. ::-webkit-scrollbar-button:end:increment {
  72. height: 6px;display: block;background-color: {color:white};}
  73. ::-webkit-scrollbar-track-piece {
  74. background-color: {color:scrollbarbg};}
  75. ::-webkit-scrollbar-thumb:vertical {
  76. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  77.  
  78.  
  79.  
  80. body {
  81.     background:{color:background};
  82.     background-image:url('{image:bg}');
  83.     background-attachment:fixed;
  84.     margin:0px;
  85.     color:{color:text};
  86.     font-family:arial;
  87.     font-size:9px;
  88.     line-height:150%;
  89. }
  90.  
  91. a {
  92.     text-decoration:none;
  93.     outline:none;
  94.     -moz-outline-style:none;
  95.     color:{color:link};
  96. }
  97.  
  98. img {
  99.     border:none;
  100. }
  101.  
  102. blockquote {
  103.     padding-left:5px;
  104.     border-left:2px solid {color:blockquote border};
  105.     background-color:{color:blockquote bg};
  106.     padding:6px;
  107. }
  108.    
  109.  
  110. h1 {
  111.     font-size:12px;
  112.     word-spacing:2px;
  113.     letter-spacing:1px;
  114.     background-color:{color:h1 bg};
  115.     padding:5px;
  116.     text-transform:normal;
  117. }
  118.  
  119. a:hover {
  120.     opacity:10;
  121.     color:{color:hover};
  122.     -webkit-transition: all 0.7s ease;
  123.     -moz-transition: all 0.7s ease;
  124.     -o-transition: all 0.7s ease
  125. }
  126.  
  127.  
  128. #quota {
  129.     text-align:center;
  130.     font-size:17px;
  131.     font-family:arial;
  132.     color:{color:quote};
  133.     }
  134.    
  135.    
  136. #source{
  137.     text-align:center;
  138.     font-size:11px;
  139.     font-family:arial;
  140.     color:{color:text};
  141.     }
  142.    
  143.  
  144. #rukai {
  145.     width:500px;
  146.     margin-left:320px;
  147.     margin-top:40px;
  148.     font-size:10px;
  149.     padding:16px;
  150.     }
  151.  
  152.  
  153. #yusuke {
  154.     width:500px;
  155.     padding:10px;
  156.     margin-top:50px;
  157.     margin-left:20px;
  158.     background-color:{color:post bg};
  159.     border:3px double {color:border};
  160.     }
  161.  
  162.  #banner {
  163.     width:100%;
  164.     height:10px;
  165.     top:0px;
  166.     left:0px;
  167.     position:fixed;
  168.     z-index:999999;
  169.     }
  170.    
  171.    
  172. #banner2{
  173.     background-color:{color:banner};
  174.     repeat:repeat-x;
  175.     width:100%;
  176.     height:18px;
  177.     }
  178.  
  179.  
  180. #sidebar {
  181.     width:116px;
  182.     height:230px;
  183.     position:fixed;
  184.     margin-left:160px;
  185.     margin-top:150px;
  186.     background-color:{color:sidebar bg};
  187.     padding:10px;
  188.     color:{color:Sidebar img bg};
  189. }
  190.  
  191.  
  192. #sidebarimage img {
  193.     width:100px;
  194.     opacity:.80;
  195.     border:solid 1px;
  196.     padding:6px;
  197.     border-color: {color:border};
  198.     background-color:{color:Sidebar};
  199. }
  200.  
  201.  
  202. .links {
  203.     width:105px;
  204.     height:5px;
  205.     padding: 9px;
  206.     font-size:10px;
  207.     font-family:arial;
  208.     text-align:center;
  209.     margin-top:-2px;
  210.     margin-left:-5px;
  211.     text-align:center;
  212.     text-transform:uppercase;
  213.     word-spacing:2px;
  214.     position:fixed;
  215.     padding-bottom:7px;
  216. }
  217.  
  218. .links a:hover {
  219.    color:{color:Hover};
  220. }  
  221.  
  222. .pagi {
  223.     font-size:9px;
  224.     text-transform:normal;
  225.     letter-spacing:3px;
  226.     font-style:normal;
  227.     text-align:center;
  228.     padding-top:70px;
  229.     }
  230.  
  231.  
  232. .pagi a {
  233.     color:{color:link};
  234.     }
  235.  
  236. #fade {
  237.         display: none;
  238.         background: #000;
  239.         position: fixed;
  240.         left: 0;
  241.         top: 0;
  242.         width: 100%;
  243.         height: 100%;
  244.         opacity: .80;
  245.         z-index: 9999;
  246.     }
  247.  
  248.  
  249. .popup_block{
  250.         display: none;
  251.         border:7px solid {color:popup border};
  252.         background: #FFFFFF;
  253.         padding: 20px;
  254.         float: left;
  255.         position: fixed;
  256.         top: 50%;
  257.         left: 50%;
  258.         z-index: 99999;
  259.     }
  260.    
  261.    
  262. .popup_block a{
  263.     color:gray;
  264.     border:1px solid #f6f6f6;
  265.     padding:3px;
  266.     font-size:11px;
  267.     background:#f4f4fb;
  268.     }
  269.  
  270.  
  271. *html #fade {
  272.         position: absolute;
  273.     }
  274.  
  275.  
  276. *html .popup_block {
  277.         position: absolute;
  278.     }
  279.  
  280.  
  281. #desc {
  282.     position:fixed;
  283.     font-family:arial;
  284.     line-height:100%;
  285.     font-size:11px;
  286.     width:100px;
  287.     margin-top:20px;
  288.     padding:8px;
  289.     margin-left:0px;
  290.     text-align:justify;
  291.     color:{color:text};
  292.     }
  293.  
  294.  
  295. #renji{
  296.     font-family: arial;
  297.     font-size: 11px;
  298.     padding: 3px 10px;
  299.     text-transform: normal;
  300.     letter-spacing: 1px;
  301.     text-align: center;
  302.     margin-top: 5px;
  303.     border-top:1px solid {color:border};
  304.     background-color:{color:perma bg};
  305.     padding:3px;
  306.     }
  307.  
  308.  
  309. #renji a {
  310.     color: {color:text};
  311.     }
  312.    
  313.  
  314. #renji a:hover {
  315.     color: {color:hover};
  316.     }
  317.  
  318.  
  319. #ichigo {
  320.     padding:8px;
  321.     text-align:justify;
  322.     line-height:15px;
  323.     margin-top:10px;
  324.     background-color:#F6F6F6;
  325.     }
  326.  
  327.  
  328. .note li {
  329.     list-style-type:none;
  330.     padding:10px 25px 10px 25px;
  331.     text-align:left;
  332.     margin:0px;
  333.     border-bottom:1px solid {color:border};
  334.     -moz-transition-duration:0.5s;
  335.     -webkit-transition-duration:0.5s;
  336.     -o-transition-duration:0.5s;
  337.     }
  338.    
  339.  
  340. .notes img {
  341.     display:none!important;
  342.     }
  343.  
  344.  
  345. .audio {
  346.     width:500px;
  347.     padding-bottom:10px;
  348.     padding-top:10px;
  349.     padding-left:3px;
  350.     }
  351.    
  352.  
  353. .albumart {
  354.     float:left;
  355.     padding:0px 10px 10px 0px;
  356.     }
  357.    
  358.  
  359. .albumart img {
  360.     width:70px;
  361.     border:1px solid {color:Border};
  362.     padding:5px;
  363.     }
  364.    
  365.  
  366. #question {
  367.     padding-bottom:5px;
  368.     border-bottom:1px solid {color:border};
  369.     font-style:italic;
  370.     }
  371.  
  372.  
  373. #asker {
  374.     letter-spacing:1px;
  375.     text-transform:lowercase;
  376.     }
  377.  
  378.  
  379. #s-m-t-tooltip {
  380.     z-index: 9999;
  381.     background: {color:LinkTitleBG};
  382.     font-size: 10px;
  383.     line-height: 11px;
  384.     font-family: arial;
  385.     letter-spacing: 1px;
  386.     text-transform: normal;
  387.     color: {color:LinkTitleText};
  388.     max-width: 150px;
  389.     word-wrap: break-word;
  390.     padding: 2px 5px 2px 6px;
  391.     display: block;
  392.     margin: 24px 14px 7px 12px;
  393.     -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  394.     -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  395.     box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  396.     }
  397.  
  398.  
  399. ::selection {
  400.     background:{color:selection bg};
  401.     color:{color:selection text};
  402. }
  403.  
  404.  
  405. {CustomCSS}
  406.    
  407. </style>
  408.  
  409. <script type="text/javascript"
  410. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  411. <script>
  412. $(document).ready(function() {
  413. //
  414. $('a.poplight[href^=#]').click(function() {
  415. var popID = $(this).attr('rel'); //Get Popup Name
  416. var popURL = $(this).attr('href'); //Get Popup href to define size
  417. var query= popURL.split('?');
  418. var dim= query[1].split('&');
  419. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  420. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  421. var popMargTop = ($('#' + popID).height() + 80) / 2;
  422. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  423. //Apply Margin to Popup
  424. $('#' + popID).css({
  425. 'margin-top' : -popMargTop,
  426. 'margin-left' : -popMargLeft
  427. });
  428. $('body').append('<div id="fade"></div>');
  429. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  430. return false;
  431. });
  432. $('a.close, #fade').live('click', function() {
  433. $('#fade , .popup_block').fadeOut(function() {
  434. $('#fade, a.close').remove(); //fade them both out
  435. });
  436. return false;
  437. });
  438. });
  439. </script>
  440.  
  441. <!-- here is where you can add your links and stuff to the popup.
  442. -->
  443. <div id="popup_name" class="popup_block">
  444. <center><img src="http://fc07.deviantart.net/fs70/f/2010/159/c/f/Pixel___Icecream_Exercise_by_firstfear.gif">
  445. <br>
  446. <font color=#888>Hello, you can type stuff here & add more links if needed.</font></center>
  447. <br>
  448. <center>
  449. <a href="/">LINK TITLE</a>
  450.  
  451. <a href="/">LINK TITLE</a>
  452.  
  453. <a href="/">LINK TITLE</a>
  454.  
  455. <a href="/">LINK TITLE</a>
  456.  
  457. <a href="/">LINK TITLE</a>
  458.  
  459. <a href="/">LINK TITLE</a>
  460.  
  461. </center>
  462.  
  463. </div>  
  464.  
  465. </head>
  466.  
  467. <body>
  468.  
  469. <div id="banner"><div id="banner2"></div></div>
  470.  
  471. <div id="sidebar">
  472.  
  473. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  474.  
  475. <div id="desc">
  476.  
  477. {Description}
  478.  
  479. </div>
  480.  
  481. <div class="links">
  482.  
  483. <a href="/">home</a>
  484.  
  485. <a href="/ask">mail</a>
  486.  
  487. <a href="#?w=500" rel="popup_name" class="poplight">More</a>
  488.  
  489. {block:Pagination}
  490. <div class="pagi">
  491.  
  492. {block:PreviousPage}
  493. <a href="{PreviousPage}">prev</a>
  494. {/block:PreviousPage}
  495. {block:NextPage}
  496. <a href="{NextPage}">next<a>
  497. {/block:NextPage}
  498. </div>
  499. {/block:Pagination}
  500.  
  501.  
  502.  
  503. </div>
  504.  
  505. </div>
  506.  
  507. <div id="rukai">
  508.  
  509.  
  510. {block:Posts}
  511.  
  512. <div id="yusuke">
  513.  
  514. {block:Text}{block:Title}<div style="background-color:{color:h1};padding:5px;">{Title}</div>{/block:Title}{Body}<p>{/block:Text}
  515.  
  516. {block:Photo}<a href="{Permalink}"><img src="{PhotoURL-500}"></a><p>{/block:Photo}
  517.  
  518. {block:Photoset}{Photoset-500}<p>{/block:Photoset}
  519.  
  520. {block:Quote}<div id="quota">“{Quote}”</div><p><div id="source"> ̶  {Source}</div><p>{/block:Quote}
  521.  
  522. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}<p>{/block:Link}
  523.  
  524. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<p>{/block:Chat}
  525.  
  526. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><div class="photo"><img src="{AlbumArtURL}"/></div></div>{/block:AlbumArt}
  527. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<p>
  528. {/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<p>{/block:Artist}
  529. {/block:ExternalAudio}<b>Played:</b>{PlayCount} times</div><br>
  530. <div class="playercontainer">{AudioPlayerWhite}</div></div><p>{/block:Audio}
  531.  
  532. {block:Video}{Video-500}<p>{/block:Video}
  533.  
  534. {block:Answer}<div id="question"><img style="padding-right:2px;" src="http://i926.photobucket.com/albums/ad102/My_originals_album/stuffies/1335651096_004.png"> <span id="asker">{Asker} said:</span> {Question}</div>
  535. {Answer}<p>{/block:Answer}
  536.  
  537. {block:IndexPage}
  538. <div id="renji">
  539. <a href="{Permalink}">{12HourWithZero}:{Minutes} {AmPm}  </a></div>
  540. {/block:IndexPage}
  541.  
  542. {block:PermalinkPage}
  543. {block:Date}
  544. <div id="ichigo">
  545. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  546. <br>
  547. <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  548. {block:NoteCount}
  549. <b>Notes:</b> {NoteCount}<br>
  550. {/block:NoteCount}
  551. {block:RebloggedFrom}
  552.  
  553. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  554. {/block:RebloggedFrom}
  555. {block:ContentSource}
  556. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
  557. {/block:ContentSource}
  558. {block:HasTags}
  559. <b>Tagged under:</b>
  560. {block:Tags}
  561. <a href="{TagURL}">#{Tag}</a>
  562. {/block:Tags}
  563. {/block:HasTags}
  564. </div>
  565. {/block:Date}
  566. {/block:PermalinkPage}
  567.  
  568.  
  569. <div class="note">
  570. {block:PostNotes}{PostNotes}{/block:PostNotes}
  571. </div>
  572. </div>
  573.  
  574. {/block:Posts}
  575.    
  576. </div>
  577.  
  578. </div>
  579.  
  580.  
  581.  
  582. <div style="position:fixed;bottom:3px; right:3px; font-size:11px; letter-spacing:1px; font-family:arial;"><a href="http://kaiguk.tumblr.com/" title="theme by Ani">KG</a></center></div>
  583.  
  584.    
  585. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement