API tools faq
paste
Advertisement
oikawas

selkas theme 3

oikawas
Dec 18th, 2014
245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.82 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. theme by selkas.tumblr.com
  9.  
  10.  
  11.  
  12. -->
  13. <title>{Title}</title>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:text" content="#4f4f4f"/>
  17. <meta name="color:hover" content="#8f8f8f"/>
  18. <meta name="color:border" content="#eaeaea"/>
  19. <meta name="color:scrollbar" content="#cdcdcd"/>
  20. <meta name="select:font" content="georgia, times, 'times new roman', serif" title="georgia"/>
  21. <meta name="select:font" content="consolas, 'courier new', monospace" title="consolas"/>
  22. <meta name="select:font" content="arial, helvetica, sans-serif" title="arial"/>
  23. <meta name="if:500px" content="0"/>
  24. <meta name="if:spaced title" content="1"/>
  25. <meta name="if:show captions" content="1"/>
  26. <meta name="if:show time" content="1"/>
  27. <meta name="if:show date" content="1"/>
  28. <meta name="if:show notes" content="1"/>
  29. <meta name="if:show tags" content="1"/>
  30. <meta name="if:jump pagination" content="1"/>
  31. <meta name="if:endless scrolling" content="0"/>
  32. <meta name="text:link 1" content=""/>
  33. <meta name="text:link 1 url" content=""/>
  34. <meta name="text:link 2" content=""/>
  35. <meta name="text:link 2 url" content=""/>
  36. <meta name="text:link 3" content=""/>
  37. <meta name="text:link 3 url" content=""/>
  38. <meta name="text:link 4" content=""/>
  39. <meta name="text:link 4 url" content=""/>
  40. <meta name="text:link 5" content=""/>
  41. <meta name="text:link 5 url" content=""/>
  42. <meta name="text:link 6" content=""/>
  43. <meta name="text:link 6 url" content=""/>
  44. <link rel="shortcut icon" href="{Favicon}"/>
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  46. {block:ifEndlessScrolling}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifEndlessScrolling}
  47. <style type="text/css">
  48. ::-webkit-scrollbar {
  49. width:7px;
  50. height:7px;
  51. background-color:{color:background};
  52. }
  53. ::-webkit-scrollbar-track {
  54. background-color:{color:background};
  55. }
  56. ::-webkit-scrollbar-thumb {
  57. background-color:{color:scrollbar};
  58. border: 1px solid {color:background};
  59. }
  60. body {
  61. margin:0px;
  62. color:{color:text};
  63. font-family:{select:font};
  64. font-size:9px;
  65. line-height:1.5em;
  66. word-wrap:break-word;
  67. text-align:justify;
  68. background-color:{color:background};
  69. }
  70. * {
  71. -ms-transition:all 0s linear;
  72. -moz-transition:all 0s linear;
  73. -webkit-transition:all 0s linear;
  74. transition:all 0s linear;
  75. }
  76. blockquote {
  77. margin:.75em 2em;
  78. padding:.33em 2em;
  79. border-left:1px solid {color:border};
  80. }
  81. pre {
  82. white-space:normal;
  83. }
  84. a img {
  85. border:0px;
  86. }
  87. a {
  88. color:{color:text};
  89. text-decoration:none;
  90. }
  91. a:hover {
  92. color:{color:hover};
  93. }
  94. small, sub {
  95. font-size:1em;
  96. vertical-align:middle;
  97. }
  98. ol {
  99. padding-left:2.25em;
  100. margin:.75em 0;
  101. }
  102. ul {
  103. padding-left:2.25em;
  104. margin:.75em 0;
  105. list-style-type:square;
  106. }
  107. p {
  108. margin:.75em 0;
  109. }
  110. h3 {
  111. font-weight:normal;
  112. line-height:1em;
  113. font-size:1.33em;
  114. }
  115. h3 a:hover {
  116. color:{color:hover};
  117. }
  118. #main {
  119. margin:0px auto;
  120. {block:ifNot500px}width:250px;{/block:ifNot500px}
  121. {block:if500px}width:500px;{/block:if500px}
  122. }
  123. .wrap {
  124. {block:PermalinkPage}margin:125px 0px 50px 0px;{/block:PermalinkPage}
  125. {block:IndexPage}margin:125px 0px;{/block:IndexPage}
  126. }
  127. .post img {
  128. max-width:100%;
  129. height:auto;
  130. }
  131. .post .caption a,
  132. .post .body a,
  133. .post .source a {
  134. text-decoration:none;
  135. }
  136. .post .caption *:first-child,
  137. .post .body *:first-child,
  138. .post .source *:first-child {
  139. margin-top:0px;
  140. }
  141. .post .caption *:last-child,
  142. .post .body *:last-child,
  143. .post .source *:last-child {
  144. margin-bottom:0px;
  145. }
  146. .post .caption {
  147. margin:1em 0px;
  148. {block:ifNotShowCaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowCaptions}
  149. }
  150. .caption h1, .caption h2, .caption h3, .caption h4 {
  151. font-size:1em;
  152. font-weight:normal;
  153. margin:.75em 0px;
  154. }
  155. .post .body {
  156. margin:1em 0px;
  157. }
  158. .post .source {
  159. margin:1em 0px;
  160. text-align:right;
  161. }
  162. .post .media {
  163. overflow:hidden;
  164. }
  165. .post .media img,
  166. .post .media .photoset {
  167. max-width:100%;
  168. display:block;
  169. margin:auto;
  170. }
  171. .post .media .photoset {
  172. width:100%;
  173. display:block;
  174. }
  175. .post .qn,
  176. .post .quote {
  177. font-weight:bold;
  178. }
  179. .post .chat .line {
  180. padding:1px 0;
  181. }
  182. .post .chat .label {
  183. margin-right:.5em;
  184. font-weight:bold;
  185. }
  186. .post .audio .tumblr_audio_player {
  187. width:100%;
  188. height:27px;
  189. }
  190. .post .info {
  191. margin-top:.75em;
  192. text-align:right;
  193. }
  194. .post .info a {
  195. margin:0 0 0 1em;
  196. color:{color:text};
  197. }
  198. .post .tagged {
  199. {block:ifNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowTags}
  200. }
  201. .post.perma {
  202. margin:50px 0px;
  203. }
  204. .post.n {
  205. margin:50px 0px 125px 0px;
  206. }
  207. .post.n a {
  208. text-decoration:none;
  209. }
  210. .post .notes ol {
  211. list-style-type:none;
  212. padding:0px;
  213. }
  214. .post .notes img {
  215. display:none;
  216. }
  217. .pagination {
  218. margin:125px 0px;
  219. text-align:right;
  220. {block:ifEndlessScrolling}display:none;{/block:ifEndlessScrolling}
  221. }
  222. .pagination a, .pagination .current {
  223. margin:0px 0px 0px 1em;
  224. }
  225. #header {
  226. margin-top:125px;
  227. font-size:9px;
  228. }
  229. #header .description {
  230. float:right;
  231. text-align:right;
  232. margin-bottom:1.45em;
  233. width:50%;
  234. }
  235. #header .title {
  236. width:50%;
  237. text-align:left;
  238. }
  239. #header .title a {
  240. text-transform:uppercase;
  241. text-decoration:none;
  242. {block:ifSpacedTitle}letter-spacing:0.5em;{/block:ifSpacedTitle}
  243. {block:ifNotSpacedTitle}letter-spacing:1px;{/block:ifNotSpacedTitle}
  244. font-size:1.45em;
  245. line-height:1.15em;
  246. color:{color:text};
  247. }
  248. #header .nav {
  249. margin-top:0.25em;
  250. width:50%;
  251. text-align:left;
  252. }
  253. #header .nav a {
  254. margin-right:0.75em;
  255. }
  256. #infscr-loading {
  257. display:none!important;
  258. }
  259. #tc {
  260. bottom:0px;
  261. left:0px;
  262. position:fixed;
  263. padding:4px;
  264. z-index:1000;
  265. }
  266. #tc a {
  267. font-size:8px;
  268. padding:3px;
  269. background-color:transparent;
  270. font-family:calibri;
  271. letter-spacing:0px;
  272. text-decoration:none;
  273. }
  274. #tc a:hover {
  275. text-decoration:none;
  276. }
  277. #back-top {
  278. font-size:13px;
  279. text-align:center;
  280. position:fixed;
  281. bottom:15%;
  282. {block:ifNot500px}right:-100px;{/block:ifNot500px}
  283. {block:if500px}right:-125px;{/block:if500px}
  284. width:50%;
  285. }
  286. #back-top span {
  287. cursor:pointer;
  288. padding:5px;
  289. }
  290.  
  291. #box{right: 20px;
  292. bottom: 12px;
  293. position: fixed;}
  294. #box a{border: none; padding-bottom: 2px; color: #4f4f4f;}
  295. #box #musica{overflow: hidden; width: 50px; height: 20px; display: inline-block; margin-bottom: -5px;}
  296.  
  297. </style>
  298. </head>
  299. <body>
  300. <div id="main">
  301. <div id="header">
  302. <div class="description"></div>
  303. <div class="title"><a href="/">{Title}</a></div>
  304. <div class="nav">{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:ifLink4}{block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:ifLink5}{block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:ifLink6}</div>
  305. </div>
  306. <div id="content">
  307. {block:Posts}<div class="wrap">
  308. <div class="post">
  309. {block:Answer}<div class="question" style="padding:15px;background:#f7f7f7; "> <strong>{Asker} asked:</strong> <i>{Question}</i></em></div><div class="answered" style="padding-left:10px;padding-right:10px;padding-bottom:5px;">{Answer}</div>{/block:Answer}
  310.  
  311. {block:Audio}<!-- audio --><div class="audio">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</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-500}"/>{LinkCloseTag}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{block:ifNot500px}{Photoset-250}{/block:ifNot500px}{block:if500px}{Photoset-500}{/block:if500px}</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">{block:ifNot500px}{Video-250}{/block:ifNot500px}{block:if500px}{Video-500}{/block:if500px}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  312. {block:IndexPage}{block:Date}<div class="info">{block:ifShowTime}<a href="{Permalink}">{24Hour}:{Minutes}</a>{/block:ifShowTime}{block:ifShowDate}<a href="{Permalink}">{MonthNumber}/{DayOfMonthWithZero}</a>{/block:ifShowDate}{block:ifShowNotes}<a href="{Permalink}">{NoteCount}</a>{/block:ifShowNotes}{block:HasTags}<span class="tagged">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>{/block:Date}{/block:IndexPage}
  313. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  314. </div>
  315. </div>
  316. {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}
  317. {block:PostNotes}<div class="post n"><div class="notes">{PostNotes}</div></div>{/block:PostNotes}
  318. {/block:Posts}
  319. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">back</a>{/block:PreviousPage}{block:ifJumpPagination}{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:ifJumpPagination}{block:ifNotJumpPagination}{block:NextPage}{block:PreviousPage}&middot;{/block:PreviousPage}{/block:NextPage}{/block:ifNotJumpPagination}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  320. </div>
  321. </div>
  322. <div id="tc"><a href="http://selkas.tumblr.com" title="theme">ㅅ</a></div>
  323. {block:ifEndlessScrolling}{block:IndexPage}<div id="back-top" title="scroll to top"><span>↑</span></div>
  324. <script>
  325. $('#content').infinitescroll({
  326. navSelector:"div.pagination",
  327. nextSelector:"div.pagination a.next",
  328. itemSelector:"#content div.wrap",
  329. bufferPx:4000,
  330. });
  331.  
  332. $(document).ready(function(){
  333. $("#back-top").hide();
  334. $(function () {
  335. $(window).scroll(function () {
  336. if ($(this).scrollTop() > 800) {
  337. $('#back-top').fadeIn();
  338. } else {
  339. $('#back-top').fadeOut();
  340. }
  341. });
  342. $('#back-top span').click(function () {
  343. $('body,html').animate({
  344. scrollTop: 0
  345. }, 800);
  346. return false;
  347. });
  348. });
  349.  
  350. });
  351. </script>
  352. <!-- credit: http://webdesignerwall.com/tutorials/animated-scroll-to-top -->
  353. {/block:IndexPage}{/block:ifEndlessScrolling}
  354.  
  355. <div id="box">
  356. <div style="font-size:11px;color:#4f4f4f;"><script language="JavaScript">
  357. var ref = (''+document.referrer+'');
  358. var w_h = window.screen.width + " x " + window.screen.height;
  359. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4226079&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  360. </script>
  361. /
  362. <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2601835&name="></script> |
  363.  
  364. <div id="musica">
  365.  
  366.  
  367. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false
  368.  
  369. &f0=http://k007.kiwi6.com/hotlink/bd96w04r5c/tumblr_m80cfucroL1qaf01mo1.mp3&t0=oh my prince - neon bunny
  370.  
  371. &f1=http://a.tumblr.com/tumblr_n221izssNA1rl4u7mo1.mp3&t1=it's you - neon bunny
  372.  
  373. &f2=https://a.tumblr.com/tumblr_mdgdoeR3Gy1qi931eo1.mp3&t2=야광토끼 (Neon Bunny)- 비눗방울
  374.  
  375. &total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  376. </div></div></div>
  377.  
  378. </body>
  379. </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!