Advertisement
therealslimjady

Ev3ning Theme by Jade

Dec 25th, 2012
1,882
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.03 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. <script type="text/javascript"
  37. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  38.  
  39. {block:IndexPage}
  40. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  41. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  42. <script type="text/javascript">
  43. $(window).load(function () {
  44. var $content = $('#content');
  45. $("#content a[href^='http://']").attr("target","_blank");
  46. $content.masonry({itemSelector: '.zac'}),
  47. $content.infinitescroll({
  48. navSelector : 'div#pagination',
  49. nextSelector : 'div#pagination a#nextPage',
  50. itemSelector : '.zac',
  51. loading: {
  52. finishedMsg: '',
  53. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  54. },
  55. bufferPx : 600,
  56. debug : false,
  57. },
  58. // call masonry as a callback.
  59. function( newElements ) {
  60. var $newElems = $( newElements );
  61. $newElems.hide();
  62. // ensure that images load before adding to masonry layout
  63. $newElems.imagesLoaded(function(){
  64. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  65. {/block:IndexPage}
  66.  
  67. <meta name="color:background" content="#EFEFEF" />
  68. <meta name="color:posts" content="#fff" />
  69. <meta name="color:post borders" content="#fff" />
  70. <meta name="color:text" content="#000" />
  71. <meta name="color:links" content="#000" />
  72. <meta name="color:link hover" content="#999" />
  73. <meta name="color:Side Links" content="#FFF"/>
  74. <meta name="color:Side Links Background" content="#eee"/>
  75.  
  76. <meta name="image:sidebar" content="1"/>
  77. <meta name="image:post strips" content="" />
  78.  
  79. <meta name="if:show sidebar photo" content="0"/>
  80. <meta name="if:show title" content="1"/>
  81. <meta name="if:fancy scrollbar" content="0"/>
  82. <meta name="if:sidebar shadow" content="0"/>
  83. <meta name="if:transparent sidebar" content="0"/>
  84. <meta name="if:transparent posts" content="0"/>
  85. <meta name="if:fancy cursor" content="1"/>
  86. <meta name="if:show default links" content="0"/>
  87. <meta name="if:custom link 1" content="0"/>
  88. <meta name="if:custom link 2" content="0"/>
  89. <meta name="if:custom link 3" content="0"/>
  90. <meta name="if:custom link 4" content="0"/>
  91. <meta name="if:custom link 5" content="0"/>
  92. <meta name="if:custom link 6" content="0"/>
  93.  
  94. <meta name="text:custom link 1 title" content=""/>
  95. <meta name="text:custom link 1 url" content=""/>
  96. <meta name="text:custom link 2 title" content=""/>
  97. <meta name="text:custom link 2 url" content=""/>
  98. <meta name="text:custom link 3 title" content=""/>
  99. <meta name="text:custom link 3 url" content=""/>
  100. <meta name="text:custom link 4 title" content=""/>
  101. <meta name="text:custom link 4 url" content=""/>
  102. <meta name="text:custom link 5 title" content=""/>
  103. <meta name="text:custom link 5 url" content=""/>
  104. <meta name="text:custom link 6 title" content=""/>
  105. <meta name="text:custom link 6 url" content=""/>
  106.  
  107. <meta name="font:title" content=""/>
  108. <meta name="font:body" content=""/>
  109.  
  110. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  111.  
  112. <style type="text/css">
  113.  
  114.  
  115. {block:iffancycursor}
  116. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  117. {/block:iffancycursor}
  118.  
  119. {block:iffancyscrollbar}
  120. ::-webkit-scrollbar {
  121. width: 8px; height: 4px; background: {color:background}; border-left: 1px solid #aaaaaa;
  122. }
  123.  
  124. ::-webkit-scrollbar-thumb {
  125. background-color: #cccccc; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;
  126. }
  127. {/block:iffancyscrollbar}
  128.  
  129. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important; position:absolute;z-index:11;}
  130.  
  131. img {
  132. border: 0px;
  133. padding: 0px;
  134. margin: 0px;
  135. }
  136.  
  137. body, p {
  138. font-size:12px;
  139. letter-spacing:0px;
  140. font-family:{font:body};
  141. line-height:12px;
  142. padding: 0px;
  143. margin: 0px;
  144. color:{color:text};
  145. }
  146.  
  147. body {
  148. background-color:{color:background};
  149. background-attachment: fixed;
  150. background-repeat: repeat;
  151. }
  152.  
  153. a {
  154. text-decoration:none;
  155. color:{color:links};
  156. -webkit-transition: all 0.4s linear;
  157. -moz-transition: all 0.4s linear;
  158. transition: all 0.4s linear;
  159. }
  160.  
  161. a:hover{
  162. color:{color:link hover};
  163. }
  164.  
  165. div#all{
  166. width:100%;
  167. height:100%;
  168. z-index:-100;
  169. }
  170.  
  171. div#center{
  172. margin: auto;
  173. width: 1000px;
  174. }
  175.  
  176. div#harry{
  177. font-size: 44px;
  178. line-height: 50px;
  179. z-index: -99;
  180. font-family: 'Raleway', sans-serif;
  181. margin-top:0px;
  182. height: auto;
  183. overflow:hidden;
  184. text-align:center;
  185. width: 200px;
  186. padding-bottom: 2px;
  187. }
  188.  
  189. div#sidebar{
  190. position:fixed !important;
  191. width: 200px;
  192. height:100%;
  193. margin-left:5px;
  194. padding:5px;
  195. padding-bottom:5px;
  196. {block:Iftransparentsidebar}
  197. background-color: transparent;
  198. {/block:Iftransparentsidebar}
  199. {block:IfNottransparentsidebar}
  200. background-color: {color:sidebar};
  201. {/block:IfNottransparentsidebar}
  202. overflow:hidden;
  203. overflow-x:hidden;
  204. {block:ifsidebarshadow}
  205. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  206. -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  207. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  208. {block:ifsidebarshadow}
  209. }
  210.  
  211. div#sidestrip{
  212. position:fixed !important;
  213. width: 25px;
  214. height:100%;
  215. background-image:url({image:post strips});
  216. margin-left:225px;
  217. padding:10px;
  218. padding-bottom:5px;
  219. background-color: transparent;
  220. overflow:hidden;
  221. overflow-x:hidden;
  222. }
  223.  
  224.  
  225. div#sidestrip2{
  226. position:fixed !important;
  227. width: 100px;
  228. height:100%;
  229. background-image:url({image:post strips});
  230. margin-left:875px;
  231. padding:10px;
  232. padding-bottom:5px;
  233. background-color: transparent;
  234. overflow:hidden;
  235. overflow-x:hidden;
  236. }
  237.  
  238. div#content {
  239. width: 820px;
  240. margin-left:277px;
  241. margin-top:10px;
  242. float:left;
  243. }
  244.  
  245. #jade{
  246. position:fixed !important;
  247. width:auto;
  248. height:auto;
  249. right:7px;
  250. top:26px;
  251. }
  252.  
  253. #jade:hover{
  254. position:fixed !important;
  255. width:auto;
  256. height:auto;
  257. }
  258.  
  259. div#hottie{
  260. position:fixed !important;
  261. bottom:10px;
  262. left:5px;
  263. padding:1px;
  264. padding-right:2px;
  265. font-size:18px;
  266. color:#ffffff;
  267. }
  268.  
  269. .links{
  270. font-family: century gothic;
  271. color:{color:side links};
  272. font-size: 12px;
  273. line-height: 16px;
  274. background-color: {color:Side Links Background};
  275. padding:0px;
  276. margin-bottom:3px;
  277. float:center;
  278. width: 98px;
  279. display: inline-block;
  280. }
  281.  
  282. .links a{color:{color:Side Links};}
  283.  
  284. .links a:hover{text-decoration: underline;}
  285.  
  286.  
  287. .zac {
  288. margin:6px;
  289. float:left;
  290. line-height: 8px;
  291. height:auto;
  292. padding: 3px;
  293. background-color: {color:posts};
  294. width:275px;
  295. overflow-x:hidden;
  296. overflow:hidden;
  297. border:1px dotted {color:post borders};
  298. {block:PermalinkPage}
  299. width:500px;
  300. {/block:PermalinkPage}
  301. }
  302.  
  303. .sex{
  304. position:absolute;
  305. margin-left:4px;
  306. margin-top:-20px;
  307. opacity:0.0;
  308. color:#333;
  309. -webkit-transition: all 0.4s linear;
  310. -moz-transition: all 0.4s linear;
  311. transition: all 0.4s linear;
  312. }
  313.  
  314. .zac:hover .sex{
  315. margin-top:-21px;
  316. opacity:0.8;
  317. -webkit-transition: all 0.4s linear;
  318. -moz-transition: all 0.4s linear;
  319. transition: all 0.4s linear;
  320. }
  321.  
  322. #infscr-loading{
  323. opacity:0.0;
  324. }
  325.  
  326. .title{
  327. font-family:{font:body};
  328. font-size:14px;
  329. line-height:14px;
  330. }
  331.  
  332. div#hottie{
  333. position:fixed !important;
  334. bottom:10px;
  335. left:5px;
  336. padding:1px;
  337. padding-right:2px;
  338. font-size:18px;
  339. color:#ffffff;
  340. }
  341.  
  342. blockquote{
  343. padding:0px 0px 2px 5px;
  344. margin:0px 0px 2px 4px;
  345. border-left: 1px dotted #555555;
  346. }
  347.  
  348. {CustomCSS}
  349.  
  350. </style>
  351.  
  352.  
  353.  
  354. <link rel="shortcut icon" href="{Favicon}">
  355. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  356. <meta name="viewport" content="width=820" />
  357.  
  358. </head>
  359. <body>
  360.  
  361. <title>{title}</title>
  362.  
  363. <div id="all"></div>
  364.  
  365. <div id="center">
  366.  
  367. <div id="sidebar">
  368. {block:ifshowtitle}
  369. <div id="harry"><div align="center"><a href="/">{title}</a></div></div>
  370. {/block:ifshowtitle}
  371. {block:ifshowsidebarphoto}<a href="/"><img src="{image:sidebar}" width=200px></a>{/block:ifshowsidebarphoto}<br><br>
  372. <center>{Description}</center><br>
  373. <center>
  374. {block:ifshowdefaultlinks}<div class="links"><a href="/">home</a></div>{/block:ifshowdefaultlinks}
  375.  
  376. {block:ifshowdefaultlinks}<div class="links"><a href="/ask">ask</a></div>{/block:ifshowdefaultlinks}
  377.  
  378. {block:ifshowdefaultlinks}<div class="links"><a href="/archive">archive</a></div>{/block:ifshowdefaultlinks}
  379.  
  380. {block:ifcustomlink1}<div class="links"><a href="{text:custom link 1 url}">{text:custom link 1 title}</a></div>{/block:ifcustomlink1}
  381.  
  382. {block:ifcustomlink2}<div class="links"><a href="{text:custom link 2 url}">{text:custom link 2 title}</a></div>{/block:ifcustomlink2}
  383.  
  384. {block:ifcustomlink3}<div class="links"><a href="{text:custom link 3 url}">{text:custom link 3 title}</a></div>{/block:ifcustomlink3}
  385.  
  386. {block:ifcustomlink4}<div class="links"><a href="{text:custom link 4 url}">{text:custom link 4 title}</a></div>{/block:ifcustomlink4}
  387.  
  388. {block:ifcustomlink5}<div class="links"><a href="{text:custom link 5 url}">{text:custom link 5 title}</a></div>{/block:ifcustomlink5}
  389.  
  390. {block:ifcustomlink6}<div class="links"><a href="{text:custom link 6 url}">{text:custom link 6 title}</a></div>{/block:ifcustomlink6}
  391. </center></div>
  392.  
  393. <div id="sidestrip"></div>
  394. <div id="sidestrip2"></div>
  395. <div id="content">
  396.  
  397. {block:Posts}
  398.  
  399. <div class="zac">
  400.  
  401. {block:Text}
  402. {block:Title}<center><span class="title">{Title}</span></center>{/block:Title}
  403. <div style="margin-left:3px; line-height: 12px;">{Body}</div>
  404.  
  405. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  406. <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>
  407. {/block:IndexPage}
  408. {/block:Text}
  409.  
  410. {block:Link}
  411. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  412. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  413. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  414.  
  415. <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>
  416. {/block:IndexPage}
  417. {block:Link}
  418.  
  419. {block:Photo}
  420. <center>
  421. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=275px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  422.  
  423. {block:IndexPage}
  424. <div class="sex">
  425. <a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/tak5d5w/OBnlsu9qa/c0zyreblogbutton.png" width="22px"/></a>
  426. </span></div>
  427. {/block:IndexPage}
  428. {/block:Photo}
  429.  
  430. {block:Photoset}
  431. <center>
  432. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  433. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  434. </center>
  435.  
  436. {block:IndexPage}
  437. <div class="sex">
  438. <a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/tak5d5w/OBnlsu9qa/c0zyreblogbutton.png" width="22px"/></a></span></div>
  439. {/block:IndexPage}
  440. {/block:Photoset}
  441.  
  442. {block:Quote}
  443. <div style="margin-left:3px; line-height: 16px;">
  444. {Quote}</span>
  445. {block:Source}<strong>{Source}</strong>{/block:Source}
  446. </div>
  447.  
  448. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  449. <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>
  450. {/block:IndexPage}
  451. {/block:Quote}
  452.  
  453. {block:Chat}
  454. <div style="margin-left:3px; line-height: 12px;">
  455. {block:Title}<span class="title">{Title}</span>{/block:Title}
  456. <ul class="chat">
  457. {block:Lines}
  458. <li class="user_{UserNumber}">
  459. {block:Label}
  460. <span class="label">{Label}</span>
  461. {/block:Label}
  462. {Line}
  463. </li>
  464. {/block:Lines}
  465. </ul>
  466. </div>
  467.  
  468. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  469. <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>
  470. {/block:IndexPage}
  471. {/block:Chat}
  472.  
  473. {block:Audio}<div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  474. <center>{AudioPlayerBlack}
  475. {block:Caption}{Caption}{/block:Caption}</center>
  476.  
  477. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  478. <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>
  479. {/block:IndexPage}
  480. {/block:Audio}
  481.  
  482. {block:Video}
  483. {block:IndexPage}
  484. <center>
  485. {Video-400}</center>
  486. {/block:IndexPage}
  487. {block:PermalinkPage}
  488. <center>
  489. {Video-500}</center>
  490. {/block:PermalinkPage}
  491.  
  492. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  493. <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>
  494. {/block:IndexPage}
  495. {block:Video}
  496.  
  497. {block:PermalinkPage}
  498. <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}
  499. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  500. {/block:PermalinkPage}
  501.  
  502.  
  503. {block:PostNotes}
  504. </center></center>
  505. <div align="left">{PostNotes}</div>
  506. {/block:PostNotes}
  507. </div>
  508.  
  509. {/block:Posts}
  510.  
  511.  
  512. {block:IndexPage}
  513. {block:Pagination}
  514. <div id="pagination">
  515. {block:NextPage}
  516. <a id="nextPage" href="{NextPage}"></a>
  517. {/block:NextPage}
  518. {block:PreviousPage}
  519. <a href="{PreviousPage}"></a>
  520. {/block:PreviousPage}
  521. </div>
  522. {/block:Pagination}
  523. {/block:IndexPage}
  524. </div>
  525.  
  526. </body>
  527.  
  528. <div id="jade">
  529. <a href="http://imtherealslimjady.tumblr.com"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a>
  530. </div>
  531.  
  532. <div id="hottie"><center><a href="http://imtherealslimjady.tumblr.com/">☺ </a></div></center>
  533.  
  534. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement