API tools faq
paste
Advertisement
jongsi

Firilus

jongsi
Aug 9th, 2011
20,748
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. Firilus Theme by http://-apple.tumblr.com
  6. More themes can be found at http://aerou.tumblr.com (previously known as applethemes)
  7.  
  8. *DO NOT REMOVE ANY CREDIT OR ELSE YOUR THEME WON'T WORK.
  9. *CLAIMING AS YOUR OWN IS COMPLETELY DISRESPECTFUL AND I WILL FIND OUT.
  10. *IF YOU BREAK ANY RULES, I'LL REPORT YOU.
  11. *EDITING THIS THEME IS ALLOWED. JUST LEAVE THE CREDITS.
  12.  
  13. -->
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <html><head>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}" />
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <!- DEFAULT STUFFFFF ->
  23.  
  24. <meta name="color:background" content="#f0f0f0"/>
  25. <meta name="color:sidebar background" content="#f7f7f7"/>
  26. <meta name="color:description background" content="#f1f1f1"/>
  27. <meta name="color:text" content="#777777"/>
  28. <meta name="color:text background" content="#eeeeee"/>
  29. <meta name="color:post" content="#ffffff"/>
  30. <meta name="color:link" content="#000000"/>
  31. <meta name="color:link hover" content="#ffffff"/>
  32. <meta name="color:sidebar border" content="#eeeeee"/>
  33.  
  34. <meta name="image:background" content="http://static.tumblr.com/qbwrk8v/boLln5ddh/214qqx.png"/>
  35. <meta name="image:your" content""/>
  36. <meta name="image:description background" content""/>
  37. <meta name="image:sidebar background" content=""/>
  38. <meta name="image:sidebar right border" content="http://i.imgur.com/geodH.png"/>
  39.  
  40.  
  41. <meta name="if:enable infinite scrolling" content="1"/>
  42. <meta name="if:bigger posts" content="0"/>
  43.  
  44. <meta name="text:extra link one" content="http://"/>
  45. <meta name="text:extra link one name" content=""/>
  46. <meta name="text:extra link two" content="http://"/>
  47. <meta name="text:extra link two name" content=""/>
  48. <meta name="text:extra link three" content="http://"/>
  49. <meta name="text:extra link three name" content=""/>
  50. <meta name="text:extra link four" content="http://"/>
  51. <meta name="text:extra link four name" content=""/>
  52. <meta name="text:navigation title" content="NAVIGATE"/>
  53.  
  54. <style type="text/css">
  55.  
  56. ::-webkit-scrollbar {width: 10px; height: 4px; background-color: #cdcdcd;}
  57. ::-webkit-scrollbar-thumb {background-color: #fff; border-top: 1px solid 000000;}
  58.  
  59. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  60.  
  61. body{
  62. background:{color:background};
  63. background-image: url('{image:background}');
  64. background-attachment: fixed;
  65. background-repeat: repeat;
  66. font-family: courier new!important;
  67. font-size: 9px !important;
  68. line-height:10px !important;
  69. text-transform: uppercase;
  70. color:{color:text};
  71. letter-spacing:1px
  72. }
  73.  
  74. a:link, a:visited, a:active{
  75. color:{color:link};
  76. text-decoration:none;
  77. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  78. }
  79. a:hover{
  80. color:{color:link hover};
  81. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  82. }
  83.  
  84. a img, img{
  85. border: none;
  86. {block:ifnotbiggerposts}max-width:400px;{/block:ifnotbiggerposts}
  87. {block:ifbiggerposts}max-width:500px;{/block:ifbiggerposts}
  88. filter:alpha(opacity=90);
  89. opacity: .9;
  90. -moz-opacity:9;
  91. -webkit-transition-duration: 0.7s;
  92. }
  93.  
  94. img:hover{
  95.  
  96. filter:alpha(opacity=65);
  97. opacity: 0.65;
  98. -moz-opacity:0.65;
  99. -webkit-transition-duration: 0.7s; }
  100.  
  101. .text img, .text a img{
  102. border: none;
  103. {block:ifnotbiggerposts}max-width:300px;{/block:ifnotbiggerposts}
  104. {block:ifbiggerposts}max-width:400px;{/block:ifbiggerposts}
  105. }
  106.  
  107. .sidebar{
  108. top:0px;
  109. left:20px;
  110. background-color:{color:sidebar background};
  111. background-image:url('{image:sidebar background}');
  112. height:100%;
  113. width: 210px;
  114. position:fixed;
  115. align:center;
  116. z-index:1;
  117. }
  118.  
  119. .apple{
  120. top:0px;
  121. left:40px;
  122. height:100%;
  123. width: 210px;
  124. padding:0px;
  125. position:fixed;
  126. background-image:url('{image:sidebar right border}');
  127. }
  128.  
  129. .taemin {
  130. text-transform:uppercase;
  131. font-size:20px;
  132. line-height:16px !important;
  133. background-color:{color:text background};
  134. padding:7px;
  135. overflow:hidden;
  136. -webkit-transition: all 0.7s ease-out;
  137. -moz-transition: all 0.7s ease-out;
  138. transition: all 0.7s ease-out;
  139. font-family:georgia;
  140. }
  141.  
  142. .poop{
  143. position: fixed;
  144. background-color:#eee;
  145. align:center;
  146. font-size:10px;
  147. font-family:helvetica;
  148. padding:3px;
  149. {block:ifnotbiggerposts}left:750px;{/block:ifnotbiggerposts}
  150. {block:ifbiggerposts}left:850px;{/block:ifbiggerposts}
  151. bottom:10px;
  152. }
  153.  
  154. .fluff{
  155. {block:ifnotbiggerposts}width:400px;{/block:ifnotbiggerposts}
  156. {block:ifbiggerposts}width:500px;{/block:ifbiggerposts}
  157. margin-left: 310px;
  158. }
  159.  
  160. .postu {
  161. background-color:{color:post};
  162. {block:ifnotbiggerposts}width:400px;{/block:ifnotbiggerposts}
  163. {block:ifbiggerposts}width:500px;{/block:ifbiggerposts}
  164. margin-bottom: 0px;
  165. padding: 7px;
  166. font-family:georgia;
  167. font-size: 10px !important;
  168. line-height:12px !important;
  169. text-transform:none;
  170. -moz-box-shadow: 3px 3px 4px #ccc;
  171. -webkit-box-shadow: 2px 2px 3px #ccc;
  172. box-shadow: 2px 2px 3px #ccc;
  173. }
  174.  
  175. .about{
  176. margin-left:2px;
  177. position:fixed;
  178. color: {color:text};
  179. width: 205px;
  180. align:center;
  181. text-align: justify;
  182. text-transform: uppercase;
  183. top:130px;
  184. font-family:tinytots;
  185. font-size:8px;
  186. background-color:{color:description background};
  187. background-image:url('{image:description background}');
  188. }
  189.  
  190. .hi{
  191. margin-left:20px;}
  192.  
  193. .index, a.index:link, a.index:active, a.index:visited {
  194. font-size:20px;
  195. color: #000;
  196. line-height:25px;
  197. background-color:#f0f0f0;
  198. margin-top:20px;
  199. }
  200. a.index:hover {
  201. font-size:20px;
  202. color: #000;
  203. text-decoration:underline overline;
  204. }
  205. .tit{
  206. color: #292929;
  207. font-size: 14px;
  208. font-style:normal;
  209. font-weight:light;
  210. font-family: courier new;
  211. text-transform:uppercase;
  212. text-align:justify;
  213. background-color:{color:text background};
  214. padding:1px;
  215. }
  216. .direct{
  217. margin-left: 25px;
  218. }
  219.  
  220. .link, #link, a.link:link, a.link:active, a.link:visited {
  221. color: #000;
  222. font-size: 12px;
  223. font-style:italic;
  224. text-transform:uppercase;
  225. background-color:{color:text background};
  226. padding:2px;
  227. }
  228.  
  229. a.link:hover {
  230. color: #777;
  231. }
  232.  
  233. .rice{
  234. background-color:#eee;
  235. border-left: #b8ff1d 0px solid;
  236. margin-top:5px;
  237. padding: 5px;
  238. {block:ifnotbiggerposts}max-width:350px;{/block:ifnotbiggerposts}
  239. {block:ifbiggerposts}max-width:450px;{/block:ifbiggerposts}
  240. -moz-border-radius: 4px;
  241. border-radius: 4px;
  242. color:#292929;
  243. }
  244. .lab{
  245. font-weight:bold;
  246. }
  247. ul.chat, .chat ol, .chat li{
  248. list-style:none;
  249. margin:0px;
  250. padding:0px;
  251. }
  252. .flower{
  253. color:#777;
  254. margin-bottom:0px;
  255. padding:1px;
  256. }
  257. .flower .flower.even{
  258. background-color:#eee;
  259. color:#292929;
  260. margin-bottom:0px;
  261. padding:1px;
  262. }
  263.  
  264. .ask{
  265. padding: 10px;
  266. color:#292929;
  267. padding: 5px;
  268. {block:ifnotbiggerposts}max-width:390px;{/block:ifnotbiggerposts}
  269. {block:ifbiggerposts}max-width:490px;{/block:ifbiggerposts}
  270. -moz-border-radius: 4px;
  271. border-radius: 4px;
  272. background-color:{color:text background};
  273. }
  274.  
  275. a.navi:hover {
  276. background: rgba(0, 0, 0, 0.25);
  277. color:#000;
  278. font: georgia;
  279. font-size: 12px;
  280. line-height:21px;
  281. text-align: left;
  282. text-decoration:none;
  283. padding: 0px 10px 0px 10px;
  284. margin-bottom:5px;
  285. -webkit-transition-duration: 0.5s;
  286. }
  287.  
  288. .perm{
  289. float:right;
  290. background-color:{color:post};
  291. -moz-box-shadow: 3px 3px 0px #ccc;
  292. -webkit-box-shadow: 2px 2px 0px #ccc;
  293. box-shadow: 2px 2px 0px #ccc;
  294. padding:2px;
  295. -webkit-border-bottom-right-radius: 4px;
  296. -webkit-border-bottom-left-radius: 4px;
  297. font-family:tinytots;
  298. font-size:8px;
  299. }
  300.  
  301. #toTop {
  302. display:none;
  303. text-decoration:none;
  304. position:fixed;
  305. bottom:5px;
  306. right:10px;
  307. overflow:hidden;
  308. width:39px;
  309. height:39px;
  310. border:none;
  311. text-indent:-999px;
  312. background:url() no-repeat left top;
  313. }
  314.  
  315. #toTopHover {
  316. background:url() no-repeat left -51px;
  317. width:39px;
  318. height:39px;
  319. display:block;
  320. overflow:hidden;
  321. float:left;
  322. opacity: 0;
  323. -moz-opacity: 0;
  324. filter:alpha(opacity=0);
  325. }
  326.  
  327. #toTop:active, #toTop:focus {
  328. outline:none;
  329. </style>
  330. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  331. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  332. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  333. <script type="text/javascript">
  334. $(document).ready(function() {
  335. /*
  336. var defaults = {
  337. containerID: 'moccaUItoTop', // fading element id
  338. containerHoverClass: 'moccaUIhover', // fading element hover class
  339. scrollSpeed: 1200,
  340. easingType: 'linear'
  341. };
  342. */
  343. $().UItoTop({ easingType: 'easeOutQuart' });
  344. });
  345. </script>
  346.  
  347. </head>
  348. <div class="apple"></div>
  349. <div class="sidebar" style="position:fixed;">
  350. <div class="about">
  351. <center>
  352. {block:IfYourImage}
  353. <a href="/"><img src="{image:Your}" width="205px" /></a><br>
  354. {/block:IfYourImage}
  355. </center>
  356.  
  357. <div class="taemin">
  358. <center><a href="/">{title}</a></div></center>
  359. {block:Description}
  360. <br>{description}<br><br>
  361. {/block:Description}
  362.  
  363. <select style="font-family:lucida console;color:{color:text};background:{color:sidebar};width:200px;font-size:9px;letter-spacing:1px;"border:2px solid #ccc; onChange="location.href=this.options[this.selectedIndex].value;">
  364.  
  365. <option value=/>{text:navigation title}</option>
  366. <option value=/archive>archive</option>
  367. <option value=/ask>message</option>
  368. {block:IfExtraLinkOneName}<option value={text:extra link one}>{text:extra link one name}</option>{/block:IfExtraLinkOneName}
  369. {block:IfExtraLinkTwoName}<option value={text:extra link two}>{text:extra link two name}</option>{/block:IfExtraLinkTwoName}
  370. {block:IfExtraLinkThreeName}<option value={text:extra link three}>{text:extra link three name}</option>{/block:IfExtraLinkThreeName}
  371. {block:IfExtraLinkFourName}<option value={text:extra link four}>{text:extra link four name}</option>{/block:IfExtraLinkFourName}
  372. <option value=/random>random</option>
  373. <option value=http://-apple.tumblr.com>theme ©</option>
  374. </select>
  375. </center>
  376. </center>
  377. <br><br>
  378. <div class="poop">
  379. {block:IfNotEnableInfiniteScrolling}{block:Pagination}
  380. <center>{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  381. {block:PreviousPage}<br><a href="{PreviousPage}">Previous</a>{/block:PreviousPage}</center>
  382. {/block:Pagination}{/block:IfNotEnableInfiniteScrolling}
  383. </div>
  384. </div>
  385. </div>
  386.  
  387. <div class="fluff">
  388. {block:IfEnableInfiniteScrolling}<div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableInfiniteScrolling}
  389. {block:Posts}
  390. <div class="postu">
  391. {block:Text}
  392. {block:Title}
  393. <div class="tit"><a href="{Permalink}">{Title}</a></div>
  394. {/block:Title}
  395. <div class="text">{Body}</div>
  396. {/block:Text}
  397.  
  398. {block:ifnotbiggerposts}
  399. {block:Photo}
  400. {LinkOpenTag}<a href="{Permalink}"><img width="400" src="{PhotoURL-HighRes}"></a>{LinkCloseTag}
  401. {/block:Photo}
  402. {/block:ifnotbiggerposts}
  403.  
  404. {block:ifbiggerposts}
  405. {block:Photo}
  406. {LinkOpenTag}<a href="{Permalink}"><img width="500" src="{PhotoURL-HighRes}"></a>{LinkCloseTag}
  407. {/block:Photo}
  408. {/block:ifbiggerposts}
  409.  
  410. {block:ifnotbiggerposts}
  411. {block:Photoset}
  412. {Photoset-400}
  413. {/block:Photoset}
  414. {/block:ifnotbiggerposts}
  415.  
  416. {block:ifbiggerposts}
  417. {block:Photoset}
  418. {Photoset-500}
  419. {/block:Photoset}
  420. {/block:ifbiggerposts}
  421.  
  422.  
  423. {block:Quote}
  424. <div class="link">"{Quote}"</div>
  425. {block:Source}<br>
  426. <div class="direct">(- {Source})</div>
  427. {/block:Source}
  428. {/block:Quote}
  429.  
  430. {block:Link}
  431. <div class="link">
  432. &rarr; <a href="{URL}" {Target}>{Name}</a>
  433. </div>
  434. {block:Description}{Description}{/block:Description}
  435. {/block:Link}
  436.  
  437. {block:Chat}
  438. {block:Title}
  439. <div class="tit">{Title}</div>
  440. {/block:Title}
  441. <div class="flower">
  442. {block:Lines}
  443. <div class="flower {Alt}">
  444. {block:Label}
  445. <b>{Label}</b>
  446. {/block:Label}
  447. {Line}
  448. </div>
  449. {/block:Lines}
  450. </div>
  451. {/block:Chat}
  452.  
  453. {block:Audio}
  454. <center><div class="rice">{AudioPlayer}<br>{block:Artist}{Artist}<br>{/block:Artist}{block:TrackName}{TrackName}<br>{/block:TrackName}{PlayCountWithLabel}</center>
  455. {/block:Audio}
  456.  
  457. {block:ifnotbiggerposts}
  458. {block:Video}
  459. <center>{Video-400}</center>
  460. {/block:Video}
  461. {/block:ifnotbiggerposts}
  462.  
  463. {block:ifbiggerposts}
  464. {block:Video}
  465. <center>{Video-500}</center>
  466. {/block:Video}
  467. {/block:ifbiggerposts}
  468.  
  469. {block:Answer}
  470. <div class="ask"><span style="text-transform:uppercase;font-weight:bold;">{Asker} SAID:</span><br> {Question}</div>
  471. {Answer}
  472. {/block:Answer}
  473. </div>
  474. {block:IndexPage} <div class="perm"><img src="http://i51.tinypic.com/27z8ykg.gif"> <a href="{permalink}">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</a> <img src="http://i51.tinypic.com/nmexr7.gif"> <a href="{permalink}">{NoteCount}</a></div><br>{/block:IndexPage}
  475. <br><br>
  476.  
  477. {block:Date}
  478. {block:PermalinkPage}
  479. {block:Photo}
  480. {block:Caption}<div class="postu">{Caption}</div>{/block:Caption}<br>
  481. {/block:Photo}
  482. {block:Photoset}
  483. {block:Caption}<div class="postu">{Caption}</div>{/block:Caption}<br>
  484. {/block:Photoset}
  485. {block:Audio}
  486. {block:Caption}<div class="postu">{Caption}</div>{/block:Caption}<br>
  487. {/block:Audio}
  488. {block:Video}
  489. {block:Caption}<div class="postu">{Caption}</div>{/block:Caption}<br>
  490. {/block:Video}
  491. <img src="http://i51.tinypic.com/27z8ykg.gif"> <a href="{permalink}">{DayOfMonthWithZero} {ShortMonth} {Year}</a> {block:RebloggedFrom}<img src="http://i52.tinypic.com/243f0h0.png"> <a href="{ReblogRootURL}">{ReblogRootName}</a> (VIA <a href="{ReblogParentURL}">{ReblogParentName}</a>) {/block:RebloggedFrom}<img src="http://i51.tinypic.com/nmexr7.gif"> <a href="{permalink}">{NoteCountwithLabel}</a>{block:HasTags}<br><br>TAGGED: {block:Tags}<a href="{TagURL}">{Tag}.</a> {/block:Tags}{/block:HasTags}
  492. <div class="postu">{PostNotes}</div>
  493. {/block:PermalinkPage}
  494. {/block:Date}
  495. {/block:Posts}{block:IfEnableInfiniteScrolling}</div>{/block:IfEnableInfiniteScrolling}
  496. </div>
  497.  
  498. </body>
  499. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!