API tools faq
paste
Advertisement
Guest User

aurora theme by selkas tweaked by bonespng

a guest
Mar 1st, 2015
349
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!-- aurora theme by selkas
  6. http://selkas.tumblr.com
  7. tweaked by bonespng
  8. http://bonespng.tumblr.com -->
  9.  
  10. <title>{Title}</title>
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  12. <link rel="shortcut icon" href="{Favicon}"/>
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. <meta name="image:background" content=""/>
  17. <meta name="color:background" content="#ffffff"/>
  18. <meta name="color:text" content="#7e7e7e"/>
  19. <meta name="color:blockquote border" content="#ededed"/>
  20. <meta name="color:link" content="#7e7e7e"/>
  21. <meta name="color:link hover" content="#7e7e7e"/>
  22. <meta name="color:post info" content="#bebebe"/>
  23. <meta name="color:scrollbar" content="#bebebe"/>
  24. <meta name="select:number of columns" content="0" title="auto"/>
  25. <meta name="select:number of columns" content="1" title="1"/>
  26. <meta name="select:number of columns" content="2" title="2"/>
  27. <meta name="select:number of columns" content="3" title="3"/>
  28. <meta name="select:number of columns" content="4" title="4"/>
  29. <meta name="select:number of columns" content="5" title="5"/>
  30. <meta name="select:number of columns" content="6" title="6"/>
  31. <meta name="select:post info align" content="left" title="left"/>
  32. <meta name="select:post info align" content="center" title="center"/>
  33. <meta name="select:post info align" content="right" title="right"/>
  34. <meta name="if:align left" content="0"/>
  35. <meta name="if:show captions" content="1"/>
  36. <meta name="if:show tags" content="1"/>
  37. <meta name="if:show reblog info" content="1"/>
  38. <meta name="if:gray audio player" content="0"/>
  39. <meta name="if:letter spacing" content="0"/>
  40. <meta name="if:tile background" content="1"/>
  41. <meta name="if:jump pagination" content="0"/>
  42. <meta name="if:infinite scroll" content="1"/>
  43. <meta name="text:post width" content="250"/>
  44. <meta name="text:post spacing" content="50"/>
  45. <meta name="text:font size" content=""/>
  46. <meta name="text:font code" content=""/>
  47. <meta name="text:home link" content="home"/>
  48. <meta name="text:archive link" content="archive"/>
  49. <meta name="text:ask link" content="message"/>
  50. <meta name="text:link 1" content=""/>
  51. <meta name="text:link 1 url" content=""/>
  52. <meta name="text:link 2" content=""/>
  53. <meta name="text:link 2 url" content=""/>
  54. <meta name="text:link 3" content=""/>
  55. <meta name="text:link 3 url" content=""/>
  56. <meta name="text:link 4" content=""/>
  57. <meta name="text:link 4 url" content=""/>
  58. <meta name="text:link 5" content=""/>
  59. <meta name="text:link 5 url" content=""/>
  60. <meta name="text:link 6" content=""/>
  61. <meta name="text:link 6 url" content=""/>
  62.  
  63. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  64. {text:font code}
  65.  
  66. <style type="text/css">
  67.  
  68. ::-webkit-scrollbar {width:12px; height:12px; background: {color:Background};}
  69. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border-top:5px solid {color:Background};border-right:5px solid {color:Background};border-bottom:5px solid {color:Background};border-left:5px solid {color:Background};}
  70.  
  71. body {
  72. margin:-70px;
  73. font-family:consolas;
  74. font-size:10px;
  75. line-height:1.6em;
  76. word-wrap:break-word;
  77. overflow-x:hidden;
  78. -moz-font-smoothing:subpixel-antialiased;
  79. -webkit-font-smoothing:subpixel-antialiased;
  80. font-smoothing:subpixel-antialiased;
  81. color:{color:text};
  82. font-family:consolas;
  83. font-size:{text:font size}px;
  84. background-color:{color:background};
  85. background-attachment:fixed;
  86. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  87. {block:ifBackgroundImage}background-image:url('{image:background}');{/block:ifBackgroundImage}
  88. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}
  89. }
  90. blockquote, ol, ul, p, pre {
  91. margin-top:.7em;
  92. margin-bottom:.7em;
  93. }
  94. blockquote {
  95. margin-left:1px;
  96. margin-right:0px;
  97. padding-left:.7em;
  98. border-left:1px solid {color:blockquote border};
  99. }
  100. pre {
  101. white-space:normal;
  102. font-family:consolas;
  103. letter-spacing:0px;
  104. }
  105. img {
  106. border:0px;
  107. }
  108. a {
  109. color:inherit;
  110. text-decoration:none;
  111. border-bottom:1px solid transparent;
  112. }
  113. a:hover {
  114. border-color:initial!important;
  115. }
  116. ol, ul {
  117. padding-left:2.5em;
  118. }
  119. small, sub {
  120. font-size:1em;
  121. vertical-align:baseline;
  122. }
  123. h1, h2, h3, h4, h5, h6 {
  124. font-size:1em;
  125. font-weight:normal;
  126. }
  127.  
  128. /* container */
  129.  
  130. #main {
  131. margin:100px{block:ifNotAlignLeft} auto{/block:ifNotAlignLeft};
  132. width:250px;
  133. {block:ifPostWidth}width:{text:post width}px;{/block:ifPostWidth}
  134. }
  135.  
  136. /* header */
  137.  
  138. header {
  139. margin:100px 0;
  140. {block:ifNotAlignLeft}text-align:center;{/block:ifNotAlignLeft}
  141. }
  142. .title {
  143. display:inline-block;
  144. font-size:2.5em;
  145. line-height:initial;
  146. margin-bottom:2px;
  147. border-bottom:0px solid;
  148. color:{color:link};
  149. }
  150. header .desc,
  151. header nav {
  152. display:inline-block;
  153. max-width:200px;
  154. margin:1em 0 0;
  155. }
  156. nav ol {
  157. list-style-type:none;
  158. padding-left:0;
  159. margin:0;
  160. }
  161. nav ol li {
  162. display:inline;
  163. margin-right:.75em;
  164. }
  165. nav ol li:last-child {
  166. margin-right:0;
  167. }
  168. nav a {
  169. color:{color:post info};
  170. }
  171.  
  172. /* posts */
  173.  
  174. #content {
  175. margin:-70px -50px 0 0;
  176. {block:ifPostSpacing}margin-right:-{text:post spacing}px;{/block:ifPostSpacing}
  177. }
  178. .entry {
  179. float:left;
  180. position:relative;
  181. margin-bottom:50px;
  182. margin-right:50px;
  183. width:250px;
  184. max-width:500px;
  185. {block:ifPostSpacing}margin-bottom:{text:post spacing}px;
  186. margin-right:{text:post spacing}px;{/block:ifPostSpacing}
  187. {block:ifPostWidth}width:{text:post width}px;{/block:ifPostWidth}
  188. }
  189. .entry:last-child {
  190. {block:IndexPage}{block:ifNotInfiniteScroll}margin-bottom:100px;{/block:ifNotInfiniteScroll}{/block:IndexPage}
  191. }
  192. .post {
  193. position:relative;
  194. overflow:hidden;
  195. }
  196. .post a {
  197. color:{color:link};
  198. border-color:initial;
  199. }
  200. .post a:hover {
  201. color:{color:link hover};
  202. }
  203. .post img {
  204. max-width:100%;
  205. height:auto;
  206. }
  207.  
  208. /* post info */
  209.  
  210. .date {
  211. margin:1em 0 0;
  212. text-align:{select:post info align};
  213. color:{color:post info};
  214. }
  215. .date a {
  216. margin-right:.5em;
  217. }
  218. .date a:last-child {
  219. margin-right:0;
  220. }
  221. .date a:hover {
  222. border-color:{color:post info};
  223. }
  224. .tagged {
  225. display:inline;
  226. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  227. }
  228.  
  229.  
  230. /* post titles */
  231.  
  232. .post > h1,
  233. .quote {
  234. margin:0;
  235. font-size:1.6em;
  236. line-height:1.3em;
  237. }
  238. .question {
  239. font-weight:bold;
  240. font-size:1.1em;
  241. }
  242.  
  243. /* text and captions */
  244.  
  245. .caption,
  246. .body,
  247. .source {
  248. margin:1em 0 0;
  249. }
  250. .caption *:first-child,
  251. .body *:first-child,
  252. .source *:first-child {
  253. margin-top:0px;
  254. }
  255. .caption *:last-child,
  256. .body *:last-child,
  257. .source *:last-child {
  258. margin-bottom:0px;
  259. }
  260. .caption {
  261. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  262. }
  263. .source {
  264. text-align:right;
  265. }
  266.  
  267. /* photos and videos */
  268.  
  269. .media {
  270.  
  271. }
  272. .media a {
  273. border:0;
  274. }
  275. .media img {
  276. display:block;
  277. max-width:100%;
  278. margin:0px auto;
  279. }
  280. .video iframe,
  281. .video .tumblr_video_container,
  282. .video .tumblr_video_container iframe {
  283. display:block;
  284. max-width:100%;
  285. max-height:{text:post width}px;
  286. }
  287. .video #youtube_iframe {
  288. display:block;
  289. max-width:100%;
  290. max-height:calc({text:post width}px * 0.67);
  291. }
  292.  
  293. /* chat posts */
  294.  
  295. .chat {
  296. display:table;
  297. border-spacing:5px;
  298. width:100%;
  299. }
  300. .chat .line {
  301. display:table-row;
  302. }
  303. .chat .label {
  304. display:table-cell;
  305. }
  306.  
  307. /* audio posts */
  308.  
  309. .audio {
  310. text-align:left;
  311. background-color:#000000;
  312. {block:ifGrayAudioPlayer}background-color:#e4e4e4;{/block:ifGrayAudioPlayer}
  313. padding:3px;
  314. height:27px;
  315. margin:auto;
  316. overflow:hidden;
  317. }
  318. .audio .player {
  319. width:27px;
  320. height:27px;
  321. overflow:hidden;
  322. position:absolute;
  323. }
  324. .audio .track {
  325. left:33px;
  326. top:3px;
  327. bottom:3px;
  328. right:3px;
  329. position:absolute;
  330. line-height:27px;
  331. height:27px;
  332. overflow:hidden;
  333. text-transform:uppercase;
  334. font-size:8px;
  335. font-family:consolas;
  336. letter-spacing:1px;
  337. color:#efefef;
  338. {block:ifGrayAudioPlayer}color:#707070;{/block:ifGrayAudioPlayer}
  339. }
  340.  
  341. /* post notes */
  342.  
  343. .n {
  344. margin-top:100px;
  345. }
  346. .notes {
  347. list-style-type:none;
  348. padding:0;
  349. margin:0;
  350. color:{color:post info};
  351. }
  352. .notes a {
  353. border-bottom:1px solid transparent;
  354. color:{color:post info};
  355. }
  356. .notes a:hover {
  357. border-color:initial;
  358. color:{color:post info};
  359. }
  360. .notes img {
  361. display:none;
  362. }
  363.  
  364. /* pagination */
  365.  
  366. .pagination {
  367. clear:left;
  368. margin:0 0 100px 0;
  369. text-align:center;
  370. text-transform:lowercase;
  371. color:{color:post info};
  372. {block:ifAlignLeft}text-align:right;{/block:ifAlignLeft}
  373. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  374. }
  375. .o .pagination {
  376. margin-top:100px;
  377. }
  378. .pagination a {
  379. color:{color:post info};
  380. border-bottom:1px solid transparent;
  381. }
  382. .pagination a:hover {
  383. border-color:initial;
  384. }
  385. .pagination .current {
  386. border-bottom:1px solid;
  387. }
  388. .pagination hr {
  389. border:0;
  390. margin:0;
  391. display:inline-block;
  392. width:1em;
  393. }
  394. .pagination hr:last-child {
  395. width:0;
  396. }
  397.  
  398.  
  399. #theme {
  400. position:fixed;
  401. bottom:10px;
  402. right:10px;
  403. display:inline-block;
  404. padding:5px;
  405. font:8px/5px 'helvetica neue', arial, sans-serif;
  406. letter-spacing:0;
  407. text-transform:none;
  408. background-color:white;
  409. color:#4f4f4f;
  410. }
  411. #infscr-loading {
  412. display:none!important;
  413. }
  414. #tumblr_controls {
  415. -webkit-filter:invert(100%);
  416. -webkit-backface-visibility:hidden;
  417. opacity:.67!important;
  418. padding:8px;
  419. }
  420. #tumblr_lightbox {
  421. background-color:transparent!important;
  422. }
  423. #tumblr_lightbox > div:nth-child(2) {
  424. opacity:.9;
  425. background-color:{color:background};
  426. }
  427. #vignette,
  428. #tumblr_lightbox_left_image,
  429. #tumblr_lightbox_right_image {
  430. visibility:hidden;
  431. }
  432. #tumblr_lightbox img {
  433. box-shadow:none!important;
  434. }
  435. </style>
  436. <link href="http://static.tumblr.com/qudkd6d/wHJnkfyua/style.css" rel="stylesheet" type="text/css"/>
  437. </head>
  438. <body>
  439. <div id="main"><!-- container -->
  440. <header><!-- header -->
  441. <a href="/" class="title">{Title}</a><br/>
  442. {block:Description}<div class="desc">{Description}</div><br/>{/block:Description}
  443. <nav><ol>{block:ifHomeLink}<li><a href="/">{text:home link}</a> </li>{/block:ifHomeLink}{block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a> </li>{/block:ifArchiveLink}{block:ifAskLink}<li><a href="/ask">{text:ask link}</a> </li>{/block:ifAskLink}{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a> </li>{/block:Pages}{/block:HasPages}{block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a> </li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a> </li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a> </li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a> </li>{/block:ifLink4}{block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a> </li>{/block:ifLink5}{block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}</ol></nav>
  444. </header>
  445. <div id="content"><!-- posts -->
  446. {block:Posts}
  447. <article class="entry">
  448. <div class="post">
  449. {block:Answer}<!-- answer --><div class="ask"><div class="question">{Asker}: {Question}</div></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audio">{block:AudioPlayer}<div class="player">{block:ifGrayAudioPlayer}{AudioPlayerGrey}{/block:ifGrayAudioPlayer}{block:ifNotGrayAudioPlayer}{AudioPlayerBlack}{/block:ifNotGrayAudioPlayer}</div>{/block:AudioPlayer}<div class="track">{block:Artist}{Artist}{/block:Artist} &ndash; {block:TrackName}{TrackName}{/block:TrackName}</div></div>{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- link --><h1><a href="{URL}">{Name}</a></h1>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>{/block:Photoset}{block:Quote}<!-- quote --><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h1>{Title}</h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-500}</div>{/block:Video}
  450. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  451. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  452. </div>
  453. {block:Date}<!-- post info --><div class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a> | <a href="{ReblogURL}" class="permalink">{NoteCount} N</a> {block:ifShowReblogInfo}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName}</a>{block:ContentSource} <a href="{ReblogRootURL}">src: {ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:ifShowReblogInfo}{block:HasTags}<div class="tagged"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>{/block:Date}
  454. </article>
  455. {block:PostNotes}<!-- post notes --><article class="entry n"><div class="post"><h1>{NoteCountWithLabel}</h1><div class="body">{PostNotes}</div></div></article>{/block:PostNotes}
  456. {/block:Posts}
  457. </div>
  458. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">{lang:Back}</a>{block:ifNotJumpPagination}{block:NextPage}<hr/>/<hr/>{/block:NextPage}{/block:ifNotJumpPagination}{/block:PreviousPage}{block:ifJumpPagination}<hr/>{block:JumpPagination length="5"}{block:CurrentPage}<span class="current">{PageNumber}</span><hr/>{/block:CurrentPage}{block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a><hr/>{/block:JumpPage}{/block:JumpPagination}{/block:ifJumpPagination}{block:NextPage}<a class="next" href="{NextPage}">{lang:Next}</a>{/block:NextPage}</div>{/block:Pagination}
  459. </div>
  460.  
  461. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  462. <script>
  463. $(document).ready(function(){
  464. $('.photo-slideshow').pxuPhotoset({
  465. lightbox: true,
  466. rounded: 'false',
  467. gutter: '3px',
  468. photoset: '.photo-slideshow',
  469. photoWrap: '.photo-data',
  470. photo: '.pxu-photo'
  471. });
  472. });
  473. </script>
  474. {block:IndexPage}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script><script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script><script src="http://static.tumblr.com/qudkd6d/EFdnkg6f7/fit.js"></script>
  475. <script>
  476. $(document).ready(function(){
  477. var w = $(window).width(){block:ifAlignLeft} - 200 + {block:ifPostSpacing}{text:post spacing}{/block:ifPostSpacing}{block:ifNotPostSpacing}50{/block:ifNotPostSpacing}{/block:ifAlignLeft},
  478. p = {block:ifPostWidth}{text:post width}{/block:ifPostWidth}{block:ifNotPostWidth}250{/block:ifNotPostWidth},
  479. n = {select:number of columns},
  480. s = {block:ifPostSpacing}{text:post spacing}{/block:ifPostSpacing}{block:ifNotPostSpacing}50{/block:ifNotPostSpacing},
  481. m = true,
  482. i = false;
  483. {block:ifInfiniteScroll}i = true;{/block:ifInfiniteScroll}
  484. fit(w, p, n, s, m, i);
  485. $(window).resize(function(){
  486. w = $(window).width(){block:ifAlignLeft} - 200 + {block:ifPostSpacing}{text:post spacing}{/block:ifPostSpacing}{block:ifNotPostSpacing}50{/block:ifNotPostSpacing}{/block:ifAlignLeft};
  487. fit(w, p, n, s, m, i);
  488. });
  489. });
  490. </script>
  491. {/block:IndexPage}
  492. </body>
  493. </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!