Advertisement
therealslimjady

LeSimple* Theme by Jade

Jul 7th, 2012
9,082
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.05 KB | None | 0 0
  1. <!--
  2.  
  3. /$$$$$$$$ /$$
  4. |__ $$__/| $$
  5. | $$ | $$$$$$$ /$$$$$$ /$$$$$$/$$$$ /$$$$$$
  6. | $$ | $$__ $$ /$$__ $$| $$_ $$_ $$ /$$__ $$
  7. | $$ | $$ \ $$| $$$$$$$$| $$ \ $$ \ $$| $$$$$$$$
  8. | $$ | $$ | $$| $$_____/| $$ | $$ | $$| $$_____/
  9. | $$ | $$ | $$| $$$$$$$| $$ | $$ | $$| $$$$$$$
  10. |__/ |__/ |__/ \_______/|__/ |__/ |__/ \_______/
  11.  
  12.  
  13.  
  14. /$$$$$$$ /$$$$$ /$$
  15. | $$__ $$ |__ $$ | $$
  16. | $$ \ $$ /$$ /$$ | $$ /$$$$$$ /$$$$$$$ /$$$$$$
  17. | $$$$$$$ | $$ | $$ | $$ |____ $$ /$$__ $$ /$$__ $$
  18. | $$__ $$| $$ | $$ /$$ | $$ /$$$$$$$| $$ | $$| $$$$$$$$
  19. | $$ \ $$| $$ | $$ | $$ | $$ /$$__ $$| $$ | $$| $$_____/
  20. | $$$$$$$/| $$$$$$$ | $$$$$$/| $$$$$$$| $$$$$$$| $$$$$$$
  21. |_______/ \____ $$ \______/ \_______/ \_______/ \_______/
  22. /$$ | $$
  23. | $$$$$$/
  24. \______/
  25.  
  26. THEME BY imtherealslimjady & PLEASE LEAVE A CREDIT ON
  27. -->
  28.  
  29. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  30. <html xmlns="http://www.w3.org/1999/xhtml">
  31. <head>
  32.  
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35.  
  36. {block:IndexPage}
  37. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  38. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  39. <script type="text/javascript">
  40. $(window).load(function () {
  41. var $content = $('#content');
  42. $("#content a[href^='http://']").attr("target","_blank");
  43. $content.masonry({itemSelector: '.tyler'}),
  44. $content.infinitescroll({
  45. navSelector : 'div#pagination',
  46. nextSelector : 'div#pagination a#nextPage',
  47. itemSelector : '.tyler',
  48. loading: {
  49. finishedMsg: '',
  50. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  51. },
  52. bufferPx : 600,
  53. debug : false,
  54. },
  55. function( newElements ) {
  56. var $newElems = $( newElements );
  57. $newElems.hide();
  58. $newElems.imagesLoaded(function(){
  59. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  60. {/block:IndexPage}
  61.  
  62. <meta name="color:background" content="#EFEFEF" />
  63. <meta name="color:text" content="#000" />
  64. <meta name="color:link hover" content="#999" />
  65. <meta name="color:sidebar" content="#999" />
  66.  
  67. <meta name="image:sidebar" content="1"/>
  68. <meta name="image:background" content="" />
  69.  
  70. <meta name="if:show sidebar photo" content="0"/>
  71. <meta name="if:transparentsidebar" content="0"/>
  72. <meta name="if:show title" content="1"/>
  73. <meta name="if:fancy title" content="1"/>
  74. <meta name="if:small cursor" content="1"/>
  75. <meta name="if:fancy scrollbar" content="1"/>
  76. <meta name="if:post shadows" content="1"/>
  77. <meta name="if:show default links" content="0"/>
  78. <meta name="if:first custom link" content="0"/>
  79. <meta name="if:second custom link" content="0"/>
  80. <meta name="if:third custom link" content="0"/>
  81. <meta name="if:fourth custom link" content="0"/>
  82. <meta name="if:fifth custom link" content="0"/>
  83. <meta name="if:sixth custom link" content="0"/>
  84.  
  85. <meta name="text:first custom link title" content=""/>
  86. <meta name="text:first custom link url" content=""/>
  87. <meta name="text:second custom link title" content=""/>
  88. <meta name="text:second custom link url" content=""/>
  89. <meta name="text:third custom link title" content=""/>
  90. <meta name="text:third custom link url" content=""/>
  91. <meta name="text:fourth custom link title" content=""/>
  92. <meta name="text:fourth custom link url" content=""/>
  93. <meta name="text:fifth custom link title" content=""/>
  94. <meta name="text:fifth custom link url" content=""/>
  95. <meta name="text:sixth custom link title" content=""/>
  96. <meta name="text:sixth custom link url" content=""/>
  97.  
  98. <link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'>
  99.  
  100. <style type="text/css">
  101.  
  102. {block:ifsmallcursor}
  103. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  104. {/block:ifsmallcursor}
  105.  
  106. {block:iffancyscrollbar}
  107. ::-webkit-scrollbar {width: 9px; height: 3px; background:{color:background};}
  108. ::-webkit-scrollbar-thumb {background-color: {color:text}
  109. ;}
  110. {/block:iffancyscrollbar}
  111.  
  112. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important; position:absolute;z-index:11;}
  113.  
  114. img {
  115. border: 0px;
  116. padding: 0px;
  117. margin: 0px;
  118. }
  119.  
  120. body, p {
  121. font-size:12px;
  122. letter-spacing:0px;
  123. font-family:century gothic;
  124. line-height:12px;
  125. padding: 0px;
  126. margin: 0px;
  127. color:{color:text};
  128. }
  129.  
  130. body {
  131. background-color:{color:background};
  132. background-image:url({image:Background});
  133. background-attachment: fixed;
  134. background-repeat: repeat;
  135. }
  136.  
  137. a {
  138. text-decoration:none;
  139. color:{color:text};
  140. -webkit-transition: all 0.4s linear;
  141. -moz-transition: all 0.4s linear;
  142. transition: all 0.4s linear;
  143. }
  144.  
  145. a:hover{
  146. color:{color:link hover};
  147. }
  148.  
  149. div#all{
  150. width:100%;
  151. height:100%;
  152. z-index:-100;
  153. }
  154.  
  155. .title{
  156. font-family:century gothic;
  157. font-size:20px;
  158. line-height:20px;
  159. color:{color:text};
  160. }
  161.  
  162. div#center{
  163. margin: auto;
  164. width: 1000px;
  165. }
  166.  
  167. div#sidebar{
  168. position:fixed !important;
  169. width: 250px;
  170. height:auto;
  171. margin-top:210px;
  172. margin-left:5px;
  173. padding:1px;
  174. padding-bottom:2px;
  175. overflow:hidden;
  176. overflow-x:hidden;
  177. {block:ifnottransparentsidebar}
  178. background-color: {color:sidebar};
  179. {/block:ifnottransparentsidebar}
  180. -moz-box-shadow: 0 0 0px rgba(0,0,0,.2);
  181. -webkit-box-shadow: 0 0 0px rgba(0,0,0,.2);
  182. box-shadow: 0 0 0px rgba(0,0,0,.2);
  183. }
  184.  
  185. {block:iffancytitle}
  186. div#fancytitle{
  187. font-family: 'Pinyon Script', cursive;
  188. font-size: 42px;
  189. line-height: 40px;}
  190. {block:iffancytitle}
  191.  
  192. {block:ifnotfancytitle}
  193. div#smalltitle{
  194. font-family: century gothtic;
  195. font-size: 40px;
  196. line-height: 50px;
  197. }
  198. {block:ifnotfancytitle}
  199.  
  200. div#content {
  201. width: 900px;
  202. margin-left:260px;
  203. margin-top:5px;
  204. padding-left:1px;
  205. padding-top:1px;
  206. float:left;
  207. -moz-box-shadow: 0 0 0px rgba(0,0,0,.2);
  208. -webkit-box-shadow: 0 0 0px rgba(0,0,0,.2);
  209. box-shadow: 0 0 0px rgba(0,0,0,.2);
  210. }
  211.  
  212. #jade{
  213. position:fixed !important;
  214. width:auto;
  215. height:auto;
  216. right:7px;
  217. top:26px;
  218. }
  219.  
  220. #jade:hover{
  221. position:fixed !important;
  222. width:auto;
  223. height:auto;
  224. }
  225.  
  226. .tyler {
  227. line-height: 8px;
  228. margin: 2px;
  229. float:left;
  230. height:auto;
  231. {block:IndexPage}
  232. width:400px;
  233. overflow-x:hidden;
  234. overflow:hidden;
  235. {/block:IndexPage}
  236. {block:PermalinkPage}
  237. width:500px;
  238. {/block:PermalinkPage}
  239. {block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  240. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
  241. box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
  242. {block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
  243. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
  244. box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
  245. }
  246.  
  247. .sex{
  248. position:absolute;
  249. margin-top:-200px;
  250. margin-left:4px;
  251. padding-top:5px;
  252. height:16px;
  253. padding-top:2px;
  254. padding-bottom:0px;
  255. overflow:hidden;
  256. font-size:12px;
  257. line-height:13px;
  258. font-family:century gothic;
  259. text-align:center;
  260. opacity:0.0;
  261. color:#333;
  262. -webkit-transition: all 0.4s linear;
  263. -moz-transition: all 0.4s linear;
  264. transition: all 0.4s linear;
  265. }
  266.  
  267. .tyler:hover .sex{
  268. margin-top:-22px;
  269. overflow:visible;
  270. opacity:0.8;
  271. -webkit-transition: all 0.4s linear;
  272. -moz-transition: all 0.4s linear;
  273. transition: all 0.4s linear;
  274. }
  275.  
  276. #infscr-loading{
  277. opacity:0.0;
  278. }
  279.  
  280. div#hunk{
  281. position:fixed !important;
  282. bottom:10px;
  283. left:5px;
  284. padding:1px;
  285. padding-right:2px;
  286. font-size:18px;
  287. color:#ffffff;
  288. }
  289.  
  290. blockquote{
  291. padding:0px 0px 2px 5px;
  292. margin:0px 0px 2px 4px;
  293. border-left: 1px dotted #555555;
  294. }
  295.  
  296. {CustomCSS}
  297.  
  298. </style>
  299.  
  300. <title>{title}</title>
  301.  
  302. <link rel="shortcut icon" href="{Favicon}">
  303. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  304. <meta name="viewport" content="width=820" />
  305.  
  306. </head>
  307. <body>
  308.  
  309. <div id="all"></div>
  310.  
  311. <div id="center">
  312.  
  313. <div id="sidebar">
  314. {block:ifshowtitle}
  315. {block:iffancytitle}<div id="fancytitle"><center>{Title}</center></div>
  316. {/block:iffancytitle}
  317. {block:ifnotfancytitle}<div id="smalltitle"><center>{Title}</center></div>{/block:ifnotfancytitle}
  318. {/block:ifshowtitle}
  319. <center>{block:ifshowsidebarphoto}<img src="{image:sidebar}" width=200px>{/block:ifshowsidebarphoto}</center>
  320. <center>{Description}</center><br>
  321. <center>
  322. {block:ifshowdefaultlinks}
  323. <a href="/">home</a> - <a href="/ask">ask</a> - <a href="/archive">archive</a>
  324. {/block:ifshowdefaultlinks}
  325. {block:iffirstcustomlink}{block:ifshowdefaultlinks} - {/block:ifshowdefaultlinks} <a href="{text:first custom link url}">{text:first custom link title}</a>{/block:iffirstcustomlink}
  326. {block:ifsecondcustomlink} - <a href="{text:second custom link url}">{text:second custom link title}</a>{/block:ifsecondcustomlink}
  327. {block:ifthirdcustomlink} - <a href="{text:third custom link url}">{text:third custom link title}</a>{/block:ifthirdcustomlink}
  328. {block:iffourthcustomlink} - <a href="{text:fourth custom link url}">{text:fourth custom link title}</a>{/block:iffourthcustomlink}
  329. {block:iffifthcustomlink} - <a href="{text:fifth custom link url}">{text:fifth custom link title}</a>{/block:iffifthcustomlink}{block:ifsixthcustomlink} - <a href="{text:sixth custom link url}">{text:sixth custom link title}</a>{/block:ifsixthcustomlink}
  330. </center>
  331.  
  332. </div>
  333.  
  334. <div id="content">
  335.  
  336. {block:Posts}
  337.  
  338. <div class="tyler">
  339.  
  340. {block:Text}
  341. {block:Title}<center><span class="title">{Title}</span></center>{/block:Title}
  342. <div style="margin-left:3px; line-height: 12px;">{Body}</div>
  343.  
  344. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  345. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} - {NoteCountwithLabel}</div></a>
  346. {/block:IndexPage}
  347. {/block:Text}
  348.  
  349. {block:Link}
  350. <center><a href="{URL}" target="_blank"><span class="title">{Name}</span></a></center>
  351. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  352. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  353.  
  354. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} - {NoteCountwithLabel}</div></a>
  355. {/block:IndexPage}
  356. {block:Link}
  357.  
  358. {block:Photo}
  359. <center>
  360. {block:IndexPage}{LinkOpenTag}<a href="{Permalink}"><div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=400px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  361.  
  362. {block:IndexPage}
  363. <div class="sex">
  364. <a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/tak5d5w/OBnlsu9qa/c0zyreblogbutton.png" width="22px"/></a></span></div>
  365. {/block:IndexPage}
  366. {/block:Photo}
  367.  
  368. {block:Photoset}
  369. <center>
  370. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  371. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  372. </center>
  373.  
  374. {block:IndexPage}
  375. <div class="sex">
  376. <a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/tak5d5w/OBnlsu9qa/c0zyreblogbutton.png" width="22px"/></a></span></div>
  377. {/block:IndexPage}
  378. {/block:Photoset}
  379.  
  380. {block:Quote}
  381. <div style="margin-left:3px; line-height: 14px;">
  382. {Quote}</span>
  383. {block:Source}<strong>{Source}</strong>{/block:Source}
  384. </div>
  385.  
  386. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  387. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} - {NoteCountwithLabel}</div></a>
  388. {/block:IndexPage}
  389. {/block:Quote}
  390.  
  391. {block:Chat}
  392. <div style="margin-left:3px; line-height: 12px;">
  393. {block:Title}<span class="title">{Title}</span>{/block:Title}
  394. <ul class="chat">
  395. {block:Lines}
  396. <li class="user_{UserNumber}">
  397. {block:Label}
  398. <span class="label">{Label}</span>
  399. {/block:Label}
  400. {Line}
  401. </li>
  402. {/block:Lines}
  403. </ul>
  404. </div>
  405.  
  406. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  407. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} - {NoteCountwithLabel}</div></a>
  408. {/block:IndexPage}
  409. {/block:Chat}
  410.  
  411. {block:Audio}<div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  412. <center>{AudioPlayerBlack}
  413. {block:Caption}{Caption}{/block:Caption}</center>
  414.  
  415. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  416. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} - {NoteCountwithLabel}</div></a>
  417. {/block:IndexPage}
  418. {/block:Audio}
  419.  
  420. {block:Video}
  421. {block:IndexPage}
  422. <center>
  423. {Video-400}</center>
  424. {/block:IndexPage}
  425. {block:PermalinkPage}
  426. <center>
  427. {Video-500}</center>
  428. {/block:PermalinkPage}
  429.  
  430. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  431. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} - {NoteCountwithLabel}</div></a>
  432. {/block:IndexPage}
  433. {block:Video}
  434.  
  435. {block:PermalinkPage}
  436. <center>{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:5px;"></div>{/block:Caption}
  437. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  438. {/block:PermalinkPage}
  439.  
  440.  
  441. {block:PostNotes}
  442. </center></center>
  443. <div align="left">{PostNotes}</div>
  444. {/block:PostNotes}
  445. </div>
  446.  
  447. {/block:Posts}
  448.  
  449.  
  450. {block:IndexPage}
  451. {block:Pagination}
  452. <div id="pagination">
  453. {block:NextPage}
  454. <a id="nextPage" href="{NextPage}"></a>
  455. {/block:NextPage}
  456. {block:PreviousPage}
  457. <a href="{PreviousPage}"></a>
  458. {/block:PreviousPage}
  459. </div>
  460. {/block:Pagination}
  461. {/block:IndexPage}
  462. </div>
  463. </body>
  464.  
  465. <div id="jade">
  466. <a href="http://imtherealslimjady.tumblr.com"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a>
  467. </div>
  468.  
  469. <div id="hunk"><center><a href="http://imtherealslimjady.tumblr.com/">☺ </a></div></div></center>
  470.  
  471. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement