API tools faq
paste
Advertisement
Guest User

code

a guest
Feb 22nd, 2018
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.06 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <!--
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13. custom theme by shythemes
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. -->
  22. <title>{Title}</title>
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <link rel="shortcut icon" href="{Favicon}">
  25. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  26. <meta name="viewport" content="width=device-width, initial-scale=1">
  27. <meta name="image:page 1 bg" content="">
  28. <meta name="image:page 1 img" content="">
  29. <meta name="image:page 2 bg" content="">
  30. <meta name="image:page 2 img" cotent="">
  31. <meta name="color:background" content="#ffffff">
  32. <meta name="color:text" content="#3f3f3f">
  33. <meta name="color:link" content="#dcdcdc">
  34. <meta name="color:link hover" content="#cbcbcb">
  35. <meta name="text:image link url" content="">
  36. <meta name="text:top link" content="secret">
  37. <meta name="text:top link url" content="">
  38. <meta name="text:link 1" content="link 1">
  39. <meta name="text:link 1 url" content="">
  40. <meta name="text:link 2" content="link 2">
  41. <meta name="text:link 2 url" content="">
  42. <meta name="text:link 3" content="link 3">
  43. <meta name="text:link 3 url" content="">
  44. <meta name="text:link 4" content="link 4">
  45. <meta name="text:link 4 url" content="">
  46. <meta name="text:link 5" content="">
  47. <meta name="text:link 5 url" content="">
  48. <meta name="text:link 6" content="">
  49. <meta name="text:link 6 url" content="">
  50. <meta name="text:link 7" content="">
  51. <meta name="text:link 7 url" content="">
  52. <meta name="text:link 8" content="">
  53. <meta name="text:link 8 url" content="">
  54. <meta name="text:link 9" content="">
  55. <meta name="text:link 9 url" content="">
  56. <meta name="text:link 10" content="">
  57. <meta name="text:link 10 url" content="">
  58. <meta name="text:link 11" content="">
  59. <meta name="text:link 11 url" content="">
  60. <meta name="text:link 12" content="">
  61. <meta name="text:link 12 url" content="">
  62. <link rel="shortcut icon" href="{FavIcon}" />
  63. <style type="text/css">
  64.  
  65.  
  66. body {
  67. margin:0;
  68. font-size:12px;
  69. font-family:sans-serif;
  70. line-height:initial;
  71. -moz-osx-font-smoothing:grayscale;
  72. -webkit-font-smoothing:antialiased;
  73. font-smoothing:antialiased;
  74. color:{color:text};
  75. background:{color:background};
  76. background-size:cover;
  77. background-position:center center;
  78. background-attachment:fixed;
  79. }
  80. a {
  81. color:{color:link};
  82. text-decoration:underline;
  83. }
  84. a:hover {
  85. color:{color:link hover};
  86. }
  87. blockquote {
  88.  
  89. }
  90. blockquote, ol, ul, p, pre {
  91. margin:0 0 1em;
  92. }
  93. img {
  94. border:0;
  95. max-width:100%;
  96. height:auto;
  97. display:block;
  98. }
  99. .title {
  100. font-size:15px;
  101. font-weight:bold;
  102. }
  103.  
  104. /* home page styling */
  105.  
  106. .main {
  107. display:none;
  108. min-height:100vh;
  109. text-align:center;
  110. }
  111. .nav {
  112. position:fixed;
  113. bottom:5vh;
  114. left:50%;
  115. transform:translate(-50%,-50%);
  116. max-height:75vh;
  117. max-width:calc(100vw - 25vh);
  118. z-index:400;
  119. }
  120. .page {
  121. position:relative;
  122. height:100vh;
  123. background-size:cover;
  124. background-position:center;
  125. }
  126. .top {
  127. position:absolute;
  128. top:5vh;
  129. left:50%;
  130. transform:translate(-50%,-50%);
  131. max-height:75vh;
  132. max-width:calc(100vw - 25vh);
  133. }
  134. .center {
  135. display:block;
  136. position:absolute;
  137. top:50%;
  138. left:50%;
  139. transform:translate(-50%,-50%);
  140. max-height:75vh;
  141. max-width:calc(100vw - 25vh);
  142. }
  143. .center p {
  144. margin:1em auto;
  145. }
  146. .center img {
  147. display:block;
  148. margin:2em auto;
  149. }
  150.  
  151. /* post styling */
  152.  
  153. .content {
  154. display:none;
  155. margin:150px auto;
  156. width:500px; /* change post width here */
  157. }
  158. .entry {
  159. position:relative;
  160. margin:0 0 150px;
  161. }
  162. .entry:last-child {
  163. margin-bottom:0;
  164. }
  165. .text {
  166. margin:1em 0 0;
  167. }
  168. .text:last-child,
  169. .text *:last-child {
  170. margin-bottom:0;
  171. }
  172. .caption {
  173. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  174. }
  175. .chat {
  176. padding:0;
  177. list-style-type:none;
  178. }
  179. .chat .label {
  180. font-weight:bold;
  181. }
  182. .quote {
  183. font-weight:bold;
  184. }
  185. .media {
  186. position:relative;
  187. display:inline-block;
  188. width:100%;
  189. }
  190. #tumblr_controls {
  191. position:fixed!important;
  192. opacity:.67!important;
  193. -webkit-filter:invert(100%);
  194. -webkit-backface-visibility:hidden;
  195. padding:4px;
  196. }
  197. .pagination,
  198. #infscr-loading {
  199. display:none!important;
  200. }
  201. </style>
  202. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  203.  
  204.  
  205. </head>
  206. <body>
  207.  
  208. <!-- navigation menu -->
  209. <select class="nav" name="navigation" onchange="window.location = this.value">
  210. <option value="">browse me</option>
  211. {block:ifLink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:ifLink1}
  212. {block:ifLink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:ifLink2}
  213. {block:ifLink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:ifLink3}
  214. {block:ifLink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:ifLink4}
  215. {block:ifLink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:ifLink5}
  216. {block:ifLink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:ifLink6}
  217. {block:ifLink7}<option value="{text:link 7 url}">{text:link 7}</option>{/block:ifLink7}
  218. {block:ifLink8}<option value="{text:link 8 url}">{text:link 8}</option>{/block:ifLink8}
  219. {block:ifLink9}<option value="{text:link 9 url}">{text:link 9}</option>{/block:ifLink9}
  220. {block:ifLink10}<option value="{text:link 10 url}">{text:link 10}</option>{/block:ifLink10}
  221. {block:ifLink11}<option value="{text:link 11 url}">{text:link 11}</option>{/block:ifLink11}
  222. {block:ifLink12}<option value="{text:link 12 url}">{text:link 12}</option>{/block:ifLink12}
  223. </select>
  224.  
  225. <div class="main">
  226.  
  227. <!-- first page -->
  228. <div class="page" style="background-image:url({image:page 1 bg});">
  229. <div class="top">
  230. <a href="{text:top link url}">{text:top link}</a>
  231. </div>
  232. <div class="center" style="width:500px;">
  233. <p style="width:300px"></p>
  234. <img src="{image:page 1 img}">
  235. </div>
  236. </div>
  237.  
  238. <!-- second page -->
  239. <div class="page" style="background-image:url({image:page 2 bg});">
  240. <div class="top">
  241. <a href="/"></a>
  242. </div>
  243. <div class="center" style="width:500px;">
  244. <p style="width:300px">{Description}</p>
  245. <a href="{text:image link url}"><img src="{image:page 2 img}"></a>
  246. </div>
  247. </div>
  248.  
  249.  
  250. </div><!-- end main -->
  251.  
  252. <!-- posts -->
  253.  
  254.  
  255. <div class="content">
  256. {block:Posts}
  257. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  258. <section class="post">
  259. {block:Audio}
  260. <div class="audio">
  261. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  262. </div>
  263. {/block:Audio}
  264. {block:Photo}
  265. <div class="media">
  266. {LinkOpenTag}
  267. <img src="{PhotoURL-HighRes}">
  268. {LinkCloseTag}
  269. </div>
  270. {/block:Photo}
  271. {block:Photoset}
  272. <div class="media photoset">
  273. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  274. setcolors(targetpage = '/tagged/music',
  275. textcolor = 'black',
  276. linkcolor = 'black',
  277. hovercolor = 'silver',
  278. backgroundcolor = '',
  279. backgroundimage = 'http://78.media.tumblr.com/8a6446ccfc2b8c6b1d83b949ea2288e9/tumblr_p3wvb2zkS01tcnvtso1_1280.jpg'</div>
  280.  
  281.  
  282. </div>
  283. {/block:Photoset}
  284. {block:Video}
  285. <div class="media video">{Video-500}</div>
  286. {/block:Video}
  287. {block:Answer}
  288.  
  289. <div class="answer text">{Answer}</div>
  290. {/block:Answer}
  291. {block:Chat}
  292. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  293. <ul class="chat text">
  294. {block:Lines}
  295. <li class="line">
  296. {block:Label}
  297. <span class="label">{Label}&nbsp; </span>
  298. {/block:Label}
  299. {Line}
  300. </li>
  301. {/block:Lines}
  302. </ul>
  303. {/block:Chat}
  304. {block:Link}
  305. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  306. {block:Description}<div class="text">{Description}</div>{/block:Description}
  307. {/block:Link}
  308. {block:Quote}
  309. <div class="quote text">{Quote}</div>
  310. {block:Source}
  311. <div class="source text">{Source}</div>
  312. {/block:Source}
  313. {/block:Quote}
  314. {block:Text}
  315. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  316. <div class="text">{Body}</div>
  317. {/block:Text}
  318. {block:Caption}
  319. <div class="caption text">{Caption}</div>
  320. {/block:Caption}
  321. </section>
  322. </article>
  323. {/block:Posts}
  324. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  325. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}">previous</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  326. </div><!-- end content -->
  327.  
  328. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  329. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  330. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  331. {block:IndexPage}
  332. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  333. {/block:IndexPage}
  334. <script src="//static.tumblr.com/fwgzvyf/DGEp3wncj/shythemes.custom.js"></script>
  335.  
  336.  
  337. <script>
  338.  
  339.  
  340. $(document).ready(function(){
  341.  
  342.  
  343.  
  344.  
  345. // Notes about the setcolors function:
  346.  
  347. // 1. For 'targetpage', only include the part of the url that comes after .com
  348.  
  349. // 2. The quotes need to be just like they are below or else it will break
  350.  
  351. // 3. For colors, you can either use HTML color names (e.g. 'pink') or HEX codes with a # in front (e.g. '#FFC0CB'). Here is a good reference: https://en.wikipedia.org/wiki/Web_colors#X11_color_names
  352.  
  353. // Example: Set the colors for the music tag page
  354. setcolors(targetpage = '/tagged/music',
  355. textcolor = 'blue',
  356. linkcolor = 'red',
  357. hovercolor = 'silver',
  358. backgroundcolor = 'lightpink',
  359. backgroundimage = 'https://static.tumblr.com/a46763f839df163a501303368e2e1e65/fwgzvyf/kwUp3wfad/tumblr_static_1i6bzrgve734cc4oo0csgco8w.png');
  360. backgroundsize = 'auto');
  361.  
  362. // Example: Set the colors for http://yoururl.tumblr.com/example
  363. setcolors(targetpage = '/example',
  364. textcolor = 'blue',
  365. linkcolor = 'red',
  366. hovercolor = 'silver',
  367. backgroundcolor = 'lightpink',
  368. backgroundimage = 'https://static.tumblr.com/a46763f839df163a501303368e2e1e65/fwgzvyf/kwUp3wfad/tumblr_static_1i6bzrgve734cc4oo0csgco8w.png',
  369. backgroundsize = 'cover');
  370.  
  371.  
  372.  
  373.  
  374.  
  375. // You can copy and paste one of the chunks above as many times as you want to add more pages
  376. });
  377.  
  378.  
  379. <script>
  380. setcolors(targetpage = '/ask',
  381. textcolor = 'blue',
  382. linkcolor = 'red',
  383. hovercolor = 'silver',
  384. backgroundcolor = 'lightpink',
  385. backgroundimage = 'https://78.media.tumblr.com/622c4345576c37604fa35875a3c2aeb1/tumblr_p4aoapEYGR1x5vw3ao1_500.jpg',
  386. backgroundsize = 'auto');
  387. </script>
  388.  
  389.  
  390.  
  391.  
  392. <script>
  393. setcolors(targetpage = '/tagged/ask',
  394. textcolor = 'white',
  395. linkcolor = 'silver',
  396. hovercolor = 'blue',
  397. backgroundcolor = 'black',
  398. backgroundimage = 'https://pbs.twimg.com/media/CdftXtZWoAA9hKy.jpg',
  399. backgroundsize = 'cover');
  400. </script>
  401.  
  402.  
  403.  
  404. </script>
  405. </body>
  406. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!