API tools faq
paste
Advertisement
sunkei

Pledge 500 codes

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