Advertisement
therealslimjady

Mus3um Theme by Jade

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