API tools faq
paste
kthms

theme four

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