API tools faq
paste
Advertisement
rasperries

nav y o

rasperries
Mar 27th, 2015
253
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.51 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. <!--
  6.  
  7.  
  8.  
  9.  
  10. navy theme by selkas
  11. http://selkas.tumblr.com
  12.  
  13.  
  14.  
  15.  
  16. -->
  17.  
  18. <title>{Title}</title>
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  20. <link rel="shortcut icon" href="{Favicon}"/>
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24. <meta name="color:background" content="#ffffff"/>
  25. <meta name="color:post border" content="#f3f3f3"/>
  26. <meta name="color:post bg" content="#fbfbfb"/>
  27. <meta name="color:text" content="#8f8f8f"/>
  28. <meta name="color:bold" content="#8f8f8f"/>
  29. <meta name="color:blockquote border" content="#ededed"/>
  30. <meta name="color:link" content="#7f97b3"/>
  31. <meta name="color:link hover" content="#ffd4d5"/>
  32. <meta name="color:post info" content="#bebebe"/>
  33. <meta name="color:scrollbar" content="#bebebe"/>
  34. <meta name="select:post width" content="250" title="250"/>
  35. <meta name="select:post width" content="300" title="300"/>
  36. <meta name="select:post width" content="350" title="350"/>
  37. <meta name="select:post width" content="400" title="400"/>
  38. <meta name="select:post width" content="450" title="450"/>
  39. <meta name="select:post width" content="494" title="500"/>
  40. <meta name="if:show title" content="1"/>
  41. <meta name="if:show captions" content="1"/>
  42. <meta name="if:show tags" content="1"/>
  43. <meta name="if:infinite scroll" content="1"/>
  44. <meta name="text:home link" content="index"/>
  45. <meta name="text:archive link" content="archive"/>
  46. <meta name="text:ask link" content="contact"/>
  47. <meta name="text:link 1" content=""/>
  48. <meta name="text:link 1 url" content=""/>
  49. <meta name="text:link 2" content=""/>
  50. <meta name="text:link 2 url" content=""/>
  51. <meta name="text:link 3" content=""/>
  52. <meta name="text:link 3 url" content=""/>
  53. <meta name="text:link 4" content=""/>
  54. <meta name="text:link 4 url" content=""/>
  55. <meta name="text:link 5" content=""/>
  56. <meta name="text:link 5 url" content=""/>
  57. <meta name="text:link 6" content=""/>
  58. <meta name="text:link 6 url" content=""/>
  59.  
  60. <link href='https://fonts.googleapis.com/css?family=Lato:700|Lora:400,400italic' rel='stylesheet' type='text/css'>
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65. /* basic styles */
  66.  
  67. ::-webkit-scrollbar {
  68. width:2px;
  69. height:2px;
  70. }
  71. ::-webkit-scrollbar,
  72. ::-webkit-scrollbar-track {
  73. background-color:inherit;
  74. }
  75. ::-webkit-scrollbar-thumb {
  76. background-color:{color:scrollbar};
  77. }
  78. body {
  79. margin:0px;
  80. font-family:lora, georgia, serif;
  81. font-size:9px;
  82. line-height:1.6em;
  83. word-wrap:break-word;
  84. letter-spacing:1px;
  85. -moz-font-smoothing:subpixel-antialiased;
  86. -webkit-font-smoothing:subpixel-antialiased;
  87. font-smoothing:subpixel-antialiased;
  88. color:{color:text};
  89. background-color:{color:background};
  90. }
  91. blockquote, ol, ul, p, pre {
  92. margin-top:.7em;
  93. margin-bottom:.7em;
  94. }
  95. blockquote {
  96. margin-left:1.6em;
  97. padding-left:1em;
  98. border-left:1px solid {color:blockquote border};
  99. margin-right:0px;
  100. }
  101. pre {
  102. white-space:normal;
  103. font-family:consolas, 'courier new', courier, monospace;
  104. letter-spacing:0px;
  105. }
  106. img {
  107. border:0px;
  108. }
  109. a {
  110. color:inherit;
  111. text-decoration:none;
  112. -o-transition:color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
  113. -moz-transition:color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
  114. -webkit-transition:color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
  115. transition:color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
  116. }
  117. a:hover {
  118. color:{color:link hover};
  119. }
  120. ol, ul {
  121. padding-left:2.75em;
  122. }
  123. strong, b {
  124. font-weight:normal;
  125. color:{color:bold};
  126. }
  127. small, sub {
  128. font-size:1em;
  129. vertical-align:baseline;
  130. }
  131. h1, h2, h3, h4, h5, h6 {
  132. font-size:1em;
  133. font-weight:normal;
  134. }
  135.  
  136. /* container */
  137.  
  138. #main {
  139. margin:75px auto;
  140. width:{select:post width}px;
  141. }
  142.  
  143. /* sidebar */
  144.  
  145. aside {
  146. width:150px;
  147. margin-bottom:150px;
  148. position:fixed;
  149. top:75px;
  150. left:75px;
  151. }
  152. aside .title {
  153. font:700 12px/18px lato, 'helvetica neue', sans-serif;
  154. text-transform:uppercase;
  155. letter-spacing:3px;
  156. margin-bottom:5px;
  157. color:{color:link};
  158. }
  159. aside hr {
  160. border:0;
  161. margin:10px 0;
  162. width:25px;
  163. height:3px;
  164. background-color:{color:link};
  165. }
  166. aside .desc {
  167.  
  168. }
  169. aside nav {
  170. font:italic 9px/15px lora, georgia, serif;
  171. letter-spacing:1px;
  172. text-transform:lowercase;
  173. color:{color:post info};
  174. }
  175. aside ol {
  176. list-style-type:none;
  177. padding-left:0;
  178. margin:0;
  179. }
  180.  
  181. /* posts */
  182.  
  183. .entry {
  184. margin-bottom:50%;
  185. position:relative;
  186. text-align:right;
  187. }
  188. .post {
  189. position:relative;
  190. text-align:left;
  191. }
  192. .post img {
  193. max-width:100%;
  194. height:auto;
  195. }
  196.  
  197. /* post info */
  198.  
  199. .info,
  200. .tagged {
  201. font:italic 9px/14px lora, georgia, serif;
  202. letter-spacing:1px;
  203. text-transform:lowercase;
  204. color:{color:post info};
  205. }
  206. .info {
  207. width:100%;
  208. margin-top:10px;
  209. padding:0;
  210. border-spacing:0;
  211. border-top:1px solid {color:post border};
  212. }
  213. .info .t,
  214. .info .p {
  215. vertical-align:top;
  216. }
  217. .info .permalink {
  218. display:inline-block;
  219. position:relative;
  220. top:-3px;
  221. padding:5px 0 0;
  222. border-top:3px solid {color:link hover};
  223. }
  224. .tagged {
  225. text-align:left;
  226. padding:6px 10px 0 0;
  227. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  228. }
  229. .tagged a {
  230. margin-right:.5em;
  231. }
  232.  
  233. /* post titles */
  234.  
  235. .post > h1 {
  236. margin:0 0 10px;
  237. font:700 11px/18px lato, 'helvetica neue', arial, sans-serif;
  238. text-transform:uppercase;
  239. letter-spacing:2px;
  240. color:{color:link};
  241. border-bottom:1px solid {color:post border};
  242. }
  243. .post > h1 u {
  244. display:inline-block;
  245. text-decoration:none;
  246. padding-bottom:5px;
  247. margin-bottom:-2px;
  248. border-bottom:3px solid {color:link};
  249. }
  250. .post > h1 a:hover {
  251. color:{color:link};
  252. }
  253. .quote {
  254. margin:0;
  255. padding:10px;
  256. font:italic 1.3em/1.4em lora, georgia, serif;
  257. text-align:center;
  258. color:{color:post info};
  259. }
  260. .question {
  261. margin:0 0 10px;
  262. font:italic 9px/13px lora, georgia, serif;
  263. text-transform:lowercase;
  264. letter-spacing:1px;
  265. color:{color:post info};
  266. }
  267. .question i {
  268. display:block;
  269. margin:0 0 5px;
  270. text-align:left;
  271. border-bottom:1px solid {color:post border};
  272. }
  273. .question i u {
  274. display:inline-block;
  275. text-decoration:none;
  276. padding-bottom:5px;
  277. margin-bottom:-2px;
  278. border-bottom:3px solid {color:link hover};
  279. }
  280.  
  281. /* text and captions */
  282.  
  283. .caption,
  284. .body,
  285. .source,
  286. .cont {
  287. padding:15px;
  288. margin-top:10px;
  289. background-color:{color:post bg};
  290. border:1px solid {color:post border};
  291. }
  292. .caption a,
  293. .body a,
  294. .source a {
  295. font-style:italic;
  296. color:{color:link};
  297. border-bottom:1px solid transparent;
  298. }
  299. .caption a:hover,
  300. .body a:hover,
  301. .source a:hover {
  302. color:{color:link hover};
  303. border-color:{color:link hover};
  304. }
  305. .caption *:first-child,
  306. .body *:first-child,
  307. .source *:first-child {
  308. margin-top:0px;
  309. }
  310. .caption *:last-child,
  311. .body *:last-child,
  312. .source *:last-child {
  313. margin-bottom:0px;
  314. }
  315. .caption {
  316. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  317. }
  318. .caption .caption {
  319. border:0;
  320. margin:0;
  321. padding:0;
  322. }
  323. .source {
  324. text-align:right;
  325. }
  326.  
  327. /* photos and videos */
  328.  
  329. .media {
  330. opacity:.93;
  331. }
  332. .media img,
  333. .media .photoset {
  334. display:block;
  335. max-width:100%;
  336. margin:0px auto;
  337. }
  338. .video #youtube_iframe {
  339. display:block;
  340. max-width:100%;
  341. max-height:calc({select:post width}px * 0.67);
  342. }
  343. .video iframe,
  344. .tumblr_video_container {
  345. display:block;
  346. max-width:100%;
  347. max-height:{select:post width}px;
  348. }
  349.  
  350. /* chat posts */
  351.  
  352. .chat {
  353. display:table;
  354. border-spacing:5px;
  355. -moz-box-sizing:border-box;
  356. box-sizing:border-box;
  357. width:100%;
  358. }
  359. .chat .line {
  360. font:italic 9px/14px lora, georgia, serif;
  361. letter-spacing:1px;
  362. text-transform:lowercase;
  363. display:table-row;
  364. }
  365. .chat .label {
  366. text-align:right;
  367. color:{color:bold};
  368. display:table-cell;
  369. }
  370.  
  371. /* audio posts */
  372.  
  373. .audiowrap {
  374. position:relative;
  375. height:43px;
  376. overflow:hidden;
  377. color:{color:post title};
  378. }
  379. .albumart {
  380. position:relative;
  381. display:inline-block;
  382. width:43px;
  383. height:43px;
  384. background-size:cover;
  385. opacity:.93;
  386. }
  387. .audio {
  388. position:absolute;
  389. display:inline-block;
  390. left:0px;
  391. top:0px;
  392. right:0px;
  393. bottom:0px;
  394. text-align:left;
  395. }
  396. .audio .player {
  397. width:43px;
  398. height:43px;
  399. left:0px;
  400. top:0px;
  401. padding:8px;
  402. overflow:hidden;
  403. position:absolute;
  404. opacity:0;
  405. background-color:white;
  406. -o-transition:opacity .25s ease-out;
  407. -moz-transition:opacity .25s ease-out;
  408. -webkit-transition:opacity .25s ease-out;
  409. transition:opacity .25s ease-out;
  410. }
  411. .audio:hover .player {
  412. opacity:.75;
  413. }
  414. .audio .player .audio_player {
  415. width:27px;
  416. height:27px;
  417. overflow:hidden;
  418. }
  419. .audio .track {
  420. position:absolute;
  421. top:8px;
  422. left:51px;
  423. right:0px;
  424. bottom:8px;
  425. text-align:right;
  426. overflow:hidden;
  427. font:italic 9px/14px lora, georgia, serif;
  428. letter-spacing:1px;
  429. text-transform:lowercase;
  430. color:{color:post info};
  431. }
  432. .audio .track i {
  433. font-style:inherit;
  434. display:block;
  435. position:relative;
  436. width:100%;
  437. height:14px;
  438. overflow:hidden;
  439. }
  440.  
  441. /* post notes */
  442.  
  443. .n .cont {
  444. max-height:200px;
  445. overflow:auto;
  446. }
  447. .notes {
  448. list-style-type:none;
  449. padding:0;
  450. margin:0;
  451. }
  452. .post .notes a {
  453. border:0;
  454. }
  455. .notes img {
  456. display:none;
  457. }
  458.  
  459. /* pagination */
  460.  
  461. .pagination {
  462. margin:75px 0;
  463. text-align:center;
  464. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  465. }
  466. .pagination a,
  467. .pagination .current {
  468. display:inline-block;
  469. vertical-align:top;
  470. position:relative;
  471. padding:15px 14px 15px 15px;
  472. margin:0 -1px 0 0;
  473. font:italic 9px/11px lora, georgia, serif;
  474. letter-spacing:1px;
  475. text-transform:lowercase;
  476. color:{color:post info};
  477. background-color:{color:background};
  478. border:1px solid {color:post border};
  479. }
  480. .pagination a i {
  481. line-height:10px;
  482. font-size:12px;
  483. }
  484. .pagination a:hover {
  485. z-index:1;
  486. color:{color:text};
  487. background-color:{color:post bg};
  488. }
  489.  
  490. #top {
  491. display:none;
  492. position:fixed;
  493. bottom:150px;
  494. left:{select:post width}px;
  495. margin-left:375px;
  496. bottom:10%;
  497. font-size:20px;
  498. color:{color:link};
  499. opacity:0;
  500. -o-transition:opacity .25s ease-out;
  501. -moz-transition:opacity .25s ease-out;
  502. -webkit-transition:opacity .25s ease-out;
  503. transition:opacity .25s ease-out;
  504. }
  505. .scrolling #top {
  506. opacity:1;
  507. }
  508.  
  509. #theme {
  510. position:fixed;
  511. bottom:10px;
  512. right:10px;
  513. display:inline-block;
  514. padding:5px;
  515. font:8px/5px 'helvetica neue', arial, sans-serif;
  516. letter-spacing:0;
  517. text-transform:none;
  518. background-color:white;
  519. color:#4f4f4f;
  520. }
  521. #infscr-loading {
  522. display:none!important;
  523. }
  524. #tumblr_controls {
  525. -webkit-filter:invert(100%);
  526. -webkit-backface-visibility:hidden;
  527. opacity:.67!important;
  528. padding:10px;
  529. }
  530. #vignette,
  531. #tumblr_lightbox_left_image,
  532. #tumblr_lightbox_right_image,
  533. #tumblr_lightbox_caption {
  534. visibility:hidden;
  535. }
  536. #tumblr_lightbox {
  537. background-color:rgba(255,255,255,.67)!important;
  538. }
  539. #tumblr_lightbox img {
  540. border-radius:0!important;
  541. -webkit-box-shadow:none!important;
  542. box-shadow:none!important;
  543. }
  544. </style>
  545. </head>
  546. <body>
  547. <div id="main"><!-- container -->
  548. <aside><!-- sidebar -->
  549. {block:ifShowTitle}<div class="title"><a href="/">{Title}</a></div>{/block:ifShowTitle}
  550. <div class="desc">{Description}</div><hr/>
  551. <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>
  552. </aside>
  553. <div id="content"><!-- posts -->
  554. {block:Posts}
  555. <article class="entry">
  556. <div class="post">
  557. {block:Answer}<!-- answer --><div class="ask"><div class="question"><i><u>{Asker}</u></i>{Question}</div></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="track">{block:TrackName}<i>Track: {TrackName}</i>{/block:TrackName}{block:Artist}<i>Artist: {Artist}</i>{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h1><u>{Title}</u></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><u><a href="{URL}">{Name}</a></u></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">{Photoset}</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><u>{Title}</u></h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-500}</div>{/block:Video}
  558. {block:Caption}<div class="nest{block:ifHoverCaptions}{block:Photo} hc{/block:Photo}{block:Photoset} hc{/block:Photoset}{/block:ifHoverCaptions}"><div class="caption{block:ifInlineCaptions} il{/block:ifInlineCaptions}">{Caption}</div></div>{/block:Caption}
  559. </div>
  560. {block:Date}<!-- post info --><table class="info"><tr><td class="t">{block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</td><td class="p"><a href="{Permalink}" class="permalink">{DayOfWeek}<br/>{MonthNumber}/{DayOfMonth}</a></td></tr></table>{/block:Date}
  561. </article>
  562. {block:PostNotes}<!-- post notes --><article class="entry n"><div class="post"><h1><u>{NoteCountWithLabel}</u></h1><div class="cont">{PostNotes}</div></div></article>{/block:PostNotes}
  563. <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
  564. {/block:Posts}
  565. </div>
  566. {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}" class="back"><i class="fa fa-angle-left"></i></a>{/block:PreviousPage}<span class="current">Page {Currentpage} of {TotalPages}</span>{/block:CurrentPage}{block:NextPage}<a href="{NextPage}" class="next"><i class="fa fa-angle-right"></i></a>{/block:NextPage}</div>{/block:Pagination}
  567. </div>
  568. <a href="http://selkas.tumblr.com" id="theme">ㅅ</a>
  569. {block:IndexPage}
  570. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  571. {block:ifInfiniteScroll}<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  572. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  573. <script>
  574. $(document).ready(function(){
  575. $('#content').infinitescroll({
  576. itemSelector : ".entry",
  577. navSelector : ".pagination",
  578. nextSelector : ".next",
  579. loadingImg : "",
  580. loadingText : "<em></em>",
  581. bufferPx: 2000
  582. });
  583. });
  584. </script>{/block:ifInfiniteScroll}
  585. {/block:IndexPage}
  586. </body>
  587. </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!