Don't like ads? PRO users don't see any ads ;-)
Guest

cavelry

By: aerou on Mar 6th, 2012  |  syntax: None  |  size: 17.88 KB  |  hits: 4,076  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!--
  5.  
  6. Cavelry Theme by http://-apple.tumblr.com
  7. More themes can be found at http://aerou.tumblr.com (previously known as applethemes)
  8.  
  9. *DO NOT REMOVE ANY CREDIT OR ELSE YOUR THEME WON'T WORK.
  10. *CLAIMING AS YOUR OWN IS COMPLETELY DISRESPECTFUL AND I WILL FIND OUT.
  11. *IF YOU BREAK ANY RULES, I'LL REPORT YOU.
  12. *EDITING THIS THEME IS ALLOWED. JUST LEAVE THE CREDITS.
  13.  
  14. -->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Leckerli+One|The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  20.  
  21.  
  22. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  23. <script type="text/javascript">
  24. $(document).ready(function () {
  25. $('li.drawer div:nth-child(2)').hide();
  26. $('li.drawer h4').click(function () {
  27. if ($(this).hasClass('open')) {
  28. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  29. else {
  30. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  31. $(this).next().slideDown();
  32. $(this).addClass('open');}
  33. });
  34. });
  35. </script>
  36.  
  37. <!- DEFAULTS ->
  38.  
  39. <meta name="image:background" content="http://static.tumblr.com/qbwrk8v/m98m0hs26/groovepaper.png"/>
  40. <meta name="color:background" content="#ffffff" />
  41.  
  42. <meta name="image:content background" content="http://static.tumblr.com/rmudz4u/ETPm0p6c6/23.png"/>
  43. <meta name="color:content background" content="#eeeeee"/>
  44.  
  45. <meta name="color:bottom title bar" content="#eeeeee" />
  46. <meta name="image:bottom title bar" content="http://static.tumblr.com/qbwrk8v/m98m0hs26/groovepaper.png"/>
  47.  
  48. <meta name="color:posts" content="#eeeeee" />
  49. <meta name="color:text" content="#999" />
  50. <meta name="color:title" content="#666" />
  51. <meta name="color:post titles background" content="#eeeeee" />
  52.  
  53. <meta name="color:link" content="#000000" />
  54. <meta name="color:link hover" content="#eeeeee" />
  55.  
  56. <meta name="color:permalink" content="#ffffff" />
  57. <meta name="color:permalink background" content="#333333" />
  58.  
  59. <meta name="if:Faded Images" content="1" />
  60. <meta name="if:enable infinite scrolling" content="1"/>
  61. <meta name="if:Disable right click" content="0"/>
  62. <meta name="if:Smaller Posts" content="0"/>
  63.  
  64. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  65.  
  66. {block:IfDisableRightClick}<script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/HlSla0dfm/darlieecious-dot-tumblr-dot-com.js"></script>{/block:IfDisableRightClick}
  67.  
  68. <link rel="shortcut icon" href="{favicon}" />
  69. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  70. <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  71. {CustomCSS}
  72. <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  73.  
  74. <style type="text/css">
  75.  
  76. ::-webkit-scrollbar {width: 10px; height: 10px;}
  77. ::-webkit-scrollbar-button:start:decrement,
  78. ::-webkit-scrollbar-button:end:increment {height: 1px;display: block;background-color: transparent;}
  79. ::-webkit-scrollbar-track-piece {background-color:{color:text};}
  80. ::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: {color:background};}
  81.  
  82. body{
  83.     margin:0px;
  84.     padding:0px;
  85.     margin-top:0px;
  86.     font-size:10px;
  87.     font-family: consolas;
  88.     color:{color:text};
  89.     background-color:{color:background};
  90.     background-image:url('{image:background}');
  91.     background-attachment: fixed;
  92. }
  93.  
  94. #contentcolumn{
  95.     margin-left:100px;
  96.     margin-top:20px;
  97.     margin-bottom:50px;
  98.     opacity:1;
  99.     overflow:shown;
  100.     z-index: 0.9;
  101.     text-align:justify;
  102. }
  103.  
  104. a {
  105.     color:{color:link};
  106.     text-decoration: none;
  107. }
  108. a:hover {
  109.     color:{color:link hover};
  110.     -webkit-transition-duration: 0.3s;
  111. }
  112. a:active,a:focus {
  113.     outline: 0;
  114. }
  115.  
  116. #tit {
  117.     color:{color:title};
  118.     background-color:{color:post titles background};
  119.     letter-spacing:1px;
  120.     text-decoration:none;
  121.     font-family: georgia;
  122.     font-size:10px;
  123.     text-transform:uppercase;
  124.     line-height:14px;
  125.     -webkit-transition: all 0.5s ease;
  126.     -moz-transition: all 0.5s ease;
  127.     -o-transition: all 0.5s ease;
  128.     padding:2px;
  129. }
  130.  
  131. #tit a{
  132.     color:{color:title};
  133. }
  134.  
  135. #ask{
  136.     color:{color:text};
  137.     padding: 5px;
  138.     -moz-border-radius: 4px;
  139.     border-radius: 4px;
  140.     background-color:{color:post titles background};
  141. }
  142.  
  143. .flower{
  144.     color:{color:text};
  145.     margin-bottom:0px;
  146.     padding:1px;
  147. }
  148. .flower .flower.even{
  149.     background-color:{color:post titles background};
  150.     color:{color:text};
  151.     margin-bottom:0px;
  152.     padding:1px;
  153. }
  154.  
  155. #contue {
  156.     line-height:11px;
  157. }
  158.  
  159. #audio {
  160.     background-color : #000;
  161.     height : 27px;
  162.     margin-bottom : -10px;
  163.     {block:ifNotSmallerPosts}{block:IndexPage}width:400px;{/block:IndexPage}{/block:ifNotSmallerPosts}
  164.     {block:ifSmallerPosts}{block:IndexPage}width:250px;{/block:IndexPage}
  165. {/block:ifSmallerPosts}
  166.     {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  167. }
  168.  
  169. #permalink{
  170.     text-align: left;
  171.     font-family: consolas;
  172.     font-size:12px;
  173.     color:{color:permalink};
  174.     opacity:0;
  175.     -webkit-transition-duration: 0.7s;
  176.     float:right;
  177.     position:absolute;
  178.     border-left: 0px {color:text} solid;
  179.     {block:ifNotSmallerPosts}{block:IndexPage}left:520px;{/block:IndexPage}{/block:ifNotSmallerPosts}
  180.     {block:ifSmallerPosts}{block:IndexPage}left:370px;{/block:IndexPage}
  181. {/block:ifSmallerPosts}
  182. background-color:{color:permalink background};
  183.     padding:5px;
  184. -moz-border-radius: 0px 0px 20px 20px;
  185. -webkit-border-radius: 0px 0px 20px 20px;
  186. border-radius: 0px 0px 20px 20px;
  187. }
  188.  
  189. #permalink a {
  190.     color:{color:permalink};
  191. }
  192.  
  193. #entry {
  194.     background-color:{color:posts};
  195.     margin-top:0px;
  196.     margin-bottom:5px;
  197.     line-height:11px;
  198.     font-family: consolas;
  199.     font-size:10px;
  200. padding:4px;
  201.     {block:ifNotSmallerPosts}{block:IndexPage}width:400px;{/block:IndexPage}{/block:ifNotSmallerPosts}
  202.     {block:ifSmallerPosts}{block:IndexPage}width:250px;{/block:IndexPage}
  203. {/block:ifSmallerPosts}
  204.     {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  205.     z-index:1;
  206. }
  207.  
  208. #entry:hover #permalink {
  209.     display: block;
  210.     opacity:1;
  211. }
  212.  
  213. #entry img {
  214. border-bottom: 0px solid {color:title};
  215. }
  216.  
  217. .hyung {
  218.     position:fixed;
  219.     background-image:url({image:content background});
  220.     background-color:{color:content background};
  221.     left:90px;
  222.     top:0px;
  223.     height:100%;
  224.     {block:ifNotSmallerPosts}{block:IndexPage}width:428px;{/block:IndexPage}{/block:ifNotSmallerPosts}
  225.     {block:ifSmallerPosts}{block:IndexPage}width:278px;{/block:IndexPage}
  226. {/block:ifSmallerPosts}
  227.     {block:PermalinkPage}width:528px;{/block:PermalinkPage}
  228.     z-index:-1;
  229. }
  230.  
  231. .shiny img, .dead img, blockquote img {
  232.     {block:ifNotSmallerPosts}{block:IndexPage}width:380px;{/block:IndexPage}{/block:ifNotSmallerPosts}
  233.     {block:ifSmallerPosts}{block:IndexPage}width:130px;{/block:IndexPage}
  234. {/block:ifSmallerPosts}
  235.     {block:PermalinkPage}
  236.     width:480px;
  237.     {/block:PermalinkPage}
  238. }
  239.  
  240. blockquote{
  241.     padding: 3px;
  242.     margin: 3px;
  243.     border-left: 4px solid {color:title};
  244.     background:{color:post titles background};
  245. }
  246.  
  247. .sidebar {
  248.     left:90px;
  249.     bottom:0px;
  250.     text-align:center;
  251.     font-family: courier;
  252.     font-size:10px;
  253.     position:fixed;
  254.     {block:ifNotSmallerPosts}{block:IndexPage}width:428px;{/block:IndexPage}{/block:ifNotSmallerPosts}
  255.     {block:ifSmallerPosts}{block:IndexPage}width:278px;{/block:IndexPage}
  256. {/block:ifSmallerPosts}
  257.     {block:PermalinkPage}width:528px;{/block:PermalinkPage}
  258.     z-index:2;
  259. }
  260.  
  261. .links li {
  262.     display:inline;
  263.     margin-left:0px;
  264.     letter-spacing:4px;
  265.     color:{color:link};
  266.     overflow:hidden;
  267.     background-image:url('');
  268.     font-size:11px;
  269.     font-family: consolas;
  270.     text-transform:uppercase;
  271.     width:100px;
  272.     height:9px;
  273.     padding:5px;
  274. }
  275.  
  276. ul#drawers {
  277.     list-style: none;
  278.     margin: 0 auto;
  279.     padding: 0px;  
  280.     color:{color:title}
  281.     margin-bottom:0px
  282. }
  283.  
  284. ul#drawers a {
  285.     text-decoration: none;
  286.     color:{color:link};
  287. }
  288.  
  289. ul#drawers li h4 {
  290.     font-size: 16px;
  291.     font-family: 'The Girl Next Door', cursive;
  292.     text-align: center;
  293.     -webkit-transition: background-color 0.5s ease-out;
  294.     -moz-transition: background-color 0.5s ease-out;
  295.     transition: background-color 0.5s ease-out;
  296.     background-color:{color:bottom title bar};
  297.     background-image: url('{image:bottom title bar}');
  298.     display:block;
  299.     color: {color:title};
  300.     padding:3px;
  301.     margin-bottom:0px;
  302.     -moz-border-radius: 20px 20px 0px 0px;
  303.     -webkit-border-radius: 20px 20px 0px 0px;
  304.     border-radius: 20px 20px 0px 0px;
  305. }
  306.  
  307. ul#drawers:hover li h4 {
  308.     background-color:{color:bottom title bar};
  309. cursor:crosshair;
  310. }
  311.  
  312.  
  313. h4.small {
  314.     display: table-cell;
  315.     width: 100px;
  316.     margin: 0px;
  317.     height: 100%;
  318. }
  319.  
  320. li.drawer h4.open {    
  321.     border-top: 0px;}
  322.  
  323. li.drawer div {
  324.     margin: 0px;
  325.     line-height:10px;
  326.     font-size:10px;
  327.     background-color:{color:bottom title bar};
  328.     color:{color:text};
  329.     padding:5px;
  330. }
  331.  
  332. li.drawer div li {list-style-type: disc;}
  333.  
  334. li.drawer div ul {-webkit-padding-start: 12px;}
  335.  
  336. {block:Iffadedimages}
  337.     img{
  338.         -webkit-transition: opacity 0.7s linear;
  339.         opacity: 0.75;
  340.     }
  341.     img:hover {
  342.         -webkit-transition: opacity 0.7s linear;
  343.         opacity: 1;
  344.     }
  345. {/block:Iffadedimages}
  346.  
  347. img{}
  348. img:hover{; }
  349.  
  350. iframe#tumblr_controls {
  351.     right:3px !important;
  352.     position: fixed !important;
  353.     -webkit-transition: opacity 0.7s linear;
  354.     opacity: 0.2;
  355.     -webkit-transition: all 0.8s ease-out;
  356.     -moz-transition: all 0.8s ease-out;
  357.     transition: all 0.8s ease-out;}
  358.  
  359. iframe#tumblr_controls:hover{
  360.     -webkit-transition: opacity 0.7s linear;
  361.     opacity: 1;
  362.     -webkit-transition: all 0.4s ease-out;
  363.     -moz-transition: all 0.4s ease-out;
  364.     transition: all 0.4s ease-out;}
  365.  
  366. </style>
  367.  
  368. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  369.     <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  370.     <script type="text/javascript" charset="utf-8">
  371. var $j = jQuery.noConflict();
  372. $j(function() {
  373. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  374. $j("img").lazyload({
  375. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  376. effect: "fadeIn",
  377. });
  378. });
  379. </script>
  380.  
  381. {block:IndexPage}
  382.     <script type="text/javascript">
  383.         $(window).load(function(){
  384.         $("p").remove(":contains('Source:')");
  385.         $("p").remove(":contains('(via')");
  386.         });
  387.     </script>
  388. {/block:IndexPage}
  389.  
  390. </head>
  391.  
  392. <body>
  393.     <div id="contentcolumn">
  394.  
  395.         <div class="sidebar">
  396.             <ul id="drawers">
  397.             <li class="drawer" id="info">
  398.             <h4><title="click for more">- {title} -</h4>
  399.                 <div align="center">
  400.                     <ul class="links">
  401.                         <li><a href="/">Home</a></li>
  402.                         <li><a href="/ask">ask</a></li>
  403.                         <li><a href="/archive">archive</a></li>
  404.                         <li><a href="http://aerou.tumblr.com">Theme</a></li>
  405.  
  406.                 {block:Description}<br><br>{Description}<br><br>{/block:Description}
  407.                 </div>
  408.             </li>
  409.             </ul>
  410.         </div>
  411.  
  412.  <div class="hyung">
  413.         </div>
  414.  
  415. {block:IfEnableInfiniteScrolling}
  416.     <div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  417. {/block:IfEnableInfiniteScrolling}
  418.  
  419.     {block:Posts}
  420.         <div id="entry">
  421.  
  422.     {block:Text}
  423.     {block:IndexPage}
  424.         <div id="permalink">
  425.             <a href="{Permalink}" title="permalink">⌘</a>
  426.         </div>
  427.     {/block:IndexPage}
  428.         {block:Title}<div id="tit">{Title}</div>{/block:Title}
  429.             <div class="shiny" id="contue"><p align=justify>{Body}</p></div>
  430.     {/block:Text}
  431.  
  432.  
  433.     {block:Photo}
  434.     {LinkOpenTag}<meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  435.     <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" {block:ifNotSmallerPosts}{block:IndexPage}width="400px"{/block:IndexPage}{/block:ifNotSmallerPosts}{block:ifSmallerPosts}{block:IndexPage}width="250px"{/block:IndexPage}{/block:ifSmallerPosts} {block:PermalinkPage}width="500px"{/block:PermalinkPage}></a>
  436.     {LinkCloseTag}
  437.         {block:PermalinkPage}
  438.             <br>{block:Caption}{Caption}{/block:Caption}
  439.         {/block:PermalinkPage}
  440.     {/block:Photo}
  441.  
  442. {block:IndexPage}
  443.     {block:Photoset}
  444.         {block:IndexPage}
  445.             <div id="permalink">
  446.                 <a href="{Permalink}" title="permalink">Σ</a>
  447.             </div>
  448.  
  449.         {/block:IndexPage}
  450.             <center>{block:IfNotSmallerPosts}{Photoset-400}{/block:IfNotSmallerPosts}{block:IfSmallerPosts}{Photoset-250}{/block:IfSmallerPosts}</center>
  451.                 {block:PermalinkPage}
  452.                     <br>{block:Caption}{Caption}{/block:Caption}
  453.                 {/block:PermalinkPage}
  454.     {/block:Photoset}
  455. {/block:IndexPage}
  456.  
  457. {block:PermalinkPage}
  458.     {block:Photoset}
  459.         <center>{Photoset-500}</center>
  460.             {block:PermalinkPage}
  461.                 <br>{block:Caption}{Caption}{/block:Caption}
  462.             {/block:PermalinkPage}
  463.     {/block:Photoset}  
  464. {/block:PermalinkPage}
  465.  
  466.     {block:Quote}
  467.         {block:IndexPage}
  468.             <div id="permalink">
  469.                 <a href="{Permalink}" title="permalink">❖</a>
  470.             </div>
  471.         {/block:IndexPage}
  472.         <div id="tit">"{Quote}"</div>
  473.             {block:Source}~{Source}{/block:Source}
  474.     {/block:Quote}
  475.  
  476.     {block:Link}
  477.         {block:IndexPage}
  478.             <div id="permalink">
  479. <a href="{Permalink}" title="permalink">☿</a>
  480.             </div>
  481.         {/block:IndexPage}
  482.         <div id="tit">&rarr; <a href="{URL}">{Name}</a></div>
  483.             <div id="contue">{block:Description}{Description}{/block:Description}</div>
  484.     {/block:Link}
  485.  
  486.     {block:Chat}
  487.         {block:IndexPage}
  488.             <div id="permalink">
  489.                 <a href="{Permalink}" title="permalink">♒</a>
  490.             </div>
  491.         {/block:IndexPage}
  492.         {block:Title} <div id="tit">{Title}</div>{/block:Title}
  493.             <div class="flower">
  494.                 {block:Lines}
  495.                     <div class="flower {Alt}">
  496.                         {block:Label}
  497.                             <b>{Label}</b>
  498.                         {/block:Label}
  499.                                 {Line}
  500.                     </div>
  501.                 {/block:Lines}
  502.             </div>
  503.     {/block:Chat}
  504.  
  505.     {block:Audio}
  506.         {block:IndexPage}
  507.             <div id="permalink">
  508.                 <a href="{Permalink}" title="permalink">♬</a>
  509.             </div>
  510.         {/block:IndexPage}
  511.         <div id="audio">{AudioPlayerBlack}</div><br>
  512.             <center>{block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}<br>{/block:Artist}
  513.             {block:PermalinkPage}
  514.                 <br>{block:Caption}{Caption}{/block:Caption}
  515.             {/block:PermalinkPage} {PlayCountWithLabel}
  516.             </center>
  517.     {/block:Audio}
  518.  
  519.     {block:Answer}
  520.         {block:IndexPage}
  521.             <div id="permalink">
  522.                 <a href="{Permalink}" title="permalink">{block:Date}({NoteCountWithLabel}){/block:Date}</a>
  523.             </div>
  524.         {/block:IndexPage}
  525.         <div id="ask">"{Question}"</div> asked by <b>{Asker}</b><br>
  526.             {Answer}
  527.     {/block:answer}
  528.  
  529. {block:IndexPage}
  530.     {block:Video}
  531.         {block:IndexPage}
  532.             <div id="permalink"><a href="{Permalink}" title="permalink">{block:Date}({NoteCountWithLabel}){/block:Date}</a>
  533.             </div>
  534.         {/block:IndexPage}
  535.         <div id="width"><center>{block:IfNotSmallerPosts}{Video-400}{/block:IfNotSmallerPosts}{block:IfSmallerPosts}{Video-250}{/block:IfSmallerPosts}</div></center>
  536.             {block:PermalinkPage}
  537.                 <br>{block:Caption}{Caption}{/block:Caption}
  538.             {/block:PermalinkPage}
  539.     {/block:Video}
  540. {/block:IndexPage}
  541.  
  542. {block:PermalinkPage}
  543.     {block:Video}
  544.         <div id="width"><center>{Video-500}</div></center>
  545.             {block:PermalinkPage}
  546.                 <br>{block:Caption}{Caption}{/block:Caption}
  547.             {/block:PermalinkPage}
  548.     {/block:Video}
  549. {/block:PermalinkPage}
  550.  
  551.  
  552.  
  553.     {block:Date}
  554.         {block:PermalinkPage}
  555.             {block:NoteCount}Notes: {notecount}<br>{/block:NoteCount}
  556.                 Date: <a href="{permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a><br>
  557.             {block:RebloggedFrom}
  558.                 OP: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  559.                 Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  560.             {/block:RebloggedFrom}
  561.             {block:HasTags}<br><br>
  562.                 Tagged: {block:Tags}<a href="{TagURL}">{Tag}.</a> {/block:Tags}
  563.             {/block:HasTags}
  564.         {/block:PermalinkPage}
  565.     {/block:Date}
  566.  
  567.     {block:PostNotes}
  568.         {PostNotes}
  569.     {/block:PostNotes}
  570.    
  571. </div>
  572.  
  573.     {/block:Posts}
  574.  
  575. {block:IfEnableInfiniteScrolling}</div>{/block:IfEnableInfiniteScrolling}
  576.  
  577. {block:IfNotEnableInfiniteScrolling}
  578.     {block:Pagination}
  579.         {block:PreviousPage}
  580.             <a href="{PreviousPage}">&larr;</a>
  581.         {/block:PreviousPage}
  582.  
  583.         {block:JumpPagination length="5"}
  584.             {block:CurrentPage}
  585.                 <span class="current_page">{PageNumber}</span>
  586.             {/block:CurrentPage}
  587.  
  588.                 {block:JumpPage}
  589.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  590.                 {/block:JumpPage}
  591.         {/block:JumpPagination}
  592.  
  593.         {block:NextPage}
  594.             <a href="{NextPage}">&rarr;</a>
  595.         {/block:NextPage}
  596.     {/block:Pagination}
  597. {/block:IfNotEnableInfiniteScrolling}
  598.  
  599. </div>
  600.  
  601.     </body>
  602.             </html>