API tools faq
paste
Advertisement
faramir

Isolation v2

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