API tools faq
paste
thewisepotato

New Horizons Tumblr Theme

thewisepotato
Jul 15th, 2015
883
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{block:TagPage}posts tagged {Tag} / {/block:TagPage}{block:SearchPage}results for {SearchQuery} / {/block:SearchPage}{block:PostSummary}{PostSummary} / {/block:PostSummary}{Title}</title>
  6. <meta name="description" content="{MetaDescription}" />
  7. <link rel="shortcut icon" href="{Favicon}"/>
  8.  
  9. <meta name="color:Background" content="#ffffff"/>
  10. <meta name="image:Background" content=""/>
  11. <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
  12.  
  13. <meta name="color:Header Text" content="#000000"/>
  14. <meta name="color:Header Background" content="#ffffff"/>
  15. <meta name="image:Header Background" content=""/>
  16. <meta name="color:Menu Text" content="#ffffff"/>
  17. <meta name="color:Menu Background" content="#000000"/>
  18.  
  19. <meta name="color:Post Text" content="#ffffff"/>
  20. <meta name="color:Post Background" content="#000000"/>
  21. <meta name="color:Post Accent" content="#888888"/>
  22. <meta name="color:Post Border" content="#ffffff"/>
  23.  
  24. <meta name="if:Stretch Header" content="1"/>
  25. <meta name="if:Stretch Background" content="0"/>
  26. <meta name="if:Show Tags" content="0"/>
  27.  
  28. <meta name="select:Post Size" content="p7" title="700px"/>
  29. <meta name="select:Post Size" content="p5" title="500px"/>
  30. <meta name="select:Post Size" content="p4" title="400px"/>
  31.  
  32. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  33. <script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script>
  34. <script>
  35. $(document).ready(function(){
  36. $('a.mopen').click(function(){
  37. $('#side h1, #side div.nav').css('opacity','0');
  38. $('#menu').css('left','0');
  39. });
  40. $('a.mclose').click(function(){
  41. $('#side h1, #side div.nav').css('opacity','1');
  42. $('#menu').css('left','-100%');
  43. });
  44. });
  45. </script>
  46.  
  47. <style type="text/css">
  48.  
  49. /*----GENERAL----*/
  50.  
  51. *, *:before, *:after {-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; max-width:100%;}
  52.  
  53. body {background:{color:Background} fixed; font-family:Helvetica, sans-serif; font-size:80%; line-height:180%; color:{color:Post Text};}
  54.  
  55. a {text-decoration:none; color:inherit;}
  56.  
  57. /*--------*/
  58.  
  59. #side {position:fixed; top:0; left:0; height:250px; width:100%; color:{color:Header Text}; font-weight:lighter; background:{color:Header Background} url({image:Header Background}) fixed; {block:ifStretchHeader}background-size:100% auto;{/block:ifStretchHeader}}
  60.  
  61. #side h1 {font-weight:lighter; font-style:italic; font-size:2.5em; line-height:100px; height:100px; margin:40px 0 0 0; text-align:center; text-transform:uppercase; width:100%; overflow:hidden;}
  62.  
  63. #side div.nav {text-align:center;}
  64.  
  65. #side a {cursor:pointer;}
  66.  
  67. div.nav a {display:inline-block; margin:2px 0; width:92px; color:{color:Header Text}; border:solid 1px {color:Header Text}; line-height:26px; text-transform:uppercase; font-size:0.9em;}
  68.  
  69. div.nav a:hover {background:{color:Header Text}; color:{color:Header Background};}
  70.  
  71. #menu {position:absolute; top:0; left:-100%; background:rgba({RGBcolor:Menu Background},0.7); color:{color:Menu Text}; height:100%; width:100%; text-align:center;}
  72.  
  73. #menu div.desc {height:85px; overflow:auto; border:solid 1px {color:Menu Text}; padding:15px; width:530px; margin:40px auto 14px auto; max-width:90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  74.  
  75. div.desc a {opacity:0.7;}
  76.  
  77. div.desc a:hover {opacity:1;}
  78.  
  79. div.desc *:first-child {margin-top:0;}
  80.  
  81. div.desc *:last-child {margin-bottom:0;}
  82.  
  83. div.desc::-webkit-scrollbar {height:7px; width:7px;}
  84.  
  85. div.desc::-webkit-scrollbar-thumb {background:{color:Menu Text}; border:solid 3px transparent; background-clip:content-box;}
  86.  
  87. div.links {width:530px; border:solid 1px {color:Menu Text}; margin:auto; text-transform:uppercase; font-size:0.9em; max-width:90%;}
  88.  
  89. div.links span.n {float:left; padding:5px 15px; margin:0; display:block;}
  90.  
  91. div.links div {height:31px; overflow:hidden; overflow-x:auto; white-space:nowrap; text-overflow:ellipsis; border-left:solid 1px {color:Menu Text}; line-height:31px; padding-bottom:4px;}
  92.  
  93. div.links div::-webkit-scrollbar {height:7px; width:7px;}
  94.  
  95. div.links div::-webkit-scrollbar-thumb {background:{color:Menu Text}; border:solid 3px transparent; background-clip:content-box;}
  96.  
  97. div.links a {padding:0 15px; display:inline-block; margin:0;}
  98.  
  99. div.links a:hover {color:{color:Menu Background}; background:{color:Menu Text};}
  100.  
  101. a.mclose {display:inline-block; opacity:0.7; margin-top:15px;}
  102.  
  103. /*----POSTS----*/
  104.  
  105. #posts {position:absolute; top:250px; left:0; width:100%; padding-bottom:50px; font-weight:lighter; -webkit-box-shadow: 0px -2px 40px 0px rgba(50, 50, 50, 1); -moz-box-shadow: 0px -2px 40px 0px rgba(50, 50, 50, 1); box-shadow: 0px -2px 40px 0px rgba(50, 50, 50, 1);}
  106.  
  107. #pbg {height:100%; width:100%; background:{color:Background} url({image:Background}) fixed; {block:ifStretchBackground}background-size:100% 100%;{/block:ifStretchBackground} position:absolute; top:0; left:0; z-index:0;}
  108.  
  109. #pbg div {height:100%; width:100%; background:rgba({RGBcolor:Post Background},0.7); position:absolute; top:0; left:0;}
  110.  
  111. #posts a {opacity:0.5;}
  112.  
  113. #posts a:hover {opacity:1;}
  114.  
  115. #entry {height:auto; margin:150px auto 250px auto; position:relative; max-width:90%;}
  116.  
  117. #entry:first-of-type {margin-top:50px;}
  118.  
  119. #posts.p7 #entry {width:700px;}
  120.  
  121. #posts.p5 #entry {width:500px;}
  122.  
  123. #posts.p4 #entry {width:400px;}
  124.  
  125. #entry * {max-width:100%;}
  126.  
  127. #entry iframe {margin-bottom:0; padding-bottom:0;}
  128.  
  129. #entry h2 {text-align:center; margin:0; text-transform:uppercase; font-weight:lighter; color:{color:Post Text};}
  130.  
  131. #entry div.cap h2 {text-align:left; font-size:1.2em; display:inline-block; padding:10px 20px; border:none;}
  132.  
  133. blockquote {border-left:solid 1px {color:Post Border}; padding-left:15px; margin-left:15px; margin-top:-5px; margin-right:0;}
  134.  
  135. a.tumblr_blog {text-transform:uppercase; font-size:0.9em;}
  136.  
  137. #entry.noblog a.tumblr_blog {display:inline; border:none; padding:0; position:initial; text-transform:initial; -webkit-box-sizing:initial; -moz-box-sizing:initial; box-sizing:initial; margin:0;}
  138.  
  139. #entry h2, div.html_photoset, div.video, div.photo {padding:15px; border:solid 1px {color:Post Border}; text-align:center;}
  140.  
  141. #entry h2:hover, div.html_photoset:hover, div.video:hover, div.photo:hover, div.ask:hover, ul.chat li:hover {background:{color:Post Text}; color:{color:Post Accent};}
  142.  
  143. div.cap {padding:15px; border:solid 1px {color:Post Border}; margin-top:-1px; clear:both;}
  144.  
  145. #entry a.more {text-align:center; padding:5px 15px; border:solid 1px {color:Post Border}; display:block; margin-top:-1px; opacity:1; color:rgba({RGBcolor:Post Text}, 0.5);}
  146.  
  147. #entry a.more:hover {background:{color:Post Text}; color:{color:Post Accent};}
  148.  
  149. /*----CHAT POSTS----*/
  150.  
  151. ul.chat {padding:0; margin:0; list-style-type:none;}
  152.  
  153. ul.chat li {margin:-1px 0; padding:15px; border:solid 1px {color:Post Border};}
  154.  
  155. ul.chat li b {color:{color:Post Text};}
  156.  
  157. ul.chat li.even b {opacity:0.8;}
  158.  
  159. ul.chat li:hover b {color:{color:Post Accent};}
  160.  
  161. /*----LINK POSTS----*/
  162.  
  163. #entry a.link {display:block; width:100%; position:relative; bottom:-1px; opacity:1;}
  164.  
  165. a.link img {float:left; height:4em; padding:1px; border:solid 1px {color:Post Border}; margin-right:-1px;}
  166.  
  167. a.link h2 {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
  168.  
  169. a.link h2:after {content:' ❯'; float:right; color:{color:Post Text};}
  170.  
  171. a.link h2:hover:after {color:{color:Post Accent};}
  172.  
  173. /*----AUDIO POSTS----*/
  174.  
  175. .audio {background:white; width:100%; height:112px; position:relative; display:table; color:black; overflow:hidden;}
  176.  
  177. .player span div iframe {width:100% !important; height:112px !important;}
  178.  
  179. .audio img {height:98px; width:98px; float:right; margin-top:-112px; margin-right:7px; background:white; position:relative; z-index:9;}
  180.  
  181. .audin {background:white; overflow:hidden; margin:-112px 105px 0 50px; text-align:center; font-size:14px; line-height:150%; padding:7px 0; height:84px; position:relative; z-index:9;}
  182.  
  183. /*----QUOTE POSTS----*/
  184.  
  185. h2.short {font-size:1.25em;}
  186.  
  187. h2.medium {font-variant:small-caps; text-align:left; text-transform:none;}
  188.  
  189. h2.long {text-align:left; text-transform:none; font-size:1.15em;}
  190.  
  191. /*----ASK POSTS----*/
  192.  
  193. div.ask {padding:15px 30px; border:solid 1px {color:Post Border};}
  194.  
  195. div.ask b, div.ask b a {color:{color:Post Text};}
  196.  
  197. div.ask:hover b, div.ask:hover b a {color:{color:Post Accent};}
  198.  
  199. div.answer {padding:15px 30px; border:solid 1px {color:Post Border}; margin-top:-1px;}
  200.  
  201. div.answer b, div.ask b {margin-left:-15px; text-transform:uppercase;}
  202.  
  203. div.ask b img, div.answer b img {vertical-align:bottom; margin-right:15px;}
  204.  
  205. div.cap.replies {padding:0 15px;}
  206.  
  207. /*----VIDEO POSTS----*/
  208.  
  209. div.tumblr_video_container {display:inline-block;}
  210.  
  211. /*--------*/
  212.  
  213. /*----PAGINATION----*/
  214.  
  215. #posts.p7 #pg {width:700px;}
  216.  
  217. #posts.p5 #pg {width:500px;}
  218.  
  219. #posts.p4 #pg {width:400px;}
  220.  
  221. #pg {margin:auto; text-align:center; max-width:90%;}
  222.  
  223. #pg a {display:inline-block; padding:5px 15px; border:solid 1px {color:Post Border}; text-transform:uppercase; opacity:0.6; margin:0 15px 60px 15px;}
  224.  
  225. #pg a.p {float:left;}
  226.  
  227. #pg a.n {float:right;}
  228.  
  229. /*--------*/
  230.  
  231. /*----PERMALINK----*/
  232.  
  233. div.perm {position:absolute; top:100%; left:0; width:100%; padding:15px 0; color:{color:Post Text};}
  234.  
  235. #posts div.perm a {text-transform:uppercase; margin-left:10px; display:inline-block; opacity:1; font-style:italic; padding-right:0.1em;}
  236.  
  237. #posts div.perm a:hover {opacity:0.6;}
  238.  
  239. #posts div.perm a.reblog_button {display:inline-block; float:right; opacity:0.6;}
  240.  
  241. div.perm div.like_button {display:inline-block; float:right; margin:0 10px; opacity:0.6; cursor:pointer;}
  242.  
  243. #posts div.perm a.reblog_button:hover, div.perm div.like_button:hover {opacity:1;}
  244.  
  245. div.tags {margin-top:-1px; padding:5px 15px; border:solid 1px {color:Post Border}; text-transform:uppercase; font-size:0.85em; {block:ifNotShowTags}display:none;{block:PermalinkPage}display:block;{/block:PermalinkPage}{/block:ifNotShowTags} opacity:0.4;}
  246.  
  247. div.tags a {margin-left:6px; opacity:1;}
  248.  
  249. div.tags:hover {opacity:1;}
  250.  
  251. div.tags:hover a {opacity:0.6;}
  252.  
  253. #posts div.perm a.thin {display:none;}
  254.  
  255. /*--------*/
  256.  
  257. /*----NOTES----*/
  258.  
  259. ol.notes {padding:0 0 15px 0; list-style-type:none; font-size:0.95em; color:white; margin:auto; clear:both; max-width:90%;}
  260.  
  261. #posts.p7 ol.notes {width:700px;}
  262.  
  263. #posts.p5 ol.notes {width:500px;}
  264.  
  265. #posts.p4 ol.notes {width:400px;}
  266.  
  267. ol.notes li {margin:15px 5px; opacity:0.75;}
  268.  
  269. ol.notes li:hover {opacity:1;}
  270.  
  271. img.avatar {margin-right:15px; vertical-align:middle;}
  272.  
  273. ol.notes li blockquote {margin-top:15px; margin-left:7px;}
  274.  
  275. /*--------*/
  276.  
  277. {CustomCSS}
  278. </style>
  279.  
  280. </head>
  281. <body>
  282.  
  283. <div id="side">
  284. <h1>{Title}</h1>
  285.  
  286. <div class="nav">
  287. <a href="/">index</a>
  288. {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}
  289. <a href="/archive">archive</a>
  290. {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
  291. <a class="mopen">menu</a>
  292. <a href="http://syntaxthemes.tumblr.com">theme</a>
  293. </div>
  294.  
  295. <div id="menu">
  296. <div class="desc">{Description}</div>
  297. <div class="links">
  298. <span class="n">navigate:</span>
  299. <div>
  300. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  301. </div></div>
  302. <a class="mclose">✕ &nbsp; CLOSE</a>
  303. </div>
  304.  
  305. </div>
  306. <!----------------------------------POSTS---------------------------------->
  307.  
  308. <div id="posts" class="{select:Post Size}">
  309.  
  310. <div id="pbg"><div></div></div>
  311.  
  312. {block:Posts}
  313.  
  314. <div id="entry" {block:Quote}class="noblog"{/block:Quote}>
  315.  
  316. <!---posts--->
  317. {block:Text}
  318. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  319. <div class="cap">{Body}</div>
  320. {/block:Text}
  321.  
  322. {block:Audio}
  323. <div class="audio">
  324. <div class="player">{AudioPlayerWhite}</div>
  325. <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
  326. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  327. <div class="audin">
  328. {block:TrackName}<b>{TrackName}</b><br/>{/block:TrackName}
  329. {block:Artist}{Artist}<br/>{/block:Artist}
  330. {block:Album}<i>{Album}</i><br/>{/block:Album}
  331. {block:PlayCount}{FormattedPlayCount}{/block:PlayCount}
  332. </div>
  333. </div>
  334. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  335. {/block:Audio}
  336.  
  337. {block:Video}
  338. <div class="video">{Video-500}</div>
  339. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  340. {/block:Video}
  341.  
  342. {block:Photo}
  343. {block:ifOpenFullSizeImages}
  344. {LinkOpenTag}
  345. {/block:ifOpenFullSizeImages}
  346. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  347. {block:ifOpenFullSizeImages}
  348. {LinkCloseTag}
  349. {/block:ifOpenFullSizeImages}
  350. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  351. {/block:Photo}
  352.  
  353. {block:Photoset}
  354. {Photoset}
  355. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  356. {/block:Photoset}
  357.  
  358. {block:Panorama}
  359. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  360. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  361. {/block:Panorama}
  362.  
  363. {block:Quote}
  364. <h2 class="{Length} qu">"{Quote}"</h2>
  365. {block:Source}<div class="cap">&nbsp;—&nbsp;{Source}</div>{/block:Source}
  366. {/block:Quote}
  367.  
  368. {block:Link}
  369. <a href="{URL}" class="link" target="{Target}">
  370. {block:Thumbnail}<img src="{Thumbnail}"/>{/block:Thumbnail}
  371. <h2>{Name}</h2></a>
  372. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  373. {/block:Link}
  374.  
  375. {block:Chat}
  376. {block:Title}<h2>{Title}</h2>{/block:Title}
  377. <ul class="chat">
  378. {block:Lines}
  379. <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
  380. {/block:Lines}
  381. </ul>
  382. {/block:Chat}
  383.  
  384. {block:Answer}
  385. <div class="ask"><b><img src="{AskerPortraitURL-24}"/>{Asker} asked: </b>
  386. <p>{Question}</p></div>
  387. <div class="answer">
  388. {block:Answerer}<b><img src="{AnswererPortraitURL-24}"/>{Answerer} answered:</b>{/block:Answerer}
  389. {Answer}</div>
  390. {block:Answerer}<div class="cap replies">{Replies}</div>{/block:Answerer}
  391. {/block:Answer}
  392.  
  393. {block:More}
  394. <a class="more" href="{Permalink}">READ MORE</a>
  395. {/block:More}
  396.  
  397.  
  398. {block:HasTags}<div class="tags"> Tagged:
  399. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  400. </div>{/block:HasTags}
  401.  
  402. {block:Date}<div class="perm">
  403. <a class="wide" href="{Permalink}">posted {TimeAgo}</a>
  404. <a class="wide" href="{Permalink}">{NoteCountWithLabel}</a>
  405.  
  406. <a class="thin date" href="{Permalink}">{TimeAgo}</a>
  407. <a class="thin" href="{Permalink}">{NoteCount}</a>
  408.  
  409. {LikeButton}{ReblogButton}
  410. </div>{/block:Date}
  411.  
  412. </div><!--entry-->
  413. {/block:Posts}
  414.  
  415. {block:PermalinkPagination}<div id="pg">
  416. {block:PreviousPost}<a class="p" href="{PreviousPost}">previous post</a>
  417. {/block:PreviousPost}{block:NextPost}
  418. <a class="n" href="{NextPost}">next post</a>{/block:NextPost}
  419. </div>{/block:PermalinkPagination}
  420.  
  421. {block:Pagination}<div id="pg">
  422. {block:PreviousPage}<a class="p" href="{PreviousPage}">previous page</a>
  423. {/block:PreviousPage}{block:NextPage}
  424. <a class="n" href="{NextPage}">next page</a>{/block:NextPage}
  425. </div>{/block:Pagination}
  426.  
  427. {block:PostNotes}
  428. {PostNotes}
  429. {/block:PostNotes}
  430.  
  431. </div><!--posts-->
  432.  
  433. </body>
  434. </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!