Advertisement
rasperries

raspberr y o

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