Guest User

Untitled

a guest
Jan 28th, 2015
210
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.01 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="image:side" content=""/>
  13. <meta name="image:sidebar" content=""/>
  14. <meta name="image:favicon" content=""/>
  15. <meta name="color:text" content="#8a8a8a"/>
  16. <meta name="color:link" content="#b0c1f0"/>
  17. <meta name="color:link hover" content="#dedede"/>
  18. <meta name="color:background" content="#fff8fd"/>
  19. <meta name="color:post background" content="#ffffff"/>
  20. <meta name="color:post border" content="#ebebf6"/>
  21. <meta name="color:blockquote border" content="#f0f0fa"/>
  22. <meta name="color:navigation" content="#cbcbcb"/>
  23. <meta name="color:post info" content="#cbcbcb"/>
  24. <meta name="color:title" content="#8a8a8a"/>
  25. <meta name="color:title background" content="#faf9fe"/>
  26. <meta name="color:title border" content="#e3e3fa"/>
  27. <meta name="color:selection" content="#f9f7ff"/>
  28. <meta name="color:scrollbar" content="#111111"/>
  29. <meta name="select:side image position" content="left:0px;" title="left"/>
  30. <meta name="select:side image position" content="right:0px;" title="right"/>
  31. <meta name="if:pixel font" content="1"/>
  32. <meta name="if:250px" content="1"/>
  33. <meta name="if:show description" content="1"/>
  34. <meta name="if:show captions" content="1"/>
  35. <meta name="if:show tags" content="1"/>
  36. <meta name="if:show via src" content="1"/>
  37. <meta name="if:endless scrolling" content="0"/>
  38. <meta name="if:faded images" content="1"/>
  39. <meta name="if:stretch background" content="0"/>
  40. <meta name="text:side image width" content="auto"/>
  41. <meta name="text:home link" content="refresh"/>
  42. <meta name="text:archive link" content="history"/>
  43. <meta name="text:ask link" content="message"/>
  44. <meta name="text:link 1" content=""/>
  45. <meta name="text:link 1 url" content=""/>
  46. <meta name="text:link 2" content=""/>
  47. <meta name="text:link 2 url" content=""/>
  48. <meta name="text:link 3" content=""/>
  49. <meta name="text:link 3 url" content=""/>
  50. <meta name="text:link 4" content=""/>
  51. <meta name="text:link 4 url" content=""/>
  52. <meta name="text:link 5" content=""/>
  53. <meta name="text:link 5 url" content=""/>
  54. <meta name="text:link 6" content=""/>
  55. <meta name="text:link 6 url" content=""/>
  56. {block:ifNotFaviconImage}<link rel="shortcut icon" href="{Favicon}"/>{/block:ifNotFaviconImage}{block:ifFaviconImage}<link rel="shortcut icon" href="{image:favicon}"/>{/block:ifFaviconImage}
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  58. {block:ifEndlessScrolling}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifEndlessScrolling}
  59. <style type="text/css">
  60. {block:ifPixelFont}@font-face {
  61. font-family:silkscreen; src:url('http://static.tumblr.com/qudkd6d/Tn7mzmloy/slkscr-webfont.eot?') format('eot'), url('http://static.tumblr.com/qudkd6d/RWimzmlpj/slkscr-webfont.woff') format('woff'), url('http://static.tumblr.com/qudkd6d/cCImzlwg7/slkscr.ttf') format('truetype'), url('http://static.tumblr.com/qudkd6d/Y7Nmzmlzm/slkscr-webfont.svg') format('svg');
  62. }
  63. h3,
  64. .post .qn,
  65. .post .quote,
  66. .post .audio .track,
  67. .post .info,
  68. .post.n h1,
  69. .post .notes li,
  70. #pagination,
  71. #sidebar .nav {
  72. font-family:silkscreen, 'courier new', monospace;
  73. letter-spacing:0px;
  74. text-transform:uppercase;
  75. font-size:8px;
  76. }{/block:ifPixelFont}
  77. {block:ifNotPixelFont}h3,
  78. .post .qn,
  79. .post .quote,
  80. .post .audio .track,
  81. .post .info,
  82. .post.n h1,
  83. .post .notes li,
  84. #pagination,
  85. #sidebar .nav {
  86. font-family:inherit;
  87. font-style:normal;
  88. letter-spacing:inherit;
  89. text-transform:lowercase;
  90. font-size:9px;
  91. line-height:1.5em;
  92. }{/block:ifNotPixelFont}
  93. ::selection {
  94. background-color:{color:selection};
  95. color:inherit;
  96. }
  97. ::-webkit-scrollbar {
  98. width:8px;
  99. height:8px;
  100. background-color:{color:background};
  101. }
  102. ::-webkit-scrollbar-track {
  103. background-color:{color:background};
  104. }
  105. ::-webkit-scrollbar-thumb {
  106. background-color:{color:scrollbar};
  107. border: 2px solid {color:background};
  108. }
  109. body {
  110. margin:0px;
  111. color:{color:text};
  112. font-family:arial, helvetica, sans-serif;
  113. font-size:9px;
  114. line-height:1.45em;
  115. word-wrap:break-word;
  116. background-color:{color:background};
  117. background-attachment:fixed;
  118. background-position:center;
  119. {block:ifBackgroundImage}background-image: url("{image:Background}");{/block:ifBackgroundImage}
  120. {block:ifStretchBackground}background-size:cover;{/block:ifStretchBackground}
  121. }
  122. * {
  123. -ms-transition:all 0s linear;
  124. -moz-transition:all 0s linear;
  125. -webkit-transition:all 0s linear;
  126. transition:all 0s linear;
  127. }
  128. blockquote {
  129. margin:.80em .80em;
  130. padding:0em .80em;
  131. border-left:2px solid {color:blockquote border};
  132. }
  133. pre {
  134. white-space:normal;
  135. }
  136. img {
  137. max-width:100%;
  138. height:auto;
  139. }
  140. a img {
  141. border:0px;
  142. }
  143. a, a * {
  144. color:{color:link};
  145. text-decoration:none;
  146. }
  147. a:hover, a *:hover {
  148. color:{color:link hover};
  149. }
  150. small, sub, small *, sub * {
  151. font-size:1em;
  152. }
  153. ol {
  154. padding-left:2.25em;
  155. list-style-type:lower-roman;
  156. }
  157. ul {
  158. padding-left:2.25em;
  159. list-style-type:square;
  160. }
  161. p {
  162. margin:.80em 0;
  163. }
  164. h3 {
  165. margin:6px;
  166. padding:11px;
  167. font-weight:normal;
  168. line-height:1.15em;
  169. color:{color:title};
  170. border:1px dashed {color:title border};
  171. background-color:{color:title background};
  172. text-align:center;
  173. }
  174. h3, h3 * {
  175. font-size:11px;
  176. color:{color:title};
  177. }
  178. h3 a:hover {
  179. color:{color:link hover};
  180. }
  181. #main {
  182. margin:0px auto;
  183. }
  184. #main.sm {
  185. width:450px;
  186. }
  187. #main.md {
  188. width:600px;
  189. }
  190. #content {
  191. margin-top:50px;
  192. margin-bottom:50px;
  193. position:relative;
  194. left:170px;
  195. }
  196. .sm #content {
  197. width:280px;
  198. }
  199. .md #content {
  200. width:430px;
  201. }
  202. .wrap {
  203. margin:25px 0px;
  204. border:1px solid {color:post border};
  205. background-color:{color:post background};
  206. padding:14px;
  207. }
  208. .post {
  209. overflow:hidden;
  210. position:relative;
  211. }
  212. .post .caption *:first-child,
  213. .post .body *:first-child,
  214. .post .source *:first-child {
  215. margin-top:0px;
  216. }
  217. .post .caption *:last-child,
  218. .post .body *:last-child,
  219. .post .source *:last-child {
  220. margin-bottom:0px;
  221. }
  222. .post .caption a,
  223. .post .body a,
  224. .post .source a {
  225. padding:0px 1px;
  226. }
  227. .post .caption a:hover,
  228. .post .body a:hover,
  229. .post .source a:hover {
  230. background-color:{color:link hover};
  231. color:{color:post background};
  232. }
  233. .post .caption {
  234. margin-top:9px;
  235. padding:9px 9px 0px 9px;
  236. {block:PermalinkPage}margin-bottom:18px;{block:PermalinkPage}
  237. {block:ifNotShowCaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowCaptions}
  238. }
  239. .post .body {
  240. padding:9px 9px 0px 9px;
  241. {block:PermalinkPage}margin-bottom:9px;{block:PermalinkPage}
  242. }
  243. .post .source {
  244. padding:9px 9px 0px 9px;
  245. {block:PermalinkPage}margin-bottom:9px;{block:PermalinkPage}
  246. text-align:right;
  247. }
  248. .post .media {
  249. overflow:hidden;
  250. margin-bottom:0px;
  251. {block:ifFadedImages}opacity:.89;{/block:ifFadedImages}
  252. }
  253. .post .media:hover {
  254. {block:ifFadedImages}opacity:.89;{/block:ifFadedImages}
  255. }
  256. .post .media img {
  257. display:block;
  258. width:100%;
  259. }
  260. .post .qn {
  261. padding:14px;
  262. margin:3px;
  263. color:{color:title};
  264. border:1px dashed {color:title border};
  265. background-color:{color:title background};
  266. }
  267. .post .qn .asker,
  268. .post .qn .asker a {
  269. color:{color:title};
  270. }
  271. .post .qn a:hover {
  272. color:{color:link hover};
  273. }
  274. .post .quote {
  275. padding:10px;
  276. text-align:left;
  277. margin:6px;
  278. font-weight:normal;
  279. color:{color:title};
  280. border:1px dashed {color:title border};
  281. background-color:{color:title background};
  282. }
  283. .post .quote,
  284. .post .quote * {
  285. color:{color:title};
  286. }
  287. .post .quote a:hover {
  288. color:{color:link hover};
  289. }
  290. .post .chat {
  291. padding:5px 10px;
  292. }
  293. .post .chat .line {
  294. padding:1px 0;
  295. }
  296. .post .chat .label {
  297. margin-right:.5em;
  298. color:{color:title};
  299. font-weight:bold;
  300. }
  301. .post .audio {
  302. padding:6px;
  303. margin:6px;
  304. background-color:#ffffff;
  305. border:1px dashed {color:title border};
  306. }
  307. .post .audio .plyr {
  308. width:27px;
  309. height:27px;
  310. overflow:hidden;
  311. position:absolute;
  312. }
  313. .post .audio .track {
  314. background-color:#fff;
  315. color:{color:title};
  316. height:27px;
  317. left:30px;
  318. position:relative;
  319. line-height:27px;
  320. overflow:hidden;
  321. padding:0px 6px;
  322. }
  323. .sm .post .audio .track {
  324. width:185px;
  325. }
  326. .md .post .audio .track {
  327. width:323px;
  328. }
  329. .lg .post .audio .track {
  330. width:423px;
  331. }
  332. .post .info {
  333. text-align:left;
  334. color:{color:post info};
  335. padding:18px 9px 9px 9px;
  336. }
  337. .post .info .from {
  338. {block:ifNotShowViaSrc}display:none;{/block:ifNotShowViaSrc}
  339. }
  340. .post .info a {
  341. color:{color:post info};
  342. padding:0px 1px;
  343. }
  344. .post .info a:hover {
  345. color:{color:text};
  346. }
  347. .post .tagged {
  348. display:none;
  349. {block:ifShowTags}display:block;{/block:ifShowTags}
  350. }
  351. .post.n h1 {
  352. padding:9px;
  353. font-weight:normal;
  354. color:{color:post info};
  355. }
  356. .post.n h1 a {
  357. color:{color:post info};
  358. }
  359. .post.n h1 a:hover {
  360. color:{color:link hover};
  361. }
  362. .post .notes {
  363. padding:0px 9px 0px 9px;
  364. }
  365. .post .notes ol {
  366. list-style-type:none;
  367. padding:0;
  368. }
  369. .post .notes li,
  370. .post .notes li * {
  371. color:{color:text};
  372. }
  373. .post .notes a:hover,
  374. .post .notes a *:hover {
  375. background-color:transparent;
  376. color:{color:link hover};
  377. }
  378. .post .notes img {
  379. display:none!important;
  380. position:relative;
  381. top:1px;
  382. margin-right:10px;
  383. height:10px;
  384. line-height:0!important;
  385. display:inline;
  386. }
  387. #sidebar {
  388. height:100%;
  389. top:0px;
  390. position:fixed;
  391. width:120px;
  392. }
  393. #sidebar #sidebartable,
  394. #sidebar #sidebartr {
  395. height:100%;
  396. width:100%;
  397. border-spacing:0px;
  398. margin:0px;
  399. padding:0px;
  400. vertical-align:top;
  401. }
  402. #sideimg {
  403. margin:50px 0px 0px 0px;
  404. background-color:{color:post background};
  405. border:1px solid {color:post border};
  406. padding:12px;
  407. width:94px;
  408. }
  409. #sideimg img {
  410. display:block;
  411. max-width:100%;
  412. height:auto;
  413. }
  414. #navigation {
  415. margin:9px 0px 9px 0px;
  416. {block:ifnotsidebarimage}margin-top:50px;{/block:ifNotSidebarImage}
  417. background-color:{color:post background};
  418. border:1px solid {color:post border};
  419. padding:9px;
  420. width:100px;
  421. }
  422. #sidebar .nav {
  423. color:{color:navigation};
  424. }
  425. #sidebar .nav a {
  426. display:block;
  427. color:{color:navigation};
  428. padding:1px 3px;
  429. }
  430. #sidebar .nav a:hover {
  431. color:{color:post background};
  432. background-color:{color:link hover};
  433. }
  434. #description {
  435. margin:9px 0px 9px 0px;
  436. background-color:{color:post background};
  437. border:1px solid {color:post border};
  438. padding:9px;
  439. width:100px;
  440. }
  441. #sidebar .description {
  442. margin:5px;
  443. line-height:1.45em;
  444. }
  445. #pagination {
  446. margin:9px 0px 50px 0px;
  447. width:125px;
  448. text-align:left;
  449. {block:ifEndlessScrolling}display:none;{/block:ifEndlessScrolling}
  450. }
  451. #pagination .next,
  452. #pagination .back {
  453. text-align:center;
  454. display:block;
  455. {block:NextPage}{block:PreviousPage}display:inline-block;
  456. width:43px;{/block:PreviousPage}{/block:NextPage}
  457. background-color:{color:post background};
  458. padding:6px;
  459. margin-right:5px;
  460. border:1px solid {color:post border};
  461. color:{color:navigation};
  462. }
  463. #pagination a {
  464. color:{color:navigation};
  465. }
  466. #pagination a:hover {
  467. color:{color:text};
  468. }
  469. #infscr-loading {
  470. display:none!important;
  471. opacity:0;
  472. }
  473. #tc {
  474. bottom:0px;
  475. right:0px;
  476. position:fixed;
  477. padding:4px;
  478. z-index:1000;
  479. }
  480. #tc a {
  481. font-size:8px;
  482. padding:3px;
  483. background-color:transparent;
  484. font-family:arial;
  485. letter-spacing:0px;
  486. }
  487. #tc a:hover {
  488. text-decoration:none;
  489. }
  490. </style>
  491. </head>
  492. <body>
  493. <img src="{image:side}" style="position:fixed; width:{text:side image width}; height:auto; bottom:0px; {select:side image position} z-index:-100;"/>
  494. <div id="main" class="{block:if250px}sm{/block:if250px}{block:ifNot250px}md{/block:ifNot250px}">
  495. <div id="sidebar">
  496. <table id="sidebartable"><tr id="sidebartr"><td>{block:ifSidebarImage}<div id="sideimg"><a href="/"><img src="{image:sidebar}"/></a></div>{/block:ifSidebarImage}<div id="navigation"><div class="nav">{block:ifHomeLink}<a href="/">{text:home link}</a>{/block:ifHomeLink}{block:ifArchiveLink}<a href="/archive">{text:archive link}</a>{/block:ifArchiveLink}{block:ifAskLink}<a href="/ask">{text:ask link}</a>{/block:ifAskLink}{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></div>{block:ifShowDescription}<div id="description"><div class="description">{Description}</div></div>{/block:ifShowDescription}{block:Pagination}<div id="pagination">{block:PreviousPage}<span class="back"><a id="back" href="{PreviousPage}">back</a></span>{/block:PreviousPage}{block:NextPage}<span class="next"><a id="next" href="{NextPage}">next</a></span>{/block:NextPage}</div>{/block:Pagination}</td></tr></table>
  497. </div>
  498. <div id="content">
  499. {block:Posts}<div class="wrap">
  500. <div class="post">
  501. {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-500}"/>{LinkCloseTag}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{block:if250px}{Photoset-250}{/block:if250px}{block:ifNot250px}{Photoset-400}{/block:ifNot250px}</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">{block:if250px}{Video-250}{/block:if250px}{block:ifNot250px}{Video-400}{/block:ifNot250px}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  502. {block:IndexPage}{block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a>{block:RebloggedFrom}<span class="from" style="float:right"><a href="{ReblogParentURL}">via</a>{block:ContentSource} <a href="{ReblogRootURL}">src</a>{/block:ContentSource}</span>{/block:RebloggedFrom}{block:HasTags}<span class="tagged">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>{/block:Date}{/block:IndexPage}
  503. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  504. </div>
  505. {block:PostNotes}<div class="post n"><h1>posted {DayOfWeek}, {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}{block:RebloggedFrom}<br/>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &middot; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<br/>tags: {block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}{/block:HasTags}</h1><div class="notes">{PostNotes}</div></div>{/block:PostNotes}
  506. </div>
  507. {/block:Posts}
  508. </div>
  509. </div>
  510. <div id="tc"><a href="http://selkas.tumblr.com">ㅅ</a></div>
  511. {block:ifEndlessScrolling}<script>
  512. $('#content').infinitescroll({
  513. navSelector:"div#pagination",
  514. nextSelector:"div#pagination a#next",
  515. itemSelector:"#content div.wrap",
  516. bufferPx:2000,
  517. });
  518. </script>{/block:ifEndlessScrolling}
  519. </body>
  520. </html>
Add Comment
Please, Sign In to add comment