Advertisement
kthms

raspberry theme

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