Advertisement
incedothemes

Crave Theme by Incedo

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