API tools faq
paste
Advertisement
southrd

Zera

southrd
May 24th, 2016
1,418
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.29 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. ZERA
  8.  
  9. Coded with love by littlethms/littletrails @ tumblr
  10. Support @ littlethms/ask
  11. May 24, 2016
  12.  
  13. -->
  14.  
  15. <title>{Title}</title>
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. <link rel="shortcut icon" href="{Favicon}">
  18. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  19.  
  20. <!-- Alter the fonts to your preference.-->
  21. <link href='https://fonts.googleapis.com/css?family=Lato:300,400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  22.  
  23. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  24. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  25. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  26. <script>
  27. $(window).scroll(function() {
  28. if( $(this).scrollTop() > header ) {
  29. nav.addClass(naved);
  30. } else {
  31. nav.removeClass(naved);
  32. }
  33. });
  34. </script>
  35.  
  36. <meta name="viewport" content="width=device-width, initial-scale=1">
  37. <meta name="image:Header" content="#eee">
  38. <meta name="color:Border" content="#eee">
  39. <meta name="color:Background" content="#fff">
  40. <meta name="color:Text" content="#555">
  41. <meta name="color:Accent" content="#d95e40">
  42. <meta name="color:Link" content="#777">
  43. <meta name="color:Link Hover" content="#333">
  44. <meta name="color:Navigation" content="#fff">
  45. <meta name="color:Navigation Links" content="#333">
  46. <meta name="text:Post Width" content="600"/>
  47. <meta name="text:Sidebar Width" content="200"/>
  48. <meta name="text:Margin" content="100"/>
  49. <meta name="text:Blog Username" content="littlethms">
  50. <meta name="color:Footer" content="#333">
  51. <meta name="color:Footer Text" content="#fff">
  52. <meta name="if:Show Header" content="1">
  53. <meta name="if:Sticky Navigation" content="1">
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58. /* Presets */
  59.  
  60.  
  61. body {margin:0; font-size:13px; font-weight:400; font-family:'Lato'; line-height:170%; color:{color:Text}; background:{color:Background}; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-align:justify; letter-spacing:0.3px;}
  62.  
  63. a {color:{color:Link}; text-decoration:none; -webkit-transition:all .2s linear; transition:all .2s linear; font-weight:Bold;}
  64.  
  65. a:hover {color:{color:Link Hover};}
  66.  
  67. blockquote {padding:0 30px; border-left:1px solid {color:Border};}
  68.  
  69. blockquote, ol, ul, p, pre {margin:0 0 .6em;}
  70.  
  71. h1, h2, h3, h4, h5, h6 {margin:0 0 .9em; font-size:18px; font-weight:inherit; font-family:Lato;}
  72.  
  73. p {margin-top:9px;}
  74.  
  75. img {border:0; max-width:100%; height:auto;min-width:auto;}
  76.  
  77. hr {margin:1em 0; border:0; height:1px; -moz-box-sizing:border-box; box-sizing:border-box; background-color:{color:Border};}
  78.  
  79. .more a {border-top:1px solid #eee; padding-top:20px; color:#333;font-family:Lato; font-size:9.5px; letter-spacing:1.5px;font-weight:400; text-transform:uppercase; display:inline-block; }
  80.  
  81. .more a:hover {color:{color:Accent}; background:#fff;}
  82.  
  83.  
  84. /* Navigation */
  85.  
  86. .title {text-align:center; font-weight:700; text-transform:capitalize; color:{color:Accent};font-size:17px; padding:5px 0 5px;}
  87.  
  88. nav {border-bottom:2px solid #eee; background-color:{color:Navigation}; padding:5px 0px 10px; z-index:888; text-align:center; display:block; width:100%;}
  89.  
  90. nav a {font-weight:400; font-size:11px; margin-right:10px; font-family:'Lato'; text-transform:uppercase; letter-spacing:1.5px; color:{color:Navigation Links}; }
  91.  
  92. nav i {font-size:20px; margin-right:10px; }
  93.  
  94. nav ul { padding: 0; text-align:center;}
  95. nav ul li {list-style-type:none; margin:0 0 0 -4px; display:inline-block;}
  96.  
  97. nav ul li a {opacity:1 !important;position: relative; display:inline-block; padding: 0 12px; z-index:999;}
  98.  
  99. nav ul li a:hover {color:#9cbaba;}
  100. nav ul li:hover > ul {display: block;}
  101.  
  102. nav ul ul {min-width:150px; z-index:888;
  103. padding:0px 0px 0px 4px; position:absolute; display:none; background:{color:Navigation}; border:1px solid {color:Border};}
  104.  
  105. nav ul ul li {border-bottom:1px solid {color:Border};display: block;float: none;position: relative; padding:6px;}
  106.  
  107. nav ul ul li a {padding: 0 12px; font-weight:300;}
  108.  
  109. nav ul ul li a:hover {color:#222;}
  110. nav ul ul li:hover {background-color:#eee;-webkit-transition:all .2s linear; transition:all .2s linear;}
  111.  
  112.  
  113. /* Header */
  114.  
  115. header { {block:ifnotShowHeader}display:none;{/block:ifnotShowHeader}
  116. }
  117. header img { margin:0 auto 0; border-bottom:1px {color:Navigation} solid; width:100%;height:250px;}
  118.  
  119. .main {margin:0 auto; width:calc({text:Post Width}px + {text:Margin}px + {text:Sidebar Width}px);display:block; position:Relative; }
  120.  
  121. /* Sidebar */
  122. aside {width:{text:Sidebar Width}px; float:right; height:100%;text-align:justify; display:inline-block; position:relative; margin-top:{text:Margin}px;}
  123.  
  124. aside .block {margin-bottom:calc({text:Margin}px / 2); border-bottom:1px solid {color:Border}; padding-bottom:20px;}
  125.  
  126. aside h1 {font-style:italic}
  127.  
  128. aside h1::before {content: ""; position: absolute; width: 50px; height: 2px;background: {color:Accent}; margin: 30px auto; }
  129.  
  130. aside .li {display:block;}
  131.  
  132. aside .li a {width:47%; margin:2px; display:inline-block;}
  133.  
  134. /* Entries */
  135.  
  136. .content {position: relative; width:{text:Post Width}px; background-color:{color:background}; display:inline-block; margin: 50px {text:Margin}px 0 0; }
  137.  
  138. .content .title {font-family:Lato; text-align:center;
  139. font-size:25px; margin-bottom:0px; padding:15px 0; font-weight:300 !important;text-align:center; text-transform:capitalize; font-style:italic;}
  140.  
  141. .entry {background:{color:Background}; position:relative; margin:0 0 {text:Margin}px; border-radius:6px; }
  142.  
  143. .entry img {min-width:100%; max-width:100%;}
  144.  
  145.  
  146. /*Permalink */
  147. .date { margin:2em 0 0 0; padding-top:15px; letter-spacing:1.5px; line-height:150%; font-size: 9px; font-family:Lato; text-align:center; font-weight:400 !important; position: relative;background:#Fff;}
  148.  
  149. .date i {color:#333; margin:0 3px;}
  150.  
  151. .date a {color:#333; text-transform:uppercase;font-weight:400; line-height:.1em; background:#fff;position:relative;display:block; margin-bottom:30px;}
  152.  
  153. .date a::before {content: ""; position: absolute; width: 50px; height: 2px;background: {color:Accent}; margin: 20px auto; right:50%; left:46%;}
  154.  
  155. a.tag:after {content:", ";}
  156.  
  157. a.tag:last-child:after {content:"";}
  158.  
  159. /* Chat */
  160.  
  161. .chat {padding:0; list-style-type:none;}
  162.  
  163. .chat .label {font-weight:bold; font-family:Lato; text-transform:uppercase; letter-spacing:1px; font-size:10px;}
  164.  
  165. .line {margin-top:10px; border-bottom:1px solid #f5f5f5; padding-bottom:10px;}
  166.  
  167. .line:last-child{border:none;}
  168.  
  169. /* Quotes */
  170. .quoted {font-weight:400; font-size:23px; font-style:italic; line-height:130%;}
  171.  
  172. .source {font-family:Lato; font-size:10px; text-align:center; letter-spacing:1px; text-transform:uppercase;}
  173.  
  174. /*Answers */
  175. .question { color:#555; font-weight:300; font-size:12px; font-family:Lato; margin-bottom:10px; display:inline-block; width:40%; margin-right:15px; vertical-align:middle !important; text-align:right;}
  176.  
  177. .ans { border-left:1px solid #eee; padding-left:15px; display:inline-block; width:53%;vertical-align:middle !important;}
  178.  
  179. .sender, .sender a {color:#555; font-family:Lato;letter-spacing:0px; font-style:italic; font-size:16px; text-transform:lowercase; text-align:right; font-weight:400 !important; }
  180.  
  181. .sender {margin-bottom:7px; padding-bottom:5px; border-bottom:1px solid #eee;}
  182.  
  183. .media {position:relative; display:inline-block; width:100%;}
  184.  
  185. #tumblr_controls {position:fixed!important; opacity:.67!important; -webkit-filter:invert(100%); -webkit-backface-visibility:hidden;bottom:0;
  186. padding:4px;}
  187.  
  188. .footer {padding:30px 10px; font-size:12px; letter-spacing:0.5px; color:{color:Footer Text}; background:{color:Footer}; bottom:0; width:100%;bottom:0; height:120px;text-align:Center; margin 0 auto;position:relative;}
  189.  
  190. .footer .f {width:50%; margin 0 auto; text-align:Center;}
  191.  
  192. .footer h1 {text-transform:lowercase; font-weight:400;font-size:17px; font-family:Lato; margin-bottom:5px;}
  193. .footer .f a {color:{color:Accent}}
  194.  
  195. .footer .al {text-transform:uppercase; font-weight:400;font-size:9px; letter-spacing:2px; margin-top:10px;}
  196.  
  197. .footer .al a { color:{color:Footer Text} !important; font-family:Lato; margin-right:15px;}
  198.  
  199. .footer .al a:hover {border-bottom:3px solid {color:Accent}; padding-bottom:5px;}
  200.  
  201.  
  202. /*Post Notes*/
  203.  
  204. .pnotes .block{border-radius:6px;margin:100px auto !important; margin-left:-60px; }
  205.  
  206. .pnotes {display:block; height:300px;font-size:12px;}
  207.  
  208. .pnotes a {font-size:11px !important; }
  209.  
  210. .pnotes img{display:none;}
  211.  
  212. .pnotes li {text-align:left; font-size:10px; letter-spacing:0px; list-style:none; width:45%;background:#fff; margin:1px; display:inline-block; vertical-align:middle;line-height:140%;}
  213.  
  214. .pnotes ol, .pnotes ul{width:100%; list-style:none; margin-bottom:100px !important; padding-bottom:100px; }
  215.  
  216. /*Pagination */
  217.  
  218. .pagination {margin:-50px auto 50px; height:20px; bottom:0; width:{text:Post Width}px; text-align:center; }
  219.  
  220. .pagination a{color: {color:Text}; text-align:Center; font-family:Lato; text-transform:lowercase; font-weight:400; font-size:15px;}
  221.  
  222. .pagination i {color: {color:Accent};}
  223.  
  224. .ig { width:100%; background:{color:Accent}; color:#fff;text-transform:uppercase; font-size:10px; letter-spacing:1px; text-align:center; padding:10px; font-weight:bold;}
  225.  
  226. .cred, .cred a {
  227. font-size:8px;
  228. letter-spacing:1px;
  229. text-transform:uppercase;
  230. bottom:10px;
  231. right:20px;
  232. position:fixed;
  233. color:#aaa;
  234. }
  235.  
  236. </style>
  237. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  238. </head>
  239. <body>
  240.  
  241. <!-- Top Navigation Bar-->
  242.  
  243. <header>
  244. <img src="{image:Header}">
  245. </header>
  246. <nav>
  247.  
  248. <div class="title">
  249. {Title}
  250. </div>
  251. <Center>
  252. <ul>
  253. <li><a href="/"></span> Home</a></li>
  254. <li><a href="/link">Link</a></li>
  255. <li><a href="/link">Link</a>
  256. <ul>
  257. <li><a href="/link">Link</a></li>
  258. <li><a href="/link">Link</a></li>
  259. <li><a href="/link">Link</a></li>
  260. <li><a href="/link">Link</a></li>
  261. </ul></li>
  262. <li><a href="/link">Link</a></li>
  263. <li><a href="/link">Link</a></li>
  264. <li><a href="/link">Link</a></li>
  265. <li><a href="/link">Link</a></li>
  266.  
  267. </ul>
  268. </center>
  269. </nav>
  270.  
  271. <!--Do not delete--><div class="main">
  272.  
  273. <aside>
  274. <div class="block">
  275. <h1> About</h1>
  276. {Description}
  277. </div>
  278.  
  279. <div class="block">
  280. <h1>Links</h1>
  281. <div class="li">
  282. <a href="/link">Link</a>
  283. <a href="/link">Link</a>
  284. <a href="/link">Link</a>
  285. <a href="/link">Link</a>
  286. <a href="/link">Link</a>
  287. <a href="/link">Link</a>
  288. <a href="/link">Link</a>
  289. <a href="/link">Link</a>
  290. </div>
  291. </div>
  292.  
  293. <div class="block">
  294. <h1>Text Box</h1>
  295. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis ac orci tincidunt blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  296. </div>
  297. </aside>
  298.  
  299. <!--Content-->
  300. <div class="content">
  301.  
  302. {block:Posts}
  303.  
  304. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}"><section class="post">
  305.  
  306. {block:Date}<div class="date"><a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year} <i class="ion-android-remove"></i> {NoteCountWithLabel}</a></div>{/block:Date}
  307.  
  308. {block:Audio}<div class="audio">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div>{/block:Audio}
  309.  
  310. {block:Photo}<div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>{/block:Photo}
  311.  
  312. {block:Photoset}
  313. <div class="media photoset">
  314. <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>
  315. </div>
  316. {/block:Photoset}
  317.  
  318. {block:Video}<div class="media video">{Video-500}</div>{/block:Video}
  319.  
  320. {block:Answer}<div class="question"><div class="sender">{Asker}</div><span class="inquiry">{Question}</span></div><div class="ans">{Answer}</div>{/block:Answer}
  321.  
  322. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  323. <center><hr style="width:50%;"></center><ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}&nbsp; </span>{/block:Label}<br>{Line}</li>{/block:Lines}</ul>{/block:Chat}
  324.  
  325. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  326.  
  327. {block:Quote}<div class="quoted">{Quote}</div><hr> {block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  328.  
  329. {block:Text}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  330. <div class="text">{Body}{block:More}<center><br><div class="more"><a href="{Permalink}">continue reading</a></div></center><br>{/block:More}</div>{/block:Text}{block:Caption}<div class="caption text">{Caption}{block:More}<center><br><div class="more"><a href="{Permalink}">continue reading</a></div></center><br>{/block:More}</div>{/block:Caption}
  331.  
  332. </section>{block:IndexPage}{block:PermalinkPage}<br>{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{/block:PermalinkPage}
  333. {/block:IndexPage}</article>
  334.  
  335. {/block:Posts}
  336.  
  337. <div class="pagination">{block:Pagination}{block:PreviousPage}<a class="prev" href="{PreviousPage}" style="float:left">newer posts</a> {/block:PreviousPage} {block:NextPage} <a class="next" href="{NextPage}" style="float:right">older posts</i></a>{/block:NextPage}</div>{/block:Pagination}
  338.  
  339. {block:PermalinkPage}{block:PostNotes}<div class="pnotes"><div class="block">{PostNotes}</div></div>{/block:PostNotes}{/block:PermalinkPage}
  340.  
  341. <div class="cred"><a href="http://littlethms.tumblr.com/">Lthms</a></div>
  342.  
  343. {block:IndexPage} {block:More}<center><br><div class="more"><a href="{Permalink}">continue reading</a></div></center><br>{/block:More}{/block:IndexPage}
  344.  
  345. </article></section>
  346. </div></div></div>
  347.  
  348. {block:IndexPage}
  349. <div class="footer">
  350. <center>
  351. <div class="f">
  352. <h1>{Title}</h1>
  353. {Description}
  354.  
  355. </div>
  356.  
  357. <div class="al">
  358. <a href="/">Home</a>
  359. <a href="/ask">Contact</a>
  360. <a href="/archive">Archive</a></div>
  361. </div></center>
  362.  
  363. {/block:IndexPage}
  364.  
  365. {block:ifStickyNavigation}
  366. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  367. <script type="text/javascript">
  368. $(function(){
  369. var nav = $('nav').offset().top;
  370.  
  371. $(window).scroll(function(){
  372. if( $(window).scrollTop() > nav ) {
  373. $('nav').css({position: 'fixed', top: '0px'});
  374. } else {
  375. $('nav').css({position: 'static', top: '0px'});
  376. }
  377. });
  378. });
  379. </script>
  380. {/block:ifStickyNavigation}
  381.  
  382. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  383. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  384. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  385.  
  386.  
  387. <script>
  388. $(document).ready(function(){
  389. $('.photo-slideshow').pxuPhotoset({
  390. lightbox: true,
  391. rounded: false,
  392. gutter: '1px',
  393. photoset: '.photo-slideshow',
  394. photoWrap: '.photo-data',
  395. photo: '.pxu-photo'
  396. });
  397. var $container = $('.content');
  398. {block:ifInfiniteScroll}
  399. $container.infinitescroll({
  400. itemSelector: '.entry',
  401. navSelector: '.pagination',
  402. nextSelector: '.next',
  403. loadingImg: '',
  404. loadingText: '<em></em>',
  405. bufferPx: 2000
  406. },
  407. function( newElements ) {
  408. var $newElems = $( newElements );
  409. $newElems.find('.photo-slideshow').pxuPhotoset({
  410. lightbox: true,
  411. rounded: false,
  412. gutter: '1px',
  413. photoset: '.photo-slideshow',
  414. photoWrap: '.photo-data',
  415. photo: '.pxu-photo'
  416. });
  417. resizeVideos();
  418. });
  419. {/block:ifInfiniteScroll}
  420. });
  421. </script>
  422. </body>
  423. </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!