API tools faq
paste
Advertisement
Guest User

navy theme by selkas tweaked by bonespng

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