API tools faq
paste
Advertisement
sunkei

Pledge 0.1

sunkei
Sep 4th, 2012
5,567
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3. pledge 0.2
  4. 31 03 16 : source + infinite
  5. Theme by gyapo.tumblr.com, don't remove this comment
  6. -->
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  17. <meta name="image:Icon" content="http://static.tumblr.com/..."/>
  18.  
  19. <meta name="color:Background" content="#000000" />
  20.  
  21. <meta name="color:Description" content="#fff" />
  22. <meta name="color:DescriptionBG" content="#000" />
  23. <meta name="color:ButtonBG" content="#000" />
  24. <meta name="color:IconBG" content="#000" />
  25.  
  26. <meta name="color:Texts" content="#555" />
  27. <meta name="color:Titles" content="#fff" />
  28. <meta name="color:Link" content="#ccc" />
  29. <meta name="color:Entry BG" content="#000" />
  30.  
  31. <meta name="color:Infos" content="#fff" />
  32. <meta name="color:Slide BG" content="#050505" />
  33. <meta name="color:Tags" content="#888" />
  34. <meta name="color:Tags hover" content="#fff" />
  35.  
  36. <meta name="color:Scroll" content="#000" />
  37. <meta name="color:ScrollBG" content="#fff" />
  38.  
  39.  
  40. <meta name="if:250" content="0"/>
  41. <meta name="if:400" content="1"/>
  42. <meta name="if:500" content="0"/>
  43. <meta name="if:EndlessScroll" content="0"/>
  44.  
  45. <meta name="text:links" content="URL" />
  46.  
  47. {block:IfEndlessScroll}
  48. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  49.  
  50. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfEndlessScroll}
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56.  
  57. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll};height:75px;border:1px solid {color:ScrollBG};}
  58. ::-webkit-scrollbar {height:0px;width:6px;background-color:{color:ScrollBG};}
  59.  
  60. body
  61. {background-color:{color:Background};
  62. color:{color:Texts};
  63. font-size:10px;
  64. font-family:consolas;letter-spacing:1px;
  65. background-image:url('{image:Background}');
  66. background-position: fixed;
  67. background-attachment:fixed;
  68. background-repeat:repeat;}
  69.  
  70. blockquote
  71. {border-left:1px dotted;
  72. padding-left:5px;
  73. opacity:0.5;}
  74.  
  75. a
  76. {text-decoration:none;
  77. color:{color:Link};
  78. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
  79.  
  80.  
  81.  
  82.  
  83. ul {list-style-type:square}
  84.  
  85.  
  86.  
  87.  
  88. #posts
  89. {width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  90. overflow:hidden;
  91. background-color:{color:Slide BG};}
  92.  
  93. .post
  94. {width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  95. text-align:justify;
  96. color:{color:Texts};
  97. overflow:hidden;
  98. background-color:{color:Entry BG};
  99. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  100.  
  101. {block:IndexPage}
  102. .post:hover
  103. {margin-left:100px;}
  104. {/block:IndexPage}
  105.  
  106. .titlepost
  107. {font-size:14px;
  108. font-family:century gothic;
  109. font-weight:800;
  110. letter-spacing:5px;
  111. border-bottom:1px dotted {color:Texts};
  112. text-align:center;
  113. text-transform:uppercase;
  114. color:{color:Titles};
  115. padding-left:10px;
  116. padding-right:5px;
  117. }
  118.  
  119. .texte
  120. {padding-left:3px;
  121. padding-right:3px;}
  122.  
  123. .texte a
  124. {font-style:italic;}
  125.  
  126. .texte a:hover
  127. {opacity:0.2;}
  128.  
  129. .slide
  130. {position:absolute;
  131. text-align:right;
  132. font-family:consolas;
  133. text-transform:uppercase;
  134. letter-spacing:2px;
  135. font-size:8px;
  136. overflow:hidden;
  137. height:100px;
  138. width:0px;
  139. opacity:0;
  140. -webkit-transition: opacity 1s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  141.  
  142. {block:IndexPage}
  143. .post:hover .slide
  144. {margin-left:-100px;
  145. width:100px;
  146. opacity:1;}
  147. {/block:IndexPage}
  148.  
  149.  
  150. #infos
  151. {margin-bottom:3px;
  152.  
  153. color:{color:Infos};}
  154.  
  155. a.infos
  156. {color:{color:Infos};
  157. -webkit-transition: opacity 1s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  158. opacity:1;}
  159.  
  160. a.infos:hover
  161. {opacity:0.5;}
  162.  
  163.  
  164. a.tags
  165. {color:{color:Tags};
  166. -webkit-transition: opacity 1s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  167.  
  168. a.tags:hover
  169. {color:{color:Tags hover};}
  170.  
  171.  
  172. #permabar
  173. {color:{color:Infos};
  174. background-color:{color:Slide BG};
  175. text-align:left;
  176. padding:3px;}
  177.  
  178. ol.notes {text-transform:uppercase;font-size:8px;}
  179. ol.notes li.note img.avatar {opacity:0.8;}
  180. ol.notes li.note {list-style-type: hiragana;}
  181.  
  182.  
  183.  
  184. #all
  185. {margin:0 auto;}
  186.  
  187.  
  188.  
  189.  
  190.  
  191. .menu
  192. {position:fixed;
  193. margin-top:60px;
  194. top:100px;
  195. margin-left:-36px;}
  196.  
  197.  
  198. .button
  199. {margin:0px 0px 15px 0px;
  200. padding:4px 4px 1px 4px;
  201. overflow:hidden;
  202. border-radius:4px;
  203. background-color:{color:ButtonBG};
  204. -webkit-transition: opacity 0.3s linear;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
  205.  
  206. .button:hover
  207. {opacity:0.5;}
  208.  
  209. #top
  210. {margin-top:-8px;
  211. margin-bottom:15px;}
  212.  
  213. #avatar
  214. {border:15px solid {color:IconBG};
  215. margin-left:-50px;
  216. width:100px;
  217. height:100px;
  218. overflow:hidden;
  219. position:absolute;}
  220.  
  221. #about
  222. {margin-top:15px;
  223. max-height:85px;
  224. overflow:auto;
  225. color:{color:Description};
  226. text-align:justify;
  227. width:{block:If250}140px{block:If250} {block:If400}290px{block:If400} {block:If500}390px{block:If500};
  228. padding:15px;
  229. margin-left:80px;
  230. border-bottom:1px dotted;}
  231.  
  232. .blog
  233. {letter-spacing:2px;
  234. padding-top:2px;
  235. width:{block:If250}140px{block:If250} {block:If400}290px{block:If400} {block:If500}390px{block:If500};
  236. margin-left:93px;
  237. text-align:center;
  238. color:{color:Description};}
  239.  
  240. .bg
  241. {background-color:{color:DescriptionBG};
  242. padding:1px 0px 1px 0px;}
  243.  
  244. .name
  245. {text-transform:uppercase;
  246. color:{color:Link};}
  247.  
  248. #quote
  249. {text-align:center;
  250. font-size:20px;}
  251.  
  252. #source
  253. {padding-left:15px;}
  254.  
  255.  
  256. .people
  257. {float:left;
  258. border-radius:4px;
  259. moz-border-radius:4px;
  260. overflow:hidden;
  261. margin:5px;}
  262.  
  263. .ask
  264. {font-style:italic;
  265. opacity:0.6;}
  266. .question
  267. {border-bottom:1px dotted;padding-bottom:3px;
  268. min-height:30px;}
  269.  
  270. .words
  271. {padding-top:3px;}
  272.  
  273. .tags
  274. {text-transform:uppercase;font-size:8px;}
  275.  
  276.  
  277. #pagination
  278. {text-align:center;
  279. width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  280. margin:15px 0px 15px 0px;}
  281.  
  282. .page
  283. {border-radius:4px;
  284. text-transform:uppercase;
  285. background-color:{color:Entry BG};
  286. moz-border-radius:4px;
  287. padding:3px 5px 3px 8px;
  288. letter-spacing:3px;}
  289.  
  290.  
  291. #player
  292. {margin-bottom:5px;
  293. width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  294. background-color:#000;}
  295.  
  296.  
  297. #per
  298. {margin-left:10px;
  299. }
  300. </style>
  301. </head>
  302. <body>
  303.  
  304.  
  305.  
  306.  
  307. {block:IfEndlessScroll}<div id="up"></div>
  308. <a style="position:fixed;bottom:10px;right:10px;" href="#up"><span class="page">back to top</span></a>{/block:IfEndlessScroll}
  309.  
  310.  
  311. <table border="0" cellspacing="0px" cellpadding="0px" id="all">
  312. <tr>
  313. <td>
  314.  
  315.  
  316. <div id="top">
  317. <div id="avatar"><img width="100px" src="{image:Icon}"/></div>
  318. <div id="about"><span class="bg">{Description}</span></div>
  319. <div class="blog">{Title}</div>
  320.  
  321. <div class="menu">
  322. <a href="/"><div class="button"><img src="http://static.tumblr.com/s2ymoja/M1Rm9tu3b/cloud_1w.png"/></div></a>
  323. <a href="/ask"><div class="button"><img src="http://static.tumblr.com/s2ymoja/ojam9tu4x/comment_3w.png"/></div></a>
  324. <a href="/archive"><div class="button"><img src="http://static.tumblr.com/s2ymoja/skSm9tueb/search_1w.png"/></div></a>
  325. <a href="{text:links}"><div class="button"><img src="http://static.tumblr.com/s2ymoja/fFum9tu8s/addw.png"/></div></a>
  326. <a title="Pledge theme" href="http://gyapo.tumblr.com/"><div class="button"><img src="http://static.tumblr.com/s2ymoja/VUMm9tyg4/3-6w.png"/></div></a>
  327. </div>
  328. </div>
  329.  
  330.  
  331. <div id="posts">
  332.  
  333.  
  334.  
  335.  
  336.  
  337. {block:Posts}
  338. <div class="post">
  339.  
  340. <div class="slide">
  341. <div id="infos">
  342. <a href="{Permalink}" class="infos">{Notecount}</a><br/>
  343. <a href="{ReblogURL}" target="_blank" class="infos">reblog</a><br/>
  344. <a href="{Permalink}" class="infos">{Timeago}</a><br/>
  345. </div>
  346. {block:HasTags}{block:Tags}
  347. &#160#<a href="{TagURL}" class="tags">{Tag}</a><br/>{/block:Tags}{/block:HasTags}</div>
  348.  
  349. {block:Text}
  350. {block:Title}<a href="{Permalink}"><div class="titlepost">{Title}</div></a> {/block:Title}
  351. <div class="texte">{Body}</div>
  352. {/block:Text}
  353.  
  354. {block:Answer}
  355. <div class="question">
  356. <span class="people"><img style="margin-bottom:-3px;" src="{AskerPortraitURL-30}"/></span> <span class="words"><span class="name">{Asker}:</span> <span class="ask">{Question}</span></span></div>
  357. <div class="texte">{Answer}</div>
  358. {/block:Answer}
  359.  
  360. {block:Photoset}
  361. <div style="margin-bottom:-3px;">
  362. {block:If250}
  363. {Photoset-250}
  364. {/block:If250}
  365. {block:If400}
  366. {Photoset-400}
  367. {/block:If400}
  368. {block:If500}
  369. {Photoset-500}
  370. {/block:If500}
  371. </div>
  372. {/block:Photoset}
  373.  
  374.  
  375.  
  376.  
  377. {block:Photo}
  378. {block:IndexPage}
  379. <a href="{Permalink}"><div><img style="margin-bottom:-3px;" src="{PhotoURL-500}" width="{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500}"/></div></a>
  380. {/block:IndexPage}
  381. {block:PermalinkPage}
  382. {LinkOpenTag}<div><img src="{PhotoURL-500}" width="{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500}"/></div>
  383. {LinkCloseTag}
  384. {/block:PermalinkPage}
  385. {/block:Photo}
  386.  
  387.  
  388.  
  389. {block:Quote}
  390. <div id="quote">
  391. "{Quote}"
  392. </div>
  393. <div id="source" class="name">— {Source}</div>
  394. {/block:Quote}
  395.  
  396.  
  397.  
  398. {block:Link}
  399.  
  400. <a href="{URL}" {Target}><div class="titlepost">{Name}</div></a>
  401. {block:Description}
  402. <div class="texte">{Description}</div>
  403. {/block:Description}
  404. {/block:Link}
  405.  
  406.  
  407.  
  408. {block:Chat}
  409. {block:Chat}
  410. {block:Title}<div class="titlepost">{Title}</div> {/block:Title}
  411. <div class="texte">
  412. {block:Lines} <div>-{block:Label}<span class="name">{Label}</span> {/block:Label}{Line}</div>{/block:Lines}
  413. </div>
  414. {/block:Chat}
  415.  
  416. {block:Video}
  417. <div style="margin-bottom:-3px;">{block:If250}
  418. {Video-250}
  419. {/block:If250}
  420. {block:If400}
  421. {Video-400}
  422. {/block:If400}
  423. {block:If500}
  424. {Video-500}
  425. {/block:If500}</div>
  426. {/block:Video}
  427.  
  428.  
  429.  
  430. {block:Audio}
  431.  
  432. <div id="player"><div style="margin-top:-3px;">{AudioPlayerBlack}</div></div>
  433. <div id="per">
  434. <div>
  435. <span class="name">{block:TrackName}
  436. {TrackName}
  437. {/block:TrackName}</span>
  438. {block:Artist}
  439. by {Artist}
  440. {/block:Artist}
  441. </div>
  442. <div>{PlayCountWithLabel}</div>
  443. </div>
  444. {/block:Audio}
  445.  
  446.  
  447. {block:PermalinkPage}
  448.  
  449. {block:Caption}
  450. <div class="texte">{Caption}</div>
  451. {/block:Caption}
  452.  
  453. <div id="permabar">
  454. <div>Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> //{/block:Date} {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount} {block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a>, org. <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}</div>
  455. {block:HasTags}<div>{block:Tags}#<a href="{TagURL}" class="tags">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  456. {PostNotes}</div></div>{/block:PermalinkPage}
  457.  
  458.  
  459. </div>
  460.  
  461. {block:RebloggedFrom}
  462. <!--{ReblogParentName}-->
  463. {/block:RebloggedFrom}
  464.  
  465. {block:ContentSource}
  466. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  467. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  468. {/block:SourceLogo}
  469. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  470. {/block:ContentSource}
  471.  
  472. {/block:Posts}
  473. </td></tr>
  474. <tr><td>
  475. {block:IfNotEndlessScroll}{block:Pagination}
  476.  
  477. <div id="pagination">
  478. {block:PreviousPage}<a href="{PreviousPage}"><span class="page">back</span></a>{/block:PreviousPage} &#160<span class="page"> {CurrentPage}/{TotalPages} </span>&#160
  479. {block:NextPage}<a href="{NextPage}"><span class="page">next</span></a>{/block:NextPage}
  480.  
  481. <div>
  482.  
  483. {/block:Pagination}{block:IfNotEndlessScroll}
  484. </td></tr>
  485.  
  486. </div><!--posts-->
  487. </td></tr>
  488. </table>
  489.  
  490.  
  491. </body>
  492. </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!