API tools faq
paste
Advertisement
sunkei

Francis

sunkei
Aug 11th, 2012
13,457
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.33 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Francis
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20.  
  21. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  22. <meta name="image:Notes" content="http://media.tumblr.com/tumblr_m7eimg4ZNk1qdlkyg.gif"/>
  23.  
  24.  
  25. <meta name="color:Background" content="#fff" />
  26. <meta name="color:Description" content="#000" />
  27. <meta name="color:DescriptionBorder" content="#000" />
  28. <meta name="color:Menu" content="#888" />
  29. <meta name="color:Links" content="#3d9f69" />
  30. <meta name="color:Links hover" content="#4ca2bd" />
  31. <meta name="color:PostBG" content="#fff" />
  32. <meta name="color:PostBorder" content="#ccc" />
  33. <meta name="color:Text" content="#000" />
  34. <meta name="color:Reblog" content="#216585" />
  35. <meta name="color:Tags" content="#56a5b6" />
  36.  
  37.  
  38. <meta name="if:EndlessScroll" content="0"/>
  39.  
  40. <meta name="if:250" content="1"/>
  41. <meta name="if:400" content="0"/>
  42. <meta name="if:500" content="0"/>
  43.  
  44. <meta name="text:Music Player" content"">
  45. <meta name="text:Link title" content="+" />
  46. <meta name="text:Link" content="URL" />
  47.  
  48. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  49.  
  50. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  51.  
  52. <style type="text/css">
  53.  
  54. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  55.  
  56. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  57.  
  58.  
  59.  
  60. body
  61. {font-family:lucida console;
  62. font-size:9px;
  63. color:{color:Text};
  64. background-color:{color:Background};
  65. background-image:url('{image:Background}');
  66. background-position: fixed;
  67. background-attachment:fixed;
  68. background-repeat:repeat;}
  69.  
  70. a
  71. {text-decoration:none;
  72. color:{color:Links};
  73. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
  74. opacity:1;}
  75.  
  76. a:hover
  77. {text-decoration:none;
  78. color:{color:Links hover};
  79. opacity:1;}
  80.  
  81. blockquote
  82. {border-left:2px solid;
  83. padding-left:5px;}
  84.  
  85. #all
  86. {margin:0 auto;}
  87.  
  88. #banner
  89. {width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  90. margin-top:25px;
  91. overflow:hidden;
  92. border-bottom:1px solid {color:DescriptionBorder};}
  93.  
  94. .back
  95. {float:left;
  96. z-index:-999;}
  97.  
  98. .about
  99. {float:left; font-size:9px;
  100. text-align:justify;
  101. color:{Description};
  102. width:{block:If250}215px{block:If250} {block:If400}365px{block:If400} {block:If500}465px{block:If500};
  103. padding:0px 5px 0px 5px;}
  104.  
  105. #menu
  106. {font-size:10px;
  107. width:250px;
  108. color:{color:Menu};
  109. font-family:courier;
  110. padding-top:2px;
  111. height:13px;
  112. text-transform:uppercase;
  113. letter-spacing:1px;}
  114.  
  115. .player
  116. {float:left; overflow:hidden;
  117. width:25px;
  118. opacity:1;}
  119.  
  120. #posts
  121. {width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  122. margin-left:-6px}
  123.  
  124. .post
  125. {width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  126. background-color:{color:PostBG};
  127. margin:15px 0px 15px 0px;
  128. font-family:lucida console;
  129. text-align:justify;
  130. padding:5px;
  131. border:1px solid transparent;
  132. overflow:hidden;
  133. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  134.  
  135. .post:hover
  136. {border:1px solid {color:PostBorder};}
  137.  
  138. .post img
  139. {max-width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};}
  140.  
  141. #hover
  142. {position:absolute;
  143. margin-left:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  144. padding-left:10px;
  145. font-size:10px;
  146. text-transform:uppercase;
  147. font-family:courier;
  148. opacity:0;
  149. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  150.  
  151. #reblog
  152. {color:{color:Reblog};
  153. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  154. #reblog:hover
  155. {opacity:0.5;}
  156.  
  157.  
  158. .post:hover #infos
  159. {opacity:1;}
  160.  
  161. .post:hover #hover
  162. {opacity:1;}
  163.  
  164. #infos
  165. {position:absolute;
  166. opacity:0;
  167. font-size:10px;
  168. text-transform:uppercase;
  169. font-family:courier;
  170. width:75px;
  171. float:right;
  172. text-align:right;
  173. margin-left:-85px;
  174. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  175.  
  176. #date
  177. {color:{color:Links};}
  178. #tags
  179. {color:{color:Tags};
  180. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  181. #tags:hover
  182. {opacity:0.5;}
  183.  
  184. .titre
  185. {font-size:14px;
  186. color:{color:Reblog};
  187. text-transform:uppercase;
  188. font-family:courier;}
  189.  
  190. #quote
  191. {color:{color:Links};}
  192.  
  193. #player
  194. {margin-bottom:5px;
  195. width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  196. background-color:#000;}
  197.  
  198. .name
  199. {letter-spacing:1px;
  200. text-transform:uppercase;
  201. font-family:courier;}
  202.  
  203. #per .name
  204. {margin-left:10px;
  205. }
  206.  
  207. .texte {font-size:10px;font-family:courier;text-transform:uppercase;}
  208.  
  209. .diez
  210. {color:{color:Reblog};}
  211. </style>
  212.  
  213.  
  214. </head>
  215. <body>
  216.  
  217. {block:IfEndlessScroll}
  218. <div style="bottom:5px;right:10px;position:fixed;"><a href="#top" class="texte">back to top</a> / <a title="francis theme" class="texte" href="http://gyapo.tumblr.com">©</a></div>{/block:IfEndlessScroll}
  219.  
  220.  
  221.  
  222.  
  223.  
  224. <table id="all" cellspacing="0" cellpadding="0">
  225. <tr>
  226. <td>
  227.  
  228. <div id="banner">
  229. <!--<div class="back"><img src="{image:Banner}" width="250px"/></div>
  230. <div class="back"><img src="{image:Banner2}" width="250px"/></div>-->
  231. <div class="player">{Text:Music Player}</div>
  232. <div class="about">{Description} </div>
  233. <div class="about" id="menu"><a href="/">home</a> / <a href="/ask">ask</a> / <a href="/archive">archive</a> / <a href="{text:Link}">{text:Link title}</a> </div>
  234. </div>
  235.  
  236.  
  237. </td></tr>
  238. <tr><td>
  239. <div id="posts">
  240.  
  241.  
  242. {block:Posts}
  243.  
  244.  
  245.  
  246. <div class="post">
  247.  
  248. <div id="hover">
  249. <a href="{ReblogURL}" target="_blank"><div id="reblog">reblog</div></a>
  250. <a title="{NoteCount}" href="{Permalink}"><div id="notes"><img src="{image:Notes}"/></div></a>
  251. </div><!--hover-->
  252.  
  253. <div id="infos">
  254. {block:Date}<a href="{Permalink}"><div id="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</div></a>{/block:Date}
  255. {block:HasTags}{block:Tags}<a href="{TagURL}"><div id="tags">{Tag}<span class="diez">#</span></div></a>{/block:Tags} {/block:HasTags}
  256. </div><!--hover-->
  257.  
  258. {block:Quote}
  259. <div class="titre" id="quote">
  260. "{Quote}"
  261. </div>
  262. <div id="source" class="name">— {Source}</div>
  263. {/block:Quote}
  264.  
  265. {block:Photo}
  266. {block:IndexPage}
  267. <a href="{Permalink}"><div><img style="margin-bottom:-2px;" src="{PhotoURL-500}" width="{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500}"/></div></a>
  268. {/block:IndexPage}
  269. {block:PermalinkPage}
  270. {LinkOpenTag}<div><img src="{PhotoURL-500}" width="{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500}"/></div>
  271. {LinkCloseTag}
  272. {/block:PermalinkPage}
  273. {/block:Photo}
  274.  
  275. {block:Text}
  276. {block:Title}<div class="titre">{Title}</div> {/block:Title}
  277. <div id="body">{Body}</div>
  278. {/block:Text}
  279.  
  280. {block:Link}
  281. <a href="{URL}" {Target}><div class="titre" id="quote">{Name}</div></a>
  282. <div id="body">{block:Description} {Description}{/block:Description}</div>
  283. {/block:Link}
  284.  
  285. {block:Chat}
  286. {block:Title}<div class="titre">{Title}</div> {/block:Title}
  287. <div id="body">
  288. {block:Lines} <div>-{block:Label}<span class="name">{Label}</span> : {/block:Label}{Line}</div>{/block:Lines}
  289. </div>
  290. {/block:Chat}
  291.  
  292.  
  293.  
  294. {block:Audio}
  295. {block:IfShowCaption}
  296. {block:IndexPage}
  297. <div id="caption">{Caption}</div>
  298. {/block:IndexPage}
  299. {/block:IfShowCaption}
  300. <!--<div id="album">{block:AlbumArt}<img width="100px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>-->
  301. <div id="player"><div style="margin-top:-3px;">{AudioPlayerBlack}</div></div>
  302. <div id="per">
  303. <div class="name">{block:TrackName}
  304. {TrackName}
  305. {/block:TrackName}</div>
  306. {block:Artist}
  307. <div class="name" id="artist">by {Artist}</div>
  308. {/block:Artist}
  309.  
  310. <div class="name">{PlayCountWithLabel}</div>
  311. </div>
  312. {/block:Audio}
  313.  
  314. {block:Photoset}
  315. <div>
  316. {block:If250}
  317. {Photoset-250}
  318. {/block:If250}
  319. {block:If400}
  320. {Photoset-400}
  321. {/block:If400}
  322. {block:If500}
  323. {Photoset-500}
  324. {/block:If500}
  325. </div>
  326. {/block:Photoset}
  327.  
  328. {block:Video}
  329. <div>
  330. {block:If250}
  331. {Video-250}
  332. {/block:If250}
  333. {block:If400}
  334. {Video-400}
  335. {/block:If400}
  336. {block:If500}
  337. {Video-500}
  338. {/block:If500}
  339. </div>
  340. {/block:Video}
  341.  
  342.  
  343. </div>
  344.  
  345. {block:PermalinkPage}
  346. <div style="text-align:justify;margin-left:-20px;padding:10px;{block:If250}
  347. width:300px;
  348. {/block:If250}
  349. {block:If400}
  350. width:450px;
  351. {/block:If400}
  352. {block:If500}
  353. width:550px;
  354. {/block:If500}">{Caption}</div>
  355. <div style="text-align:justify;margin-left:-20px;border-top:1px solid;padding:10px;font-family:courier;text-transform:uppercase;{block:If250}
  356. width:300px;
  357. {/block:If250}
  358. {block:If400}
  359. width:450px;
  360. {/block:If400}
  361. {block:If500}
  362. width:550px;
  363. {/block:If500}">
  364. <div>{block:Date}{TimeAgo}{/block:Date} {block:HasTags}// {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  365. {block:PostNotes}{PostNotes} {/block:PostNotes}
  366. </div>
  367. {/block:PermalinkPage}
  368.  
  369. {block:ContentSource}
  370. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  371. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  372. {/block:SourceLogo}
  373. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  374. {/block:ContentSource}
  375. {/block:Posts}
  376.  
  377. </div>
  378.  
  379.  
  380.  
  381.  
  382. {block:IfNotEndlessScroll}
  383. {block:Pagination}
  384. <div style="text-align:center;">
  385. {block:PreviousPage}
  386. ←<a style="bottom:5px;left:10px;" href="{PreviousPage}" class="texte">back</a> /
  387. {/block:PreviousPage}
  388. <a title="francis theme" href="http://gyapo.tumblr.com" class="texte">©</a>
  389. {block:NextPage}
  390. / <a style="bottom:5px;right:10px;" href="{NextPage}" class="texte">next</a>→{/block:NextPage}
  391. </div>
  392. {/block:Pagination}{/block:IfNotEndlessScroll}
  393.  
  394.  
  395. </div><!--posts-->
  396.  
  397. </td>
  398. </tr>
  399. </table>
  400.  
  401.  
  402. </body>
  403. </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!