API tools faq
paste
kthms

yuri theme (updated)

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