API tools faq
paste
irlmtt

showtime v2 theme

irlmtt
Sep 23rd, 2017
1,849
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--- "SHOWTIME v2" theme by JEFF @multibottlerockets/@mythcore --->
  6.  
  7. <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
  8. <link rel="shortcut icon" href="{image:favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13. <meta name="image:favicon">
  14. <meta name="image:sidebar image">
  15. <meta name="image:sidebar 2 image">
  16. <meta name="if:sidebar 2 image">
  17. <meta name="image:background image">
  18. <meta name="color:text" content="#000">
  19. <meta name="color:links" content="#00f">
  20. <meta name="color:content bg" content="#fff">
  21. <meta name="color:blog bg" content="#fff">
  22. <meta name="color:details" content="#0f0">
  23. <meta name="color:hover links" content="#f00">
  24. <meta name="if:underline links">
  25. <meta name="if:round corners">
  26. <meta name="if:borders">
  27. <meta name="if:show title">
  28. <meta name="if:full bg img">
  29. <meta name="text:divider symbol" content="+">
  30. <meta name="text:link 1 name" content="link 1">
  31. <meta name="text:link 1 url" content="/">
  32. <meta name="text:link 2 name" content="link 2">
  33. <meta name="text:link 2 url" content="/">
  34. <meta name="text:link 3 name" content="link 3">
  35. <meta name="text:link 3 url" content="/">
  36. <meta name="text:home label" content="home">
  37. <meta name="text:ask label" content="ask">
  38. <meta name="text:submit label" content="submit">
  39. <meta name="text:archive label" content="archive">
  40. <meta name="text:sidebar 2 title" content="options">
  41. <meta name="text:font size control label" content="font size:">
  42. <meta name="text:font size up label" content="bigger">
  43. <meta name="text:font size down label" content="smaller">
  44. <meta name="text:colour control label" content="colours:">
  45. <meta name="text:invert colours label" content="invert">
  46. <meta name="text:revert colours label" content="revert">
  47. <meta name="select:font" title="open sans" content="'Open Sans', sans-serif">
  48. <meta name="select:font" title="roboto" content="'Roboto', sans-serif">
  49. <meta name="select:font" title="arimo" content="'Arimo', sans-serif">
  50.  
  51. <meta name="select:font" title="arial" content="Arial, Helvetica, sans-serif">
  52. <meta name="select:font" title="verdana" content="Verdana, Geneva, sans-serif">
  53. <meta name="select:font" title="helvetica" content="Helvetica, Arial, sans-serif">
  54. <meta name="select:font" title="slabo 27px" content="'Slabo 27px', serif">
  55. <meta name="select:font" title="roboto slab" content="'Roboto Slab', serif;">
  56. <meta name="select:font" title="droid serif" content="'Droid Serif', serif">
  57. <meta name="select:font" title="times new roman" content="'Times New Roman', Times, serif">
  58. <meta name="select:font" title="georgia" content="Georgia, serif">
  59. <meta name="select:font" title="coming soon" content="'Coming Soon', cursive, sans-serif">
  60. <meta name="select:font" title="short stack" content="'Short Stack', cursive, sans-serif">
  61. <meta name="select:font" title="patrick hand" content="'Patrick Hand', cursive, sans-serif">
  62. <meta name="select:font" title="comic sans ms" content="'Comic Sans MS', cursive, sans-serif">
  63. <meta name="select:font" title="cousine" content="'Cousine', monospace">
  64. <meta name="select:font" title="roboto mono" content="'Roboto Mono', monospace">
  65. <meta name="select:font" title="inconsolata" content="'Inconsolata', monospace">
  66. <meta name="select:font" title="courier new" content="'Courier New', Courier, monospace">
  67. <meta name="select:font" title="lucida console" content="'Lucida Console', Monaco, monospace">
  68.  
  69. <script language="JavaScript" type="text/javascript">
  70. function changeFontSize(inc)
  71. {
  72. var p = document.getElementsByTagName('body');
  73. for(n=0; n<p.length; n++) {
  74. if(p[n].style.fontSize) {
  75. var size = parseInt(p[n].style.fontSize.replace("pt", ""));
  76. } else {
  77. var size = 12;
  78. }
  79. p[n].style.fontSize = size+inc + 'pt';
  80. }
  81. }
  82. </script>
  83. <script>
  84. function invertcolours()
  85. {
  86. var x = document.getElementById('sidebar');
  87. x.style.backgroundColor = "{color:text}";
  88. x.style.color = "{color:content bg}";
  89. x.style.borderColor = "{color:content bg}";
  90. var x = document.getElementById('sidebar2');
  91. x.style.backgroundColor = "{color:text}";
  92. x.style.color = "{color:content bg}";
  93. x.style.borderColor = "{color:content bg}";
  94. var x = document.getElementById('s-m-t-tooltip');
  95. x.style.backgroundColor = "{color:text}";
  96. x.style.color = "{color:content bg}";
  97. x.style.borderColor = "{color:content bg}";
  98. var y = document.querySelectorAll('.post,.navigation');
  99. var i;
  100. for (i = 0; i < y.length; i++) {
  101. y[i].style.backgroundColor = "{color:text}";
  102. y[i].style.color = "{color:content bg}";
  103. y[i].style.borderColor = "{color:content bg}";
  104. }
  105. }
  106.  
  107. function revertcolours()
  108. {
  109. var x = document.getElementById('sidebar');
  110. x.style.backgroundColor = "{color:content bg}";
  111. x.style.color = "{color:text}";
  112. x.style.borderColor = "{color:text}";
  113. var x = document.getElementById('sidebar2');
  114. x.style.backgroundColor = "{color:content bg}";
  115. x.style.color = "{color:text}";
  116. x.style.borderColor = "{color:text}";
  117. var x = document.getElementById('s-m-t-tooltip');
  118. x.style.backgroundColor = "{color:content bg}";
  119. x.style.color = "{color:text}";
  120. x.style.borderColor = "{color:text}";
  121. var y = document.querySelectorAll('.post,.navigation');
  122. var i;
  123. for (i = 0; i < y.length; i++) {
  124. y[i].style.backgroundColor = "{color:content bg}";
  125. y[i].style.color = "{color:text}";
  126. y[i].style.borderColor = "{color:text}";
  127. }
  128. }
  129. </script>
  130.  
  131. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="http://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><style src="http://static.tumblr.com/rtrqcib/OpYnlh8s6/style-my-tooltips.css"></style><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({ tip_follows_cursor:true,tip_delay_time:50,tip_fade_speed:150,attribute:"title"});});})(jQuery);</script>
  132. <script>
  133. // minimal soundcloud player © shythemes.tumblr
  134. $(document).ready(function(){
  135. var color = '{color:details}'; // color of play button (hex)
  136. $('.soundcloud_audio_player').each(function(){
  137. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  138. });
  139. });
  140. </script>
  141.  
  142.  
  143. <link href="https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Coming+Soon|Cousine:400,400i,700,700i|Droid+Serif:400,400i,700,700i|Inconsolata:400,700|Open+Sans:400,400i,700,700i|Patrick+Hand|Roboto+Mono:400,400i,700,700i|Roboto+Slab:400,700|Roboto:400,400i,700,700i|Short+Stack|Slabo+27px&amp;subset=latin-ext" rel="stylesheet">
  144. <style type="text/css">
  145.  
  146. #s-m-t-tooltip {
  147. {block:ifroundcorners}
  148. border-radius: 10px;
  149. {/block:ifroundcorners}
  150. {block:ifborders}
  151. border: 3px solid {color:text};
  152. {/block:ifborders}
  153. background-color: {color:content bg};
  154. transition: background-color 0.5s, border-color 0.5s;
  155. padding: 5px;
  156. max-width: 300px;
  157. margin: 15px;
  158. }
  159.  
  160. ::-webkit-scrollbar {
  161. background-color: {color:content bg};
  162. width: 10px;
  163. }
  164.  
  165. ::-webkit-scrollbar-thumb {
  166. background-color: {color:text};
  167. }
  168.  
  169. body {
  170. font-family: {select:font};
  171. font-size: 12pt;
  172. color: {color:text};
  173. word-wrap: break-word;
  174. background: url('{image:background image}') fixed {color:blog bg};
  175. {block:iffullbgimg}
  176. background-size: cover;
  177. {/block:iffullbgimg}
  178. transition: color 0.5s;
  179. transition: 0.5s;
  180. overflow-x: hidden;
  181. }
  182.  
  183. a {
  184. color: {color:links};
  185. transition: color 0.5s;
  186. {block:ifnotunderlinelinks}
  187. text-decoration: none;
  188. {/block:ifnotunderlinelinks}
  189. }
  190.  
  191. a:hover {
  192. color: {color:hover links};
  193. transition: color 0.5s;
  194. }
  195.  
  196. .media {
  197. text-align: center;
  198. }
  199.  
  200. img {
  201. max-width: 100%;
  202. }
  203.  
  204. #abc {
  205. width: 800px;
  206. margin: 50px auto;
  207. }
  208.  
  209.  
  210. .post .question {
  211. font-weight: bold;
  212. background: rgba({RGBcolor:details},0.3);
  213. padding: 5px;
  214. {block:ifroundcorners}
  215. border-radius: 5px;
  216. {/block:ifroundcorners}
  217. }
  218.  
  219.  
  220. .asker {
  221. margin-top: 7px;
  222. text-align: right;
  223. }
  224.  
  225. .post, #sidebar, #sidebar2 {
  226. {block:ifroundcorners}
  227. border-radius: 10px;
  228. {/block:ifroundcorners}
  229. {block:ifborders}
  230. border: 3px solid {color:text};
  231. {/block:ifborders}
  232. background-color: {color:content bg};
  233. transition: background-color 0.5s, border-color 0.5s;
  234. padding: 5px;
  235. }
  236.  
  237. #sidebar, #sidebar2 {
  238. text-align: center;
  239. width: 150px;
  240. position: fixed;
  241. }
  242.  
  243.  
  244. #sidebar2 {
  245. margin-left: 700px;
  246. }
  247.  
  248. .blogtitle {
  249. text-align: center;
  250. font-size: larger;
  251. font-weight: bold;
  252. }
  253.  
  254. #sidebar .sideimg img, .media img {
  255. max-width: 100%;
  256. margin: auto;
  257. display: block;
  258. }
  259.  
  260. .chatlabel {
  261. font-weight: bold;
  262. }
  263.  
  264. .odd {
  265. background-color: rgba({RGBcolor:details},0.3);
  266. {block:ifroundcorners}
  267. border-radius: 3px;
  268. {/block:ifroundcorners}
  269. }
  270.  
  271. .odd, .even {
  272. padding: 5px;
  273. }
  274.  
  275. .quote {
  276. font-style: italic;
  277. font-weight: bold;
  278. }
  279.  
  280. .quote.long {
  281. font-size: 110%;
  282. }
  283.  
  284. .quote.medium {
  285. font-size: 125%;
  286. }
  287.  
  288. .quote.short {
  289. font-size: 150%;
  290. }
  291.  
  292. .post {
  293. margin-left: 175px;
  294. width: 500px;
  295. margin-bottom: 10px;
  296. }
  297.  
  298.  
  299. .link, .post .title {
  300. font-size: 125%;
  301. font-weight: bold;
  302. }
  303.  
  304. ol.notes {
  305. padding: 0;
  306. margin-top: 2px;
  307. list-style-type: none;
  308. border-top: 2px solid {color:details};
  309. }
  310.  
  311. ol.notes li.note {
  312. padding: 5px;
  313. }
  314.  
  315. ol.notes li.note img.avatar {
  316. vertical-align: -4px;
  317. margin-right: 10px;
  318. width: 16px;
  319. height: 16px;
  320. }
  321.  
  322. ol.notes li.note blockquote {
  323. border-color: {color:details};
  324. padding: 4px 10px;
  325. margin: 10px 0px 0px 25px;
  326. }
  327.  
  328. ol.notes li.note blockquote a {
  329. text-decoration: none;
  330. }
  331.  
  332. .footer {
  333. border-top: 2px solid {color:details};
  334. margin-top: 5px;
  335. padding-top: 2px;
  336. }
  337.  
  338. hr {
  339. border-color: {color:details};
  340. border-style: solid;
  341. }
  342.  
  343. .links {
  344. text-align: center;
  345. }
  346.  
  347. .txt blockquote {
  348. border-left: 2px solid {color:details};
  349. padding-left: 15px;
  350. margin-top: -5px;
  351. margin-left: 5px;
  352. }
  353.  
  354. a.navi {
  355. color: {color:text};
  356. position: fixed;
  357. bottom: 5px;
  358. font-size: 100px;
  359. }
  360.  
  361. a.navi:hover {
  362. color: {color:content bg};
  363. }
  364.  
  365. a.next {
  366. margin-left: 800px;
  367. }
  368.  
  369. .tumblr_audio_player {
  370. height: 85px;
  371. }
  372.  
  373. </style>
  374. </head>
  375. <body>
  376. <div id="abc">
  377. <div id="sidebar">
  378. {block:ifshowtitle}
  379. <div class="blogtitle"><a href="/">{Title}</a></div>
  380. <hr>
  381. {/block:ifshowtitle}
  382. <div class="sideimg">
  383. <a href="/"><img src="{image:sidebar image}"></a>
  384. </div>
  385. {block:Description}
  386. {Description}
  387. {/block:Description}
  388. <br>
  389. <div class="links">
  390. <hr>
  391. {block:iflink1url}<a href="{text:link 1 url}">{block:iflink1name}{text:link 1 name}{/block:iflink1name}{block:ifnotlink1name}{text:link 1 url}{/block:ifnotlink1name}</a>{/block:iflink1url}{block:iflink2url} {text:divider symbol} <a href="{text:link 2 url}">{block:iflink2name}{text:link 2 name}{/block:iflink2name}{block:ifnotlink2name}{text:link 2 url}{/block:ifnotlink2name}</a>{/block:iflink2url}{block:iflink3url} {text:divider symbol} <a href="{text:link 3 url}">{block:iflink3name}{text:link 3 name}{/block:iflink3name}{block:ifnotlink3name}{text:link 3 url}{/block:ifnotlink3name}</a>{/block:iflink3url}
  392. </div>
  393.  
  394. </div>
  395.  
  396. <div id="sidebar2">
  397. <img src="{image:sidebar 2 image}">
  398. <div class="blogtitle">{text:sidebar 2 title}</div><hr>
  399. <b>{text:font size control label}</b><br>
  400.  
  401. <a href="javascript:changeFontSize(1)">{text:font size up label}</a> {text:divider symbol}
  402. <a href="javascript:changeFontSize(-1)">{text:font size down label}</a>
  403. <hr><b>{text:colour control label}</b><br>
  404. <a href="javascript:invertcolours()">{text:invert colours label}</a> {text:divider symbol} <a href="javascript:revertcolours()">{text:revert colours label}</a>
  405. <hr>
  406. {block:ifsidebar2image}
  407. <img src="{image:sidebar 2 image}"><br>{/block:ifsidebar2image}<span style="font-size:75%"><a href="https://tmblr.co/mJjlZ7Gyg2wInIVYM5U5IlA">THEME CREDIT</a></span>
  408. </div>
  409. <div id="content">
  410. {block:Posts}
  411. <div class="post">
  412. {block:Photo}
  413. <div class="media">
  414. {LinkOpenTag}
  415. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  416. {LinkCloseTag}
  417. </div>
  418. {block:Caption}
  419. <div class="txt">{Caption}</div>
  420. {/block:Caption}
  421. {/block:Photo}
  422.  
  423. {block:Panorama}
  424. <div class="media">
  425. {LinkOpenTag}
  426. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  427. {LinkCloseTag}
  428. </div>
  429. {block:Caption}
  430. <div class="txt">{Caption}</div>
  431. {/block:Caption}
  432. {/block:Panorama}
  433.  
  434. {block:Text}
  435. {block:Title}
  436. <div class="title">{Title}</div>
  437. {/block:Title}
  438. <div class="txt">{Body}</div>
  439. {/block:Text}
  440.  
  441. {block:Photoset}
  442. <div class="media">
  443. {Photoset}
  444. </div>
  445. {block:Caption}
  446. <div class="txt">{Caption}</div>
  447. {/block:Caption}
  448. {/block:Photoset}
  449.  
  450. {block:Chat}
  451. {block:Title}
  452. <div class="title">{Title}</div>
  453. {/block:Title}
  454. {block:Lines}
  455. <div class="{Alt}">
  456. {block:Label}
  457. <span class="chatlabel">{Label}</span>
  458. {/block:Label}
  459. &nbsp;{Line}
  460. </div>
  461. {/block:Lines}
  462. {/block:Chat}
  463.  
  464. {block:Quote}
  465. <div class="quote {Length}">{Quote}</div>
  466. {block:Source}
  467. <div class="quotesrc">&mdash;{Source}</div>
  468. {/block:Source}
  469. {/block:Quote}
  470.  
  471. {block:Answer}
  472. <div class="question">
  473. {Question}
  474. </div>
  475. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  476. <div class="txt">{Answer}</div>
  477. {/block:Answer}
  478.  
  479. {block:Link}
  480. <div class="link">
  481. <a href="{URL}" {Target}>{Name}</a>
  482. </div>
  483. {block:Description}
  484. <div class="txt">{Description}</div>
  485. {/block:Description}
  486. {/block:Link}
  487.  
  488. {block:Audio}
  489. {block:AudioEmbed}
  490. <div class="media">
  491. {AudioEmbed}
  492. </div>
  493. {/block:AudioEmbed}
  494. <div class="txt">{Caption}</div>
  495. {/block:Audio}
  496.  
  497. {block:Video}
  498. <div class="media">{Video-500}</div>
  499. {block:Caption}
  500. <div class="txt">{Caption}</div>
  501. {/block:Caption}
  502. {/block:Video}
  503.  
  504. {block:Date}
  505.  
  506. <div class="footer">
  507. <a href="{Permalink}">{TimeAgo} {text:divider symbol} {NoteCountWithLabel}{block:RebloggedFrom}</a> {text:divider symbol} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource} {text:divider symbol} <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  508. {block:HasTags}<br />{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  509. </div>
  510. {/block:Date}
  511.  
  512. {PostNotes}
  513. </div>
  514. {/block:Posts}
  515.  
  516. {block:Pagination}
  517.  
  518. {block:PreviousPage}<a href="{PreviousPage}" class="navi back">&lt;</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="navi next">&gt;</a>{/block:NextPage}
  519.  
  520. {/block:Pagination}
  521.  
  522. </div>
  523. </div>
  524.  
  525.  
  526. </body>
  527. </html>
Advertisement
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!