API tools faq
paste
Advertisement
sunkei

Martin

sunkei
Mar 9th, 2013
5,740
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Martin
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5.  
  6. updates
  7. 10/03 : image:picture + audio
  8. -->
  9.  
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14.  
  15. <head>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  24. <meta name="image:Picture" content="http://24.media.tumblr.com/tumblr_m22g581AxY1qdm57ho1_250.gif"/>
  25.  
  26. <meta name="color:Background" content="#fff" />
  27.  
  28. <meta name="color:Title" content="#bfff00" />
  29. <meta name="color:Description" content="#000" />
  30. <meta name="color:Link" content="#ffc400" />
  31. <meta name="color:Link hover" content="#b3b3b3" />
  32.  
  33.  
  34. <meta name="color:PostBorder" content="#e5e5e5" />
  35. <meta name="color:Texts" content="#999" />
  36. <meta name="color:CaptionBG" content="#fff" />
  37. <meta name="color:Infos" content="#333" />
  38. <meta name="color:InfosBG" content="#fff" />
  39. <meta name="color:Tag" content="#00fff7" />
  40.  
  41. <meta name="text:Button Opacity" content="0.2" />
  42. <meta name="text:Button Opacity Hover" content="0.4" />
  43.  
  44. <meta name="text:LinkTitle1" content="Link 1" />
  45. <meta name="text:LinkURL1" content="URL1" />
  46. <meta name="text:LinkTitle2" content="Link 2" />
  47. <meta name="text:LinkURL2" content="URL2" />
  48. <meta name="text:LinkTitle3" content="Link 3" />
  49. <meta name="text:LinkURL3" content="URL3" />
  50. <meta name="text:LinkTitle4" content="Link 4" />
  51. <meta name="text:LinkURL4" content="URL4" />
  52. <meta name="text:LinkTitle5" content="Link 5" />
  53. <meta name="text:LinkURL5" content="URL5" />
  54. <meta name="text:Notes" content="tears" />
  55.  
  56.  
  57.  
  58. <meta name="if:BlogTitle" content="1"/>
  59.  
  60.  
  61. <meta name="if:EndlessScroll" content="0"/>
  62. <meta name="if:6thlink" content="1"/>
  63. <meta name="if:7thlink" content="1"/>
  64. <meta name="if:8thlink" content="1"/>
  65.  
  66. <meta name="if:Left" content="0"/>
  67. <meta name="if:Center" content="1"/>
  68.  
  69. <meta name="if:500" content="0"/>
  70. <meta name="if:400" content="1"/>
  71. <meta name="if:250" content="0"/>
  72.  
  73. {block:IfEndlessScroll}
  74.  
  75. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  76. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  77. {/block:IfEndlessScroll}
  78.  
  79. <style type="text/css">
  80.  
  81. 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;}
  82.  
  83. 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;}
  84.  
  85.  
  86.  
  87. body
  88. {font-family:calibri;
  89. font-size:10px;
  90. color:{color:Texts};
  91. background-color:{color:Background};
  92. background-image:url('{image:Background}');
  93. background-position: fixed;
  94. background-attachment:fixed;
  95. background-repeat:repeat;}
  96.  
  97. a
  98. {text-decoration:none;
  99. color:{color:Link};
  100. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  101. opacity:1;}
  102.  
  103. a:hover
  104. {text-decoration:none;
  105. color:{color:Link hover};
  106. opacity:1;}
  107.  
  108. blockquote
  109. {border-left:1px solid {color:Tag};
  110. padding-left:5px;opacity:0.7;}
  111.  
  112. img
  113. {margin-bottom:-3px;}
  114.  
  115. #youth
  116. {position:fixed;top:0px;left:0px;
  117. height:100%;width:200px;padding-top:150px;}
  118. #blog
  119. {font-size:12px;color:{color:Title};font-family:consolas;max-width:180px;}
  120. .line
  121. {padding:0px 10px 0px 10px;border:1px solid {color:PostBorder};}
  122. #about
  123. {width:135px;padding:10px;text-align:justify;font-family:calibri;color:{color:Description};}
  124. #menu
  125. {position:absolute;margin-left:135px;width:40px;}
  126. .button{padding:1px 5px 1px 5px;margin-bottom:1px;opacity:{Text:Button Opacity};color:#fff;font-size:9px;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;background-color:#000;float:left;margin-right:1px;width:5px;text-align:center;}
  127. .button:hover
  128. {opacity:{Text:Button Opacity Hover};color:#000;background-color:#fff;}
  129.  
  130.  
  131.  
  132. #all
  133. {{block:IfCenter}margin:0 auto;{/block:IfCenter}
  134. {block:IfLeft}margin-left:250px;{/block:IfLeft}
  135. margin-top:50px;}
  136.  
  137. .post {width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;
  138. padding:10px;
  139. {block:IndexPage}margin-bottom:75px;{/block:IndexPage}
  140. {block:PermalinkPage}margin-bottom:15px;{/block:PermalinkPage}
  141. border-right:1px solid {color:PostBorder};}
  142. #bas
  143. {margin-left:{block:If500}510{/block:If500}{block:If400}410{/block:If400}{block:If250}260{/block:If250}px;position:absolute;margin-top:-10px;}
  144. .post img
  145. {max-width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;}
  146. .paku
  147. {padding:1px 10px 1px 10px;font-size:9px;color:{color:Infos};font-family:trebuchet ms;text-align:center;background-color:{color:InfosBG};}
  148. #bas #notes
  149. {border:1px solid {color:PostBorder};margin-top:-4px;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  150. #bas:hover #notes
  151. {margin-top:-1px;}
  152. #bas #date
  153. {border:1px solid {color:PostBorder};width:40px;}
  154. .tag
  155. {margin:1px 5px 0px 5px;font-family:trebuchet ms;color:{color:Infos};opacity:0.5;max-width:100px;text-transform:uppercase;font-size:8px;}
  156.  
  157.  
  158. .caption {position:absolute;text-align:justify;background-color:{color:CaptionBG};width:{block:If500}250{/block:If500}{block:If400}200{/block:If400}{block:If250}150{/block:If250}px;margin-top:-10px;padding:5px;border:1px {color:PostBorder} solid;margin-left:{block:If500}249{/block:If500}{block:If400}199{/block:If400}{block:If250}99{/block:If250}px;opacity:0;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  159.  
  160. #reblog
  161. {border-top:1px solid {color:PostBorder};
  162. border-left:1px solid {color:PostBorder};
  163. border-right:1px solid transparent;
  164. border-bottom:1px solid transparent;margin-top:-1px;overflow:hidden;height:0px;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;color:{color:Tag};width:40px;}
  165. #bas:hover #reblog
  166. {height:15px;border:1px solid {color:PostBorder};}
  167. #reblog:hover {color:{color:Link};}
  168. #photo:hover .caption {opacity:1;margin-top:8px;}
  169.  
  170. .hashtag
  171. {color:{color:Tag};-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;}
  172. #date:hover .hashtag
  173. {color:{color:Link};}
  174. .tag:hover .hashtag
  175. {color:{color:Link};}
  176. .texte
  177. {text-align:justify;font-size:11px;}
  178. .texte a
  179. {font-weight:800;font-style:italic;border-bottom:1px dotted {color:Tag};}
  180.  
  181. #titre
  182. {border-bottom:1px {color:PostBorder} dotted;font-size:14px;color:{color:Title};font-family:Consolas;}
  183.  
  184.  
  185. #link
  186. {border-bottom:1px {color:PostBorder} solid;padding:0px 10px 0px 0px;width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;font-size:14px;color:{color:Tag};font-family:Consolas;}
  187. #quote
  188. {font-size:14px;font-family:consolas;text-align:justify;}
  189. #source {font-size:10px;text-align:right;border:}
  190.  
  191. .odd
  192. {color:{color:Tag};}
  193. .even
  194. {color:{color:Infos};}
  195. #label
  196. {font-size:9px;text-transform:uppercase;font-family:trebuchet ms;}
  197. #line
  198. {border-bottom:1px dotted {color:PostBorder};}
  199.  
  200.  
  201. #art img
  202. {width:{block:If500}150{/block:If500}{block:If400}100{/block:If400}{block:If250}100{/block:If250}px;}
  203. #art
  204. {width:{block:If500}150{/block:If500}{block:If400}100{/block:If400}{block:If250}100{/block:If250}px;height:{block:If500}150{/block:If500}{block:If400}100{/block:If400}{block:If250}100{/block:If250}px;padding-left:10px;}
  205. #power
  206. {width:{block:If500}150{/block:If500}{block:If400}100{/block:If400}{block:If250}100{/block:If250}px;height:{block:If500}150{/block:If500}{block:If400}100{/block:If400}{block:If250}100{/block:If250}px;padding-left:10px;}
  207. #audio
  208. {width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;text-align:justify;}
  209. #audio #label
  210. {color:{color:Title};}
  211.  
  212. #play
  213. {background-color:#fff;color:{color:Tag};padding:10px 6px 6px 10px;border-radius:30px;position:absolute;width:30px;overflow:hidden;height:30px;margin:28px;opacity:0.7;-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;box-shadow:0px 0px 5px #aaa;}
  214.  
  215.  
  216. #play:hover
  217. {opacity:1;}
  218.  
  219. #pagination
  220. {margin-left:10px;color:{color:Tag};height:15px;margin-bottom:2px;}
  221. .page
  222. {background-color:{color:Description};width:15px;text-align:center;padding-bottom:2px;color:{color:Tag};margin-right:1px;margin-bottom:1px;float:left;;-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;}
  223. .page:hover
  224. {Background-color:{color:Tag};}
  225.  
  226. #dan
  227. {margin-left:10px;color:{color:Description};}
  228.  
  229. #haut
  230. {border-bottom:1px solid {color:PostBorder};color:{color:Infos};padding:0px 10px 0px 0px;width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;}
  231. .dare
  232. {border-bottom:1px dotted {color:Tag};}
  233. .asker
  234. {text-transform:uppercase; color: {color:Tag};}
  235.  
  236. #perma
  237. {text-align:center;}
  238.  
  239.  
  240. </style>
  241. </head>
  242. <body>
  243.  
  244.  
  245.  
  246. {block:IfEndlessScroll}
  247. <a style="position:fixed;bottom:5px;right:5px;font-family:consolas;" href="#top">back to top</a>{/block:IfEndlessScroll}
  248.  
  249. <div id="youth">
  250. {block:IfBlogTitle}
  251. <a href="/"><div id="blog"><span class="line">{Title}</span></div></a>
  252. {/block:IfBlogTitle}
  253.  
  254. <div id="avatar">
  255. <div id="menu">
  256. <a title="Home" href="/"><div class="button">0</div></a>
  257. <a title="Ask" href="/ask"><div class="button">1</div></a>
  258. <a title="Archive" href="/archive"><div class="button">2</div></a>
  259. <a title="{text:LinkTitle1}" href="{text:LinkURL1}"><div class="button">3</div></a>
  260. <a title="{text:LinkTitle2}" href="{text:LinkURL2}"><div class="button">4</div></a>
  261. {block:If6thLink}
  262. <a title="{text:LinkTitle3}" href="{text:LinkURL3}"><div class="button">5</div></a>
  263. {/block:If6thLink}
  264. {block:If7thLink}
  265. <a title="{text:LinkTitle4}" href="{text:LinkURL4}"><div class="button">6</div></a>
  266. {/block:If7thLink}
  267. {block:If8thLink}
  268. <a title="{text:LinkTitle5}" href="{text:LinkURL5}"><div class="button">7</div></a>
  269. {/block:If8thLink}
  270. <a title="Martin by gyapo" href="http://gyapo.tumblr.com/"><div class="button"><span style="margin-left:-1px;">©</span></div></a>
  271. </div><!--menu-->
  272. <img width="180px" src="{image:Picture}"></div><!--avatar-->
  273. <div id="about">
  274. {Description}</div>
  275.  
  276.  
  277. {block:IfNotEndlessScroll}
  278. {block:Pagination}
  279.  
  280. <div id="pagination">
  281. {block:NextPage}
  282. <a href="{NextPage}"><div class="page" id="plus">+</div></a>
  283. {/block:NextPage}
  284. {block:PreviousPage}
  285. <a href="{PreviousPage}"><div class="page">-</div></a>
  286. {/block:PreviousPage}
  287. </div>
  288. <div id="dan">{CurrentPage}<span class="hashtag">/</span>{TotalPages}</div>
  289.  
  290. </div>
  291. {/block:Pagination}
  292. {/block:IfNotEndlessScroll}
  293.  
  294. </div><!--youth-->
  295.  
  296.  
  297. <table id="all" border="0" cellpadding="0" cellspacing="0">
  298. <td><td>
  299. <div id="posts">
  300. {block:Posts}
  301.  
  302.  
  303. <div class="post">
  304.  
  305. <div id="bas">
  306. {block:Date}<a href="{Permalink}" target="_blank"><div class="paku" id="date">{DayOfMonthWithZero}<span class="hashtag">/</span>{MonthNumberWithZero}<span class="hashtag">/</span>{ShortYear}</div></a> {/block:Date}
  307.  
  308. <a href="{ReblogURL}" ><div class="paku" id="reblog">Reblog</div></a>
  309.  
  310. {block:NoteCount}<div class="paku" id="notes">{NoteCount} <span class="hashtag">{text:Notes}</span> </div> {/block:NoteCount}
  311. {block:HasTags}{block:Tags}<a href="{TagURL}"><div class="tag"><span class="hashtag">#</span>{Tag}</div></a> {/block:Tags}{/block:HasTags}
  312.  
  313.  
  314.  
  315. </div><!--bas-->
  316.  
  317.  
  318.  
  319. {Block:Quote}
  320. <div id="quote"><span class="hashtag">"</span>{Quote}<span class="hashtag">"</span></div>
  321. {block:Source}<div class="texte" id="source">{Source} </div>{/block:Source}
  322. {/Block:Quote}
  323.  
  324. {Block:Link}
  325. <a href="{URL}"><div id="link">/// {Name}</div></a>
  326. <div class="texte">{Description}</div>
  327. {/Block:Link}
  328.  
  329. {block:Text}
  330. {block:Title}<div id="titre">/// {Title}</div> {/block:Title}
  331. <div class="texte">{Body}</div>
  332.  
  333. {/block:Text}
  334.  
  335. {block:Answer}
  336. <div id="haut"><span class="dare"><span class="asker">{Asker}</span> asked:</span> <i>{Question}</i></div>
  337. <div id="rep"><span class="texte">{Answer}</span></div>
  338. {/block:Answer}
  339.  
  340. {block:Chat}
  341.  
  342. {block:Title}<div id="titre">/// {Title}</div> {/block:Title}
  343. {block:Lines}<div id="line" class="texte">{block:Label}<span class="{Alt}" id="label">- {Label}</span>{/block:Label} {Line}</div>{/block:Lines}
  344.  
  345. {/block:Chat}
  346.  
  347.  
  348.  
  349. {block:Photo}
  350. <div id="photo">
  351. <div>{block:Caption}<div class="caption"><div class="texte">{Caption}</div></div>{/block:Caption}<a href="{Permalink}" target="_blank"><img src="{PhotoURL-500}"></a></div>
  352. </div>
  353. {/block:Photo}
  354.  
  355. {block:Photoset}
  356. <div id="photo" style="margin-bottom:-3px;">
  357. {block:Caption}<div class="caption"><div class="texte">{Caption}</div></div>{/block:Caption}
  358. {block:If250}
  359. {Photoset-250}
  360. {/block:If250}
  361. {block:If400}
  362. {Photoset-400}
  363. {/block:If400}
  364. {block:If500}
  365. {Photoset-500}
  366. {/block:If500}
  367. </div>
  368. {/block:Photoset}
  369.  
  370. {block:Video}
  371. <div id="photo" style="margin-bottom:-3px;">
  372. {block:Caption}<div class="caption"><div class="texte">{Caption}</div></div>{/block:Caption}
  373. {block:If250}
  374. {Video-250}
  375. {/block:If250}
  376. {block:If400}
  377. {Video-400}
  378. {/block:If400}
  379. {block:If500}
  380. {Video-500}
  381. {/block:If500}
  382. </div>
  383. {/block:Video}
  384.  
  385. {block:Audio}
  386. <table id="audio" cellpadding="0" cellspacing="0">
  387. <tr><td>
  388. {block:Artist}<div id="line"><span id="label">ARTIST:</span> {Artist}</div>
  389. {/block:Artist}
  390. {block:TrackName}
  391. <div id="line"><span id="label">track:</span> {TrackName}</div>
  392. {/block:TrackName}
  393. {block:Album}
  394. <div id="line"><span id="label">Album:</span> {Album}</div>
  395. {/block:Album}
  396. <div id="line"><span id="label">{PlayCountWithLabel}</span></div>
  397. </td>
  398. <td id="art" rowspan="2">
  399. <div id="power">
  400. <div id="play">
  401. {AudioPlayerWhite}
  402. </div>
  403. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  404. </div>
  405. </td></tr>
  406. <tr>
  407. <td><div class="texte">
  408. {Caption}
  409. </div>
  410. </td>
  411. </tr>
  412. </table>
  413. {/block:Audio}
  414.  
  415.  
  416. </div><!--post-->
  417.  
  418.  
  419. {block:PermalinkPage}
  420. <div id="perma" class="texte">{block:RebloggedFrom}
  421. Relogged from : <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  422. Originally posted by : <a href="{ReblogRootURL}">{ReblogRootName}</a> || {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">Source</a>{block:ContentSource}</div>
  423. {/block:PermalinkPage}
  424. {block:PostNotes}{PostNotes} {/block:PostNotes}
  425.  
  426.  
  427. {block:RebloggedFrom}
  428. <!--{ReblogParentName}-->
  429. {/block:RebloggedFrom}
  430.  
  431. {block:ContentSource}
  432. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  433. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  434. {/block:SourceLogo}
  435. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  436. {/block:ContentSource}
  437. {/block:Posts}
  438. </div>
  439. </td></tr>
  440. </table>
  441.  
  442. </body>
  443. </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!