API tools faq
paste
kthms

container theme

kthms
Apr 19th, 2014 (edited)
7,850
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.45 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. theme by shythemes.tumblr.com
  8.  
  9.  
  10. -->
  11. <title>{Title}</title>
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  13. <meta name="image:background" content=""/>
  14. <meta name="image:container" content=""/>
  15. <meta name="color:background" content="#f8f8ff"/>
  16. <meta name="color:text" content="#afafaf"/>
  17. <meta name="color:link" content="#afafaf"/>
  18. <meta name="color:link hover" content="#ffcbd7"/>
  19. <meta name="color:blockquote border" content="#eaeaea"/>
  20. <meta name="color:container border" content="#f0f0ff"/>
  21. <meta name="color:container background" content="#ffffff"/>
  22. <meta name="color:post border" content="#fff0f3"/>
  23. <meta name="color:post background" content="#ffffff"/>
  24. <meta name="color:title text" content="#afafaf"/>
  25. <meta name="color:title background" content="#f7f7f7"/>
  26. <meta name="color:footer link" content="#cbcbcb"/>
  27. <meta name="color:footer link hover" content="#dddddd"/>
  28. <meta name="color:footer background" content="#f7f7f7"/>
  29. <meta name="color:description" content="#afafaf"/>
  30. <meta name="color:nav link" content="#afafaf"/>
  31. <meta name="color:nav link hover" content="#ffcbd7"/>
  32. <meta name="color:scrollbar" content="#ffe8eb"/>
  33. <meta name="select:layout alignment" content="lm" title="centered"/>
  34. <meta name="select:layout alignment" content="ll" title="left aligned"/>
  35. <meta name="select:layout alignment" content="lr" title="right aligned"/>
  36. <meta name="select:sidebar position" content="sl st" title="left top"/>
  37. <meta name="select:sidebar position" content="sl sm" title="left middle"/>
  38. <meta name="select:sidebar position" content="sl sb" title="left bottom"/>
  39. <meta name="select:sidebar position" content="sr st" title="right top"/>
  40. <meta name="select:sidebar position" content="sr sm" title="right middle"/>
  41. <meta name="select:sidebar position" content="sr sb" title="right bottom"/>
  42. <meta name="select:container background" content="" title="custom"/>
  43. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/yasn47ghu/10.png');" title="light dots"/>
  44. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/TFgn47gid/30.png');" title="medium dots"/>
  45. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/SZzn47j28/50.png');" title="dark dots"/>
  46. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/Gj3n47giu/10-small.png');" title="light dots c"/>
  47. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/EoNn47ho3/30-small.png');" title="medium dots c"/>
  48. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/8pvn47j38/50-small.png');" title="dark dots c"/>
  49. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/Aeyn4a6lq/10-b.png');" title="stripes"/>
  50. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/Cwvn4a6jk/7-st.png');" title="light stripes"/>
  51. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/d7On4a6mc/20-st.png');" title="medium stripes"/>
  52. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/NNun4a6nk/50-st.png');" title="dark stripes"/>
  53. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/unwn4b7rg/5-grid.png');" title="grid"/>
  54. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/d1On4a6og/white.png');" title="white dots"/>
  55. <meta name="select:container background" content="background:transparent;" title="transparent"/>
  56. <meta name="if:container" content="1"/>
  57. <meta name="if:borders" content="1"/>
  58. <meta name="if:show captions" content="1"/>
  59. <meta name="if:show tags" content="1"/>
  60. <meta name="if:image hover effect" content="0"/>
  61. <meta name="text:home link" content="index"/>
  62. <meta name="text:archive link" content="archive"/>
  63. <meta name="text:ask link" content="message"/>
  64. <meta name="text:link 1" content=""/>
  65. <meta name="text:link 1 url" content=""/>
  66. <meta name="text:link 2" content=""/>
  67. <meta name="text:link 2 url" content=""/>
  68. <meta name="text:link 3" content=""/>
  69. <meta name="text:link 3 url" content=""/>
  70. <meta name="text:link 4" content=""/>
  71. <meta name="text:link 4 url" content=""/>
  72. <meta name="text:link 5" content=""/>
  73. <meta name="text:link 5 url" content=""/>
  74. <meta name="text:link 6" content=""/>
  75. <meta name="text:link 6 url" content=""/>
  76. <link rel="shortcut icon" href="{Favicon}"/>
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  78. <script src="http://static.tumblr.com/qudkd6d/UkOme80qk/jquery.style-my-tooltips.min.js"></script>
  79. <style src="http://static.tumblr.com/qudkd6d/wLYme80rn/style-my-tooltips.css"></style>
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("[title]").style_my_tooltips({
  84. tip_follows_cursor:true,
  85. tip_delay_time:0,
  86. tip_fade_speed:0,
  87. attribute:"title"
  88. });
  89. });
  90. })(jQuery);
  91. ("*").style_my_tooltips();
  92. </script>
  93. <style type="text/css">
  94. ::-webkit-scrollbar {
  95. width:7px;
  96. height:7px;
  97. {block:ifContainer}background-color:{color:container background};{/block:ifContainer}
  98. {block:ifNotContainer}background-color:{color:background};{/block:ifNotContainer}
  99. }
  100. ::-webkit-scrollbar-track {
  101. {block:ifContainer}background-color:{color:container background};{/block:ifContainer}
  102. {block:ifNotContainer}background-color:{color:background};{/block:ifNotContainer}
  103. }
  104. ::-webkit-scrollbar-thumb {
  105. background-color:{color:scrollbar};
  106. {block:ifContainer}border:1px solid {color:container background};{/block:ifContainer}
  107. {block:ifNotContainer}border:1px solid {color:background};{/block:ifNotContainer}
  108. }
  109. body {
  110. margin:0px;
  111. color:{color:text};
  112. font-size:9px;
  113. font-family:'trebuchet ms', arial, sans-serif;
  114. line-height:1.5em;
  115. word-wrap:break-word;
  116. text-align:left;
  117. background-color:{color:background};
  118. {block:ifBackgroundImage}background-image:url("{image:background}"); background-attachment:fixed; background-repeat:repeat; background-position:center;{/block:ifBackgroundImage}
  119. }
  120. * {
  121. -ms-transition:color .15s linear;
  122. -moz-transition:color .15s linear;
  123. -webkit-transition:color .15s linear;
  124. transition:color .15s linear;
  125. }
  126. blockquote {
  127. margin:.75em 15px;
  128. padding:0px 15px;
  129. border-left:1px dotted {color:blockquote border};
  130. }
  131. pre {
  132. white-space:normal;
  133. }
  134. a img {
  135. border:0px;
  136. }
  137. a {
  138. color:{color:link};
  139. text-decoration:none;
  140. }
  141. a:hover {
  142. color:{color:link hover};
  143. }
  144. small, sub {
  145. font-size:7px;
  146. letter-spacing:1px;
  147. text-transform:uppercase;
  148. vertical-align:middle;
  149. }
  150. .tumblr_blog {
  151. font-size:7px;
  152. letter-spacing:1px;
  153. text-transform:uppercase;
  154. }
  155. code, pre {
  156. font-family:consolas, monospace;
  157. }
  158. ol {
  159. padding-left:2.25em;
  160. }
  161. ul {
  162. padding-left:2.25em;
  163. list-style-type:square;
  164. }
  165. p {
  166. margin:.75em 0;
  167. }
  168. #main {
  169. {block:ifContainer}{block:ifBorders}width:351px;{/block:ifBorders}
  170. {block:ifNotBorders}width:347px;{/block:ifNotBorders}{/block:ifContainer}
  171. {block:ifNotContainer}{block:ifBorders}width:344px;{/block:ifBorders}
  172. {block:ifNotBorders}width:340px;{/block:ifNotBorders}{/block:ifNotContainer}
  173. }
  174. #main.ll {
  175. position:absolute;
  176. left:10%;
  177. }
  178. #main.lm {
  179. margin:0px auto;
  180. }
  181. #main.lr {
  182. position:absolute;
  183. right:10%;
  184. }
  185. #main.sl {
  186. padding-left:135px;
  187. }
  188. #main.sr {
  189. padding-right:135px;
  190. }
  191. #content {
  192. {block:ifContainer}position:fixed;
  193. top:12.5%;
  194. max-height:75%;
  195. overflow-y:auto;
  196. overflow-x:hidden;
  197. {block:ifBorders}border:1px solid {color:container border};
  198. width:349px;{/block:ifBorders}
  199. {block:ifNotBorders}width:347px;{/block:ifNotBorders}
  200. {/block:ifContainer}
  201. {block:ifNotContainer}
  202. {block:ifBorders}border-left:1px solid {color:container border};
  203. border-right:1px solid {color:container border};
  204. width:342px;{/block:ifBorders}
  205. {block:ifNotBorders}width:340px;{/block:ifNotBorders}{/block:ifNotContainer}
  206. background-color:{color:container background};
  207. {block:ifContainerImage}background-image:url('{image:container}');{/block:ifContainerImage}
  208. {select:container background}
  209. background-attachment:fixed;
  210. background-repeat:repeat;
  211. background-position:center;
  212. }
  213. .wrap {
  214. padding:0px 30px 30px 30px;
  215. margin:0px auto;
  216. {block:ifBorders}width:282px;{/block:ifBorders}
  217. {block:ifNotBorders}width:280px;{/block:ifNotBorders}
  218. }
  219. .wrap:first-child {
  220. padding-top:30px;
  221. }
  222. .post {
  223. padding:15px;
  224. background-color:{color:post background};
  225. {block:ifBorders}border:1px solid {color:post border};{/block:ifBorders}
  226. }
  227. .post img {
  228. max-width:100%;
  229. height:auto;
  230. }
  231. .post .caption {
  232. margin-top:15px;
  233. }
  234. .post .source,
  235. .post .answer,
  236. .post .audio-caption {
  237. margin-top:25px;
  238. }
  239. .post .caption *:first-child,
  240. .post .body *:first-child,
  241. .post .source *:first-child {
  242. margin-top:0px;
  243. }
  244. .post .caption *:last-child,
  245. .post .body *:last-child,
  246. .post .source *:last-child {
  247. margin-bottom:0px;
  248. }
  249. .post .caption {
  250. {block:ifNotShowCaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowCaptions}
  251. }
  252. .caption h1, .caption h2, .caption h3, .caption h4 {
  253. font-size:1em;
  254. font-weight:normal;
  255. margin:.75em 0px;
  256. }
  257. .post .source {
  258. text-align:right;
  259. }
  260. .post .media {
  261. overflow:hidden;
  262. -ms-transition:opacity .15s linear;
  263. -moz-transition:opacity .15s linear;
  264. -webkit-transition:opacity .15s linear;
  265. transition:opacity .15s linear;
  266. }
  267. .post .media:hover {
  268. {block:ifImageHoverEffect}opacity:.9;{/block:ifImageHoverEffect}
  269. }
  270. .post .media img,
  271. .post .media .photoset {
  272. max-width:100%;
  273. display:block;
  274. margin:auto;
  275. }
  276. .post h3 {
  277. font-size:11px;
  278. font-weight:normal;
  279. font-style:italic;
  280. line-height:1em;
  281. font-size:1.25em;
  282. margin:-10px -10px 15px -10px;
  283. background-color:{color:title background};
  284. color:{color:title text};
  285. padding:15px;
  286. }
  287. .post .qn,
  288. .post .quote {
  289. margin:-10px;
  290. font-weight:normal;
  291. background-color:{color:title background};
  292. color:{color:title text};
  293. padding:20px;
  294. font-size:9px;
  295. font-style:italic;
  296. }
  297. .post .chat .line {
  298. padding:1px 0px;
  299. }
  300. .post .chat .label {
  301. margin-right:.5em;
  302. font-weight:bold;
  303. }
  304. .post .audio {
  305. margin:-10px;
  306. padding:5px;
  307. background-color:{color:title background};
  308. font-size:8px;
  309. font-style:italic;
  310. letter-spacing:2px;
  311. font-family:consolas, 'trebuchet ms', sans-serif;
  312. text-transform:lowercase;
  313. }
  314. .post .audio .tumblr_audio_player {
  315. width:27px;
  316. height:27px;
  317. margin-bottom:-4px;
  318. position:absolute;
  319. }
  320. .post .audio .track {
  321. margin-left:32px;
  322. width:233px;
  323. line-height:27px;
  324. height:27px;
  325. overflow:hidden;
  326. color:{color:title text};
  327. white-space:pre;
  328. }
  329. .post .info {
  330. margin:15px -15px -15px -15px;
  331. text-align:center;
  332. padding:1px 3px;
  333. background-color:{color:footer background};
  334. line-height:1.3em;
  335. font-family:consolas,'trebuchet ms', sans-serif;
  336. }
  337. .post .info a,
  338. .post .info .tags {
  339. font-style:italic;
  340. font-size:8px;
  341. text-transform:lowercase;
  342. letter-spacing:1px;
  343. color:{color:footer link};
  344. cursor:pointer;
  345. }
  346. .post .info a:hover,
  347. .post .info .tags:hover {
  348. color:{color:footer link hover};
  349. }
  350. .post .info .space {
  351. width:.75em;
  352. display:inline-block;
  353. }
  354. .post .info .space:last-child {
  355. width:0em;
  356. }
  357. .post.n {
  358. margin:0px;
  359. font-style:italic;
  360. font-size:8px;
  361. letter-spacing:1px;
  362. font-family:consolas, 'trebuchet ms', sans-serif;
  363. }
  364. .post.n a {
  365. color:{color:text};
  366. }
  367. .post .notes ol {
  368. list-style-type:none;
  369. padding:0px;
  370. margin:0px;
  371. }
  372. .post .notes img {
  373. display:none;
  374. }
  375. #sidebar {
  376. position:fixed;
  377. top:12.5%;
  378. bottom:12.5%;
  379. height:75%;
  380. width:120px;
  381. display:table;
  382. font-style:italic;
  383. font-size:8px;
  384. font-family:consolas,'trebuchet ms', sans-serif;
  385. text-transform:lowercase;
  386. letter-spacing:1px;
  387. line-height:1.4em;
  388. color:{color:description};
  389. }
  390. .sl #sidebar {
  391. margin-left:-135px;
  392. text-align:right;
  393. }
  394. .sr #sidebar {
  395. {block:ifContainer}{block:ifBorders}margin-left:364px;{/block:ifBorders}{block:ifNotBorders}margin-left:360px;{/block:ifNotBorders}{/block:ifContainer}
  396. {block:ifNotContainer}{block:ifBorders}margin-left:357px;{/block:ifBorders}{block:ifNotBorders}margin-left:353px;{/block:ifNotBorders}{/block:ifNotContainer}
  397. }
  398. #sc {
  399. display:table-cell;
  400. }
  401. .st #sc {
  402. vertical-align:top;
  403. }
  404. .sm #sc {
  405. vertical-align:middle;
  406. }
  407. .sb #sc {
  408. vertical-align:bottom;
  409. }
  410. #sidebar a {
  411. color:{color:nav link};
  412. }
  413. #sidebar a:hover {
  414. color:{color:nav link hover};
  415. }
  416. #sidebar .description {
  417. margin-top:1.5em;
  418. }
  419. #sidebar .nav,
  420. #sidebar .pagination {
  421. margin-top:1.5em;
  422. letter-spacing:2px;
  423. }
  424. #tc {
  425. bottom:0px;
  426. right:0px;
  427. position:fixed;
  428. padding:4px;
  429. z-index:1000;
  430. }
  431. #tc a {
  432. font-size:8px;
  433. padding:3px;
  434. background-color:transparent;
  435. font-family:arial, sans-serif;
  436. letter-spacing:0px;
  437. text-decoration:none;
  438. color:#aaa;
  439. }
  440. #s-m-t-tooltip {
  441. max-width:200px;
  442. z-index:10;
  443. margin:16px 8px 8px 16px;
  444. background-color:rgba(0,0,0,.80);
  445. padding:1px 3px 0px 3px;
  446. border:1px solid rgba(255,255,255,1);
  447. font-size:8px;
  448. line-height:1.5em;
  449. font-family:consolas, 'trebuchet ms', sans-serif;
  450. font-style:italic;
  451. text-transform:lowercase;
  452. letter-spacing:1px;
  453. color:rgba(255,255,255,1);
  454. }
  455. </style>
  456. </head>
  457. <body>
  458. <div id="main" class="{select:layout alignment} {select:sidebar position}">
  459. <div id="sidebar"><div id="sc">
  460. <div class="description">{Description}</div>
  461. <div class="nav">{block:ifHomeLink}<a href="/">{text:home link}</a><br/>{/block:ifHomeLink}{block:ifArchiveLink}<a href="/archive">{text:archive link}</a><br/>{/block:ifArchiveLink}{block:ifAskLink}<a href="/ask">{text:ask link}</a><br/>{/block:ifAskLink}{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a><br/>{/block:ifLink1}{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a><br/>{/block:ifLink2}{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a><br/>{/block:ifLink3}{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a><br/>{/block:ifLink4}{block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a><br/>{/block:ifLink5}{block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:ifLink6}</div>
  462. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">back</a><br/>{/block:PreviousPage}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  463. </div></div>
  464. <div id="content">
  465. {block:Posts}<div class="wrap">
  466. <div class="post">
  467. {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 class="track">{block:Artist}{Artist}{/block:Artist} &ndash; {block:TrackName}{TrackName}{/block:TrackName}</div></div>{block:Caption}<div class="caption audio-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">{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">{Video-250}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  468. {block:IndexPage}{block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a><span class="space"></span>{block:HasTags}{block:ifShowTags}<span class="tags" title="{block:Tags}+{Tag} {/block:Tags}">tags</span><span class="space"></span>{/block:ifShowTags}{/block:HasTags}<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  469. {block:PermalinkPage}{block:Date}<div class="info"><span class="space"></span>{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a><span class="space"></span>{/block:Tags}<br/>{/block:HasTags}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName}</a>{block:ContentSource}<span class="space"></span><a href="{ReblogRootURL}">src: {ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}{/block:PermalinkPage}
  470. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  471. </div>
  472. </div>
  473. {block:PostNotes}<div class="wrap"><div class="post n"><div class="notes"><em>{PostNotes}</em></div></div></div>{/block:PostNotes}
  474. {/block:Posts}
  475. </div>
  476. </div>
  477. <div id="tc"><a href="http://shythemes.tumblr.com" title="theme">ㅅ</a></div>
  478. </body>
  479. </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!