Advertisement
incedothemes

Alacrity Theme by Incedo

Mar 9th, 2013
23,633
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.14 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. Alacrity Theme by Incedo
  5. http://incedothemes.tumblr.com
  6. Please do not remove the credit
  7. Updated 12/23/15
  8. ------------------------------------------>
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12. <head>
  13.  
  14. <title>{Title}</title>
  15.  
  16. <meta name="color:background" content="#ffffff" />
  17. <meta name="color:scrollbar" content="#01a5a5" />
  18. <meta name="color:scrollbar background" content="#ffffff" />
  19. <meta name="color:title" content="#01a5a5" />
  20. <meta name="color:description" content="#000000" />
  21. <meta name="color:navigation" content="#000000" />
  22. <meta name="color:navigation hover" content="#01a5a5" />
  23. <meta name="color:text" content="#000000" />
  24. <meta name="color:link" content="#636363" />
  25. <meta name="color:link hover" content="#01a5a5" />
  26.  
  27. <meta name="if:small posts" content=""/>
  28. <meta name="if:medium posts" content="1"/>
  29. <meta name="if:big posts" content=""/>
  30. <meta name="if:sidebar top" content=""/>
  31. <meta name="if:sidebar middle" content=""/>
  32. <meta name="if:sidebar bottom" content="1"/>
  33. <meta name="if:show sidebar image" content=""/>
  34. <meta name="if:show home link" content="1"/>
  35. <meta name="if:text perma on hover" content="1"/>
  36. <meta name="if:infinite scroll" content="1"/>
  37.  
  38. <meta name="font:description" content="georgia" />
  39. <meta name="font:title" content="georgia" />
  40. <meta name="font:text" content="georgia" />
  41. <meta name="font:perma" content="georgia" />
  42. <meta name="font:navigation" content="georgia" />
  43.  
  44. <meta name="image:Left Background" content""/>
  45. <meta name="image:Right Background" content""/>
  46. <meta name="image:Tiled Background" content""/>
  47. <meta name="image:Cover Background" content""/>
  48. <meta name="image:Sidebar" content""/>
  49.  
  50. <meta name="text:home link title" content="home" />
  51. <meta name="text:ask link title" content="message" />
  52. <meta name="text:link 1 title" content="" />
  53. <meta name="text:link 1" content="" />
  54. <meta name="text:link 2 title" content="" />
  55. <meta name="text:link 2" content="" />
  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:Post Title Size" content="12" />
  61. <meta name="text:Post Font Size" content="10" />
  62. <meta name="text:Blog Title Size" content="12" />
  63. <meta name="text:Description Size" content="9" />
  64. <meta name="text:Navigation Size" content="9" />
  65. <meta name="text:Space between posts" 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}), url({image:Tiled Background}), url({image:Cover Background});
  78. background-attachment: fixed;
  79. background-position: bottom 0px left 0px, bottom 0px right 0px, top left, top left;
  80. background-repeat: no-repeat, no-repeat, repeat, no-repeat;
  81. -webkit-background-size: auto, auto, auto, cover;
  82. -moz-background-size: auto, auto, auto, cover;
  83. -o-background-size: auto, auto, auto, cover;
  84. background-size: auto, auto, auto, cover;
  85. color:{color:text};
  86. font-family: {font:text};
  87. font-size:{text:post font size}px;
  88. line-height:123%;
  89. text-align:left
  90. padding: 0px;}
  91.  
  92. ::-webkit-scrollbar {
  93. height: 5px;
  94. width: 8px;}
  95.  
  96. ::-webkit-scrollbar-thumb {
  97. background-color:{color:scrollbar};}
  98.  
  99. ::-webkit-scrollbar-track{
  100. background-color:{color:scrollbar background};}
  101.  
  102. ::-webkit-scrollbar-buttom{
  103. background-color:{color:scrollbar background};}
  104.  
  105.  
  106. a:link, a:active, a:visited {
  107. color: {color:link};
  108. text-decoration:none;
  109. -webkit-transition: all 0.5s ease-in-out;
  110. -moz-transition: all 0.5s ease-in-out;
  111. -o-transition: all 0.5s ease-in-out;
  112. -ms-transition: all 0.5s ease-in-out;
  113. transition: all 0.5s ease-in-out;}
  114.  
  115. a:hover{
  116. color:{color:link hover};
  117. -webkit-transition: all 0.5s ease-in-out;
  118. -moz-transition: all 0.5s ease-in-out;
  119. -o-transition: all 0.5s ease-in-out;
  120. -ms-transition: all 0.5s ease-in-out;
  121. transition: all 0.5s ease-in-out;}
  122.  
  123. #wrapper {
  124. left:18%;
  125. position:absolute;}
  126.  
  127. #lbar {
  128. width:200px;
  129. margin-left:0px;
  130. position:fixed;}
  131.  
  132. {block:ifsidebartop} #lbar {top:15%} {/block:ifsidebartop}
  133. {block:ifsidebarmiddle} #lbar {top:49%} {/block:ifsidebarmiddle}
  134. {block:ifsidebarbottom} #lbar {bottom:11%;} {/block:ifsidebarbottom}
  135.  
  136. #limg {width:inherit}
  137.  
  138. #limg img {
  139. max-width:200px;
  140. border: 0px solid transparent;
  141. margin-bottom:10px;}
  142.  
  143. #title, #title a {
  144. font-family: {font:title};
  145. font-size: {text:blog title size}px;
  146. letter-spacing: 1px;
  147. text-align:right;
  148. color: {color:title};
  149. text-transform: lowercase;}
  150.  
  151. #desc {
  152. width:inherit;
  153. margin-top:11px;
  154. color:{color:description};
  155. text-align:right;
  156. font-size:{text:description size}px;
  157. font-family:{font:description};}
  158.  
  159. #nav {
  160. margin-top:10px;
  161. width:inherit;
  162. border-bottom: 0px solid transparent;
  163. text-align:right;}
  164.  
  165. #nav a {
  166. color: {color:navigation};
  167. font-family:{font:navigation};
  168. font-style:none;
  169. text-align:right;
  170. font-size:{text:navigation size}px;
  171. padding-left:4px;}
  172.  
  173. #nav a:hover {color: {color:navigation hover};}
  174.  
  175. #entries, #pagination, #paginationhold {margin-left: 259px;}
  176.  
  177. #posts {
  178. overflow:hidden;
  179. padding: {text:space between posts}px 0px;}
  180.  
  181. #photo, #photo a, #photo a img {border: none; line-height:0;}
  182.  
  183. {block:ifsmallposts}
  184. {block:indexpage}
  185. #entries, #posts, #photo a img {width:250px}
  186. {/block:indexpage}
  187. {block:permalinkpage}
  188. #entries, #posts, #photo a img {width:400px}
  189. {/block:permalinkpage}
  190. {/block:ifsmallposts}
  191.  
  192. {block:ifmediumposts}
  193. #entries, #posts, #photo a img {width:400px}
  194. {/block:ifmediumposts}
  195.  
  196. {block:ifbigposts}
  197. #entries, #posts, #photo a img {width:500px}
  198. {/block:ifbigposts}
  199.  
  200. #paginationhold{
  201. padding-top:100px;
  202. display:inline;
  203. }
  204.  
  205. #pagination {
  206. text-align:center;}
  207.  
  208. #pagination a {
  209. margin: 4px;
  210. padding: 3px;}
  211.  
  212. h2 {
  213. font-size: {text:Post Title Size}px;
  214. margin:0px;
  215. line-height:100%;}
  216.  
  217. .asker a {font-weight:bold;}
  218.  
  219. p, ul, ol {
  220. margin-top: 4px;
  221. margin-bottom: 4px;}
  222.  
  223. blockquote {
  224. margin-left:8px;
  225. padding-left:5px;
  226. padding-right:0px;
  227. margin-right:0px;}
  228.  
  229. img a {border:none;}
  230.  
  231. .chat ul, .chat li {list-style:none; margin:0px; padding:0px;}
  232.  
  233. img {max-width:100%;}
  234.  
  235. #c {
  236. position:fixed;
  237. bottom:4px;
  238. right:4px;
  239. font-size:13px;
  240. font-family:helvetica;}
  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); -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4;}
  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;}
  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. {block:ifinfinitescroll}
  268. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  269. #infscr-loading {display:none;}
  270. .navigation {display:none!important;}
  271. {/block:ifinfinitescroll}
  272.  
  273. </style>
  274.  
  275. <style type="text/css">{CustomCSS}</style>
  276.  
  277. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  278.  
  279. <div style="display:none">
  280. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe></div>
  281.  
  282. {block:ifinfinitescroll}
  283. <!for multi columns>
  284. <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>
  285. <script src="http://static.tumblr.com/twte3d7/C5Bllzh32/masonry.js"></script><script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IndexPage}
  286. <script type="text/javascript">
  287. $(window).load(function () {
  288. $('#entries').masonry(),
  289. $('.masonryWrap').infinitescroll({
  290. itemSelector : "#posts",
  291. navSelector : "div.navigation",
  292. nextSelector : ".navigation a#next",
  293. bufferPx : 1000000000000,
  294. loadingImg : "",
  295. loadingText : "",
  296. animation: true,
  297. extraScrollPx: 100000,
  298. },
  299. function() { $('#entries').masonry({ appendedContent: $(this) });
  300. });
  301. });</script>
  302. {/block:ifinfinitescroll}
  303.  
  304. </head>
  305.  
  306. <body>
  307.  
  308. {block:ContentSource}
  309. <!— {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  310. width="{LogoWidth}" height="{LogoHeight}" alt=”{SourceTitle}" />
  311. {/block:SourceLogo}
  312. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>
  313. {/block:ContentSource}
  314. {block:RebloggedFrom}<div style="display:none">{ReblogParentName}</div>{/block:RebloggedFrom}
  315.  
  316. <!for multi columns>
  317. {block:ifinfinitescroll}
  318. <div class="navigation">
  319. {block:Pagination}
  320. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next"></a>{/block:NextPage}
  321. {block:PreviousPage}<a style="float:left" href="{PreviousPage}"></a></p>{/block:PreviousPage}
  322. {/block:Pagination}
  323. </div>
  324. {/block:ifinfinitescroll}
  325.  
  326. <div id="wrapper">
  327.  
  328. <div id="lbar"><div id="limg">
  329.  
  330. {block:ifshowsidebarimage}<img src="{image:sidebar}">{/block:ifshowsidebarimage}
  331.  
  332. <div id="title"><a href="/">{Title}</a></div>
  333.  
  334. <div id="nav">
  335. {block:ifshowhomelink}<a href="/">{text:home link title}</a>{/block:ifshowhomelink}
  336. <a href="/ask">{text:ask link title}</a>
  337. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  338. {block:iflink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:iflink1}
  339. {block:iflink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:iflink2}
  340. {block:iflink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:iflink3}
  341. {block:iflink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:iflink4}
  342. <a href="http://incedo.tumblr.com/">theme</a>
  343. </div>
  344.  
  345. <div id="desc">{Description}</div>
  346.  
  347. </div></div>
  348.  
  349. <div class = "autopagerize_page_element" >
  350. <div id="entries">
  351. {block:Posts}
  352. <div id="posts">
  353.  
  354. {block:Text}
  355. {block:Title}<h2>{Title}</h2>{/block:Title}
  356. {Body}
  357. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  358. {/block:Text}
  359.  
  360. {block:Quote}
  361. "{Quote}” <div style="margin-left:20px;">— {Source}</div>
  362. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  363. {/block:Quote}
  364.  
  365. {block:Link}
  366. <a href="{URL}"><h2>{Name}</h2></a>
  367. {block:Description}<p>{Description}</p>{/block:Description}
  368. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  369. {/block:Link}
  370.  
  371. {block:Chat}
  372. <div class="chat"><ul>{block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}</ul></div>
  373. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  374. {/block:Chat}
  375.  
  376. {block:Answer}
  377. <div class="asker">{Asker} asked: {Question}<br>{Answer}</div>
  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:Answer}
  380.  
  381. {block:Audio}
  382. {AudioPlayer}
  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:Audio}
  385.  
  386. {block:Video}
  387. {block:ifsmallposts}
  388. {block:indexpage}{Video-250}{/block:indexpage}
  389. {block:permalinkpage}{Video-400}{/block:permalinkpage}
  390. {/block:ifsmallposts}
  391. {block:ifmediumposts}{Video-400}{/block:ifmediumposts}
  392. {block:ifbigposts}{Video-500}{/block:ifbigposts}
  393. <!perma>{block:IndexPage}<div class="textperma"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  394. {/block:Video}
  395.  
  396. {block:Photo}
  397. <!perma>{block:IndexPage}<div class="permalink">
  398. <div class="likep">
  399. <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>
  400. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  401. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  402. <div id="photo"><a href="{Permalink}"><img src="{PhotoURL-500}"/></a></div>
  403. {/block:Photo}
  404.  
  405. {block:Photoset}
  406. <!perma>{block:IndexPage}<div class="permalink">
  407. <div class="likep">
  408. <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>
  409. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  410. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  411. {block:ifsmallposts}
  412. {block:indexpage}{Photoset-250}{/block:indexpage}
  413. {block:permalinkpage}{Photoset-400}{/block:permalinkpage}
  414. {/block:ifsmallposts}
  415. {block:ifmediumposts}{Photoset-400}{/block:ifmediumposts}
  416. {block:ifbigposts}{Photoset-500}{/block:ifbigposts}
  417. {/block:Photoset}
  418.  
  419. {block:PermalinkPage}
  420. {block:caption}{Caption}{/block:caption}
  421. <div style="text-align:center; margin-top:9px;">Posted {TimeAgo} with {NoteCount} Notes</div>
  422. {block:PostNotes}{PostNotes}{/block:PostNotes}
  423. {/block:PermalinkPage}
  424.  
  425. </div>
  426. {/block:Posts}
  427. </div>
  428. </div>
  429.  
  430. {block:ifnotinfinitescroll}
  431. <div id="paginationhold"><div id="pagination">
  432. {block:Pagination}
  433. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  434. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  435. {/block:Pagination}
  436. </div></div>
  437. {/block:ifnotinfinitescroll}
  438.  
  439. </div>
  440.  
  441. <div id="c"><a href="http://incedo.tumblr.com">©</a></div>
  442.  
  443. </body>
  444. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement