API tools faq
paste
Advertisement
faramir

Isolation v1

faramir
Dec 28th, 2015
828
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.68 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <!--
  4.  
  5.  
  6. THEME ISOLATION by mikeleigh
  7. -Version 1-
  8. base code by shythemes
  9.  
  10.  
  11. credits:
  12. * infinite scroll by paul irish
  13. http://www.infinite-scroll.com/
  14.  
  15.  
  16. -->
  17. <title>{Title}</title>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <link rel="shortcut icon" href="{Favicon}">
  20. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  21. <meta name="viewport" content="width=device-width, initial-scale=1">
  22. <meta name="color:background" content="#ffffff">
  23. <meta name="color:btitle" content="#000000">
  24. <meta name="color:text" content="#3f3f3f">
  25. <meta name="color:accent" content="#9f9f9f">
  26. <meta name="color:border" content="#ededed">
  27. <meta name="color:link" content="#dcdcdc">
  28. <meta name="color:link hover" content="#cbcbcb">
  29. <meta name="color:caption" content="#f9f9f9">
  30. <meta name="color:posts" content="#ffffff">
  31. <meta name="select:captions" content="" title="normal"/>
  32. <meta name="select:captions" content="inline" title="inline"/>
  33. <meta name="select:captions" content="inline clipped" title="clipped"/>
  34. <meta name="select:captions" content="hidden" title="hidden"/>
  35. <meta name="if:show tags" content="1">
  36. <meta name="if:infinite scroll" content="0">
  37. <meta name="text:home link" content="">
  38. <meta name="text:archive link" content="">
  39. <meta name="text:ask link" content="contact">
  40. <meta name="text:link 1" content="">
  41. <meta name="text:link 1 url" content="">
  42. <meta name="text:link 2" content="">
  43. <meta name="text:link 2 url" content="">
  44. <meta name="text:link 3" content="">
  45. <meta name="text:link 3 url" content="">
  46. <meta name="text:link 4" content="">
  47. <meta name="text:link 4 url" content="">
  48. <style type="text/css">
  49. body {
  50. margin:0;
  51. font-size:12px;
  52. font-family:arial;
  53. line-height:1.6em;
  54. -moz-osx-font-smoothing:grayscale;
  55. -webkit-font-smoothing:antialiased;
  56. font-smoothing:antialiased;
  57. color:{color:text};
  58. background:{color:background};
  59. }
  60. a {
  61. color:inherit;
  62. text-decoration:none;
  63. -webkit-transition:all .2s linear;
  64. transition:all .2s linear;
  65. }
  66. small, sub {
  67. font-size:12px;
  68. vertical-align:baseline;
  69. }
  70. blockquote {
  71. padding:.1em .1em .1em 1em;
  72. border-left:2px solid {color:border};
  73. }
  74. blockquote, ol, ul, p, pre {
  75. margin:0 0 .1em;
  76. }
  77. h1, h2, h3, h4, h5, h6 {
  78. margin:0 0 .6em;
  79. font-size:14px;
  80. font-weight:inherit;
  81. }
  82. img {
  83. border:0;
  84. max-width:100%;
  85. height:auto;
  86. display:block;
  87. }
  88. hr {
  89. margin:1em 0;
  90. border:0;
  91. height:1px;
  92. -moz-box-sizing:border-box;
  93. box-sizing:border-box;
  94. background-color:{color:border};
  95. }
  96. .btitle {
  97. color:{color:btitle};
  98. font-size:70px;
  99. font-weight:bold;
  100. font-family:helvetica;
  101. letter-spacing:-1px;
  102. text-transform:none;
  103. }
  104. .title {
  105. font-size:14px;
  106. font-weight:bold;
  107. }
  108. .accent,
  109. .tumblr_blog {
  110. color:{color:accent};
  111. }
  112. .main {
  113. margin:150px auto;
  114. width:350px;
  115. }
  116. aside {
  117. text-align:center;
  118. width:400px;
  119. }
  120. nav {
  121. margin:1em 0 0;
  122. word-spacing:5px;
  123. }
  124. nav li {
  125. display:inline;
  126. }
  127. .content {
  128. margin:150px 0;
  129. }
  130. .entry {
  131. width:400px;
  132. position:relative;
  133. margin:0 0 150px;
  134. }
  135. .entry:last-child {
  136. margin-bottom:0;
  137. }
  138. .text {
  139. margin:1em 0 0;
  140. }
  141. .text:last-child,
  142. .text *:last-child {
  143. margin-bottom:0;
  144. }
  145.  
  146. .tags {
  147. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  148. }
  149. .tags .comma:last-of-type {
  150. display:none;
  151. }
  152.  
  153. /* captions */
  154.  
  155. .caption.hidden {
  156. display:none;
  157. }
  158. .caption.inline * {
  159. display:inline;
  160. margin:0;
  161. padding:0;
  162. }
  163. .caption.inline blockquote {
  164. border:0;
  165. }
  166. .caption.inline *::after {
  167. content:' ';
  168. }
  169. .caption.inline a::after {
  170. display:none;
  171. }
  172. .caption.clipped {
  173. white-space:nowrap;
  174. overflow:hidden;
  175. text-overflow:ellipsis;
  176. max-height:1.6em;
  177. }
  178.  
  179. .chat {
  180. padding:0;
  181. list-style-type:none;
  182. }
  183. .chat .label {
  184. font-weight:bold;
  185. }
  186. .quote {
  187. font-weight:bold;
  188. }
  189. .media {
  190. position:relative;
  191. display:inline-block;
  192. width:100%;
  193. }
  194.  
  195. .audio {
  196. height:85px;
  197. margin-bottom:10px;
  198. border:1px solid #E6E6E6;
  199. }
  200. .audio-album {
  201. position:absolute;
  202. width:85px;
  203. opacity:.0;
  204. }
  205. .audio-player {
  206. opacity:1;
  207. filter:alpha(opacity=100);
  208. border:30px solid #FFF;
  209. width:25px;
  210. height:25px;
  211. overflow:hidden;
  212. position:absolute;
  213. z-index:2;
  214. -webkit-transition: all 0.5s ease;
  215. -moz-transition: all 0.5s ease;
  216. -ms-transition: all 0.5s ease;
  217. -o-transition: all 0.5s ease;
  218. transition: all 0.5s ease;}
  219.  
  220. .audio-info {
  221. width:355px;
  222. height:100%;
  223. line-height:180%;
  224. padding:0px 20px 0px 20px;
  225. text-align:right;
  226. display: table;
  227. }
  228.  
  229. .audio-info p {
  230. display: table-cell;
  231. vertical-align: middle;
  232. text-align:right;
  233. }
  234.  
  235.  
  236. /* post notes */
  237.  
  238. .notes {
  239. list-style-type:none;
  240. margin-left: -20px;
  241. width:400px;
  242. position:left;
  243. }
  244. .notes a {
  245. border:0;
  246. text-decoration:none;
  247. color:inherit;
  248. }
  249. .notes img {
  250. display:none;
  251. }
  252. .action > a:first-of-type {
  253. color:{color:text};
  254. }
  255. .clear {
  256. display:none;
  257. }
  258. .note {
  259. text-align:inherit!important;
  260. }
  261. .note blockquote {
  262. display:inline;
  263. padding:0;
  264. border:0;
  265. }
  266. .note blockquote::before {
  267. content:' ';
  268. }
  269.  
  270.  
  271. #cr{right:10px;position:fixed;bottom:8px;font-size:10px;}
  272.  
  273.  
  274. {block:ifInfiniteScroll}
  275. .pagination,
  276. #infscr-loading {
  277. display:none!important;
  278. }
  279. {/block:ifInfiniteScroll}
  280. </style>
  281. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  282. </head>
  283. <body>
  284. <div class="main">
  285. <aside>
  286. <h1 class="btitle"><a href="/">{Title}</a></h1>
  287. <p></p>
  288. <nav>
  289. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  290. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  291. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  292. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  293. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  294. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  295. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  296. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  297. </nav>
  298. </aside>
  299. <div class="content">
  300. {block:Posts}
  301. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  302. <section class="post">
  303. {block:Audio}
  304. <div class="audio">
  305. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  306. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  307. </div>
  308. <div class="audio-info">
  309. <p>{block:TrackName}{TrackName}<BR>{/block:TrackName}
  310. {block:Artist}{Artist}<BR>{/block:Artist}
  311. </p>
  312. </div>
  313. </div>
  314. {/block:Audio}
  315. {block:Photo}
  316. <div class="media">
  317. {LinkOpenTag}
  318. <img src="{PhotoURL-400}">
  319. {LinkCloseTag}
  320. </div>
  321. {/block:Photo}
  322. {block:Photoset}
  323. {Photoset-400}
  324. {/block:Photoset}
  325. {block:Video}
  326. <div class="media video">{Video-400}</div>
  327. {/block:Video}
  328. {block:Answer}
  329. <div class="question">
  330. <div class="sender">{lang:Asker asked}:</div>
  331. <span class="inquiry">{Question}</span>
  332. </div>
  333. <div class="answer text">{Answer}</div>
  334. {/block:Answer}
  335. {block:Chat}
  336. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  337. <ul class="chat text">
  338. {block:Lines}
  339. <li class="line">
  340. {block:Label}
  341. <span class="label">{Label}&nbsp; </span>
  342. {/block:Label}
  343. {Line}
  344. </li>
  345. {/block:Lines}
  346. </ul>
  347. {/block:Chat}
  348. {block:Link}
  349. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  350. {block:Description}<div class="text">{Description}</div>{/block:Description}
  351. {/block:Link}
  352. {block:Quote}
  353. <div class="quote text">{Quote}</div>
  354. {block:Source}
  355. <div class="source text">{Source}</div>
  356. {/block:Source}
  357. {/block:Quote}
  358. {block:Text}
  359. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  360. <div class="text">{Body}</div>
  361. {/block:Text}
  362. {block:Caption}<!-- caption --><div class="caption text{block:IndexPage} {select:captions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  363. {block:Date}
  364. <div class="date accent text">
  365. <a class="permalink" href="{Permalink}"><b>{NoteCountwithLabel}</b></a> {block:PermalinkPage}{block:RebloggedFrom}<span class="rb light"> / <a href="{ReblogParentURL}" class="rf">Via</a>{block:ContentSource} / <a href="{ReblogRootURL}" class="src">Source</a>{/block:ContentSource}</span>{/block:RebloggedFrom}{/block:PermalinkPage}
  366. {block:HasTags}
  367. <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma">, </i>{/block:Tags}</div>
  368. {/block:HasTags}
  369. </div>
  370. {/block:Date}
  371. </section>
  372. </article>
  373. {block:PostNotes}<!-- post notes --><article class="entry"><div class="post n"><div class="notes">{PostNotes}</div></div></article>{/block:PostNotes}
  374. {/block:PostNotes}
  375. {/block:Posts}
  376. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  377. </div>
  378. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}">Previous / </a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">Next</a>{/block:NextPage}</div>{/block:Pagination}
  379. </div>
  380.  
  381. <div id="cr"> <a href="http://mikeleigh.tumblr.com">Ⓒ</a>
  382. </div>
  383.  
  384. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  385. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  386. {block:IndexPage}
  387. {block:ifInfiniteScroll}
  388. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  389. {/block:ifInfiniteScroll}
  390. {/block:IndexPage}
  391. <script>
  392. $(document).ready(function(){
  393. $('.photo-slideshow').pxuPhotoset({
  394. lightbox: true,
  395. rounded: false,
  396. gutter: '1px',
  397. photoset: '.photo-slideshow',
  398. photoWrap: '.photo-data',
  399. photo: '.pxu-photo'
  400. });
  401. $('.video iframe').each(function(){
  402. var scale = $(this).parents('.video').width() / 400;
  403. $(this).attr({
  404. width: Math.floor($(this).attr('width') * scale),
  405. height: Math.floor($(this).attr('height') * scale)
  406. });
  407. });
  408. var $container = $('.content');
  409. {block:ifInfiniteScroll}
  410. $container.infinitescroll({
  411. itemSelector: '.entry',
  412. navSelector: '.pagination',
  413. nextSelector: '.next',
  414. loadingImg: '',
  415. loadingText: '<em></em>',
  416. bufferPx: 2000
  417. },
  418. function( newElements ) {
  419. var $newElems = $( newElements );
  420. $newElems.find('.photo-slideshow').pxuPhotoset({
  421. lightbox: true,
  422. rounded: false,
  423. gutter: '1px',
  424. photoset: '.photo-slideshow',
  425. photoWrap: '.photo-data',
  426. photo: '.pxu-photo'
  427. });
  428. },
  429. function( newElements ){
  430. $( newElements ).find('.video iframe').each(function(){
  431. var scale = $(this).parents('.video').width() / 400;
  432. $(this).attr({
  433. width: Math.floor($(this).attr('width') * scale),
  434. height: Math.floor($(this).attr('height') * scale)
  435. });
  436. });
  437. });
  438. {/block:ifInfiniteScroll}
  439. });
  440. </script>
  441.  
  442. </body>
  443. </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!