Advertisement
teenratchet

le1f v2

Nov 15th, 2013
156
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.28 KB | None | 0 0
  1. <!--
  2. LE1F v2 theme by garbagegang
  3. don't remove the credit bxxxtch
  4. http://garbagegang.tumblr.com/
  5. http://hitmebabyonemoreti.me/
  6. -->
  7. <html>
  8. <head>
  9. <title>
  10. {Title}
  11. </title>
  12. <link rel="shortcut icon" href="{Favicon}"/>
  13.  
  14. <meta name="color:Background" content="#c6f252"/>
  15. <meta name="color:Text" content="#000"/>
  16. <meta name="color:Links" content="#000"/>
  17. <meta name="color:Hover" content="#000"/>
  18. <meta name="color:Scrollbar" content="#696969"/>
  19. <meta name="color:Selection" content="#d8d8d8"/>
  20. <meta name="color:Borders" content="#000"/>
  21.  
  22. <meta name="if:Underline Links" content="1"/>
  23. <meta name="if:Underline Links On Hover" content="0"/>
  24. <meta name="if:Bold Links" content="0"/>
  25. <meta name="if:Sidebar Image" content="1"/>
  26. <meta name="if:Show Title" content="0"/>
  27. <meta name="if:Bold Text" content="0"/>
  28. <meta name="if:Top Sidebar" content="0"/>
  29. <meta name="if:Bottom Sidebar" content="1"/>
  30.  
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:Sidebar" content="http://25.media.tumblr.com/430f6c54d9014182713764950c1012b8/tumblr_mjtmb0CtuA1s3ik60o1_500.jpg"/>
  33.  
  34. <meta name="if:Show Link One" content="1"/>
  35. <meta name="if:Show Link Two" content="1"/>
  36. <meta name="if:Show Link Three" content="1"/>
  37. <meta name="if:Show Link Four" content="1"/>
  38.  
  39. <meta name="text:Link One" content="/"/>
  40. <meta name="text:Link One Title" content="Link One"/>
  41. <meta name="text:Link Two" content="/"/>
  42. <meta name="text:Link Two Title" content="Link Two"/>
  43. <meta name="text:Link Three" content="/"/>
  44. <meta name="text:Link Three Title" content="Link Three"/>
  45. <meta name="text:Link Four" content="/"/>
  46. <meta name="text:Link Four Title" content="Link Four"/>
  47.  
  48. <meta name="text:Font Size" content="12"/>
  49. <meta name="font:Text" content="courier new"/>
  50.  
  51. <style>
  52.  
  53. body {height:2000px;
  54. background-color:{color:Background};
  55. background-image:url('{image:Background}');
  56. background-attachment:fixed;
  57. font-family:{font:Text};
  58. color:{color:Text};
  59. font-size:{text:Font Size}px;
  60. {block:ifBoldText}
  61. font-weight:bold;
  62. {/block:ifBoldText}
  63. }
  64.  
  65. a:link,a:active,a:visited {
  66. color:{color:Links};
  67. {block:ifUnderlineLinks}
  68. text-decoration:underline !important;
  69. {/block:ifUnderlineLinks}
  70. text-decoration:none;
  71. {block:ifBoldLinks}
  72. font-weight:bold;
  73. {/block:ifBoldLinks}
  74. }
  75.  
  76. a:hover {
  77. color:{color:hover};
  78. {block:ifUnderlineLinks}
  79. text-decoration:none !important;
  80. {/block:ifUnderlineLinks}
  81. {block:ifUnderlineLinksOnHover}
  82. text-decoration:underline !important;
  83. {/block:ifUnderlineLinksOnHover}
  84. }
  85.  
  86. ::-webkit-scrollbar {
  87. width:9px;
  88. height:9px;
  89. background:#efefef;
  90. border:1px solid #a0a0a0;
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb {
  94. background:{color:Scrollbar};
  95. }
  96.  
  97. ::selection {
  98. background-color:{color:Selection};
  99. }
  100.  
  101. #sidebar {
  102. position:fixed;
  103. {block:ifBottomSidebar}
  104. bottom:100px;
  105. {/block:ifBottomSidebar}
  106. {block:ifTopSidebar}
  107. top:100px;
  108. {/block:ifTopSidebar}
  109. left:100px;
  110. width:250px;
  111. padding:5px;
  112. border:1px solid {color:Borders};
  113. box-shadow:1px 1px {color:Borders},2px 2px {color:Borders},3px 3px {color:Borders};
  114. background-color:#fff;
  115. text-align:right;
  116. }
  117.  
  118. a.title {
  119. text-decoration:none !important;
  120. font-size:25px;
  121. font-weight:normal !important;
  122. }
  123.  
  124. a.custom {
  125. border:1px solid {color:Borders};
  126. text-decoration:none !important;
  127. font-weight:normal !important;
  128. padding:2px;
  129. margin:10px;
  130. background-color:#fff;
  131. box-shadow:1px 1px {color:Borders},2px 2px {color:Borders},3px 3px {color:Borders};
  132. }
  133.  
  134. a.custom:hover {
  135. box-shadow:1px 1px {color:Borders},2px 2px {color:Borders},3px 3px {color:Borders},4px 4px {color:Borders};
  136. }
  137.  
  138. hr {
  139. height:1px;
  140. border:0px;
  141. background-color:{color:Borders};
  142. }
  143.  
  144. #links {
  145. position:fixed;
  146. bottom:100px;
  147. right:100px;
  148. }
  149.  
  150. .entry {
  151. text-align:justify;
  152. width:250px;
  153. padding:5px;
  154. margin:20px;
  155. box-shadow:1px 1px {color:Borders},2px 2px {color:Borders},3px 3px {color:Borders};
  156. border:1px solid {color:Borders};
  157. background-color:#fff;
  158. display:inline-block;
  159. }
  160.  
  161. .entry img {
  162. display:block;
  163. }
  164.  
  165. #cent {
  166. width:1208px;
  167. margin:auto;
  168. }
  169.  
  170. .notes {
  171. background-color:#f0f0f0;
  172. width:230px;
  173. color:#a0a0a0;
  174. padding-right:10px;
  175. padding-left:10px;
  176. text-align:center;
  177. margin-top:5px;
  178. cursor:pointer;
  179. height:15px;
  180. line-height:15px;
  181. border-radius:5px;
  182. }
  183.  
  184. .tags {
  185. background-color:#f0f0f0;
  186. width:230px;
  187. color:#a0a0a0;
  188. padding-right:10px;
  189. white-space:nowrap;
  190. text-overflow:ellipsis;
  191. overflow:hidden;
  192. padding-left:10px;
  193. text-align:left;
  194. margin-top:5px;
  195. cursor:pointer;
  196. height:15px;
  197. line-height:15px;
  198. border-radius:5px;
  199. }
  200.  
  201. .notes:hover {
  202. -webkit-filter:brightness(.95);
  203. }
  204.  
  205. a.re {
  206. font-weight:normal !important;
  207. color:#a0a0a0;
  208. text-decoration:none !important;
  209. }
  210.  
  211. h3 {
  212. font-weight:normal !important;
  213. text-align:center;
  214. }
  215.  
  216. #ent {
  217. max-height:250px;
  218. padding-right:5px;
  219. width:245px;
  220. overflow:auto;
  221. }
  222.  
  223. .audio {
  224. width:27px;
  225. border-radius:50%;
  226. border:25px solid #000;
  227. overflow:hidden;
  228. position:absolute;
  229. top:100px;
  230. left:85px;
  231. }
  232.  
  233. a.c {
  234. color:#000;
  235. text-decoration:none !important;
  236. text-shadow:-1px -1px #fff,-1px 1px #fff,1px 1px #fff,1px -1px #fff;
  237. }
  238.  
  239. </style>
  240. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  241.  
  242. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  243.  
  244. <script>
  245. $(function(){
  246. var $container = $('#cent');
  247. $container.imagesLoaded(function(){
  248. $container.masonry({
  249. itemSelector: '.entry',
  250. });
  251. });
  252. $container.infinitescroll({
  253. itemSelector : ".entry",
  254. navSelector : "div.pagination",
  255. nextSelector : ".pagination a#next",
  256. loadingImg : "",
  257. loadingText : "<em></em>",
  258. bufferPx : 10000,
  259. extraScrollPx: 12000,
  260. },
  261. // trigger Masonry as a callback
  262. function( newElements ) {
  263. var $newElems = $( newElements ).css({ opacity: 0 });
  264. // ensure that images load before adding to masonry lay out
  265. $newElems.imagesLoaded(function(){
  266. $newElems.animate({ opacity: 1 });
  267. $container.masonry( 'appended', $newElems, true );
  268. });
  269. }
  270. );
  271. });
  272. </script>
  273. </head>
  274. <body>
  275. <div style="opacity:0;">
  276. <div class="pagination">
  277. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> </a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next"> </a>{/block:NextPage}{/block:Pagination}
  278. </div>
  279. <div class="navigation">
  280. {block:Pagination}
  281. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">&nbsp;</a>{/block:NextPage}
  282. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">&nbsp;</a></p>{/block:PreviousPage}
  283. {/block:Pagination}
  284. </div>
  285. </div>
  286. <div id="cent">
  287. {block:Posts}
  288. <div class="entry">
  289. {block:Photo}
  290. <img src="{PhotoURL-500}" width="250px">
  291. {/block:Photo}
  292. {block:Text}
  293. {block:Title}<h3><a href="{PermalinkPage}">{Title}</a></h3>{/block:Title}
  294. <div id="ent">
  295. {Body}
  296. </div>
  297. {/block:Text}
  298. {block:Audio}
  299. {block:AlbumArt}
  300. <img src="{AlbumArtURL}" width="250px">
  301. {/block:AlbumArt}
  302. <div class="audio">
  303. {AudioPlayerBlack}
  304. </div>
  305. {/block:Audio}
  306. {block:Video}
  307. {Video-250}
  308. {/block:Video}
  309. {block:Photoset}
  310. {Video-250}
  311. {/block:Photoset}
  312. {block:Quote}
  313. "{Quote}" {block:Source} - {Source}{/block:Source}
  314. {/block:Quote}
  315. {block:Chat}
  316. {block:Title}
  317. <a href="{Permalink}" class="p_title" >{Title}</a><br>
  318. {/block:Title}
  319. {block:Lines}
  320. {block:Label}
  321. {Label}
  322. {/block:Label}
  323. {Line}<br />
  324. {/block:Lines}
  325. {/block:Chat}
  326. {block:Link}
  327. <h3><a href="{URL}">{Name}</a></h3>
  328. {block:Description}<p>{Description}</p>{/block:Description}
  329. {/block:Link}
  330. <div class="notes">
  331. <a class="re" href="{ReblogURL}">
  332. Reblog with {NoteCountWithLabel}
  333. </a>
  334. </div>
  335. {block:HasTags}
  336. <div class="tags">
  337. Tags:
  338. {block:Tags}
  339. <a class="re" href="{TagURL}">
  340. {Tag},
  341. </a>
  342. {/block:Tags}
  343. </div>
  344. {/block:HasTags}
  345. </div>
  346. {/block:Posts}
  347. </div>
  348.  
  349. <div id="sidebar">
  350. {block:ifShowTitle}
  351. <a href="/" class="title">
  352. {Title}
  353. </a>
  354. {/block:ifShowTitle}
  355. {block:ifSidebarImage}
  356. <img src="{image:Sidebar}" width="250px">
  357. <P>
  358. {Description}
  359. </P>
  360. {/block:ifSidebarImage}
  361. </div>
  362. <div id="links">
  363. {block:ifShowLinkOne}
  364. <a href="{text:Link One}" class="custom">
  365. {text:Link One Title}
  366. </a>
  367. {/block:ifShowLinkOne}
  368. {block:ifShowLinkTwo}
  369. <a href="{text:Link Two}" class="custom">
  370. {text:Link Two Title}
  371. </a>
  372. {/block:ifShowLinkTwo}
  373. {block:ifShowLinkThree}
  374. <a href="{text:Link Three}" class="custom">
  375. {text:Link Three Title}
  376. </a>
  377. {/block:ifShowLinkThree}
  378. {block:ifShowLinkFour}
  379. <a href="{text:Link Four}" class="custom">
  380. {text:Link Four Title}
  381. </a>
  382. {/block:ifShowLinkFour}
  383. </div>
  384. <div style="position:fixed;top:20px;left:20px;font-size:25pt;z-index:9999">
  385. <a class="c" href="http://garbagegang.tumblr.com/">
  386. </a>
  387. </div>
  388. </body>
  389. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement