Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

theme 3

By: a guest on May 11th, 2012  |  syntax: None  |  size: 8.93 KB  |  hits: 71  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--theme by patkirch. now ain't that rad?
  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="#FFF" />
  15. <meta name="image:Background" content=""/>
  16. <meta name="color:Link" content="#000" />
  17. <meta name="color:Link hover" content="#000" />
  18.  
  19. <meta name="image:Picture" content=""/>
  20.  
  21. <meta name="color:Description" content="#3A9ADF" />
  22.  
  23. <meta name="color:EntryBG" content="#D2F5FA" />
  24. <meta name="color:Texts" content="#000" />
  25. <meta name="color:Infos" content="#000" />
  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.  
  79. #description
  80. {float:left;
  81. height:auto;
  82. width:130px;
  83. padding:10px;
  84. padding-top:20px;
  85. letter-spacing:1px;
  86. font-family:georgia;
  87. border-left: 0px solid #000;
  88. color:{color:Description};}
  89.  
  90. #menu
  91. {width:130px;
  92. float:left;
  93. height:auto;
  94. margin-left:-133px;
  95. padding-top:20px;
  96. text-align:right;
  97. padding-right:3px;
  98. letter-spacing:3px;
  99. font-family:georgia;}
  100.  
  101. .links
  102. {padding-bottom:3px;
  103. -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;
  104. color:{color:Description};}
  105.  
  106. .links:hover
  107. {opacity:0.5;}
  108.  
  109. .link
  110. {-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;}
  111.  
  112. .link:hover
  113. {letter-spacing:8px;}
  114.  
  115.  
  116.  
  117.  
  118. .titlepost
  119. {font-size:12px;
  120. letter-spacing:3px;
  121. padding-left:5px;
  122. padding-right:5px;
  123. font-style:italic;}
  124.  
  125. #posts
  126. {width:510px;
  127. float:left;
  128. height:autolength;
  129. overflow:hidden;
  130. margin-left:410px;
  131. margin-bottom:10px;
  132. overflow:hidden;
  133. font-size:10px;
  134. font-family:georgia;
  135. color:{color:Texts};
  136. }
  137.  
  138.  
  139. .post
  140. {width:500px;
  141. overflow:hidden;
  142. height:autolength;
  143. margin-top:5px;
  144. margin-bottom:10px;
  145. font-size:10px;
  146. letter-spacing:0px;
  147. font-family:georgia;
  148. color:{color:Texts};
  149. overflow:hidden;
  150. background-color:{color:EntryBG};}
  151.  
  152. .nots
  153. {position:absolute;
  154. margin-left:505px;
  155. letter-spacing:0px;
  156. font-family:georgia;
  157. padding:5px;
  158. opacity:0;
  159. border-left:1px solid {color:Texts};
  160. -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;}
  161.  
  162. a.not
  163. {color:{color:Texts};}
  164.  
  165. .post:hover .nots
  166. {opacity:1;}
  167.  
  168. #permabar
  169. {width:500px;
  170. overflow:hidden;
  171. height:autolength;
  172. padding: 3px;
  173. font-family:georgia;
  174. font-size:10px;
  175. letter-spacing:1px;
  176. color:{color:Infos};
  177. background-color:{color:EntryBG};}
  178.  
  179.  
  180. </style>
  181. </head>
  182.  
  183. <body>
  184.  
  185. {block:IfEndlessScroll}
  186.  <a style="position:fixed;bottom:10px;right:10px;font-size:10px;font-family:georgia;" href="#top" class="texte">^</a>{/block:IfEndlessScroll}
  187.  
  188.  
  189. <div id="left">
  190. <img id="picture" src="{image:Picture}"/>
  191.  
  192. <div>
  193. <div id="description">{Description}</div>
  194. </div>
  195.  
  196. </div>
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210.  
  211. <div id="posts">
  212. <table border="0" width:"600" align="center" cellspacing="0px" cellpadding="0px">
  213. <tr style="align:center"><td style="align:center">{block:Posts}
  214.  
  215.  
  216.  
  217. {block:Text}<div class="post">
  218. {block:IndexPage}<span class="nots">
  219. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  220.  
  221. {block:Title}<a href="{Permalink}"><div class="titlepost">{Title}</div></a> {/block:Title}
  222. <div class="texte">{Body}</div>
  223. </div>{/block:Text}
  224.  
  225.  
  226.  
  227.  
  228. {block:Photoset}<div class="post">
  229. {block:IndexPage}<span class="nots">
  230. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  231.  
  232. <div style="align:center;"><a href="{Permalink}">{Photoset-500}</a></div>
  233.  
  234. {block:PermalinkPage}{block:Caption}<div class="texte">{Caption}</div>{/block:Caption}{block:PermalinkPage}
  235. </div>{/block:Photoset}
  236.        
  237.  
  238.  
  239.  
  240. {block:Photo}<div class="post">
  241. {block:IndexPage}<span class="nots">
  242. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}  
  243.  
  244. <a href="{Permalink}"><img style="align:center;" src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  245. {block:PermalinkPage}{block:Caption}
  246. <div>{Caption}</div>
  247. {/block:Caption}{block:PermalinkPage}
  248.     </div>{/block:Photo}
  249.  
  250.  
  251.  
  252. {block:Quote}<div class="post">
  253. {block:IndexPage}<span class="nots">
  254. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}  
  255.  
  256. <div class="texte"> "{Quote}"</div>
  257. {block:Source}
  258. <div class="texte"> {Source}</div>
  259. {/block:Source}
  260.     </div>{/block:Quote}
  261.  
  262.  
  263.  
  264. {block:Link}<div class="post">
  265. {block:IndexPage}<span class="nots">
  266. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}  
  267.  
  268. <a href="{URL}" {Target}><div class="titlepost">{Name}</div></a>
  269. {block:Description}
  270. <div class="texte">{Description}</div>
  271. {/block:Description}
  272. </div>{/block:Link}
  273.  
  274.  
  275.  
  276. {block:Chat}<div class="post">
  277. {block:IndexPage}<span class="nots">
  278. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}  
  279.  
  280. {block:Title}
  281. <a href="{Permalink}"><div class="titlepost">{Title}</div></a>
  282. {/block:Title}<div>
  283. {block:Lines}
  284. <div class="texte">
  285. {block:Label}
  286. <a href="{Permalink}"><div>{Label}</a> {Line}
  287. </div>{/block:Label}              
  288. </div>{/block:Lines}
  289. </div>
  290. </div>{/block:Chat}
  291.  
  292.  
  293.  
  294.  
  295. {block:Video}<div class="post">
  296. {block:IndexPage}<span class="nots">
  297. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}
  298.  
  299. <div style="align:center;">{Video-500}</div>
  300. {block:PermalinkPage}{block:Caption}
  301. <div>{Caption}</div>
  302. {/block:Caption}{block:PermalinkPage}
  303.      </div>{/block:Video}
  304.  
  305.  
  306.  
  307.  
  308. {block:Audio}<div class="post">
  309. {block:IndexPage}<span class="nots">
  310. <a href="{Permalink}" class="not">{Notecount}</a><br/></span>{/block:IndexPage}  
  311.  
  312. {AudioPlayerBlack}
  313. {block:PermalinkPage}{block:Caption}
  314. <div>{Caption}</div>
  315. {/block:Caption}{block:PermalinkPage}
  316.     </div>{/block:Audio}
  317.    
  318.    
  319.    
  320. {block:PermalinkPage}<div id="permabar">
  321. 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>
  322. {block:HasTags}{block:Tags}
  323. &#160#<a href="{TagURL}" class="tags">{Tag}</a>{/block:Tags}{/block:HasTags}
  324. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>{/block:PermalinkPage}
  325.  
  326.  
  327. {/block:Posts}
  328. </td></tr>
  329. <tr><td>
  330. {block:IfNotEndlessScroll}{block:Pagination}
  331.    
  332. <div style="font-size:12px; text-align:center;width:500px;padding-top:25px;padding-bottom:25px;color:{color:Link};font-family:georgia;" >
  333. {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}
  334. <div>  
  335.  
  336.    {/block:Pagination}{block:IfNotEndlessScroll}
  337. </td></tr>
  338. </table>
  339. </div>
  340.  
  341. <div style="position:fixed; top:0px; left:0px;">theme by<a href="http://patkirch.tumblr.com"> patkirch</a>
  342.  
  343. </body>
  344. </html>
create a new version of this paste RAW Paste Data