API tools faq
paste
sleeplessthemes

Illusive

sleeplessthemes
Mar 11th, 2012
39,686
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- Please keep my credit on this theme. Or at least link
  5. me as the creator on your blog somewhere. Thanks! =)
  6.  
  7. Illusive Theme by: sleeplessthemes.com & destroyer.tumblr.com
  8. Illusive Theme by: sleeplessthemes.com & destroyer.tumblr.
  9. com
  10. Illusive Theme by: sleeplessthemes.com & destroyer.tumblr.com
  11. Illusive Theme by: sleeplessthemes.com & destroyer.tumblr.com
  12. Illusive Theme by: sleeplessthemes.com & destroyer.tumblr.com -->
  13.  
  14. <head>
  15. <!-- DEFAULT VARIABLES -->
  16. <meta name="color:Background" content="#e8e8e8"/>
  17. <meta name="color:box" content="#ffffff"/>
  18. <meta name="color:Text" content="#808080"/>
  19. <meta name="color:text headers" content="#1e1e1e"/>
  20. <meta name="color:bold text" content="#1e1e1e"/>
  21. <meta name="color:label background" content="#ededed"/>
  22. <meta name="color:link" content="#c1c1c1"/>
  23. <meta name="color:link hover" content="#2d2d2d"/>
  24.  
  25. <meta name="image:Portrait" content=""/>
  26. <meta name="image:Background" content="http://static.tumblr.com/eptm5us/bOvm0lv2z/bg11.jpg"/>
  27.  
  28. <meta name="if:Show Caption" content="1" />
  29. <meta name="if:Show Title" content="1" />
  30. <meta name="if:Show Infinite Scroll" content="1" />
  31.  
  32. <meta name="text:Font Size" content="9px"/>
  33. <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  34. <meta name="font:Header Title" content="'Arial Black', Impact, Gadget, sans-serif, Arial, Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  35.  
  36. <meta name="text:Custom Link One" content="" />
  37. <meta name="text:Custom Link One Title" content="" />
  38. <meta name="text:Custom Link Two" content="" />
  39. <meta name="text:Custom Link Two Title" content="" />
  40. <meta name="text:Custom Link Three" content="" />
  41. <meta name="text:Custom Link Three Title" content="" />
  42. <meta name="text:Custom Link Four" content="" />
  43. <meta name="text:Custom Link Four Title" content="" />
  44.  
  45.  
  46. <title>{Title}</title>
  47.  
  48. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  49.  
  50. {block:Indexpage}
  51.  
  52. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  53.  
  54. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  55.  
  56. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  57.  
  58. {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>{/block:IfShowInfiniteScroll}
  59.  
  60.  
  61. <script>
  62. jQuery(window).load(function(){
  63. var $wall = $('#posts');
  64. $wall.imagesLoaded(function(){
  65. $wall.masonry({
  66. singleMode: true,
  67. columnWidth: 265,
  68. itemSelector: '#entry'
  69. });
  70. });
  71. $wall.infinitescroll({
  72. navSelector : '#page-nav',
  73. nextSelector : '#page-nav a',
  74. itemSelector : '#entry',
  75. },
  76.  
  77. function( newElements ){
  78. $(newElements).hide();
  79. setTimeout(function(){
  80. $wall.masonry({ appendedContent: $(newElements) });
  81. },2000);
  82. setTimeout(function(){
  83. $(newElements).fadeIn('slow');
  84. },2100);
  85. },1000);
  86. });
  87. </script>
  88.  
  89.  
  90. <script>
  91. $.fn.imagesLoaded = function(callback){
  92. var elems = this.find('img'),
  93. len = elems.length,
  94. _this = this;
  95. if ( !elems.length ) {
  96. callback.call( this );}
  97. elems.bind('load',function(){
  98. if (--len <= 0){
  99. callback.call( _this );}
  100. }).each(function(){
  101. // cached images don't fire load sometimes, so we reset src.
  102. if (this.complete || this.complete === undefined){
  103. var src = this.src;
  104. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  105. // data uri bypasses webkit log warning (thx doug jones)
  106. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  107. this.src = src;}
  108. });
  109. return this;};
  110. </script>
  111.  
  112. {/block:Indexpage}
  113.  
  114. <style type="text/css">
  115.  
  116. body{
  117. text-align:justify;
  118. color: {color:text};
  119. font-family: {font:Body};
  120. font-size: {text:Font Size};
  121. line-height: 12px;
  122. text-align:justify;
  123. background-color:#666666;
  124. background-image:url({image:Background});
  125. background-attachment: fixed;
  126. background-position:top center;
  127. background-repeat: repeat;}
  128.  
  129. a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
  130. font-family: {font:Body};
  131. font-size: {text:Font Size}; line-height:12px; }
  132. a:hover{color: {color:link hover}; line-height:12px;}
  133.  
  134.  
  135.  
  136. #tumblr_controls{
  137. position:fixed!important;}
  138.  
  139. b, strong{color: {color:bold text};
  140. font-family: {font:Body};
  141. font-size: {text:Font Size}; line-height:12px;}
  142.  
  143. #posts{
  144. margin-left: -138px;
  145. left:50%;
  146. width:530px;
  147. position:absolute;
  148.  
  149. {block:PermalinkPage}
  150. width:512px;
  151. height:auto;
  152. {/block:PermalinkPage}
  153. background-color: transparent;}
  154.  
  155. #left{box-shadow:
  156. 0 1px 3px rgba(0, 0, 0, 0.1);
  157. margin-top:4px;
  158. padding:4px;
  159. z-index:10000;
  160. text-align:justify;
  161. color: {color:text};
  162. font-family: {font:Body};
  163. font-size: {text:Font Size};
  164. line-height: 12px;
  165. width:250px;
  166. height:auto;
  167. margin-left:-400px;
  168. left:50%;
  169. position:fixed;
  170. background-color: {color:box}; }
  171.  
  172. #entry{
  173. box-shadow:
  174. 0 1px 3px rgba(0, 0, 0, 0.1);
  175. overflow: hidden;
  176. float: left;
  177. {block:IndexPage}width: 250px;{/block:IndexPage}
  178. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  179. background-color: {color:box};
  180. border: 4px solid {color:box};
  181. padding: 0px;
  182. margin: 4px;}
  183.  
  184.  
  185. #permapage {box-shadow:
  186. 0 1px 3px rgba(0, 0, 0, 0.1);
  187. padding:4px;
  188. margin-top:12px;
  189. margin-bottom:2px;
  190. background-color:{color:label background};}
  191.  
  192. #question{
  193. overflow:SHOW;
  194. padding-bottom:3px;
  195. margin-bottom:3px;}
  196.  
  197. #askr{
  198. display:block;
  199. float:left;
  200. width:33px;
  201. overflow:hidden;
  202. margin-right:3px;}
  203.  
  204. ul {
  205. list-style: disc;
  206. padding: 4px 0px 6px 20px;}
  207.  
  208. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
  209.  
  210. blockquote img{display:block; width:100%;}
  211.  
  212. blockquote p{padding:0px; margin:0px;}
  213.  
  214. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  215.  
  216. #bottominfo{
  217. padding:2px 0px 0px 0px;
  218. display:block;}
  219.  
  220. .answer p{margin:0px;}
  221. .notes img{
  222. width:10px;
  223. position:relative;
  224. top:1px;}
  225.  
  226. ol.notes, .notes li{
  227. list-style:none;
  228. margin:0px;
  229. padding:0px;}
  230.  
  231. small {font-size:7px; line-height:8px; letter-spacing:0px;}
  232. big {font-family:arial black; color:{color:text}; font-size:14px;}
  233.  
  234. a img{border:none;}
  235.  
  236. .label {
  237. color: {color:bold text};font-weight: bold; line-height:12px;}
  238.  
  239. .odd {
  240. background-color:{color:label background};}
  241.  
  242. h1 {
  243. font-size: 24px;
  244. line-height: 24px;
  245. font-family: {font:Header Title};
  246. font-weight:normal;
  247. text-transform: uppercase;
  248. letter-spacing: -1px;
  249. color:{color:text headers};
  250. text-align:center;
  251. margin:0px;
  252. padding-bottom:4px;}
  253.  
  254. h2 {
  255. color: {color:text headers};
  256. font-size: 12px;
  257. line-height: 12px;
  258. font-family: arial;
  259. font-weight:bold;
  260. text-transform: uppercase;
  261. letter-spacing: -1px;
  262. margin-top:0px;
  263. margin-bottom:-6px;
  264. padding-bottom:6px;}
  265.  
  266. h3 {width:18px; height:18px; background-color:{color:label background}; background-image:url(http://media.tumblr.com/tumblr_m0bqhowla11qaxq5z.png); -moz-border-radius: 4px; /* Firefox */
  267. -webkit-border-radius: 4px; /* Safari, Chrome */
  268. border-radius: 4px; /* CSS3 */
  269. behavior: url(http://static.tumblr.com/eptm5us/QyKlzgosw/border-radius.htc);
  270. z-index:10;
  271. padding:2px;
  272. margin:0px;
  273. text-align:center;
  274. color: {color:nav text};
  275. font-size: 14px;
  276. line-height: 14px;
  277. padding-right:4px;
  278. font-family: impact;
  279. font-weight:bold;
  280. text-transform: uppercase;
  281. letter-spacing: 0px;}
  282.  
  283.  
  284. .audio embed {width:250px; z-index:-2;}
  285.  
  286. #ask {
  287. background-color: {color:label background};
  288. padding:4px;
  289. margin-bottom:4px;}
  290.  
  291. #vid {
  292. margin-top:-12px;
  293. margin-bottom:-2px;
  294. text-align:right;}
  295.  
  296. #entry #infos {
  297. text-align:center;
  298. color: #ffffff;
  299. font-size: 8px;
  300. line-height: 10px;
  301. font-family: consolas;
  302. font-weight:normal;
  303. text-transform: uppercase;
  304. letter-spacing: 1px;
  305. opacity:0.2;
  306. filter: alpha(opacity=20);
  307. -moz-opacity:0.2;
  308. background-color:transparent;
  309. width:252px;
  310. position: absolute;
  311. left:0px;
  312. margin-top:-40px;
  313. -webkit-transition: all .6s ease-out;
  314. -moz-transition: all .6s ease-out;
  315. -o-transition: all .6s ease-out;
  316. transition: all .6s ease-out;
  317. z-index:10;
  318. overflow-y:hidden;
  319. height: auto;
  320. padding:4px;}
  321.  
  322. #entry:hover #infos {
  323. margin-top:0px;
  324. background-color:#090909;
  325. opacity:0.8;
  326. filter: alpha(opacity=80);
  327. -moz-opacity:0.8;
  328. left:0px;}
  329.  
  330. #entry #infos #details {
  331. float:left;
  332. display:block;
  333. width:252px;
  334. height: auto;
  335. padding: 2px 0px 0px 0px;}
  336.  
  337.  
  338. a.notecount {
  339. color: #ffffff;
  340. font-size: 8px;
  341. line-height: 10px;
  342. font-family: consolas;
  343. font-weight:normal;
  344. text-transform: uppercase;
  345. letter-spacing: 1px;}
  346.  
  347. a.notecount:hover {
  348. color: #888888;}
  349.  
  350.  
  351. #hoverrr {
  352. margin-top:4px; margin-left:-551px; left:50%; position:fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  353.  
  354. #hoverrr:hover {
  355. margin-left:-650px;}
  356.  
  357. #titled {
  358. margin-left: 127px;
  359. margin-top: 0px;
  360. width: 22px;
  361. font-size: 20px;
  362. height: 340px;
  363. text-align: center;
  364. background-color: transparent;
  365. font-family: georgia;
  366. line-height:20px;
  367. color: #E7E7E7;
  368. position: fixed;
  369. padding-right: 2px;
  370. text-transform:uppercase;}
  371.  
  372. #sidlinks{box-shadow:
  373. 0 1px 3px rgba(0, 0, 0, 0.1);font-size: 9px; font-family: verdana; margin-left: 151px; width: 89px; text-align: justify; padding: 6px; margin-top: 0px; height:auto; position:fixed; background-color: {color:box}; }
  374.  
  375. #sidlinks a {float: left; display: block; text-align: left; margin-bottom: 1px; width: 84px; background-color: {color:label background}; padding-left:4px; height: 22px;
  376. color: {color:text headers};
  377. font-size: 8px;
  378. line-height: 10px;
  379. font-family: consolas;
  380. font-weight:normal;
  381. text-transform: uppercase;
  382. letter-spacing: 1px;
  383. line-height: 22px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  384.  
  385. #sidlinks a:hover{text-align: left; letter-spacing: 1px;
  386. background-color: {color:link};}
  387.  
  388. p {margin:0px;
  389. padding:0px;}
  390.  
  391. {CustomCSS}
  392. </style>
  393.  
  394. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  395.  
  396. <script type="text/javascript" src="http://static.tumblr.com/eptm5us/Rb0llmimz/jquery.magnifier.js">
  397.  
  398. /***********************************************
  399. * jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  400. * This notice MUST stay intact for legal use
  401. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
  402. ***********************************************/
  403. </script>
  404.  
  405. <link rel="shortcut icon" href="{Favicon}">
  406. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  407. </head>
  408. <body>
  409.  
  410.  
  411.  
  412.  
  413. <div id="left">
  414. {block:IfPortraitImage}
  415. <a href="http://{name}.tumblr.com"><img src="{image:Portrait}" width="250" style="padding-bottom:2px;"></a>
  416. {/block:IfPortraitImage}
  417.  
  418. {block:IfShowTitle}
  419. <h1>{Title}</h1>
  420. {/block:IfShowTitle}
  421. {block:Description}<p>{Description}</p>{/block:Description}<br>
  422.  
  423. {block:Pagination}
  424. <center><table width="250" border="0" cellspacing="0" cellpadding="0">
  425. <tr>
  426. <td width="125">
  427. {block:PreviousPage}<div align="left"><a href="{PreviousPage}">◄ Previous</a></div>{/block:PreviousPage}
  428. </td>
  429.  
  430. <td width="125">{block:NextPage}<div align="right"><a href="{NextPage}">Next ►</a></div>{/block:NextPage}
  431. </td>
  432. </tr>
  433. </table></center>
  434. {/block:Pagination}<br>
  435.  
  436. <center><b><small>Theme By:</small></b> <a href="http://destroyer.tumblr.com"><small>Destroyer</small></a>/<a href="http://sleeplessthemes.tumblr.com"><small>Sleepless</small></a> <small>|</small> <b><small>Powered By:</small></b> <a href="http://tumblr.com"><small>Tumblr.com</small></a></center>
  437. </div>
  438.  
  439. <div id="hoverrr">
  440. <div id="titled">
  441. <h3>◄</h3>
  442. </div>
  443.  
  444. <div id="sidlinks">
  445. <a href="/" class="links">Home</a>
  446. {block:AskEnabled}<a href="/ask" class="links">Ask</a>{/block:AskEnabled}
  447. {block:SubmissionsEnabled}<a href="/submit" class="links">Submit</a>{/block:SubmissionsEnabled}
  448.  
  449. <a href="/archive" class="links">Archive</a>
  450.  
  451. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  452.  
  453. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  454.  
  455. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  456.  
  457. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  458. </div>
  459.  
  460. </div>
  461.  
  462.  
  463.  
  464. <div id="posts">
  465.  
  466.  
  467. {block:Posts}
  468. <div id="entry">
  469.  
  470. {block:IndexPage}
  471. <div id="infos">
  472. <div id="details">
  473. {TimeAgo} - <a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" class="notecount">Reblog</a>
  474. </div>
  475. </div>
  476. {/block:IndexPage}
  477.  
  478.  
  479. {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
  480.  
  481. {block:Answer}
  482. <div id="ask"><b>{Asker}:</b> {Question}</div>
  483. <div style="padding-left: 2px;">{Answer}</div>
  484. {/block:Answer}
  485.  
  486. {block:Photo}
  487. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250"></a>{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  488. {/block:IndexPage}
  489.  
  490. {block:PermalinkPage}
  491. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  492. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:PermalinkPage}
  493. {/block:Photo}
  494.  
  495. {block:Photoset}
  496. {block:IndexPage}
  497. {Photoset-250}
  498. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  499. {/block:IndexPage}
  500. {block:PermalinkPage}
  501. <center>{Photoset-500}</center>
  502. {block:Caption}{Caption}{/block:Caption}
  503. {/block:PermalinkPage}
  504. {/block:Photoset}
  505.  
  506.  
  507. {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  508.  
  509. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  510.  
  511. {block:Chat}
  512. {block:Title}{Title}{/block:Title}
  513. {block:Lines}
  514. {block:Label}
  515. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  516. <span class="line">{Line}</span></div>
  517. {/block:Label}
  518. {/block:Lines}
  519. {/block:Chat}
  520.  
  521. {block:Audio}
  522. <div class="audio">{AudioPlayerBlack}</div>
  523. {block:Caption}{Caption}{/block:Caption}
  524. {/block:Audio}
  525.  
  526. {block:Video}
  527. {block:IndexPage}<div class="video">{Video-250}</div>
  528. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  529. {/block:IndexPage}
  530. {block:PermalinkPage}<div class="video">{Video-500}</div>
  531. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:PermalinkPage}
  532.  
  533. {block:IndexPage}
  534. <div id="vid"><a href="{Permalink}">∞</a></div>
  535. {/block:IndexPage}
  536. {block:Video}
  537.  
  538.  
  539.  
  540. {block:PermalinkPage}{block:Date}
  541. <div id="permapage">
  542. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  543. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}<br>{block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  544. </div>{/block:Date}
  545. {/block:PermalinkPage}
  546.  
  547. {block:PostNotes}<div id="permapage">
  548. <h2>{NoteCount} Notes</h2>
  549. <br>{PostNotes}</div>{/block:PostNotes}
  550. </div>
  551.  
  552. {/block:Posts}
  553.  
  554. </div>
  555. </div>
  556.  
  557. </body>
  558. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!