kthms

stitches theme

Dec 23rd, 2013 (edited)
3,955
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.34 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6. stitches theme by shythemes
  7. http://shythemes.tumblr.com
  8.  
  9. -->
  10. <title>{Title}</title>
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  12. <meta name="image:background" content=""/>
  13. <meta name="image:sidebar" content=""/>
  14. <meta name="image:favicon" content=""/>
  15. <meta name="color:text" content="#b7b7b7"/>
  16. <meta name="color:link" content="#d4d4d4"/>
  17. <meta name="color:link hover" content="#686868"/>
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:post background" content="#ffffff"/>
  20. <meta name="color:post border" content="#ececec"/>
  21. <meta name="color:post shadow" content="#f2f2f2"/>
  22. <meta name="color:blockquote border" content="#f2f2f2"/>
  23. <meta name="color:navigation" content="#dcdcdc"/>
  24. <meta name="color:post info background" content="#ebebeb"/>
  25. <meta name="color:post info hover" content="#e1e1e1"/>
  26. <meta name="color:post info text" content="#ffffff"/>
  27. <meta name="color:post info text shadow" content="#d0d0d0"/>
  28. <meta name="color:title" content="#dcdcdc"/>
  29. <meta name="color:selection" content="#ffe8ee"/>
  30. <meta name="color:scrollbar" content="#dddddd"/>
  31. <meta name="select:font" content="arial, helvetica, sans-serif" title="arial"/>
  32. <meta name="select:font" content="calibri, 'trebuchet ms', sans-serif" title="calibri"/>
  33. <meta name="select:font" content="cambria, georgia, serif" title="cambria"/>
  34. <meta name="select:font" content="consolas, 'trebuchet ms', sans-serif" title="consolas"/>
  35. <meta name="select:font" content="helvetica, arial, sans-serif" title="helvetica"/>
  36. <meta name="select:font" content="times, 'times new roman', serif" title="times"/>
  37. <meta name="select:font" content="'trebuchet ms', arial, sans-serif" title="trebuchet ms"/>
  38. <meta name="select:font size" content="9px" title="9px"/>
  39. <meta name="select:font size" content="10px" title="10px"/>
  40. <meta name="select:font size" content="11px" title="11px"/>
  41. <meta name="if:letter spacing" content="0"/>
  42. <meta name="if:500px" content="0"/>
  43. <meta name="if:250px" content="0"/>
  44. <meta name="if:centered" content="1"/>
  45. <meta name="if:right sidebar" content="0"/>
  46. <meta name="if:post shadow" content="0"/>
  47. <meta name="if:show captions" content="1"/>
  48. <meta name="if:show tags" content="0"/>
  49. <meta name="if:endless scrolling" content="1"/>
  50. <meta name="if:faded images" content="1"/>
  51. <meta name="if:strech background" content="0"/>
  52. <meta name="text:reblog symbol" content="✧"/>
  53. <meta name="text:link 1" content=""/>
  54. <meta name="text:link 1 url" content=""/>
  55. <meta name="text:link 2" content=""/>
  56. <meta name="text:link 2 url" content=""/>
  57. <meta name="text:link 3" content=""/>
  58. <meta name="text:link 3 url" content=""/>
  59. <meta name="text:link 4" content=""/>
  60. <meta name="text:link 4 url" content=""/>
  61. <meta name="text:link 5" content=""/>
  62. <meta name="text:link 5 url" content=""/>
  63. <meta name="text:link 6" content=""/>
  64. <meta name="text:link 6 url" content=""/>
  65. {block:ifNotFaviconImage}<link rel="shortcut icon" href="{Favicon}"/>{/block:ifNotFaviconImage}
  66. {block:ifFaviconImage}<link rel="shortcut icon" href="{image:favicon}"/>{/block:ifFaviconImage}
  67. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  68. <script src="http://static.tumblr.com/qudkd6d/UkOme80qk/jquery.style-my-tooltips.min.js"></script>
  69. <style src="http://static.tumblr.com/qudkd6d/wLYme80rn/style-my-tooltips.css"></style>
  70. <script>
  71. (function($){
  72. $(document).ready(function(){
  73. $("[title]").style_my_tooltips({
  74. tip_follows_cursor:true,
  75. tip_delay_time:0,
  76. tip_fade_speed:0,
  77. attribute:"title"
  78. });
  79. });
  80. })(jQuery);
  81. ("*").style_my_tooltips();
  82. </script>
  83. {block:ifEndlessScrolling}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifEndlessScrolling}
  84. <style type="text/css">
  85. ::selection {
  86. background-color:{color:selection};
  87. color:#ffffff;
  88. }
  89. ::-webkit-scrollbar {
  90. width:9px;
  91. height:9px;
  92. background-color:{color:background};
  93. }
  94. ::-webkit-scrollbar-track {
  95. background-color:{color:post border};
  96. border:4px solid {color:background};
  97. }
  98. ::-webkit-scrollbar-thumb {
  99. background-color:{color:scrollbar};
  100. border: 2px solid {color:background};
  101. }
  102. body {
  103. background-color:{color:background};
  104. margin:0px;
  105. color:{color:text};
  106. font-family:{select:font};
  107. font-size:{select:font size};
  108. line-height:1.27em;
  109. word-wrap:break-word;
  110. background-attachment:fixed;
  111. {block:ifBackgroundImage}background-image: url("{image:Background}");{/block:ifBackgroundImage}
  112. {block:ifStrechBackground}background-size:cover;{/block:ifStrechBackground}
  113. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  114. }
  115. blockquote {
  116. margin:0px .5em;
  117. padding:0em 1em;
  118. border-left:.25em solid {color:blockquote border};
  119. }
  120. pre {
  121. white-space:normal;
  122. }
  123. a img {
  124. border:0px;
  125. }
  126. a {
  127. color:{color:link};
  128. text-decoration:none;
  129. -ms-transition:color .15s linear;
  130. -moz-transition:color .15s linear;
  131. -webkit-transition:color .15s linear;
  132. transition:color .15s linear;
  133. }
  134. a:hover {
  135. color:{color:link hover};
  136. text-decoration:none;
  137. }
  138. small, sub {
  139. font-size:1em;
  140. vertical-align:middle
  141. }
  142. ul {
  143. padding-left:2.25em;
  144. }
  145. h3 {
  146. margin:0px;
  147. padding:5px 5px 0px 5px;
  148. font-weight:normal;
  149. font-style:italic;
  150. font-size:1.36em!important;
  151. text-transform:none;
  152. letter-spacing:0px;
  153. color:{color:title};
  154. }
  155. h3 a {
  156. color:{color:title};
  157. }
  158. h2 {
  159. padding:15px;
  160. font-weight:normal;
  161. font-style:italic;
  162. font-family:calibri;
  163. font-size:12px;
  164. text-transform:none;
  165. color:{color:text};
  166. letter-spacing:0px;
  167. }
  168. h2 a {
  169. color:{color:text};
  170. }
  171. h1 {
  172. text-align:center;
  173. padding:5px 0px 14px 0px;
  174. margin:0;
  175. color:{color:title};
  176. font-weight:normal;
  177. font-family:calibri;
  178. letter-spacing:1px;
  179. text-transform:uppercase;
  180. font-size:8px;
  181. }
  182. h1 a {
  183. color:{color:title};
  184. }
  185. #main {
  186. {block:ifCentered}margin:0px auto;{/block:ifCentered}
  187. {block:ifNotCentered}position:absolute;
  188. top:0px;
  189. {block:ifNotRightSidebar}left:135px;{/block:ifNotRightSidebar}
  190. {block:ifRightSidebar}right:135px;{/block:ifRightSidebar}{/block:ifNotCentered}
  191. {block:if250px}width:524px;{/block:if250px}
  192. {block:ifNot500px}{block:ifNot250px}width:674px;{/block:ifNot250px}{/block:ifNot500px}
  193. {block:if500px}{block:ifNot250px}width:774px;{/block:ifNot250px}{/block:if500px}
  194. }
  195. #content {
  196. margin-top:0px;
  197. background-color:transparent;
  198. {block:if250px}width:270px;{/block:if250px}
  199. {block:ifNot500px}{block:ifNot250px}width:420px;{/block:ifNot250px}{/block:ifNot500px}
  200. {block:if500px}{block:ifNot250px}width:520px;{/block:ifNot250px}{/block:if500px}
  201. {block:ifNotRightSidebar}margin-left:254px;{/block:ifNotRightSidebar}
  202. {block:ifRightSidebar}margin-left:0px;{/block:ifRightSidebar}
  203. }
  204. .wrap {
  205. margin:40px 0px;
  206. padding:3px;
  207. background-color:{color:post background};
  208. border:1px solid {color:post border};
  209. border-radius:4px;
  210. {block:if250px}width:258px;{/block:if250px}
  211. {block:ifNot500px}{block:ifNot250px}width:408px;{/block:ifNot250px}{/block:ifNot500px}
  212. {block:if500px}{block:ifNot250px}width:508px;{/block:ifNot250px}{/block:if500px}
  213. {block:ifPostShadow}box-shadow:3px 3px 0px {color:post shadow};{/block:ifPostShadow}
  214. }
  215. .post {
  216. padding:4px;
  217. border:1px dashed {color:post border};
  218. border-radius:3px;
  219. }
  220. .post img {
  221. max-width:100%;
  222. height:auto;
  223. }
  224. .post *:first-child,
  225. .post .caption *:first-child,
  226. .post .body *:first-child,
  227. .post .source *:first-child {
  228. margin-top:0px;
  229. }
  230. .post *:last-child,
  231. .post .caption *:last-child,
  232. .post .body *:last-child,
  233. .post .source *:last-child {
  234. margin-bottom:0px;
  235. }
  236. .post .caption {
  237. padding:5px 5px 10px 5px;
  238. margin-bottom:5px;
  239. {block:ifNotShowCaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowCaptions}
  240. }
  241. .post .body {
  242. padding:10px 5px;
  243. margin-bottom:5px;
  244. }
  245. .post .source {
  246. padding:0px 5px 10px 5px;
  247. margin-bottom:5px;
  248. text-align:right;
  249. }
  250. .post .media {
  251. overflow:hidden;
  252. margin-bottom:10px;
  253. line-height:0px;
  254. padding:0px;
  255. border-radius:3px;
  256. background-color:{color:post background};
  257. {block:ifFadedImages}opacity:.89;{/block:ifFadedImages}
  258. }
  259. .post .media img,
  260. .post .media .photoset {
  261. display:block;
  262. margin:auto;
  263. }
  264. .post .qn {
  265. padding:15px;
  266. font-size:8px;
  267. font-family:calibri;
  268. text-transform:uppercase;
  269. letter-spacing:1px;
  270. }
  271. .post .qn .asker {
  272. color:{color:link};
  273. }
  274. .post .chat {
  275. padding:5px;
  276. }
  277. .post .chat .line {
  278. padding:1px 0;
  279. font-style:italic;
  280. }
  281. .post .chat .label {
  282. margin-right:.5em;
  283. color:{color:title};
  284. font-weight:bold;
  285. }
  286. .post .audio {
  287. margin-bottom:5px;
  288. }
  289. .post .audio .tumblr_audio_player {
  290. width:100%;
  291. opacity:.67;
  292. }
  293. .post .info {
  294. padding:3px 7px;
  295. margin-top:3px;
  296. text-align:left;
  297. background-color:{color:post info background};
  298. border-radius:3px;
  299. line-height:12px;
  300. }
  301. .post .info:hover {
  302. background-color:{color:post info hover};
  303. }
  304. .post .info,
  305. .post .info a,
  306. .post .info * {
  307. letter-spacing:1px;
  308. color:{color:post info text};
  309. text-shadow:1px 1px 0px {color:post info text shadow};
  310. text-transform:uppercase;
  311. font-family:consolas, 'trebuchet ms', sans-serif;
  312. font-size:8px;
  313. font-weight:bold;
  314. }
  315. .post .info .comma:last-child {
  316. display:none;
  317. }
  318. .post .notes {
  319. padding:0px;
  320. }
  321. .post .notes ol {
  322. list-style-type:none;
  323. padding:0;
  324. }
  325. .post .notes li {
  326. padding:5px 5px 6px 5px;
  327. border-top:1px solid {color:post border};
  328. }
  329. .post .notes li,
  330. .post .notes li a {
  331. text-transform:uppercase;
  332. font-size:8px;
  333. font-family:calibri, 'trebuchet ms', sans-serif;
  334. letter-spacing:1px;
  335. color:{color:text};
  336. }
  337. .post .notes a:hover {
  338. background-color:transparent;
  339. color:{color:link hover};
  340. }
  341. .post .notes img {
  342. position:relative;
  343. top:1px;
  344. margin-right:10px;
  345. height:10px;
  346. line-height:0!important;
  347. display:inline;
  348. }
  349. #sidebar {
  350. width:146px;
  351. position:fixed;
  352. overflow:hidden;
  353. margin-top:100px;
  354. background:{color:post background};
  355. text-align:center;
  356. {block:ifNotRightSidebar}margin-left:0px;{/block:ifNotRightSidebar}
  357. {block:ifRightSidebar}{block:if250px}margin-left:358px;{/block:if250px}
  358. {block:ifNot500px}{block:ifNot250px}margin-left:508px;{/block:ifNot250px}{/block:ifNot500px}
  359. {block:if500px}{block:ifNot250px}margin-left:608px;{/block:ifNot250px}{/block:if500px}{/block:ifRightSidebar}
  360. }
  361. #sidebar .image img {
  362. padding:5px;
  363. max-width:126px;
  364. height:auto;
  365. line-height:0px;
  366. display:inline;
  367. {block:ifFadedImages}opacity:.89;{/block:ifFadedImages}
  368. }
  369. #sidebar .description {
  370. padding:5px;
  371. text-align:left;
  372. }
  373. #sidebar .nav {
  374. padding:5px;
  375. text-align:right;
  376. }
  377. #sidebar .nav a {
  378. display:inline-block;
  379. margin:0px 2px;
  380. color:{color:navigation};
  381. font-style:italic;
  382. }
  383. #sidebar .nav a:hover {
  384. color:{color:link hover};
  385. }
  386. .pagination {
  387. margin:50px 0px;
  388. text-align:center;
  389. font-size:8px;
  390. font-family:calibri, 'trebuchet ms', sans-serif;
  391. letter-spacing:1px;
  392. }
  393. .pagination a,
  394. .pagination .current {
  395. padding:3px 5px 3px 6px;
  396. font-size:8px;
  397. margin:0 1px;
  398. text-transform:uppercase;
  399. background-color:{color:post background};
  400. }
  401. .pagination a {
  402. color:{color:text};
  403. }
  404. .pagination .current {
  405. color:{color:link};
  406. text-decoration:none;
  407. }
  408. .pagination a:hover {
  409. color:{color:link hover};
  410. text-decoration:none;
  411. }
  412. #s-m-t-tooltip {
  413. max-width:150px;
  414. z-index:10;
  415. margin:10px 8px 5px 8px;
  416. background-color:{color:post background};
  417. padding:1px 3px 1px 3px;
  418. border:1px solid {color:blockquote border};
  419. box-shadow:1px 1px 0px {color:post shadow};
  420. font-size:8px;
  421. font-family:calibri, 'trebuchet ms', sans-serif;
  422. letter-spacing:1px;
  423. font-style:normal;
  424. text-transform:uppercase;
  425. color:{color:text};
  426. }
  427. #infscr-loading {
  428. display:none!important;
  429. }
  430. #tc {
  431. bottom:0px;
  432. right:0px;
  433. position:fixed;
  434. padding:9px;
  435. z-index:1000;
  436. }
  437. #cr a {
  438. font-size:9px;
  439. padding:1px 3px;
  440. font-family:calibri, sans-serif;
  441. letter-spacing:0px;
  442. }
  443. #cr a:hover {
  444. text-decoration:none;
  445. }
  446. </style>
  447. </head>
  448. <body>
  449. <div id="main">
  450. <div id="sidebar" class="wrap">
  451. <div class="post">{block:ifSidebarImage}<div class="image"><a href="/"><img src="{image:sidebar}"/></a></div>{/block:ifSidebarImage}<div class="description">{Description}</div><div class="nav"><a href="/">home</a><a href="/archive">past</a>{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>
  452. </div></div>
  453. <div id="content">
  454. {block:Posts}<div class="wrap">
  455. <div class="post">
  456. {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}{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}{Line}</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}{block:ifNot250px}{Photoset-400}{/block:ifNot250px}{/block:ifNot500px}{block:if500px}{block:ifNot250px}{Photoset-500}{/block:ifNot250px}{/block:if500px}{block:if250px}{Photoset-250}{/block:if250px}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}{block:Quote}<!-- quote --><h2>{Quote}</h2>{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 -->{block:ifNot500px}{block:ifNot250px}{Video-400}{/block:ifNot250px}{/block:ifNot500px}{block:if500px}{block:ifNot250px}{Video-500}{/block:ifNot250px}{/block:if500px}{block:if250px}{Video-250}{/block:if250px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  457. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  458. {block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a><span style="float:right"><a href="{ReblogURL}" title="reblog" target="_blank">{text:reblog symbol}</a></span></div>{/block:Date}
  459. {block:IndexPage}{block:HasTags}{block:ifShowTags}<div class="info">#{block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a><span class="comma">,</span>{/block:Tags}</div>{/block:ifShowTags}{/block:HasTags}{/block:IndexPage}{block:PermalinkPage}{block:HasTags}<div class="info">#{block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a><span class="comma">,</span>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}
  460. </div>
  461. </div>
  462. {block:PostNotes}<div class="wrap"><div class="post"><h1>{DayOfWeek}, {DayOfMonth} {Month} {Year}<br/>{NoteCountWithLabel}</h1><div class="notes">{PostNotes}</div></div></div>{/block:PostNotes}
  463. {/block:Posts}
  464. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">back</a>&nbsp;{/block:PreviousPage}{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:NextPage}&nbsp;<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  465. </div>
  466. </div>
  467. <div id="cr"><a href="http://shythemes.tumblr.com" title="theme">✧</a></div>
  468. {block:ifEndlessScrolling}<script>
  469. $('#content').infinitescroll({
  470. navSelector:"div.pagination",
  471. nextSelector:"div.pagination a.next",
  472. itemSelector:"#content div.wrap",
  473. bufferPx:2000,
  474. });
  475. </script>{/block:ifEndlessScrolling}
  476. </body>
  477. </html>
Add Comment
Please, Sign In to add comment