Advertisement
remuslupin

aquila theme [by germball]

Jan 12th, 2014
1,008
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.70 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4.  
  5. <head>
  6.  
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <link href='http://fonts.googleapis.com/css?family=Share' rel='stylesheet' type='text/css'>
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12.  
  13.  
  14. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  15.  
  16. <title>{title}</title>
  17.  
  18. <link rel="shortcut icon" href="{image:favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="/rss">
  20.  
  21. <meta name="blogtitle" content="{blogtitle}" />
  22. <meta name="description" content="{metadescription}" />
  23.  
  24. <meta name="color:background" content="cadada"/>
  25. <meta name="color:text" content="454545"/>
  26. <meta name="color:title" content="b4658"/>
  27. <meta name="color:link hover" content="4e895e"/>
  28. <meta name="color:link" content="a1e1b3"/>
  29. <meta name="color:sidebar" content="ffffff"/>
  30. <meta name="color:scroll background" content="cadada"/>
  31. <meta name="color:scroll main" content="ffffff"/>
  32. <meta name="color:border" content="a7a7a7"/>
  33. <meta name="color:highlight" content="454545"/>
  34. <meta name="color:text highlight" content="ffffff"/>
  35. <meta name="color:glow" content="ffffff"/>
  36. <meta name="color:blockquote" content="cadada"/>
  37. <meta name="color:hover box color" content="cadada"/>
  38.  
  39. <meta name="image:bottom" content="" />
  40. <meta name="image:background" content=""/>
  41. <meta name="image:favicon" content=""/>
  42. <meta name="image:sidebar" content="" />
  43.  
  44. <meta name="text:bottomimgx" content="-10" />
  45. <meta name="text:bottomimgy" content="10" />
  46. <meta name="text:glow strength" content="50" />
  47. <meta name="text:sidebar width" content="230" />
  48. <meta name="text:sidebar x" content="100" />
  49. <meta name="text:sidebar y" content="210" />
  50. <meta name="text:bottom right post symbol" content="+" />
  51.  
  52. <meta name="text:link 1 title" content="ask" />
  53. <meta name="text:link 1" content="/ask" />
  54. <meta name="text:link 2 title" content="submit" />
  55. <meta name="text:link 2" content="s/ubmit" />
  56. <meta name="text:link 3 title" content="" />
  57. <meta name="text:link 3" content="" />
  58. <meta name="text:link 4 title" content="" />
  59. <meta name="text:link 4" content="" />
  60. <meta name="text:link 5 title" content="" />
  61. <meta name="text:link 5" content="" />
  62. <meta name="text:link 6 title" content="" />
  63. <meta name="text:link 6" content="" />
  64. <meta name="text:link 7 title" content="" />
  65. <meta name="text:link 7" content="" />
  66. <meta name="text:blog title size" content="13" />
  67. <meta name="text:body text size" content="10" />
  68. <meta name="text:posts left" content="420" />
  69.  
  70. <meta name="if:glow" content="" />
  71. <meta name="if:bg cover" content="" />
  72. <meta name="if:white follow button" content="1" />
  73.  
  74. <meta name="select:sidebar img align" content="center" title="center"> <meta name="select:sidebar img align" content="left" title="left">
  75. <meta name="select:sidebar img align" content="right" title="right">
  76. <meta name="select:description align" content="center" title="center">
  77. <meta name="select:description align" content="left" title="left">
  78. <meta name="select:description align" content="right" title="right">
  79. <meta name="select:links align" content="center" title="center"> <meta name="select:links align" content="left" title="left">
  80. <meta name="select:links align" content="right" title="right">
  81. <meta name="select:blog title align" content="center" title="center"> <meta name="select:blog title align" content="left" title="left">
  82. <meta name="select:blog title align" content="right" title="right">
  83. <meta name="select:border type" content="dashed" title="dashed">
  84. <meta name="select:border type" content="dotted" title="dotted">
  85. <meta name="select:border type" content="none" title="none">
  86. <meta name="select:border type" content="solid" title="solid">
  87.  
  88. <meta name="if:title bold" content=""/>
  89. <meta name="if:title italics" content=""/>
  90. <meta name="if:title underlined" content=""/>
  91.  
  92. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400' rel='stylesheet' type='text/css'>
  93. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  94. <style type="text/css">
  95.  
  96. {block:ifwhitefollowbutton}
  97. #tumblr_controls{
  98. position:fixed !important;
  99. -webkit-filter: invert(100%)
  100. }
  101. {/block:ifwhitefollowbutton}
  102. ::-webkit-scrollbar { height: 0px; width: 9px; background: {color:scrollbar}; border: 4px solid {color:background}; opacity:1; } ::-webkit-scrollbar-thumb { background: {color:scroll main}; border: {color:background} solid 2px; height: 8px; width: 11px; }
  103. ::-webkit-scrollbar-thumb { background-color:{color:scroll main}; }
  104. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  105. #tumblr_controls{
  106. position:fixed !important;
  107. }
  108. .wrapper{
  109. margin: 0px auto;
  110. width: 900px;
  111. }
  112. .header{
  113. float: left;
  114. width: 100%;
  115. }
  116. .left{
  117. float: left;
  118. margin-right: 20px;
  119. width: 802px;
  120. }
  121. .right{
  122. float: right;
  123. width: 200px;
  124. background-color: {color:background};
  125. }
  126. body {
  127. padding: 0px;
  128. margin: 0px;
  129. color:{color:text};
  130. font-family: consolas;
  131. font-size: 10px;
  132. line-height:10px;
  133. letter-spacing:1px;
  134. background-color: {color:background};
  135. background-image:url({image:background});
  136. background-attachment: fixed;
  137. background-repeat: repeat;
  138. background-size: {block:ifbgcover}cover;{/block:ifbgcover}
  139. text-align: justify;
  140. }
  141. .caption blockquote{
  142. padding:0px 0px 0px 5px;
  143. margin:0px 0px 2px 1px;
  144. border-left: 1px solid {color:blockquote};
  145. }
  146. blockquote{padding-left:5px;margin:13px; border-left:2px solid {color:blockquote};}
  147. a:link, a:active, a:visited{
  148. color:{color:link};
  149. text-decoration: none;
  150. }
  151. a:hover{
  152. color:{color:link hover};
  153. text-decoration:none;
  154. }
  155. ::selection {
  156. background: {color:highlight};
  157. color: {color:text highlight};
  158. }
  159. ::-moz-selection {
  160. background: {color:highlight};
  161. color: {color:text highlight};
  162. }
  163. .entry {
  164. position:relative;
  165. border: 1px {select:border type} {color:border};
  166. {block:ifglow}
  167. box-shadow: 0 0 {text:glow strength}px {color:glow};
  168. {/block:ifglow}
  169. {block:PermalinkPage}
  170. width: 400px;
  171. {/block:PermalinkPage}
  172. {block:IndexPage}
  173. width: 400px;
  174. {/block:IndexPage}
  175. margin:2px;
  176. margin-left:10px;
  177. padding:5px;
  178. padding-bottom:3px;
  179. background: white;
  180. }
  181. .entry .permalink{
  182. {block:ifglow}
  183. box-shadow: 0 0 {text:glow strength}px {color:glow};
  184. {/block:ifglow}
  185. position:absolute;
  186. margin-left:30px;
  187. margin-top:30px;
  188. width:auto;
  189. height:auto;
  190. padding:8px;
  191. overflow:hidden;
  192. text-align:center;
  193. opacity:0.0;
  194. -webkit-transition: all 0.3s linear;
  195. -webkit-transition: all 0.3s linear;
  196. -moz-transition: all 0.3s linear;
  197. transition: all 0.3s linear;
  198. font-family: consolas;
  199. font-size: 11px;
  200. line-height:11px;
  201. background-color:{color:hover box color};
  202. }
  203. .entry:hover .permalink{
  204. overflow:visible;
  205. opacity:0.5;
  206. -webkit-transition: all 0.3s linear;
  207. -webkit-transition: all 0.3s linear;
  208. -moz-transition: all 0.3s linear;
  209. transition: all 0.3s linear;
  210. }
  211. .entry:hover .permalink:hover{
  212. overflow:visible;
  213. -webkit-transition: all 0.3s linear; opacity: 1.0;
  214. -webkit-transition: all 0.3s linear;
  215. -moz-transition: all 0.3s linear;
  216. transition: all 0.3s linear;
  217. }
  218. #sidebar{
  219. z-index:999999999999999;
  220. position:fixed !important;
  221. {block:ifglow}
  222. box-shadow: 0 0 {text:glow strength}px {color:glow};
  223. {/block:ifglow}
  224. font-size: 10px;
  225. line-height:10px;
  226. background-color:{color:sidebar};
  227. text-align: left;
  228. font-family: consolas;
  229. width:{text:sidebar width}px;;
  230. margin-left:{text:sidebar x}px;
  231. margin-top:{text:sidebar y}px;
  232. height:auto;
  233. padding:6px;
  234. padding-bottom:6px;
  235. z-index:10;
  236. overflow:hidden;
  237. color:{color:text};
  238. border: 1px {select:border type} {color:border};
  239. }
  240. #blogtitle{
  241. font-size:{text:blog title size}px;
  242. font-family: consolas;
  243. text-align: {select:blog title align};
  244. line-height:30px;
  245. color:#292626;
  246. text-decoration:{select:blog title decor};
  247. padding:-10px;
  248. margin-top:-10px;
  249. }
  250. #posts {
  251. width: 350px;
  252. float:left;
  253. margin-left:{text:posts left}px;
  254. }
  255. .textperma{
  256. display: block;
  257. font-size: 11px;
  258. line-height:11px;
  259. text-transform: lowercase;
  260. text-align: right;
  261. padding: 0px;
  262. margin: 2px;
  263. }
  264. .title{
  265. font-size: 15px;
  266. line-height: 15px;
  267. font-weight: normal;
  268. color:{color:title};
  269. }
  270. .tumblr_audio_player {height: 40px; width: 210px;}
  271. .img { max-width: 100%; }
  272. </style>
  273. {block:IndexPage}
  274. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  275. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  276. <script type="text/javascript">
  277. $(window).load(function () {
  278. var $content = $('#posts');
  279. $content.masonry({itemSelector: '.entry'}),
  280. $content.infinitescroll({
  281. navSelector : 'div#pagination',
  282. nextSelector : 'div#pagination a#nextPage',
  283. itemSelector : '.entry',
  284. loading: {
  285. finishedMsg: '',
  286. img: ''
  287. },
  288. bufferPx : 600,
  289. debug : false,
  290. },
  291. function( newElements ) {
  292. var $newElems = $( newElements );
  293. $newElems.hide();
  294. $newElems.imagesLoaded(function(){
  295. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  296. });
  297. });
  298. });
  299. </script>
  300. {/block:IndexPage}
  301. <title>{title}</title>
  302. <link rel="shortcut icon" href="{image:Favicon}">
  303. <meta name="viewport" content="width=820" />
  304. </head>
  305. <body onkeydown="return false">
  306. <div id="sidebar">
  307. <div align="{select:blog title align}">
  308. <a href="/"><div id="blogtitle">{block:iftitlebold}<b>{/block:iftitlebold}{block:iftitleitalics}<i>{/block:iftitleitalics}{block:iftitleunderlined}<u>{/block:iftitleunderlined}{BlogTitle}{block:iftitlebold}</b>{/block:iftitlebold}{block:iftitleitalics}</i>{/block:iftitleitalics}{block:iftitleunderlined}</u>{/block:iftitleunderlined}</a></div></div>
  309. <div>
  310. <div align="{select:sidebar img align}">
  311. {block:ifsidebarimage}<a href="/"><img src="{image:sidebar}"
  312. style="max-width: 100%"/></a> <br><br>{block:ifsidebarimage}
  313. </div>
  314. </div>
  315. <div>
  316. <div align="{select:description align}">
  317. {description}
  318. </div>
  319. </div>
  320. <br>
  321. <div>
  322. <div align="{select:links align}">
  323. <a href="{text:link 1}">{text:link 1 title}</a></span>
  324. {block:iflink2}
  325. /
  326. {/block:iflink2}
  327. <a href="{text:link 2}">{text:link 2 title}</a></span>
  328. {block:iflink3}
  329. /
  330. {/block:iflink3}
  331. <a href="{text:link 3}">{text:link 3 title}</a></span>
  332. {block:iflink4}
  333. /
  334. {/block:iflink4}
  335. <a href="{text:link 4}">{text:link 4 title}</a></span>
  336. {block:iflink5}
  337. /
  338. {/block:iflink5}
  339. <a href="{text:link 5}">{text:link 5 title}</a></span>
  340. {block:iflink6}
  341. /
  342. {/block:iflink6}
  343. <a href="{text:link 6}">{text:link 6 title}</a></span>
  344. {block:iflink7}
  345. /
  346. {/block:iflink7}
  347. <a href="{text:link 7}">{text:link 7 title}</a></span>
  348. </div>
  349. </div>
  350. </div>
  351. <div id="border"></div>
  352. <div class="content">
  353. <div class="left">
  354. <div id="posts">
  355. {block:Posts}
  356. <div class="entry">
  357.  
  358. {block:text}
  359. {block:Title}<span class="title"><u>{Title}</u></span>{/block:Title}
  360. <span class="entrytext">{Body}</span></a>
  361. {block:IndexPage}
  362. <div class="textperma"><a href="{Permalink}" target="_blank">{text:bottom right post symbol}</a></span></a></div>
  363. {/block:IndexPage}
  364. {/block:text}
  365.  
  366. {block:link}
  367. <a href="{URL}" class="title"><u>{Name}</u></a>
  368. {block:Description}{Description}{/block:Description}
  369. {block:IndexPage}
  370. <div class="textperma"><a href="{Permalink}" target="_blank">{text:bottom right post symbol}</a></span></a></div>
  371. {/block:IndexPage}
  372. {block:link}
  373.  
  374. {block:Photo}
  375. {block:IndexPage}
  376. <div class="permalink">
  377. <a href="{permalink}">{NoteCount}</a> /
  378. <a href="{ReblogURL}">reblog</a>
  379. </div>
  380. {/block:IndexPage}
  381.  
  382. {block:IndexPage}
  383. {linkOpenTag}
  384. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a></div>{linkCloseTag}{/block:IndexPage}
  385.  
  386. {block:PermalinkPage}{linkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>{linkCloseTag}{/block:PermalinkPage}
  387. {block:Caption}{/block:Caption}
  388. {/block:Photo}
  389.  
  390. {block:Photoset}
  391. {block:IndexPage}
  392. <div class="permalink">
  393. <a href="{permalink}">{NoteCount}</a> / <a href="{ReblogURL}">reblog</a></span></div>{/block:IndexPage}<center>{Photoset-400}</center></span>
  394. {block:Caption}{/block:Caption}{/block:Photoset}
  395.  
  396. {block:Quote}
  397. <span class="title">
  398. <i><b>"{Quote}"</i></b></span>
  399. {block:Source}-{Source}{/block:Source}
  400. {block:IndexPage}
  401. <br /><div class="textperma"><a href="{Permalink}">{text:bottom right post symbol}</a></span></a></div>
  402. {/block:IndexPage}
  403. {/block:Quote}
  404. {block:Chat}
  405. {block:Title}<span class="title"><u>{Title}</u></span>{/block:Title}
  406. <ul class="chat">
  407. {block:Lines}
  408. <li class="user_{UserNumber}">
  409. {block:Label}
  410. <span class="label">{Label}</span>
  411. {/block:Label}
  412. {Line}
  413. </li>
  414. {/block:Lines}
  415. </ul>
  416. {block:IndexPage}
  417. <div class="textperma"> <a href="{Permalink}" target="_blank">{text:bottom right post symbol}</a></span></a></div>
  418. {/block:IndexPage}
  419. {/block:Chat}
  420. {block:Audio}
  421. <center><div style="width:210px; height:40px;"><div style="float:left">{AudioPlayerWhite}</div></div></center><br>
  422. {block:Caption}{Caption}{/block:Caption}
  423. {block:IndexPage}
  424. <div class="textperma"> <a href="{Permalink}" target="_blank">{text:bottom right post symbol}</a></span></a></div>
  425. {/block:IndexPage}
  426. {/block:Audio}
  427.  
  428. {block:Video}
  429. <left>
  430. <div class="videoperma">{Video-400}</div><br>
  431. {block:Caption}{Caption}{/block:Caption}</left>
  432. {block:IndexPage}
  433. <div class="textperma"> <a href="{Permalink}" target="_blank">{text:bottom right post symbol}</a></span></a></div>
  434. {/block:IndexPage}
  435. {block:Video}
  436.  
  437. {block:PermalinkPage}
  438. <left>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</left>
  439. {/block:PermalinkPage}
  440.  
  441. {block:PostNotes}{PostNotes}
  442. {/block:PostNotes}
  443. </div>
  444.  
  445. {/block:Posts}
  446. </div>
  447. {block:IndexPage}
  448. {block:Pagination}
  449. <div id="pagination">
  450. {block:NextPage}
  451. <a id="nextPage" href="{NextPage}"> </a>
  452. {/block:NextPage}
  453. {block:PreviousPage}
  454. <a href="{PreviousPage}"> </a>
  455. {/block:PreviousPage}
  456. </div>
  457. {/block:Pagination}
  458. {/block:IndexPage}
  459. </div>
  460. <div style="position:fixed;bottom:{text:bottomimgy}px; left:{text:bottomimgx}px; z-index: -1;"><img style="border: 0;" src="{image:bottom}"/> </div>
  461. </body>
  462. <div style="display:block;bottom:5px;right:0px;font-size:18px;font-family:calibri;position:fixed;background-color:transparent;border: transparent 1px #ccc;padding:3px;border-radius:18px;z-index:55554235555;"> <a href="http://germball.tumblr.com/post/73123348852/aquila-theme-code-check-captions-for-live"><span style="color:{color:scrollbar};">♘</span></a></div>
  463. </div>
  464. </div>
  465. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement