API tools faq
paste
Advertisement
ipads

Jacob Theme

ipads
Feb 22nd, 2013
1,284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.71 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">
  3.  
  4. <!--
  5.  
  6. ~ Theme by Zak (http://individul.tumblr.com) ~
  7.  
  8. Keep the credits or I will report you to infinite <3
  9.  
  10. -->
  11.  
  12. <head>
  13.  
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  15.  
  16.         <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  17.  
  18.         <script>
  19.  
  20.         (function($){
  21.  
  22.         $(document).ready(function(){
  23.  
  24.         $("a[title]").style_my_tooltips({
  25.  
  26.         tip_follows_cursor:true,
  27.  
  28.         tip_delay_time:90,
  29.  
  30.         tip_fade_speed:600,
  31.  
  32.         attribute:"title"
  33.  
  34.         });
  35.  
  36.         });
  37.  
  38.         })(jQuery);
  39.  
  40.         </script>
  41.  
  42. <script type="text/javascript"
  43. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  44.  
  45. <title>{title}</title>
  46. <link rel=”shortcut icon” href="{Favicon}"/>
  47. <link rel="alternate" type="application/rss+xml" href="http://rebecaxo.com/rss">
  48. <link href='http://static.tumblr.com/blpgwiz/uvsm405h8/flip.css' rel='stylesheet' type='text/css'>
  49. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50.  
  51. <meta name ="color:Sidebar Background" content="#ffffff"/>
  52. <meta name="color:Borda" content="#00000"/>
  53. <meta name="color:Background" content="#ffffff"/>
  54. <meta name="color:Text" content="#000000"/>
  55. <meta name="color:Link" content="#000000"/>
  56. <meta name="color:Hover" content="#000000"/>
  57. <meta name="image:Background" content="0"/>
  58. <meta name="text:Reblog" content=""/>
  59. <meta name="text:Link 1" content="/"/>
  60. <meta name="text:Link 1 Title" content="Link"/>
  61. <meta name="text:Link 2" content="/"/>
  62. <meta name="text:Link 2 Title" content="Link"/>
  63. <meta name="text:Link 3" content="/"/>
  64. <meta name="text:Link 3 Title" content="Link"/>
  65. <meta name="text:Link 4" content="/"/>
  66. <meta name="text:Link 4 Title" content="Link"/>
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
  69.  
  70. <link href='http://static.tumblr.com/blpgwiz/uvsm405h8/flip.css' rel='stylesheet' type='text/css'>
  71.  
  72. <style type="text/css">
  73.  
  74. .linkz{text-transform: lowercase; text-align: right;}
  75.  
  76. #tumblr_controls{
  77. position:fixed !important;
  78. }
  79.  
  80. #important{
  81.     font-size: 20px;
  82.     position: fixed;
  83.     bottom: 2px;
  84.     right: 2px;
  85.     z-index: 9999999999999999999999999999;
  86. }
  87.  
  88. a:link, a:active, a:visited{
  89. color:{color:link};
  90. text-decoration: none;
  91. -webkit-transition: color 0.4s ease-out;
  92. -moz-transition: color 0.4s ease-out;
  93. }
  94.  
  95. a:hover{
  96. text-decoration:none;
  97. color:{color:hover};
  98. }
  99.  
  100. body{
  101. color:#000;
  102. font-family: lato;
  103. font-size:13px;
  104. line-height:100%;
  105. background-color:{color:background};
  106. background-image: url({image:background});
  107. }
  108.  
  109. #blogtitle{
  110. font-size:30px;
  111. line-height:75%;
  112. text-align:center;
  113. font-family:lato;
  114. }
  115.  
  116. #blogtitle a:link, a:active, a:visited{
  117. color:{color:link};
  118. text-decoration: none;
  119. -webkit-transition: color 0.4s ease-out;
  120. -moz-transition: color 0.4s ease-out;
  121. }
  122.  
  123. #blogtitle a:hover{
  124. text-decoration:none;
  125. color:{color:link};
  126. }
  127.  
  128. .title{
  129. font-size:20px;
  130. font-family:lato;
  131. }
  132.  
  133. .title a:link, a:active, a:visited{
  134. color:{color:link};
  135. text-decoration: none;
  136. -webkit-transition: color 0.4s ease-out;
  137. -moz-transition: color 0.4s ease-out;
  138. }
  139.  
  140. #sidebar{
  141. text-align: left !important;
  142. background-color: {color:sidebar background};
  143. border: 2px solid {color:borda};
  144. z-index:999999999999999;
  145. position:fixed !important;
  146. font-size: 12px;
  147. line-height:12px;
  148. font-family:'lato';
  149. width:250px;
  150. bottom:24px;
  151. left:24px;
  152. height:auto;
  153. padding:7px;
  154. z-index:10;
  155. overflow:hidden;
  156. text-align:center;
  157. }
  158.  
  159. #wrap{
  160. width: auto;
  161. float:center;
  162. margin-left:285px;
  163. background-color:transparent;
  164. position:absolute;
  165. padding:5px;
  166. }
  167.  
  168. #title {
  169. text-align:center;
  170. color: {color:link};
  171. font-weight:bold;
  172. font-family: 'lato';
  173. padding:0px;
  174. padding-top: 0px;
  175. font-size:40px;
  176. line-height:95%;
  177. }
  178.  
  179. ::-webkit-scrollbar {width: 5px; height: 4px; background: white; }
  180.  
  181. ::-webkit-scrollbar-thumb { background-color:black; }
  182.  
  183. .entry{
  184. padding:20px;
  185. float:left;
  186. -webkit-animation: flip  1.5s;
  187.      -moz-animation:   flip 1.5s;
  188.      -ms-animation:     flip 1.5s;
  189.  
  190. {block:IndexPage}
  191. width: 250px;
  192. {/block:IndexPage}
  193. {block:PermalinkPage}
  194. width:600px;
  195. {/block:PermalinkPage}
  196.  
  197. }
  198.  
  199. .entry img{
  200. display: block;
  201. max-width: 100%;
  202. }
  203.  
  204. .entry .perma a{
  205. color: #000;
  206. }
  207.  
  208. .entry .perma{
  209. position:absolute;
  210. top: 20px;
  211. right:20px;
  212. max-width:175px;
  213. padding-top:5px;
  214. padding-right: 5px;
  215. padding-left: 5px;
  216. padding-bottom:5px;
  217. background: #fff;
  218. overflow:hidden;
  219. font-size:12px;
  220. line-height:10px;
  221. text-align:right;
  222. font-family: 'lato';
  223. opacity:0.0;
  224. color:#000;
  225. -webkit-transition: all 0.4s ease-in-out;
  226. -moz-transition: all 0.4s ease-in-out;
  227. transition: all 0.4s ease-in-out;
  228. }
  229.  
  230. .entry:hover .perma{
  231. max-width:300px;
  232. opacity:0.9;
  233. -webkit-transition: all 0.5s ease-in-out;
  234. -moz-transition: all 0.5s ease-in-out;
  235. transition: all 0.5s ease-in-out;
  236. z-index: 1;
  237. }
  238.  
  239. .entry:hover .perma:hover{
  240. opacity: 0.9;
  241. z-index: 1;
  242. }
  243.  
  244. .entry .nigga a{
  245. color: #000;
  246. }
  247.  
  248. .entry .nigga{
  249. position:absolute;
  250. top: 20px;
  251. left:20px;
  252. max-width:175px;
  253. padding-top:5px;
  254. padding-right: 5px;
  255. padding-left: 5px;
  256. padding-bottom:5px;
  257. background: #fff;
  258. overflow:hidden;
  259. font-size:12px;
  260. line-height:10px;
  261. text-align:right;
  262. font-family: 'lato';
  263. opacity:0.0;
  264. color:#000;
  265. -webkit-transition: all 0.4s ease-in-out;
  266. -moz-transition: all 0.4s ease-in-out;
  267. transition: all 0.4s ease-in-out;
  268. }
  269.  
  270. .entry:hover .nigga{
  271. max-width:300px;
  272. opacity:0.9;
  273. -webkit-transition: all 0.5s ease-in-out;
  274. -moz-transition: all 0.5s ease-in-out;
  275. transition: all 0.5s ease-in-out;
  276. z-index: 1;
  277. }
  278.  
  279. .entry:hover .nigga:hover{
  280. opacity: 0.9;
  281. z-index: 1;
  282. }
  283.  
  284. .textperma{
  285. display: block;
  286. margin-top: -10px;
  287. max-width: 100%;
  288. font-size: 9px;
  289. line-height:14px;
  290. text-align: right;
  291. background-color: transparent;
  292. padding: 0px;
  293. opacity:0;
  294. z-index: -9999999999999999999999999999999;
  295. -webkit-transition: all 0.4s ease-in-out;
  296. -moz-transition: all 0.4s ease-in-out;
  297. transition: all 0.4s ease-in-out;
  298. }
  299.  
  300. .entry:hover .textperma{
  301. z-index: 9999999999999999999999999999999;
  302. margin-top: 0px;
  303. opacity:1;
  304. }
  305.  
  306.  #s-m-t-tooltip {
  307.  
  308.         max-width:300px;
  309.  
  310.         padding:2px;
  311.  
  312.         margin:20px 0px 0px 20px;
  313.  
  314.         background-color:#fff; /* change the background color */
  315.        
  316.         border:1px solid #ddd; /* change the border color */
  317.  
  318.         font-family:lato; /* change the font */
  319.  
  320.         font-size:9px; /* change the font size */
  321.  
  322.         letter-spacing:2px; /* change the letter spacing */
  323.  
  324.         text-transform:lowercase; /* can be uppercase, lowercase, none*/
  325.  
  326.         color:#999; /* change the text color */
  327.  
  328.         z-index:999999999999999999999999999999999999;
  329.  
  330.         }
  331.  
  332. {CustomCSS]
  333. </style>
  334.  
  335. </head>
  336. <div style="position: fixed; top: -40px; left: -40px; opacity: 0;"><script language="JavaScript">
  337. var ref = (''+document.referrer+'');
  338. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2998753&e1=using theme&e2=using theme&r=' + ref + '"><\/script>');
  339. </script></div>
  340. {block:IndexPage}
  341. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  342. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  343.  
  344. <script type="text/javascript">
  345. $(window).load(function () {
  346. var $content = $('#wrap');
  347. $content.masonry({itemSelector: '.entry'}),
  348. $content.infinitescroll({
  349. navSelector : 'div#pagination',
  350. nextSelector : 'div#pagination a#nextPage',
  351. itemSelector : '.entry',
  352. loading: {
  353. finishedMsg: '',
  354. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  355. },
  356. bufferPx : 600,
  357. debug : false,
  358. },
  359. // call masonry as a callback.
  360. function( newElements ) {
  361. var $newElems = $( newElements );
  362. $newElems.hide();
  363. // ensure that images load before adding to masonry layout
  364. $newElems.imagesLoaded(function(){
  365. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  366.  
  367.  
  368. });
  369. });
  370. });
  371. </script>
  372. {/block:IndexPage}
  373. <body>
  374.  
  375. <div id="sidebar">
  376. <div id="title" style="text-align: right;"><a href="/">{Title}</a></div>
  377.  
  378. <div style="text-align: right;">{Description}</p></div>
  379. <a class="linkz" href="/">Home</a>
  380. <a href="/ask" class="linkz">Ask</a>
  381. {block:iflink1}<a class="linkz" href="{text:link 1}">{text:link 1 title}</a>{/block:iflink1}
  382. {block:iflink2}<a class="linkz" href="{text:link 2}">{text:link 2 title}</a>{/block:iflink2}
  383. {block:iflink3}<a class="linkz" href="{text:link 3}">{text:link 3 title}</a>{/block:iflink3}<p>
  384. <div style="margin-bottom:-10px;"></div>
  385. </div>
  386. </div>
  387. </div>
  388. </div>
  389. <div id="wrap">
  390. {block:Posts}
  391. <div class="entry">
  392. {block:Title}<div class="title">{Title}</div>{/block:Title}
  393.  
  394. {block:Text}{Body}
  395. {block:IndexPage}<div class="textperma"><a title="permalink" href="{Permalink}">{Notecount}</a><br></div>{/block:IndexPage}
  396. {/block:Text}
  397.  
  398. {block:Photo}
  399. {block:IndexPage}
  400. <div class="perma"><a title="permalink" href="{Permalink}">{Notecount}</a></div><div class="nigga"><a title="reblog" href="{ReblogURL}" target="_blank">{text:reblog}</a></div>
  401. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" {Block:IfOneColumn}width="500"{/Block:IfOneColumn}{Block:IfTwoColumns}width="250"{/Block:IfTwoColumns}/></a></div>{LinkCloseTag}{/block:IndexPage}
  402. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" width="600"/></a>{LinkCloseTag}{/block:PermalinkPage}
  403. {/block:Photo}
  404. <div style="opacity: 0; position: fixed; top: -30px; left: -400px;"><script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2005091&name="></script>
  405. </div>
  406. {block:Photoset}
  407. {Block:IfOneColumn}{Photoset-500}{/Block:IfOneColumn}
  408. {Block:IfTwoColumns}{Photoset-250}{/Block:IfTwoColumns}
  409. {block:IndexPage}<div class="textperma"><a title="permalink" href="{Permalink}">{Notecount}</a><br> <a href="{permalink}"><a title="reblog" href="{ReblogURL}" target="_blank">{text:reblog}</a></div>{/block:IndexPage}
  410. {/block:Photoset}
  411.  
  412.  
  413. {block:Quote}
  414. {Quote}
  415. <div align="right">
  416. {block:Source}<div class="title">{Source}</div>{/block:Source}
  417. </div>
  418. {block:IndexPage}<div class="textperma"><a title="permalink" href="{Permalink}">{Notecount}</a><br></div>{/block:IndexPage}
  419. {/block:Quote}
  420.  
  421.  
  422. {block:Video}
  423. {Block:IfOneColumn}{Video-500}{/Block:IfONeColumn}
  424. {Block:IfTwoColumns}{Video-250}{/Block:IfTwoCOlumns}<br>
  425. {PlayCountWithLabel}
  426. {block:IndexPage}<div class="perma"><a title="permalink" href="{Permalink}">{Notecount}</a> / <a href="{permalink}"><a href="{ReblogURL}" title="reblog" target="_blank">{text:reblog}</a></div>{/block:IndexPage}
  427. {/block:Video}
  428.  
  429.  
  430. {block:Link}
  431. <div class="title"><a title="{name}" href="{URL}" class="link" {Target}>{Name}</a></div><BR>
  432. {block:Description}{Description}{/block:Description}
  433. {block:IndexPage}<div class="textperma"><a title="permalink" href="{Permalink}">{Notecount}</a><br></div>{/block:IndexPage}
  434. {/block:Link}
  435.  
  436. {block:Chat}
  437. {block:Lines}
  438. {block:Label}
  439. <br>{Label}
  440. {/block:Label}
  441. &nbsp;{Line}
  442. {/block:Lines}
  443. {block:IndexPage}<div class="textperma"><a title="permalink" href="{Permalink}">{Notecount}</a><br></div>{/block:IndexPage}
  444. {/block:Chat}
  445.  
  446. {block:Audio}
  447. {AudioPlayerWhite}
  448. <br><div align="right">{block:Artist}
  449. Artist: {Artist}</div>
  450. {/block:Artist}<br>
  451. {block:Caption}{Caption}{/block:Caption}
  452. {block:IndexPage}<div class="textperma"><a title="permalink" href="{Permalink}">{Notecount}</a><br></div>{/block:IndexPage}
  453. {/block:Audio}
  454.  
  455.  
  456. {block:Answer}
  457. {Asker}: <b>{Question}</b><Br>
  458.  {Answer}
  459. {block:IndexPage}<div class="textperma"><a title="permalink" href="{Permalink}">{Notecount}</a><br></div>{/block:IndexPage}
  460. {/block:Answer}
  461.  
  462. {block:PermalinkPage}
  463. {block:Caption}
  464. {Caption}
  465. {/block:Caption}
  466. <br>
  467.  
  468. {NoteCount}
  469. <Br>
  470. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  471. {/block:PermalinkPage}
  472. </div>
  473. {/block:Posts}
  474.  
  475. {block:IndexPage}
  476. {block:Pagination}
  477. <div id="pagination">
  478. {block:NextPage}
  479. <a style="display:none;" id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  480. {/block:NextPage}
  481. {block:PreviousPage}
  482. <a style="display:none;" href="{PreviousPage}">&larr;&nbsp;</a>
  483. {/block:PreviousPage}
  484. </div>
  485. {/block:Pagination}
  486. {/block:IndexPage}
  487. </div>
  488.  
  489. <!--
  490. if you delete this please put a link in your faq or somewhere on your blog :)
  491. -->
  492. <div id="important"><a href="http://unstrong.tumblr.com"><b>©</b></a></div>
  493. <div style="position: fixed; bottom: 3px; right: 3px;"><a href="http://unstrong.tumblr.com">theme</a></div>
  494. </body>
  495. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!