Advertisement
aerou

cavelry

Mar 6th, 2012
4,928
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.88 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement