API tools faq
paste
Advertisement
sunkei

Madness 250

sunkei
Jan 23rd, 2012
1,149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.41 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, Thank you.
  3. -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13.  
  14. <meta name="color:Background" content="#ffffff" />
  15. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  16. <meta name="color:Link" content="#5e5e5e" />
  17. <meta name="color:Link hover" content="#868686" />
  18.  
  19. <meta name="image:Picture" content="http://static.tumblr.com/..."/>
  20.  
  21. <meta name="color:Description" content="#111111" />
  22.  
  23. <meta name="color:EntryBG" content="#ffffff" />
  24. <meta name="color:Texts" content="#444444" />
  25. <meta name="color:Infos" content="#333333" />
  26.  
  27. <meta name="if:EndlessScroll" content="0"/>
  28.  
  29. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  30.  
  31. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  32.  
  33. <style type="text/css">
  34. 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;}
  35.  
  36. 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;}
  37.  
  38. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Texts};height:25px;}
  39. ::-webkit-scrollbar {height:0px;width:8px;background-color:{color:EntryBG};}
  40.  
  41.  
  42. body
  43. {font-family:georgia;
  44. font-size:10px;
  45. color:{color:Texts};
  46. background-color:{color:Background};
  47. background-image:url('{image:Background}');
  48. background-position: fixed;
  49. background-attachment:fixed;
  50. background-repeat:repeat;}
  51.  
  52. blockquote
  53. {border-left:2px solid;
  54. padding-left:5px;}
  55.  
  56. a
  57. {text-decoration:none;
  58. color:{color:Link};
  59. -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;
  60. opacity:1;}
  61.  
  62. a:hover
  63. {text-decoration:none;
  64. color:{color:Link hover};
  65. opacity:1;}
  66.  
  67.  
  68.  
  69.  
  70. #left
  71. {width:300px;
  72. height:auto;
  73. position:fixed;
  74. top:120px;
  75. left:180px;
  76. color:{color:Description};}
  77.  
  78. #picture
  79. {Height:150px;
  80. width:150px;
  81. -moz-border-radius:75px 75px 75px 75px;
  82. border-radius: 75px 75px 75px 75px;}
  83.  
  84.  
  85. #description
  86. {float:left;
  87. height:auto;
  88. width:130px;
  89. padding:10px;
  90. padding-top:20px;
  91. letter-spacing:1px;
  92. font-family:georgia;
  93. border-left: 1px solid #000;
  94. color:{color:Description};}
  95.  
  96. #menu
  97. {width:130px;
  98. float:left;
  99. height:auto;
  100. margin-left:-133px;
  101. padding-top:20px;
  102. text-align:right;
  103. padding-right:3px;
  104. letter-spacing:3px;
  105. font-family:georgia;}
  106.  
  107. .links
  108. {padding-bottom:3px;
  109. -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;
  110. color:{color:Description};}
  111.  
  112. .links:hover
  113. {opacity:0.5;}
  114.  
  115. .link
  116. {-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;}
  117.  
  118. .link:hover
  119. {letter-spacing:8px;}
  120.  
  121.  
  122.  
  123.  
  124. .titlepost
  125. {font-size:12px;
  126. letter-spacing:3px;
  127. padding-left:5px;
  128. padding-right:5px;
  129. font-style:italic;}
  130.  
  131. #posts
  132. {width:260px;
  133. float:left;
  134. height:autolength;
  135. overflow:hidden;
  136. margin-left:410px;
  137. margin-bottom:10px;
  138. overflow:hidden;
  139. font-size:10px;
  140. font-family:georgia;
  141. color:{color:Texts};
  142. }
  143.  
  144.  
  145. .post
  146. {width:250px;
  147. overflow:hidden;
  148. height:autolength;
  149. margin-top:5px;
  150. margin-bottom:10px;
  151. font-size:10px;
  152. letter-spacing:0px;
  153. font-family:georgia;
  154. color:{color:Texts};
  155. overflow:hidden;
  156. background-color:{color:EntryBG};}
  157.  
  158. .nots
  159. {position:absolute;
  160. margin-left:255px;
  161. letter-spacing:0px;
  162. font-family:georgia;
  163. padding:5px;
  164. opacity:0;
  165. border-left:1px solid {color:Texts};
  166. -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;}
  167.  
  168. a.not
  169. {color:{color:Texts};}
  170.  
  171. .post:hover .nots
  172. {opacity:1;}
  173.  
  174. #permabar
  175. {width:250px;
  176. overflow:hidden;
  177. height:autolength;
  178. padding: 3px;
  179. font-family:georgia;
  180. font-size:10px;
  181. letter-spacing:1px;
  182. color:{color:Infos};
  183. background-color:{color:EntryBG};}
  184.  
  185.  
  186. </style>
  187. </head>
  188.  
  189. <body>
  190.  
  191. {block:IfEndlessScroll}
  192. <a style="position:fixed;bottom:10px;right:10px;font-size:10px;font-family:georgia;" href="#top" class="texte">back to top</a>{/block:IfEndlessScroll}
  193.  
  194.  
  195. <div id="left">
  196. <img id="picture" src="{image:Picture}"/>
  197.  
  198. <div>
  199. <div id="menu">
  200. <a href="/"><div class="links"><span class="link">home</span> ●</div></a>
  201. <a href="/ask"><div class="links"><span class="link">message</span> ●</div></a>
  202. <a href="/archive"><div class="links"><span class="link">archive</span> ●</div></a>
  203. <a href="http://gyapo.tumblr.com"><div class="links"><span class="link">theme</span> ●</div></a>
  204. </div>
  205. <div id="description">{Description}</div>
  206. </div>
  207.  
  208. </div>
  209.  
  210.  
  211.  
  212.  
  213.  
  214.  
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223. <div id="posts">
  224. <table border="0" width:"600" align="center" cellspacing="0px" cellpadding="0px">
  225. <tr style="align:center"><td style="align:center">{block:Posts}
  226.  
  227.  
  228.  
  229. {block:Text}<div class="post">
  230. {block:IndexPage}<span class="nots">
  231. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  232.  
  233. {block:Title}<a href="{Permalink}"><div class="titlepost">{Title}</div></a> {/block:Title}
  234. <div class="texte">{Body}</div>
  235. </div>{/block:Text}
  236.  
  237.  
  238.  
  239.  
  240. {block:Photoset}<div class="post">
  241. {block:IndexPage}<span class="nots">
  242. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  243.  
  244. <div style="align:center;"><a href="{Permalink}">{Photoset-250}</a></div>
  245.  
  246. {block:PermalinkPage}{block:Caption}<div class="texte">{Caption}</div>{/block:Caption}{block:PermalinkPage}
  247. </div>{/block:Photoset}
  248.  
  249.  
  250.  
  251.  
  252. {block:Photo}<div class="post">
  253. {block:IndexPage}<span class="nots">
  254. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  255.  
  256. <a href="{Permalink}"><img style="align:center;" src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>
  257. {block:PermalinkPage}{block:Caption}
  258. <div>{Caption}</div>
  259. {/block:Caption}{block:PermalinkPage}
  260. </div>{/block:Photo}
  261.  
  262.  
  263.  
  264. {block:Quote}<div class="post">
  265. {block:IndexPage}<span class="nots">
  266. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  267.  
  268. <div class="texte"> "{Quote}"</div>
  269. {block:Source}
  270. <div class="texte"> {Source}</div>
  271. {/block:Source}
  272. </div>{/block:Quote}
  273.  
  274.  
  275.  
  276. {block:Link}<div class="post">
  277. {block:IndexPage}<span class="nots">
  278. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  279.  
  280. <a href="{URL}" {Target}><div class="titlepost">{Name}</div></a>
  281. {block:Description}
  282. <div class="texte">{Description}</div>
  283. {/block:Description}
  284. </div>{/block:Link}
  285.  
  286.  
  287.  
  288. {block:Chat}<div class="post">
  289. {block:IndexPage}<span class="nots">
  290. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  291.  
  292. {block:Title}
  293. <a href="{Permalink}"><div class="titlepost">{Title}</div></a>
  294. {/block:Title}<div>
  295. {block:Lines}
  296. <div class="texte">
  297. {block:Label}
  298. <a href="{Permalink}"><div>{Label}</a> {Line}
  299. </div>{/block:Label}
  300. </div>{/block:Lines}
  301. </div>
  302. </div>{/block:Chat}
  303.  
  304.  
  305.  
  306.  
  307. {block:Video}<div class="post">
  308. {block:IndexPage}<span class="nots">
  309. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  310.  
  311. <div style="align:center;">{Video-250}</div>
  312. {block:PermalinkPage}{block:Caption}
  313. <div>{Caption}</div>
  314. {/block:Caption}{block:PermalinkPage}
  315. </div>{/block:Video}
  316.  
  317.  
  318.  
  319.  
  320. {block:Audio}<div class="post">
  321. {block:IndexPage}<span class="nots">
  322. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  323.  
  324. {AudioPlayerBlack}
  325. {block:PermalinkPage}{block:Caption}
  326. <div>{Caption}</div>
  327. {/block:Caption}{block:PermalinkPage}
  328. </div>{/block:Audio}
  329.  
  330.  
  331.  
  332. {block:PermalinkPage}<div id="permabar">
  333. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}<br>
  334. {block:HasTags}{block:Tags}
  335. &#160#<a href="{TagURL}" class="tags">{Tag}</a>{/block:Tags}{/block:HasTags}
  336. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>{/block:PermalinkPage}
  337.  
  338.  
  339. {/block:Posts}
  340. </td></tr>
  341. <tr><td>
  342. {block:IfNotEndlessScroll}{block:Pagination}
  343.  
  344. <div style="font-size:12px; text-align:center;width:250px;padding-top:25px;padding-bottom:25px;color:{color:Link};font-family:georgia;" >
  345. {block:PreviousPage}<a href="{PreviousPage}" style="font-size:10px;" href="#top">back</a>&#160| {CurrentPage}/{TotalPages} |&#160 {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" style="font-size:10px;" href="#top">next</a>{/block:NextPage}
  346. <div>
  347.  
  348. {/block:Pagination}{block:IfNotEndlessScroll}
  349. </td></tr>
  350. </table>
  351. </div>
  352.  
  353. </body>
  354. </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!