Advertisement
incedothemes

Lilo Theme by Incedo

May 5th, 2013
17,419
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.38 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.  
  3. <!----------------------------------------
  4. Lilo Theme by Incedo
  5.  
  6. http://incedothemes.tumblr.com
  7.  
  8. Please do not remove this credit.
  9. ------------------------------------------>
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14.  
  15. <title>{Title}</title>
  16.  
  17. <meta name="color:background" content="#ffffff" />
  18. <meta name="color:scrollbar" content="#ffcf63" />
  19. <meta name="color:scrollbar background" content="#ffffff" />
  20. <meta name="color:text" content="#000000" />
  21. <meta name="color:sidelink" content="#000000" />
  22. <meta name="color:description" content="#ffb102" />
  23. <meta name="color:link" content="#636363" />
  24. <meta name="color:link hover" content="#ffcf63" />
  25. <meta name="color:sidelink hover" content="#ffcf63" />
  26. <meta name="color:sidebar title" content="#ffbf2e" />
  27.  
  28. <meta name="if:small posts" content="1"/>
  29. <meta name="if:big posts" content=""/>
  30. <meta name="if:one column" content=""/>
  31. <meta name="if:two columns" content="1"/>
  32. <meta name="if:three columns" content=""/>
  33. <meta name="if:custom title font" content="1"/>
  34. <meta name="if:sidebar top" content=""/>
  35. <meta name="if:sidebar middle" content="1"/>
  36. <meta name="if:sidebar bottom" content=""/>
  37. <meta name="if:show sidebar image" content=""/>
  38. <meta name="if:show home link" content="1"/>
  39. <meta name="if:text perma on hover" content="1"/>
  40.  
  41. <meta name="font:description" content="courier new" />
  42. <meta name="font:title" content="courier new" />
  43. <meta name="font:text" content="courier new" />
  44. <meta name="font:perma" content="courier new" />
  45. <meta name="font:sidelinks" content="courier new" />
  46.  
  47. <meta name="image:Left Background" content""/>
  48. <meta name="image:Right Background" content""/>
  49. <meta name="image:Sidebar" content""/>
  50.  
  51. <meta name="text:home link title" content="home" />
  52. <meta name="text:ask link title" content="message" />
  53. <meta name="text:link 1 title" content="" />
  54. <meta name="text:link 1" content="" />
  55. <meta name="text:link 2 title" content="" />
  56. <meta name="text:link 2" content="" />
  57. <meta name="text:link 3 title" content="" />
  58. <meta name="text:link 3" content="" />
  59. <meta name="text:link 4 title" content="" />
  60. <meta name="text:link 4" content="" />
  61. <meta name="text:Post Title Size" content="12" />
  62. <meta name="text:Post Size" content="10" />
  63. <meta name="text:Blog Title Size" content="28" />
  64. <meta name="text:Description Size" content="9" />
  65. <meta name="text:Sidelink Size" content="9" />
  66.  
  67. <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
  68. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  69. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  70. <link rel="shortcut icon" href="{Favicon}" />
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  72.  
  73. <style type="text/css">
  74.  
  75. body {
  76. background-color:{color:background};
  77. background-image: url({image:Left Background}), url({image:Right Background});
  78. background-attachment: fixed;
  79. background-position: bottom left, bottom right;
  80. background-repeat: no-repeat;
  81. color:{color:text};
  82. font-family: {font:text};
  83. font-size:{text:post size}px;
  84. line-height:123%;
  85. text-align:left
  86. padding: 0px;}
  87.  
  88. ::-webkit-scrollbar {
  89. height: 5px;
  90. width: 8px;}
  91.  
  92. ::-webkit-scrollbar-thumb {
  93. background-color:{color:scrollbar};}
  94.  
  95. ::-webkit-scrollbar-track{
  96. background-color:{color:scrollbar background};}
  97.  
  98. ::-webkit-scrollbar-buttom{
  99. background-color:{color:scrollbar background};}
  100.  
  101. a:link, a:active, a:visited {
  102. color: {color:link};
  103. text-decoration:none;
  104. font-family: {font:text};
  105. -webkit-transition: all 0.5s ease-in-out;
  106. -moz-transition: all 0.5s ease-in-out;
  107. -o-transition: all 0.5s ease-in-out;
  108. -ms-transition: all 0.5s ease-in-out;
  109. transition: all 0.5s ease-in-out;}
  110.  
  111. a:hover{
  112. color:{color:link hover};
  113. -webkit-transition: all 0.5s ease-in-out;
  114. -moz-transition: all 0.5s ease-in-out;
  115. -o-transition: all 0.5s ease-in-out;
  116. -ms-transition: all 0.5s ease-in-out;
  117. transition: all 0.5s ease-in-out;}
  118.  
  119. {block:permalinkpage}
  120. #entries {width:500px;}
  121. #lbar {margin-left:527px;}
  122. #posts, #photo, #photo a img {width: 500px;}
  123. {/block:permalinkpage}
  124.  
  125. {block:indexpage}
  126. {block:ifsmallposts}
  127. #posts, #photo, #photo a img {width: 250px;}
  128. {block:ifonecolumn}
  129. #entries {width:268px;}
  130. #lbar {margin-left:277px;}
  131. {/block:ifonecolumn}
  132. {block:iftwocolumns}
  133. #entries {width:536px;}
  134. #lbar {margin-left:545px;}
  135. {/block:iftwocolumns}
  136. {block:ifthreecolumns}
  137. #entries {width:804px;}
  138. #lbar {margin-left:813px;}
  139. {/block:ifthreecolumns}
  140. {/block:ifsmallposts}
  141. {block:ifbigposts}
  142. #posts, #photo, #photo a img {width: 400px;}
  143. {block:ifonecolumn}
  144. #entries {width:418px;}
  145. #lbar {margin-left:427px;}
  146. {/block:ifonecolumn}
  147. {block:iftwocolumns}
  148. #entries {width:836px;}
  149. #lbar {margin-left:845px;}
  150. {/block:iftwocolumns}
  151. {block:ifthreecolumns}
  152. #entries {width:1254px;}
  153. #lbar {margin-left:1263px;}
  154. {/block:ifthreecolumns}
  155. {/block:ifbigposts}
  156. {/block:indexpage}
  157.  
  158. #photo, #photo a, #photo a img {border: none; line-height:0;}
  159.  
  160. #posts {
  161. float: left;
  162. height:auto;
  163. overflow:hidden;
  164. padding: 9px;
  165. margin-bottom:0px;}
  166.  
  167. #entries {margin-left: 0px;}
  168.  
  169. #c {
  170. position:fixed;
  171. bottom:4px;
  172. right:4px;
  173. font-size:13px;
  174. font-family:helvetica;}
  175.  
  176. #wrapper {
  177. left:9px;
  178. position:absolute;}
  179.  
  180. #limg {width:inherit}
  181.  
  182. #limg img {
  183. max-width:236px;
  184. border: 0px solid transparent;
  185. margin-bottom:18px;}
  186.  
  187. #lbar {
  188. width:236px;
  189. position:fixed;}
  190.  
  191. {block:ifsidebartop} #lbar {top:18px} {/block:ifsidebartop}
  192. {block:ifsidebarmiddle} #lbar {top:45%} {/block:ifsidebarmiddle}
  193. {block:ifsidebarbottom} #lbar {bottom:18px} {/block:ifsidebarbottom}
  194.  
  195. #desc {
  196. width:inherit;
  197. color:{color:description};
  198. margin-top:9px;
  199. text-align:left;
  200. font-size:{text:description size}px;
  201. font-family:{font:description};}
  202.  
  203. #header, #header a {
  204. {block:ifnotcustomtitlefont}font-family:{font:title};{/block:ifnotcustomtitlefont}
  205. {block:ifcustomtitlefont}font-family: cedarcursive;{/block:ifcustomtitlefont}
  206. font-size: {text:blog title size}px;
  207. letter-spacing: 1px;
  208. text-align:left;
  209. color: {color:sidebar title};
  210. text-transform: lowercase;}
  211.  
  212. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  213.  
  214. #links {
  215. margin-top:12px;
  216. font-size:{text:sidelink size}px;
  217. width:inherit;
  218. border-bottom:0px solid transparent;
  219. text-align:left;}
  220.  
  221. img {max-width:100%;}
  222.  
  223. #links a {
  224. color: {color:sidelink};
  225. font-family: {font:sidelinks};
  226. font-style:none; text-align:right;
  227. font-size:{text:sidelink size}px;
  228. padding-right:4px;}
  229.  
  230. #links a:hover {color: {color:sidelink hover};}
  231.  
  232. p, ul, ol {
  233. margin-top: 4px;
  234. margin-bottom: 4px;}
  235.  
  236. blockquote {
  237. margin-left:8px;
  238. padding-left:5px;
  239. padding-right:0px;
  240. margin-right:0px;}
  241.  
  242. /*for photo permalink*/
  243. .likep {width: 21px; height: 20px; overflow: hidden; z-index: 9999999; display: inline-block;}
  244. .likep a:hover {background-position: 0px 0px;}
  245. .likep a {background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png"); background-position: 0px 0px; display: block; z-index: 9999999; webkit-transition: all 0s linear; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; transition: all 0s linear;}
  246. .likep img {width: 21px; height: 20px; webkit-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  247. .rep {width: 24px; height: 20px; overflow: hidden; z-index: 9999999; display: inline-block;}
  248. .rep img{width: 24px; height: 20px; line-height: 30px; display: inline;}
  249. .not { display: inline-block; background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png"); height: 20px; font-size: 11px; line-height: 20px; color: #fff; padding-left: 4px; padding-right: 4px; -moz-border-radius: 2px; border-radius: 2px; bottom: 6px; position: relative; letter-spacing:0px;}
  250. .not a{color: #fff; font-family: helvetica;}
  251. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {opacity: 0.8; filter: alpha(opacity = 80);}
  252. .not:hover , .rep:hover, .likep:hover {opacity: 1!important; filter: alpha(opacity = 100)!important;}
  253. #posts .permalink{z-index:9999991; position:absolute; margin-top:0px; margin-left:5px; height:10px; padding:3px; overflow:hidden; font-size:11px; line-height:90%; text-align:center; opacity:0.0; filter: alpha(opacity = 0); }
  254. #posts:hover .permalink{overflow:visible;-webkit-transition: opacity 0.4s linear; opacity: 1; -webkit-transition: all 0.4s linear; opacity: 0.8;-moz-transition: all 0.4s linear; opacity: 0.8; transition: all 0.4s linear; opacity: 0.8; margin-top:5px; }
  255.  
  256. /*for text permalink*/
  257. #posts .textperma, #posts .textperma a {font-family:{font:perma}; text-transform:none; text-align:center; position: relative; font-size: {text:post size}px;}
  258. {block:iftextpermaonhover}
  259. #posts .textperma{margin-top: -15px; opacity: 0; filter: alpha(opacity = 0); -moz-opacity:0; opacity:0; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4;}
  260. #posts:hover .textperma{margin-top: 0px; opacity: 1; filter: alpha(opacity = 100); -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4; -moz-opacity: 1; opacity:1; filter: alpha(opacity=100);}
  261. {/block:iftextpermaonhover}
  262. {block:ifnottextpermaonhover}
  263. #posts .textperma{margin-top: 0px;}
  264. {/block:ifnottextpermaonhover}
  265.  
  266. /*for multi columns*/
  267. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  268. #infscr-loading {display:none;}
  269. .navigation {display:none!important;}
  270.  
  271. h2 {
  272. color:{color:text};
  273. font-size: {text:Post Title Size}px;
  274. font-family:{font:text};
  275. margin:0px;
  276. line-height:100%;}
  277.  
  278. .asker a {
  279. color:{color:text};
  280. line-height: 80%;
  281. font-weight:bold;}
  282.  
  283. img a {border:none;}
  284.  
  285. .audio{background-color:white; display:block;}
  286.  
  287. .user_1 .label {font-weight:bold}
  288. .user_2 .label {font-weight:bold}
  289. .user_1, .user_3, .user_5, .user_7 {background-color: transparent;}
  290. .user_2, .user_4, .user_6 {background-color: transparent;}
  291. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  292.  
  293. #chatter {list-style:none;}
  294.  
  295. .notes
  296. .notes
  297. iframe input, iframe submit, iframe textarea, iframe div, iframe table
  298.  
  299.  
  300. </style>
  301.  
  302. <style type="text/css">{CustomCSS}</style>
  303.  
  304. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  305.  
  306. <div style="display:none"><iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe></div>
  307.  
  308. <!for multi columns>
  309. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script><script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script><script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script><script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script><script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script><script type="text/javascript" src="jquery.masonry.min.js"></script><script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>{block:IndexPage}<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  310. <script src="http://static.tumblr.com/twte3d7/C5Bllzh32/masonry.js"></script><script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IndexPage}
  311. <script type="text/javascript">
  312. $(window).load(function () {
  313. $('#entries').masonry(),
  314. $('.masonryWrap').infinitescroll({
  315. itemSelector : "#posts",
  316. navSelector : "div.navigation",
  317. nextSelector : ".navigation a#next",
  318. bufferPx : 1000000000000,
  319. loadingImg : "",
  320. loadingText : "",
  321. animation: true,
  322. extraScrollPx: 100000,
  323. },
  324. function() { $('#entries').masonry({ appendedContent: $(this) });
  325. });
  326. });</script>
  327.  
  328. </head>
  329.  
  330. <body>
  331.  
  332. <div class="navigation">
  333. {block:Pagination}
  334. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next"></a>{/block:NextPage}
  335. {block:PreviousPage}<a style="float:left" href="{PreviousPage}"></a></p>{/block:PreviousPage}
  336. {/block:Pagination}
  337. </div>
  338.  
  339. {block:ContentSource}
  340. <!— {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  341. width="{LogoWidth}" height="{LogoHeight}" alt=”{SourceTitle}" />
  342. {/block:SourceLogo}
  343. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>
  344. {/block:ContentSource}
  345. {block:RebloggedFrom}<div style="display:none">{ReblogParentName}</div>{/block:RebloggedFrom}
  346.  
  347. <div id="wrapper">
  348.  
  349. <div id="lbar"><div id="limg">
  350.  
  351. {block:ifshowsidebarimage}<div id="sidebarimage"><img src="{image:sidebar}"></div>{/block:ifshowsidebarimage}
  352.  
  353. <div id="header"><a href="/">{Title}</a></div>
  354.  
  355. <div id="links">
  356. {block:ifshowhomelink}<a href="/">{text:home link title}</a>{/block:ifshowhomelink}
  357. <a href="/ask">{text:ask link title}</a>
  358. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  359. {block:iflink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:iflink1}
  360. {block:iflink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:iflink2}
  361. {block:iflink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:iflink3}
  362. {block:iflink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:iflink4}
  363. <a href="http://incedo.tumblr.com/">theme</a>
  364. </div>
  365.  
  366. <div id="desc">{Description}</div>
  367.  
  368. </div></div>
  369.  
  370. <div class = "autopagerize_page_element" >
  371. <div id="entries">
  372. {block:Posts}
  373. <div id="posts">
  374.  
  375. {block:Text}
  376. {block:Title}<h2>{Title}</h2>{/block:Title}
  377. {Body}
  378. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  379. {/block:Text}
  380.  
  381. {block:Quote}
  382. "{Quote}” <div style="margin-left:20px;">— {Source}</div>
  383. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  384. {/block:Quote}
  385.  
  386. {block:Link}
  387. <a href="{URL}"><h2>{Name}</h2></a>
  388. {block:Description}<p>{Description}</p>{/block:Description}
  389. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  390. {/block:Link}
  391.  
  392. {block:Chat}
  393. <class="chat">{block:Lines}<div id="chatter"><class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</div>{/block:Lines}
  394. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  395. {/block:Chat}
  396.  
  397. {block:Answer}
  398. <div class="asker">{Asker} asked: {Question}<br>{Answer}</div>
  399. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  400. {/block:Answer}
  401.  
  402. {block:Audio}
  403. {AudioPlayerBlack}
  404. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  405. {/block:Audio}
  406.  
  407. {block:Video}
  408. {block:indexpage}
  409. {block:ifsmallposts}{Video-250}{/block:ifsmallposts}
  410. {block:ifbigposts}{Video-400}{/block:ifbigposts}
  411. {/block:indexpage}
  412. {block:permalinkpage}{Video-500}{/block:permalinkpage}
  413. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  414. {/block:Video}
  415.  
  416. {block:Photo}
  417. <!perma>{block:IndexPage}<div class="permalink">
  418. <div class="likep">
  419. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div>
  420. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  421. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  422. <div id="photo"><a href="{Permalink}"><img src="{PhotoURL-500}"/></a></div>
  423. {/block:Photo}
  424.  
  425. {block:Photoset}
  426. <!perma>{block:IndexPage}<div class="permalink">
  427. <div class="likep">
  428. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div>
  429. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  430. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  431. {block:indexpage}
  432. {block:ifsmallposts}{Photoset-250}{/block:ifsmallposts}
  433. {block:ifbigposts}{Photoset-400}{/block:ifbigposts}
  434. {/block:indexpage}
  435. {block:permalinkpage}{Photoset-500}{/block:permalinkpage}
  436. {/block:Photoset}
  437.  
  438. {block:PermalinkPage}
  439. {block:caption}{Caption}{/block:caption}<br>
  440. <center>Posted {TimeAgo} with {NoteCount} Notes</center><br>
  441. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  442. {/block:PermalinkPage}
  443.  
  444. </div>
  445. {/block:Posts}
  446. </div>
  447. </div>
  448.  
  449. </div>
  450.  
  451. <div id="c"><a href="http://incedo.tumblr.com">©</a></div>
  452.  
  453. </body>
  454. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement