Advertisement
rasperries

selkas simple theme

Aug 5th, 2014
265
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.56 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6. theme by selkas.tumblr.com
  7.  
  8. -->
  9. <title>{Title}</title>
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  11. <meta name="image:background" content=""/>
  12. <meta name="color:background" content="#ffffff"/>
  13. <meta name="color:text" content="#242424"/>
  14. <meta name="color:hover" content="#242424"/>
  15. <meta name="color:border" content="#242424"/>
  16. <meta name="color:scrollbar" content="#242424"/>
  17. <meta name="select:font" content="consolas, 'courier new', monospace" title="consolas"/>
  18. <meta name="select:font" content="georgia, times, 'times new roman', serif" title="georgia"/>
  19. <meta name="select:font" content="times, 'times new roman', serif" title="times"/>
  20. <meta name="select:font" content="" title="other (enter below)"/>
  21. <meta name="select:font size" content="9px" title="9px"/>
  22. <meta name="select:font size" content="10px" title="10px"/>
  23. <meta name="select:font size" content="11px" title="11px"/>
  24. <meta name="select:font size" content="12px" title="12px"/>
  25. <meta name="if:header version" content="0"/>
  26. <meta name="if:centered" content="0"/>
  27. <meta name="if:spaced title" content="1"/>
  28. <meta name="if:uppercase title" content="1"/>
  29. <meta name="if:underlined links" content="1"/>
  30. <meta name="if:inline nav" content="1"/>
  31. <meta name="if:image border" content="1"/>
  32. <meta name="if:show captions" content="1"/>
  33. <meta name="if:show time" content="1"/>
  34. <meta name="if:show date" content="1"/>
  35. <meta name="if:show notes" content="1"/>
  36. <meta name="if:show tags" content="1"/>
  37. <meta name="if:jump pagination" content="1"/>
  38. <meta name="if:infinite scroll" content="0"/>
  39. <meta name="if:tile background" content="0"/>
  40. <meta name="text:other font" content=""/>
  41. <meta name="text:post width" content="250"/>
  42. <meta name="text:link 1" content=""/>
  43. <meta name="text:link 1 url" content=""/>
  44. <meta name="text:link 2" content=""/>
  45. <meta name="text:link 2 url" content=""/>
  46. <meta name="text:link 3" content=""/>
  47. <meta name="text:link 3 url" content=""/>
  48. <meta name="text:link 4" content=""/>
  49. <meta name="text:link 4 url" content=""/>
  50. <meta name="text:link 5" content=""/>
  51. <meta name="text:link 5 url" content=""/>
  52. <meta name="text:link 6" content=""/>
  53. <meta name="text:link 6 url" content=""/>
  54. <link rel="shortcut icon" href="{Favicon}"/>
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  56. <script src="http://static.tumblr.com/qvtfufx/H56mpjuti/jquery.fitvids.js" type="text/javascript"></script>
  57. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  58. <style type="text/css">
  59. ::-webkit-scrollbar {
  60. width:7px;
  61. height:7px;
  62. background-color:{color:background};
  63. }
  64. ::-webkit-scrollbar-track {
  65. background-color:{color:background};
  66. }
  67. ::-webkit-scrollbar-thumb {
  68. background-color:{color:scrollbar};
  69. border: 1px solid {color:background};
  70. }
  71. body {
  72. margin:0px;
  73. color:{color:text};
  74. font-family:times;
  75. font-family:times;
  76. font-size:{select:font size};
  77. line-height:1.45em;
  78. word-wrap:break-word;
  79. background-color:{color:background};
  80. background-attachment:fixed;
  81. background-position:top left;
  82. {block:ifBackgroundImage}background-image: url("{image:Background}");{/block:ifBackgroundImage}
  83. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}
  84. }
  85. * {
  86. -ms-transition:all 0s linear;
  87. -moz-transition:all 0s linear;
  88. -webkit-transition:all 0s linear;
  89. transition:all 0s linear;
  90. }
  91. blockquote {
  92. margin:15px 15px;
  93. padding:0em 1em;
  94. border-left:1px solid {color:border};
  95. }
  96. pre {
  97. white-space:normal;
  98. }
  99. a img {
  100. border:0px;
  101. }
  102. a {
  103. color:inherit;
  104. {block:ifNotUnderlinedLinks}text-decoration:none;{/block:ifNotUnderlinedLinks}
  105. }
  106. a:hover {
  107. color:{color:hover};
  108. }
  109. small, sub {
  110. font-size:1em;
  111. vertical-align:baseline;
  112. }
  113. ol {
  114. padding-left:2.25em;
  115. }
  116. ul {
  117. padding-left:2.25em;
  118. list-style-type:square;
  119. }
  120. p {
  121. margin:.75em 0;
  122. }
  123. h3 {
  124. font-weight:normal;
  125. line-height:1em;
  126. font-size:1.33em;
  127. }
  128. h3 a:hover {
  129. color:{color:hover};
  130. }
  131. #main {
  132. {block:ifHeaderVersion}margin:0px auto;{/block:ifHeaderVersion}
  133. {block:ifNotHeaderVersion}position:absolute;
  134. left:50px;
  135. top:0px;
  136. padding-left:250px;{/block:ifNotHeaderVersion}
  137. width:{text:post width};
  138. width:{text:post width}px;
  139. max-width:700px;
  140. }
  141. #content {
  142. margin-top:0px;
  143. }
  144. .wrap {
  145. {block:PermalinkPage}margin:100px 0px 50px 0px;{/block:PermalinkPage}
  146. {block:IndexPage}margin:100px 0px;{/block:IndexPage}
  147. }
  148. .post {
  149. overflow:visible;
  150. position:relative;
  151. }
  152. .post img {
  153. max-width:100%;
  154. height:auto;
  155. margin:auto;
  156. }
  157. .post .caption *:first-child,
  158. .post .body *:first-child,
  159. .post .source *:first-child {
  160. margin-top:0px;
  161. }
  162. .post .caption *:last-child,
  163. .post .body *:last-child,
  164. .post .source *:last-child {
  165. margin-bottom:0px;
  166. }
  167. .post .caption {
  168. margin:1em 0px;
  169. {block:ifNotShowCaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowCaptions}
  170. }
  171. .post .body {
  172. margin:1em 0px;
  173. }
  174. .post .source {
  175. margin:1em 0px;
  176. text-align:right;
  177. }
  178. .post .media {
  179. overflow:hidden;
  180. margin-bottom:0px;
  181. padding:0px;
  182. }
  183. .post .media img {
  184. width:100%;
  185. display:block;
  186. {block:ifImageBorder}border-bottom:2px solid {color:border};{/block:ifImageBorder}
  187. }
  188. .post .media .photoset {
  189. width:100%;
  190. display:block;
  191. }
  192. .post .qn {
  193. padding:2.5%;
  194. text-align:left;
  195. margin-bottom:5px;
  196. font-weight:normal;
  197. border-top:1px solid {color:border};
  198. border-right:1px solid {color:border};
  199. border-bottom:2px solid {color:border};
  200. border-left:1px solid {color:border};
  201. }
  202. .post .quote {
  203. padding:;
  204. text-align:left;
  205. margin-bottom:5px;
  206. font-weight:normal;
  207. border-top:px solid {color:border};
  208. border-right:px solid {color:border};
  209. border-bottom:px solid {color:border};
  210. border-left:px solid {color:border};
  211. }
  212. .post .quote a:hover {
  213. color:{color:hover};
  214. }
  215. .post .chat .line {
  216. padding:1px 0;
  217. }
  218. .post .chat .label {
  219. margin-right:.5em;
  220. font-weight:bold;
  221. }
  222. .post .audio {
  223. height:27px;
  224. margin-bottom:3px;
  225. padding:1.5%;
  226. background-position:center;
  227. background-size:cover;
  228. background-color:#ffffff;
  229. border-top:1px solid {color:border};
  230. border-right:1px solid {color:border};
  231. border-bottom:2px solid {color:border};
  232. border-left:1px solid {color:border};
  233. }
  234. .post .audio .plyr {
  235. width:27px;
  236. height:27px;
  237. overflow:hidden;
  238. position:absolute;
  239. }
  240. .post .audio .track {
  241. background-color:#fff;
  242. height:27px;
  243. left:37px;
  244. position:relative;
  245. line-height:27px;
  246. overflow:hidden;
  247. padding:0px 10px;
  248. display:none;
  249. }
  250. .post .info {
  251. text-transform:lowercase;
  252. text-align:right;
  253. margin:0.75em 0px;
  254. }
  255. .post .tagged {
  256. {block:ifNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowTags}
  257. }
  258. .post.perma {
  259. text-transform:lowercase;
  260. margin:50px 0px;
  261. }
  262. .post.perma a {
  263. text-decoration:none;
  264. }
  265. .post.n {
  266. margin:50px 0px 100px 0px;
  267. }
  268. .notes ol {
  269. list-style-type:none;
  270. padding:0px;
  271. }
  272. .notes li,
  273. .notes li a {
  274. color:{color:text};
  275. text-decoration:none;
  276. }
  277. .notes a:hover {
  278. color:{color:hover};
  279. }
  280. .notes img {
  281. display:none;
  282. }
  283. .pagination {
  284. margin:100px 0px;
  285. text-align:right;
  286. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  287. }
  288. #sidebar {
  289. {block:ifNotHeaderVersion}margin-left:-275px;
  290. position:fixed;
  291. width:150px;
  292. padding:0px 0px 0px 50px;{/block:ifNotHeaderVersion}
  293. margin-top:100px;
  294. {block:ifCentered}text-align:center;{/block:ifCentered}
  295. }
  296. #sidebar .description {
  297. margin-bottom:1.45em;
  298. text-align:justify;
  299. }
  300. #sidebar .title a {
  301. {block:ifUppercaseTitle}text-transform:uppercase;{/block:ifUppercaseTitle}
  302. text-decoration:none;
  303. {block:ifSpacedTitle}letter-spacing:0.5em; margin-right:-0.5em;{/block:ifSpacedTitle}
  304. {block:ifNotSpacedTitle}letter-spacing:1px; margin-right:-1px;{/block:ifNotSpacedTitle}
  305. font-size:1.45em;
  306. line-height:1.15em;
  307. color:{color:text};
  308. }
  309. #sidebar .nav {
  310. list-style-type:none;
  311. margin-top:1.45em;
  312. padding:0px;
  313. }
  314. #sidebar .nav .sp {
  315. {block:ifInlineNav}display:inline-block; width:.50em;{/block:ifInlineNav}
  316. }
  317. #sidebar .nav .sp:last-child {
  318. width:0px;
  319. }
  320. #infscr-loading {
  321. display:none!important;
  322. }
  323. #tc {
  324. bottom:0px;
  325. right:0px;
  326. position:fixed;
  327. padding:4px;
  328. z-index:1000;
  329. }
  330. #tc a {
  331. font-size:8px;
  332. padding:3px;
  333. background-color:transparent;
  334. font-family:calibri;
  335. letter-spacing:0px;
  336. text-decoration:none;
  337. }
  338. #tc a:hover {
  339. text-decoration:none;
  340. }
  341. </style>
  342. </head>
  343. <body>
  344. <div id="main">
  345. <div id="sidebar">
  346. <div class="description">{Description}</div>
  347. <div class="title"><a href="/">{Title}</a></div>
  348. <div class="nav">{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a><div class="sp"></div>{/block:ifLink1}{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a><div class="sp"></div>{/block:ifLink2}{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a><div class="sp"></div>{/block:ifLink3}{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a><div class="sp"></div>{/block:ifLink4}{block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a><div class="sp"></div>{/block:ifLink5}{block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:ifLink6}</div>
  349. </div>
  350. <div id="content">
  351. {block:Posts}<div class="wrap">
  352. <div class="post">
  353. {block:Answer}<!-- answer --><div class="qn"><span class="asker">{Asker}</span>:&ensp;<span class="q">{Question}</span></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audio">{block:AudioPlayer}<div class="plyr">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="track">{block:Artist}{Artist}{/block:Artist} &ndash; {block:TrackName}{TrackName}{/block:TrackName}</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h3>{Title}</h3>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}<span class="uh">{Line}</span></div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- link --><h3><a href="{URL}">{Name}</a></h3>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}"/>{LinkCloseTag}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{Photoset}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/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}<h3>{Title}</h3>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  354. {block:IndexPage}{block:Date}<div class="info">{block:ifShowTime}<a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>&nbsp; {/block:ifShowTime}{block:ifShowDate}<a href="{Permalink}">{MonthNumber}/{DayOfMonthWithZero}</a>&nbsp; {/block:ifShowDate}{block:ifShowNotes}<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp; {/block:ifShowNotes}{block:HasTags}<span class="tagged">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>&nbsp; {/block:Tags}</span>{/block:HasTags}</div>{/block:Date}{/block:IndexPage}
  355. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  356. </div>
  357. </div>
  358. {block:PermalinkPage}<div class="perma post">{block:Date}{lang:Posted on Month DayOfMonth Year with NoteCount notes}{block:RebloggedFrom}<br/>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}&nbsp; &middot;&nbsp; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<br/>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}{/block:Date}</div>{/block:PermalinkPage}
  359. {block:PostNotes}<div class="post n"><div class="notes">{PostNotes}</div></div>{/block:PostNotes}
  360. {/block:Posts}
  361. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">back</a>{/block:PreviousPage}{block:ifJumpPagination}&nbsp;&nbsp;{block:JumpPagination length="5"}{block:CurrentPage}<span class="current">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}{block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}{/block:JumpPagination}{/block:ifJumpPagination}{block:ifNotJumpPagination}{block:NextPage}{block:PreviousPage}&nbsp;&nbsp;&middot;&nbsp;&nbsp;{/block:PreviousPage}{/block:NextPage}{/block:ifNotJumpPagination}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  362. </div>
  363. </div>
  364. <div id="tc"><script language="JavaScript">
  365. var ref = (''+document.referrer+'');
  366. var w_h = window.screen.width + " x " + window.screen.height;
  367. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4091188&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  368. </script></div>
  369. <script type="text/javascript">
  370. $(function(){
  371. $('#content').fitVids();
  372. {block:IndexPage}{block:ifInfiniteScroll}
  373. $('#content').infinitescroll({
  374. navSelector:"div.pagination",
  375. nextSelector:"div.pagination a.next",
  376. itemSelector:"#content div.wrap",
  377. bufferPx:2000,
  378. },function( newElements ){
  379. $( newElements ).fitVids()
  380. });
  381. {/block:ifInfiniteScroll}{/block:IndexPage}
  382. });
  383. </script>
  384. </body>
  385. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement