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

Trois Theme

By: bethanyskellington on Aug 2nd, 2012  |  syntax: None  |  size: 8.90 KB  |  hits: 6,079  |  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 HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!--
  4.  
  5.  
  6. THEME BY LU--XE.TUMBLR.COM
  7. DO NOT REMOVE THE CREDIT
  8. PLEASE AND THANK YOU XX
  9.  
  10. .-->
  11.  
  12. <html lang="en"><head>
  13.  
  14. <title>{Title}</title>
  15.  
  16.  
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  18. <head>
  19. <meta name="color:Background" content="#897979">
  20. <meta name="color:Text" content="#000000">
  21. <meta name="color:Links" content="#000000">
  22. <meta name="color:Hover" content="#FFFFFF">
  23. <meta name="font:Text" content="courier new">
  24. <meta name="font:Title" content="georgia">
  25. <meta name="image:Sidebar" content="">
  26. <meta name="image:Background" content="">
  27. <meta name="if:Infinite Scrolling" content="1">
  28. <meta name="if:Show Sidebar Image" content="0">
  29. <meta name="if:Show Background Image" content="0">
  30. <meta name="if:Reblog Button on Posts" content-"1">
  31. <meta name="text:Link One Title" content="">
  32. <meta name="text:Link One" content="">
  33. <meta name="text:Link Two Title" content="">
  34. <meta name="text:Link Two" content="">
  35. <meta name="text:Link Three Title" content="">
  36. <meta name="text:Link Three" content="">
  37. <meta name="text:Link One Title" content="">
  38. <meta name="text:Link One" content="">
  39. <meta name="text:Link Two Title" content="">
  40. <meta name="text:Link Two" content="">
  41. <meta name="text:Link Three Title" content="">
  42. <meta name="text:Link Three" content="">
  43. <meta name="text:Link Four Title" content="">
  44. <meta name="text:Link Four" content="">
  45.  
  46.  
  47.  
  48. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  49. <script type="text/javascript">
  50. $(document).ready(function(){
  51. $(".links_body").hide();
  52. $(".links_head").click(function(){
  53. $(this).next(".links_body").slideToggle('fast');
  54. }); }); </script>
  55. <style type="text/css">
  56. .links_list { margin:0px; padding:0px; width:180px;}
  57. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  58. .links_body { padding:10px; text-align:left; color: #fff; display:none;}
  59. </style>
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  62.  
  63. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/J4wm0fipy/jquery-1.7.1.min.js"></script>
  64.  
  65. <style type="text/css">
  66.  
  67. ::-webkit-scrollbar {width: 6px; height: 4px; background: #ffffff; }
  68. ::-webkit-scrollbar-thumb { background-color: #777777; -webkit-border-radius: 1ex; }
  69.  
  70. body {
  71. margin:auto;
  72. color:{color:Text};
  73. font-family:{font:Text};
  74. font-size:10px;
  75. line-height:10px;
  76. width:750px;
  77. background-color:transparent;
  78. }
  79.  
  80. body {
  81. background-color:{color:Background};
  82. {block:ifshowbackgroundimage}background-image:url({image:Background}){/block:ifshowbackgroundimage};
  83. background-attachment: fixed;
  84. background-repeat: repeat;
  85. background-color:transparent;
  86.  
  87. }
  88.  
  89. a:link, a:active, a:visited{
  90. color: {color:links};
  91. text-decoration: none;
  92. }
  93.  
  94. a:hover {
  95. color: {color:hover};
  96. text-decoration: none;
  97. font-style: none;
  98. }
  99.  
  100. #sidebar{
  101. float:right;
  102. margin-left:-200px;
  103. margin-top: 140px;
  104. position:absolute;
  105. width: 200px;
  106. line-height: 12px;
  107. height: auto;
  108. text-align:center;}
  109.  
  110. #middle{
  111. margin-left:150px;
  112. }
  113.  
  114.  
  115. #content{
  116. width: 900px;
  117. margin-top:20px;
  118. margin-left:0px;
  119. padding: 0px;}
  120.  
  121.  
  122. .entry {
  123. float: left;
  124. display: block;
  125. margin: 15px;
  126. {block:indexpage}
  127. width: 200px;
  128. {/block:indexpage}
  129. {block:permalinkpage}
  130. width: 500px;
  131. height:relative;
  132. {/block:permalinkpage}
  133. overflow:hidden;
  134. {block:indexpage}
  135. }
  136.  
  137. .entry img {
  138. {block:indexpage}
  139. width: 200px;
  140. {/block:indexpage}
  141. {block:permalinkpage}
  142. width: 500px;
  143. height:relative;
  144. {/block:permalinkpage}
  145. display: block;
  146. }
  147.  
  148. div#texttitle{
  149.     font-size:12px;
  150. }
  151.  
  152. div#blogtitle{
  153. font-size:20px;
  154. font-family:georgia;
  155. font-style:italic;
  156. }
  157.  
  158.  
  159.  
  160. #audio{
  161.     width:250px;
  162. }
  163.  
  164. .notes img {
  165. width: 10px;
  166. position: relative;
  167. top: 3.5px;
  168. }
  169.  
  170.  
  171. .perma{
  172. opacity: 0.0;
  173. filter: alpha(opacity = 0);
  174. position: absolute;
  175. margin-top: 0px;
  176. margin-left: 5px;
  177. width: 30px;
  178. height: 30px;
  179. line-height: 30px;
  180. font-size: 9px;
  181. text-align: center;
  182. z-index:9999991;  
  183. color: {color:permalink};}
  184.  
  185. .entry:hover .perma {
  186. margin-top: 5px;
  187. margin-left: 5px;
  188. -webkit-transition: opacity 0.5s linear;
  189. -moz-transition: all 0.5s linear;
  190. transition: all 0.5s linear;
  191. filter: alpha(opacity = 80);
  192. opacity: 0.8;
  193. }
  194.  
  195. input[type=button]{
  196. font-size: 9px;}
  197.  
  198. .reblog img{
  199. display: inline;
  200. width: 170%;
  201. height: relative;
  202. line-height: 30px;
  203. padding-top:0px
  204. }
  205.  
  206.  
  207. {CustomCSS}
  208. </style>
  209. </head>
  210. <body>
  211.  
  212. <div id="content">
  213. <div id="sidebar">
  214.  
  215. <center><div id="blogtitle"><a href="/">{title}</a></div><br>
  216. {block:ifshowsidebarimage}<a href="/"><center><img src="{image:sidebar}" width=198px></center></a>{/block:ifshowsidebarimage}<br>{Description}<br><br>
  217.  
  218. <form name="form1">
  219. <select style="font-family:{font:text};color:{color:text};background:{color:Post};width:120px;font-size:8px;letter-spacing:1px;height:20px;border:1px solid {color:Borders};" onChange="location.href=this.options[this.selectedIndex].value;">
  220. <option>navigation</option>
  221. <option value="/ask">message</option>
  222. <option value="{text:Link One}">{text:Link One Title}</option>
  223. <option value="{text:Link Two}">{text:Link Two Title}</option>
  224. <option value="{text:Link Three}">{text:Link Three Title}</option>
  225. <option value="{text:Link Four}">{text:Link Four Title}</option>
  226. <option value="http://le-cheval.tumblr.com">theme</option>
  227. </select></form>
  228.  
  229. <br></b></p></div>
  230.  
  231. <div id="middle">
  232. {block:Posts}
  233.  
  234. <div class="entry">
  235. {block:ifReblogButtononPosts}
  236. {block:IndexPage}
  237. <div class="perma">
  238. <div class="reblog"><a href="{reblogurl}" target="_blank"><img src="http://i48.tinypic.com/dw8ccn.jpg"/></a></div></div>
  239. {/block:IndexPage}
  240. {/block:ifReblogButtononPosts}
  241.  
  242. {block:Title}<div id="texttitle">{Title}</span></div>{/block:Title}
  243. {block:Text}{Body}<br><div align="right"><a href="{permalink}">+</a></div>{/block:Text}
  244.  
  245. {block:Photo}
  246. <a href="{permalink}"><img src="{PhotoURL-400}" width="250"/></a>
  247. {/block:Photo}
  248.  
  249. {block:Photoset}
  250. {Photoset-400}<br><div align="right"><a href="{permalink}">+</a></div>
  251. {/block:Photoset}
  252.  
  253.  
  254. {block:Quote}
  255. {Quote}
  256. <div align="right">
  257. {block:Source}-{Source}{/block:Source}
  258. </div><br><div align="right"><a href="{permalink}">+</a></div>
  259. {/block:Quote}
  260.  
  261.  
  262. {block:Video}
  263. {Video-400}<br><div align="right"><a href="{permalink}">+</a></div>
  264. {/block:Video}
  265.  
  266.  
  267. {block:Link}
  268. <div id="texttitle"><a href="{URL}" class="link" {Target}>{Name}</a></div><BR>
  269. {block:Description}{Description}{/block:Description}<br><div align="right"><a href="{permalink}">+</a></div>
  270. {/block:Link}
  271.  
  272. {block:Chat}
  273. {block:Lines}
  274. {block:Label}
  275. <br><b>{Label}</b>
  276. {/block:Label}
  277. &nbsp;{Line}
  278. {/block:Lines}<br><div align="right"><a href="{permalink}">+</a></div>
  279. {/block:Chat}
  280.  
  281. {block:Audio}<div id="audio">
  282. {AudioPlayerBlack}</div>
  283. <br><div align="right">{block:Artist}</div>
  284. {/block:Artist}<br>
  285. {block:Caption}{/block:Caption}
  286. {/block:Audio}
  287.  
  288.  
  289. {block:Answer}
  290. {Asker} asked <b>{Question}</b><Br>
  291. {Answer}<br><div align="right"><a href="{permalink}">+</a></div>
  292. {/block:Answer}
  293.  
  294. {block:PermalinkPage}
  295. {block:Caption}
  296. {Caption}
  297. {/block:Caption}
  298. <br>
  299. {block:NoteCount}
  300. {NoteCount} notes
  301. {/block:NoteCount}
  302. <Br>
  303. {block:PostNotes}{/block:PostNotes}</div>
  304. {/block:PermalinkPage}
  305. </div>
  306.  
  307. {/block:Posts}
  308.  
  309. </div>
  310. </div>
  311.  
  312.  
  313. {block:IndexPage}
  314.     {block:Pagination}
  315.         <ul id="pagination">
  316.                 {block:PreviousPage}
  317.                                 <li><a href="{PreviousPage}"</a></li>
  318.                         {/block:PreviousPage}
  319.                         {block:JumpPagination length="5"}
  320.                         {block:CurrentPage}
  321.                                 <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  322.                         {/block:CurrentPage}
  323.                         {block:JumpPage}
  324.                                 <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  325.                         {/block:JumpPage}
  326.                         {/block:JumpPagination}
  327.                         {block:NextPage}
  328.                                 <li><a id="nextPage" href="{NextPage}"></a></li>
  329.                         {/block:NextPage}
  330.                 </ul>
  331.         {/block:Pagination}
  332.  
  333. {block:IndexPage}
  334.  
  335. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  336.  
  337. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  338. </script>
  339.  
  340. <script src="http://static.tumblr.com/vyr6eoh/NE4m0ot0i/jquery.infinitescroll.js"></script>
  341.  
  342. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  343.  
  344. <script type="text/javascript">
  345. $(window).load(function () {
  346. $('#middle').masonry(),
  347. $('.masonryWrap').infinitescroll({
  348. navSelector    : '#pagination',  
  349. nextSelector   : '#pagination a#nextPage',
  350. itemSelector : ".entry",
  351. bufferPx : 10000,
  352. extraScrollPx: 11000,
  353. loadingText : "<em></em>",
  354. },
  355. function() { $('#middle').masonry({ appendedContent: $(this) }); }
  356. );
  357. });
  358. </script>
  359.  
  360. {/block:IndexPage}
  361. </body>
  362. </html>
  363.  
  364.  
  365.  
  366. <div style="position:fixed; bottom:5px; right:5px;">
  367. © <a href="http://LU--XE.tumblr.com">lu--xe</a>
create a new version of this paste RAW Paste Data