API tools faq
paste
kthms

shadow theme

kthms
Aug 2nd, 2014 (edited)
9,598
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.62 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. shadow theme by shythemes
  9. http://shythemes.tumblr.com
  10.  
  11.  
  12.  
  13. -->
  14. <title>{Title}</title>
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  16. <link rel="shortcut icon" href="{Favicon}"/>
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18. <meta name="image:background" content=""/>
  19. <meta name="image:content" content="http://static.tumblr.com/631a73a25a5b08210c5f8550aa130f5c/qudkd6d/QQ2n9s9v9/tumblr_static_bkypsnu34u0wswgg0osk0kc8g.png"/>
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:content bg" content="#ffffff"/>
  22. <meta name="color:title" content="#3f3f3f"/>
  23. <meta name="color:title shadow" content="#d5ffee"/>
  24. <meta name="color:description" content="#4f4f4f"/>
  25. <meta name="color:link border" content="#dddddd"/>
  26. <meta name="color:header text" content="#4f4f4f"/>
  27. <meta name="color:header bg" content="#fbfbfb"/>
  28. <meta name="color:nav text" content="#4f4f4f"/>
  29. <meta name="color:nav bg" content="#ffffff"/>
  30. <meta name="color:caption text" content="#606060"/>
  31. <meta name="color:caption bg" content="#fbfbfb"/>
  32. <meta name="color:permalink text" content="#4f4f4f"/>
  33. <meta name="color:permalink bg" content="#f7ffc4"/>
  34. <meta name="color:tags text" content="#4f4f4f"/>
  35. <meta name="color:tags bg" content="#ffffff"/>
  36. <meta name="color:scrollbar" content="#dddddd"/>
  37. <meta name="select:align" content="center" title="center"/>
  38. <meta name="select:align" content="left" title="left"/>
  39. <meta name="select:align" content="right" title="right"/>
  40. <meta name="select:layout" content="topbar" title="topbar"/>
  41. <meta name="select:layout" content="left" title="left sidebar"/>
  42. <meta name="select:layout" content="right" title="right sidebar"/>
  43. <meta name="select:sidebar position" content="top" title="top"/>
  44. <meta name="select:sidebar position" content="middle" title="middle"/>
  45. <meta name="select:sidebar position" content="bottom" title="bottom"/>
  46. <meta name="if:hover captions" content="1"/>
  47. <meta name="if:show captions" content="1"/>
  48. <meta name="if:show tags" content="1"/>
  49. <meta name="if:letter spacing" content="1"/>
  50. <meta name="if:uppercase" content="1"/>
  51. <meta name="if:infinite scroll" content="1"/>
  52. <meta name="text:post size" content="300"/>
  53. <meta name="text:font size" content=""/>
  54. <meta name="text:font family" content=""/>
  55. <meta name="text:home link" content=""/>
  56. <meta name="text:archive link" content=""/>
  57. <meta name="text:ask link" content=""/>
  58. <meta name="text:link 1" content=""/>
  59. <meta name="text:link 1 url" content=""/>
  60. <meta name="text:link 2" content=""/>
  61. <meta name="text:link 2 url" content=""/>
  62. <meta name="text:link 3" content=""/>
  63. <meta name="text:link 3 url" content=""/>
  64. <meta name="text:link 4" content=""/>
  65. <meta name="text:link 4 url" content=""/>
  66. <meta name="text:link 5" content=""/>
  67. <meta name="text:link 5 url" content=""/>
  68. <meta name="text:link 6" content=""/>
  69. <meta name="text:link 6 url" content=""/>
  70. <style type="text/css">
  71. ::-webkit-scrollbar {
  72. width:4px;
  73. height:4px;
  74. background-color:{color:background};
  75. }
  76. ::-webkit-scrollbar-track {
  77. background-color:inherit;
  78. }
  79. ::-webkit-scrollbar-thumb {
  80. background-color:{color:scrollbar};
  81. }
  82. body {
  83. margin:0px;
  84. background-color:{color:background};
  85. color:{color:description};
  86. font-family:'courier new', courier, monospace;
  87. font-family:{text:font family}, 'courier new', courier, monospace;
  88. font-size:9px;
  89. font-size:{text:font size}px;
  90. line-height:1.4em;
  91. word-wrap:break-word;
  92. {block:ifUppercase}text-transform:uppercase;{/block:ifUppercase}
  93. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  94. {block:ifBackgroundImage}background-image:url('{image:background}');
  95. background-attachment:fixed;{/block:ifBackgroundImage}
  96. }
  97. blockquote, ol, ul, p, pre {
  98. margin-top:.67em;
  99. margin-bottom:.67em;
  100. }
  101. blockquote {
  102. margin-left:0px;
  103. margin-right:0px;
  104. padding:0px 1.33em;
  105. }
  106. pre {
  107. white-space:normal;
  108. font-family:'courier new', courier, monospace;
  109. padding:5px;
  110. background-color:rgba(0,0,0,.03);
  111. }
  112. img {
  113. border:0px;
  114. }
  115. a {
  116. color:inherit;
  117. text-decoration:none;
  118. cursor:crosshair;
  119. }
  120. small, sub {
  121. font-size:1em;
  122. vertical-align:baseline;
  123. }
  124. h1 {
  125. font-size:14px;
  126. font-family:arial;
  127. font-weight:bold;
  128. font-style:italic;
  129. text-transform:none;
  130. letter-spacing:-1px;
  131. line-height:1.25em;
  132. margin:0px;
  133. padding:7px;
  134. color:{color:header text};
  135. background-color:{color:header bg};
  136. text-align:center;
  137. }
  138. h2, h3, h4, h5, h6 {
  139. font-size:1em;
  140. }
  141. #main {
  142. width:300px;
  143. width:{text:post size}px;
  144. max-width:494px;
  145. }
  146. .layout_left {
  147. padding-left:250px;
  148. }
  149. .layout_right {
  150. padding-right:250px;
  151. }
  152. .align_center {
  153. margin:0px auto;
  154. padding:0px 250px;
  155. }
  156. .align_left {
  157. position:absolute;
  158. left:75px;
  159. }
  160. .align_right {
  161. position:absolute;
  162. right:75px;
  163. }
  164. #topbar {
  165. text-align:center;
  166. max-width:200px;
  167. margin:0px auto 75px;
  168. }
  169. #left {
  170. position:fixed;
  171. top:0px;
  172. bottom:0px;
  173. height:100%;
  174. -moz-box-sizing:border-box;
  175. box-sizing:border-box;
  176. padding-top:125px;
  177. padding-bottom:125px;
  178. margin-left:-250px;
  179. width:125px;
  180. text-align:center;
  181. display:table;
  182. }
  183. #right {
  184. position:fixed;
  185. top:0px;
  186. bottom:0px;
  187. height:100%;
  188. -moz-box-sizing:border-box;
  189. box-sizing:border-box;
  190. padding-top:125px;
  191. padding-bottom:125px;
  192. margin-left:300px;
  193. margin-left:{text:post size}px;
  194. padding-left:125px;
  195. width:250px;
  196. text-align:center;
  197. display:table;
  198. }
  199. #left .cell,
  200. #right .cell {
  201. display:table-cell;
  202. width:125px;
  203. vertical-align:{select:sidebar position};
  204. }
  205. #left .title, #right .title,
  206. #left .nav, #right .nav,
  207. #left .description, #right .description {
  208. width:125px;
  209. -moz-box-sizing:border-box;
  210. box-sizing:border-box;
  211. }
  212. .title a {
  213. font-size:18px;
  214. line-height:1.15em;
  215. font-family:arial, sans-serif;
  216. font-weight:bold;
  217. text-transform:none;
  218. letter-spacing:-1px;
  219. color:{color:title};
  220. text-shadow:2px 2px 0px {color:title shadow};
  221. }
  222. .nav {
  223. margin-top:7px;
  224. font-size:8px;
  225. line-height:1.5em;
  226. font-family:'courier new', courier, monospace;
  227. letter-spacing:1px;
  228. text-transform:uppercase;
  229. margin-left:-3px;
  230. }
  231. .nav a {
  232. margin:3px;
  233. line-height:1.15em;
  234. color:{color:nav text};
  235. background-color:{color:nav bg};
  236. padding:3px 3px 2px 4px;
  237. display:inline-block;
  238. }
  239. .description {
  240. margin-top:10px;
  241. padding:7px;
  242. background-color:{color:background};
  243. }
  244. #content {
  245. margin:0px -50px;
  246. padding:75px 50px;
  247. background-color:{color:content bg};
  248. {block:ifContentImage}background-image:url('{image:content}');
  249. background-attachment:scroll;{/block:ifContentImage}
  250. }
  251. .entry {
  252. margin-bottom:75px;
  253. }
  254. .entry:last-child {
  255. margin-bottom:0px;
  256. }
  257. .post {
  258. position:relative;
  259. overflow:hidden;
  260. }
  261. .post a {
  262. border-bottom:1px solid {color:link border};
  263. }
  264. .post img {
  265. max-width:100%;
  266. height:auto;
  267. }
  268. .hover {
  269. position:absolute;
  270. top:3px;
  271. right:3px;
  272. bottom:3px;
  273. left:3px;
  274. }
  275. .overlay {
  276. display:none;
  277. }
  278. .hover .overlay {
  279. background-color:transparent;
  280. border:0;
  281. position:absolute;
  282. display:block;
  283. top:-3px;
  284. right:-3px;
  285. bottom:-3px;
  286. left:-3px;
  287. }
  288. .hover .caption {
  289. margin:0;
  290. opacity:0;
  291. position:absolute;
  292. right:0px;
  293. bottom:0px;
  294. left:0px;
  295. max-height:100%;
  296. -moz-box-sizing:border-box;
  297. box-sizing:border-box;
  298. overflow:auto;
  299. -moz-transition:opacity .15s linear;
  300. -webkit-transition:opacity .15s linear;
  301. -o-transition:opacity .15s linear;
  302. transition:opacity .15s linear;
  303. }
  304. .entry:hover .hover .caption {
  305. opacity:1;
  306. }
  307. .date {
  308. position:relative;
  309. font-size:8px;
  310. line-height:1.5em;
  311. font-family:'courier new', courier, monospace;
  312. letter-spacing:1px;
  313. text-transform:uppercase;
  314. text-align:left;
  315. }
  316. .date .permalink {
  317. display:inline-block;
  318. margin:3px 6px 0px 0px;
  319. padding:1px 2px 0px 3px;
  320. color:{color:permalink text};
  321. background-color:{color:permalink bg};
  322. }
  323. .tagged {
  324. display:inline-block;
  325. margin-top:3px;
  326. padding:1px 2px 0px 3px;
  327. color:{color:tags text};
  328. background-color:{color:tags bg};
  329. {block:IndexPage}opacity:0;
  330. position:absolute;
  331. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  332. -moz-transition:opacity .15s linear;
  333. -webkit-transition:opacity .15s linear;
  334. -o-transition:opacity .15s linear;
  335. transition:opacity .15s linear;
  336. }
  337. .entry:hover .tagged {
  338. opacity:1;
  339. }
  340. .caption,
  341. .body,
  342. .source {
  343. margin-top:3px;
  344. padding:7px;
  345. text-align:center;
  346. color:{color:caption text};
  347. background-color:{color:caption bg};
  348. }
  349. .caption *:first-child,
  350. .body *:first-child,
  351. .source *:first-child {
  352. margin-top:0px;
  353. }
  354. .caption *:last-child,
  355. .body *:last-child,
  356. .source *:last-child {
  357. margin-bottom:0px;
  358. }
  359. .caption {
  360. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  361. }
  362. .source {
  363. text-align:right;
  364. }
  365. .media {
  366. overflow:hidden;
  367. -moz-transition:opacity .15s linear;
  368. -webkit-transition:opacity .15s linear;
  369. -o-transition:opacity .15s linear;
  370. transition:opacity .15s linear;
  371. }
  372. .entry:hover .media {
  373. opacity:.9;
  374. }
  375. .media img,
  376. .media .photoset {
  377. max-width:100%;
  378. display:block;
  379. margin:0px auto;
  380. }
  381. .video iframe,
  382. .tumblr_video_container {
  383. display:block;
  384. max-width:100%;
  385. max-height:300px;
  386. {block:ifPostWidth}max-height:{text:post size}px;{/block:ifPostWidth}
  387. }
  388. .video #youtube_iframe {
  389. {block:IndexPage}
  390. max-height:200px;
  391. {block:ifPostWidth}max-height:calc({text:post size}px * 0.667);{/block:ifPostWidth}
  392. {/block:IndexPage}
  393. }
  394. .video .instagram-media {
  395. max-height:none!important;
  396. box-shadow:none!important;
  397. }
  398. .question,
  399. .quote {
  400. padding:7px;
  401. color:{color:header text};
  402. background-color:{color:header bg};
  403. }
  404. .chat .line {
  405. padding:3px;
  406. text-align:left;
  407. }
  408. .chat .label {
  409. margin-right:.5em;
  410. font-weight:bold;
  411. }
  412. .post .audio {
  413. text-align:left;
  414. background-color:rgba(0,0,0,1);
  415. padding:3px;
  416. height:27px;
  417. margin:auto;
  418. overflow:hidden;
  419. }
  420. .post .audio .plyr {
  421. width:27px;
  422. height:27px;
  423. overflow:hidden;
  424. position:absolute;
  425. }
  426. .post .audio .track {
  427. width:100%;
  428. height:27px;
  429. left:32px;
  430. position:relative;
  431. line-height:27px;
  432. overflow:hidden;
  433. text-transform:uppercase;
  434. font-size:8px;
  435. font-family:'courier new', monospace;
  436. letter-spacing:1px;
  437. color:rgba(255,255,255,.80);
  438. }
  439. .post.n {
  440. padding:7px;
  441. text-align:center;
  442. color:{color:caption text};
  443. background-color:{color:caption bg};
  444. max-height:250px;
  445. overflow:auto;
  446. }
  447. .post .notes ol {
  448. list-style-type:none;
  449. padding:0px;
  450. }
  451. .post .notes a {
  452. text-decoration:none;
  453. border-bottom:0px;
  454. background-color:transparent;
  455. }
  456. .post .notes img {
  457. display:none;
  458. }
  459. .pagination {
  460. margin-top:50px;
  461. font-size:8px;
  462. line-height:1.5em;
  463. font-family:'courier new', courier, monospace;
  464. letter-spacing:1px;
  465. text-transform:uppercase;
  466. text-align:center;
  467. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  468. }
  469. .pagination a, .pagination span {
  470. margin:3px;
  471. line-height:1.15em;
  472. color:{color:nav text};
  473. background-color:{color:nav bg};
  474. padding:3px 3px 2px 4px;
  475. display:inline-block;
  476. }
  477. #infscr-loading {
  478. display:none!important;
  479. }
  480. #tumblr_controls {
  481. -webkit-filter:invert(90%);
  482. -webkit-backface-visibility:hidden;
  483. opacity:.67;
  484. }
  485. #cr {
  486. bottom:0px;
  487. right:0px;
  488. position:fixed;
  489. z-index:1000;
  490. padding:8px 9px;
  491. background-color:{color:background};
  492. }
  493. #cr a {
  494. font-size:8px;
  495. line-height:8px;
  496. background-color:transparent;
  497. font-family:calibri;
  498. letter-spacing:0px;
  499. }
  500. </style>
  501. </head>
  502. <body>
  503. <div id="main" class="layout_{select:layout} align_{select:align}">
  504. <div id="content">
  505. <div id="{select:layout}"><div class="cell"><div class="title"><a href="/">{Title}</a></div><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>{block:Description}<div class="description">{Description}</div>{/block:Description}</div></div>
  506. {block:Posts}<article class="entry"><div class="post">
  507. {block:Answer}<!-- answer --><div class="question"><span class="asker">{Asker}</span>: <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">{AudioPlayerBlack}</div>{/block:AudioPlayer}<div class="track">{block:Artist}{Artist}{/block:Artist} &ndash; {block:TrackName}{TrackName}{/block:TrackName}</div></div>{/block:Audio}{block:Chat}<!-- chat --> {block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines} </div>{/block:Chat}{block:Link}<!-- link --><h1><a href="{URL}">{Name}</a></h1>{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:Photo}{block:Photoset}<!-- photoset --><div class="media">{Photoset}</div>{/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}<h1>{Title}</h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-250}</div>{/block:Video}
  508. <div class="{block:IndexPage}{block:ifHoverCaptions}{block:Photo}hover{/block:Photo}{block:Photoset}hover{/block:Photoset}{/block:ifHoverCaptions}{/block:IndexPage}"><a href="{Permalink}" class="overlay"></a>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
  509. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  510. </div>
  511. {block:Date}<div class="date"><a href="{Permalink}" class="permalink">{block:IndexPage}{NoteCount}{/block:IndexPage}{block:PermalinkPage}{DayOfMonth} {Month} {Year} @ {24Hour}:{Minutes}{/block:PermalinkPage}</a>{block:IndexPage}<a href="{ReblogURL}" class="permalink">+</a>{/block:IndexPage}{block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">/{Tag}</a> {/block:Tags}</div>{/block:HasTags}{block:PermalinkPage}{block:RebloggedFrom}<div class="tagged">{lang:Via} <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &ndash; {lang:Source}: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:PermalinkPage}</div>{/block:Date}
  512. </article>
  513. {block:PostNotes}<!-- post notes --><article class="entry"><div class="post n"><div class="notes">{PostNotes}</div></div></article>{/block:PostNotes}
  514. {/block:Posts}
  515. {block:Pagination}<article class="entry"><div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">{lang:Back}</a>{/block:PreviousPage}{block:NextPage}<a class="next" href="{NextPage}">{lang:Next}</a>{/block:NextPage}</div></article>{/block:Pagination}
  516. </div>
  517. </div>
  518. <div id="cr"><a href="http://shythemes.tumblr.com/" title="theme by shythemes">ㅅ</a></div>
  519. {block:IndexPage}{block:ifInfiniteScroll}<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script><script>$(function(){$('#content').infinitescroll({navSelector:".pagination",nextSelector:".pagination .next",itemSelector:".entry",bufferPx:4000});})</script>{/block:ifInfiniteScroll}{/block:IndexPage}
  520. </body>
  521. </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!