API tools faq
paste
Advertisement
ogaraster

Blitz Theme

ogaraster
Oct 5th, 2013
7,096
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.15 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3.  
  4. The Blitz Theme brought to you by Atlas Designs
  5. http://atlasdesigns.tumblr.com/
  6.  
  7. Do not remove credits or republish this theme without permission.
  8.  
  9. Updated January 2014:
  10. - new date format
  11. - embeded image width fix
  12. - layout header adjustments
  13. - added categories
  14. - added daily reads
  15. - added pagination
  16.  
  17. -->
  18.  
  19. <head>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Oswald:300,400|Kristi' rel='stylesheet' type='text/css'>
  24.  
  25. {block:IndexPage}
  26.  
  27. <script type="text/javascript"
  28. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  29.  
  30. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  31.  
  32. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  33. <script type="text/javascript">
  34. $(window).load(function () {
  35. var $content = $('#content');
  36. $content.masonry({itemSelector: '.entry'}),
  37. $content.infinitescroll({
  38. navSelector : 'div#pagination',
  39. nextSelector : 'div#pagination a#nextPage',
  40. itemSelector : '.entry',
  41. loading: {
  42. finishedMsg: '',
  43. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  44. },
  45. bufferPx : 600,
  46. debug : false,
  47. },
  48. // call masonry as a callback.
  49. function( newElements ) {
  50. var $newElems = $( newElements );
  51. $newElems.hide();
  52. // ensure that images load before adding to masonry layout
  53. $newElems.imagesLoaded(function(){
  54. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  55. {/block:IndexPage}
  56.  
  57. <meta name="color:background" content="#ffffff" />
  58. <meta name="color:author text" content="#000000" />
  59. <meta name="color:text" content="#000" />
  60. <meta name="color:title" content="#000" />
  61. <meta name="color:post title" content="#000" />
  62. <meta name="color:top links" content="#ffffff" />
  63. <meta name="color:link" content="#828282" />
  64. <meta name="color:links bar" content="#828282" />
  65. <meta name="color:link hover" content="#eee" />
  66. <meta name="color:scrollbar" content="#a3a3a3" />
  67.  
  68. <meta name="if:show banner" content="0">
  69. <meta name="if:show facebook icon" content="">
  70. <meta name="if:show pinterest icon" content="">
  71. <meta name="if:show instagram icon" content="">
  72. <meta name="if:show twitter icon" content="">
  73.  
  74. <meta name="text:author name" content="Your Name">
  75. <meta name="text:social codes" content="Facebook like box, Bloglovin' button, or any other social codes codes go here.">
  76. <meta name="text:home" content="Home">
  77. <meta name="text:message" content="Contact">
  78. <meta name="text:archive" content="Archive">
  79. <meta name="text:facebook url" content="http://">
  80. <meta name="text:pinterest url" content="http://">
  81. <meta name="text:instagram url" content="http://">
  82. <meta name="text:twitter url" content="http://">
  83. <meta name='text:Disqus Shortname' content='' />
  84. <meta name="text:tag 1" content="Tag1">
  85. <meta name="text:tag 2" content="Tag2">
  86. <meta name="text:tag 3" content="Tag3">
  87. <meta name="text:tag 4" content="Tag4">
  88. <meta name="text:tag 5" content="Tag5">
  89. <meta name="text:daily read 1" content="Daily Read 1">
  90. <meta name="text:daily read 2" content="Daily Read 2">
  91. <meta name="text:daily read 3" content="Daily Read 3">
  92. <meta name="text:daily read 4" content="Daily Read 4">
  93. <meta name="text:daily read 5" content="Daily Read 5">
  94. <meta name="text:daily read 6" content="Daily Read 6">
  95. <meta name="text:daily read 7" content="Daily Read 7">
  96. <meta name="text:daily read 1 url" content="http://">
  97. <meta name="text:daily read 2 url" content="http://">
  98. <meta name="text:daily read 3 url" content="http://">
  99. <meta name="text:daily read 4 url" content="http://">
  100. <meta name="text:daily read 5 url" content="http://">
  101. <meta name="text:daily read 6 url" content="http://">
  102. <meta name="text:daily read 7 url" content="http://">
  103.  
  104. <meta name="image:background" content="" />
  105. <meta name="image:banner" content="">
  106.  
  107. <style type="text/css">
  108.  
  109. <!--[if !IE]> -->
  110. ::-webkit-scrollbar {
  111. width: 7px; background:#f0f0f0;}
  112. ::-webkit-scrollbar-thumb {
  113. background: {color:scrollbar};border-radius:10px;}
  114. <!-- <![endif]-->
  115.  
  116. iframe#tumblr_controls {position:fixed; z-index:9999999999; top: 10px; margin: 0 0 0 0; right:4px;}
  117.  
  118.  
  119. body {
  120. background-color: {color:background};
  121. background-image:url({image:Background});
  122. background-attachment: fixed;
  123. background-repeat: repeat;
  124. font-size:13px;
  125. font-family:helvetica;
  126. font-weight:400;
  127. line-height:15px;
  128. text-transform:none;
  129. color: {color:text};
  130. }
  131.  
  132. #blogtitle{
  133. position:absolute;
  134. top:110px;
  135. {block:ifbanner}
  136. top:100px;
  137. {/block:ifbanner}
  138. left:50%;
  139. width:1000px;
  140. height:110px;
  141. margin-left:-500px;
  142. font-family:Didot;
  143. font-size:64px;
  144. line-height:100px;
  145. text-transform:uppercase;
  146. text-align:center;
  147. color: {color:title};
  148. cursor:default;
  149. }
  150. .author{
  151. font-family:kristi;
  152. font-size:46px;
  153. line-height:20px;
  154. text-transform:none;
  155. color:{color:author text};
  156. padding-bottom:50px;
  157. }
  158.  
  159. .separator{
  160. background-image:url('http://static.tumblr.com/qqwi01i/zDZmz9f8v/screen_shot_2014-01-11_at_5.23.42_pm.png');
  161. width:1000px;
  162. height:30px;
  163. border-top:1px solid rgba(0,0,0,.1);
  164. border-bottom:1px solid rgba(0,0,0,.1);
  165. }
  166.  
  167. .separator2{
  168. background-image:url('http://static.tumblr.com/qqwi01i/zDZmz9f8v/screen_shot_2014-01-11_at_5.23.42_pm.png');
  169. width:320px;
  170. margin-left:-20px;
  171. height:15px;
  172. margin-top:-20px;
  173. border-top:1px solid rgba(0,0,0,.1);
  174. border-bottom:1px solid rgba(0,0,0,.1);
  175. }
  176.  
  177. #nav{
  178. font-family:oswald;
  179. font-weight:100;
  180. position:absolute;
  181. top:0px;
  182. left:0px;
  183. height:43px;
  184. width:100%;
  185. text-align:center;
  186. word-spacing:20px;
  187. line-height:43px;
  188. background-color:{color:links bar};
  189. z-index:999;
  190. }
  191.  
  192. #nav a{
  193. font-size:13px;
  194. letter-spacing:1px;
  195. text-transform:uppercase;
  196. color:{color:top links};
  197. }
  198. .navbody a{
  199. padding-right:20px;
  200. border-right:1px solid rgba(255,255,255,.3);
  201. }
  202.  
  203. a {
  204. text-decoration:none;
  205. color:{color:link};
  206. -moz-transition: all 0.2s ease-in-out;
  207. -webkit-transition: all 0.2s ease-in-out;
  208. -o-transition: all 0.2s ease-in-out;
  209. -ms-transition: all 0.2s ease-in-out;
  210. transition: all 0.2s ease-in-out;
  211. }
  212.  
  213. a:link, a:active, a:visited{
  214. color: {color:link};
  215. }
  216.  
  217. a:hover{
  218. color: {color:link hover};
  219. }
  220.  
  221. #content {
  222. width:1000px;
  223. left:50%;
  224. margin-top:0px;
  225. padding-top:350px;
  226. margin-left:-500px;
  227. float:left;
  228. position: absolute;
  229. border-left:1px solid rgba(0,0,0,.1);
  230. border-right:1px solid rgba(0,0,0,.1);
  231. }
  232.  
  233. .entry{
  234. margin-bottom:70px;
  235. margin-left:25px;
  236. float:left;
  237. height:auto;
  238. {block:IndexPage}
  239. width:650px;
  240. {/block:IndexPage}
  241. {block:PermalinkPage}
  242. width:650px;
  243. height:auto;
  244. {/block:PermalinkPage}
  245. }
  246.  
  247. .answer{
  248. width:90%;
  249. }
  250.  
  251. .title{
  252. font-family:oswald;
  253. font-size:26px;
  254. line-height:28px;
  255. text-transform:uppercase;
  256. color:{color:post title};
  257. }
  258. .title a{
  259. color:{color:post title};
  260. }
  261.  
  262. blockquote{
  263. padding:0px 0px 0px 3px;
  264. margin:0px 0px 0px 2px;
  265. border-left: 2px solid #ddd;
  266. }
  267.  
  268. .speclink{
  269. word-spacing:1px;
  270. }
  271.  
  272. #sidebar{
  273. position:absolute;
  274. top:310px;
  275. padding-top:30px;
  276. width:300px;
  277. right:50%;
  278. margin-right:-500px;
  279. z-index:999;
  280. text-align:left;
  281. border-left:1px solid rgba(0,0,0,.1);
  282. padding-left:20px;
  283. }
  284.  
  285. h1{
  286. font-family:didot;
  287. font-weight:400;
  288. font-size:20px;
  289. text-transform:uppercase;
  290. }
  291.  
  292. h2{
  293. font-family:montserrat;
  294. font-size:10px;
  295. }
  296.  
  297. #sidebar p{
  298. padding-bottom:30px;
  299. padding-right:20px;
  300. padding-left:20px;
  301. margin-left:-20px;
  302. border-bottom:1px solid rgba(0,0,0,.1);
  303. }
  304.  
  305. .search input[type="text"] {
  306. border: 1px solid #d1d1d1;
  307. color:#a3a3a3;
  308. font-size: 10px;
  309. font-family:montserrat;
  310. width: 215px;
  311. padding: 6px 15px 6px 15px;
  312. text-transform:uppercase;
  313. }
  314.  
  315. .icons img{
  316. padding:5px;
  317. }
  318.  
  319. .permadate{
  320. font-family: montserrat;
  321. font-size:11px;
  322. line-height:30px;
  323. {color:post title};
  324. }
  325. .permadate a{
  326. {color:post title};
  327. }
  328.  
  329. .pagination{
  330. position:fixed;
  331. bottom:20px;
  332. left:50%;
  333. margin-left:200px;
  334. border:1px solid rgba(0,0,0,.1);
  335. padding:10px;
  336. text-align:center;
  337. font-size:10px;
  338. font-family:montserrat;
  339. word-spacing:3px;
  340. letter-spacing:1px;
  341. z-index:999999999999;
  342. }
  343. #topDiv{
  344. display:none;
  345. }
  346.  
  347. {CustomCSS}
  348. </style>
  349.  
  350. <title>{title}</title>
  351.  
  352. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  353.  
  354. </head>
  355. <body>
  356.  
  357. <div id="nav">
  358. <span class="navbody">
  359. <a href="/">{text:home}</a>
  360. <a href="/ask">{text:message}</a>
  361. <a href="/archive">{text:archive}</a>
  362. {block:HasPages}{block:Pages}<a href="{URL}"><span class="speclink">{Label}</span></a> {/block:Pages}{/block:HasPages}
  363. </span>
  364. <a href="http://atlasdesigns.tumblr.com/">theme</a>
  365. </div>
  366.  
  367. <div id="blogtitle">
  368. {block:ifnotshowbanner}{Title}{/block:ifnotshowbanner}
  369. {block:ifshowbanner}<img src="{image:banner}" height="110px">{/block:ifshowbanner}
  370. <div class="author">by {text:author name}</div>
  371. <div class="separator"></div>
  372. </div>
  373.  
  374. <div id="sidebar">
  375.  
  376. <div class="icons">
  377. {block:ifshowfacebookicon}
  378. <a href="{text:facebook url}"><img src="http://www.iconsdb.com/icons/preview/black/facebook-4-l.png" height="40px"></a>
  379. {/block:ifshowfacebookicon}
  380. {block:ifshowpinteresticon}
  381. <a href="{text:pinterest url}"><img src="http://www.iconsdb.com/icons/preview/black/pinterest-4-l.png" height="40px"></a>
  382. {/block:ifshowpinteresticon}
  383. {block:ifshowinstagramicon}
  384. <a href="{text:instagram url}"><img src="http://www.iconsdb.com/icons/preview/black/instagram-4-l.png" height="40px"></a>
  385. {/block:ifshowinstagramicon}
  386. {block:ifshowtwittericon}
  387. <a href="{text:twitter url}"><img src="http://www.iconsdb.com/icons/preview/black/twitter-4-l.png" height="40px"></a>
  388. {/block:ifshowtwittericon}
  389. <span class="search">
  390. <form onsubmit="return tagSearch(this)">
  391. <input type="text" name="tag" placeholder="Search . . ." onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  392. </form>
  393. </span>
  394. </p>
  395. <br>
  396.  
  397. <h1>About</h1>
  398. <p>{description}</p>
  399. <br>
  400. <h1>Connect</h1>
  401. <p>{text:social codes}</p>
  402. <br>
  403. <h1>Categories</h1>
  404. <p>
  405. <a href="/tagged/{text:tag 1}">{text:tag 1}</a><br>
  406. <a href="/tagged/{text:tag 2}">{text:tag 1}</a><br>
  407. <a href="/tagged/{text:tag 3}">{text:tag 1}</a><br>
  408. <a href="/tagged/{text:tag 4}">{text:tag 1}</a><br>
  409. <a href="/tagged/{text:tag 5}">{text:tag 1}</a>
  410. </p>
  411. <br>
  412. <h1>Daily Reads</h1>
  413. <p>
  414. <a href="{text:daily read 1 url}">{text:daily read 1}</a><br>
  415. <a href="{text:daily read 2 url}">{text:daily read 2}</a><br>
  416. <a href="{text:daily read 3 url}">{text:daily read 3}</a><br>
  417. <a href="{text:daily read 4 url}">{text:daily read 4}</a><br>
  418. <a href="{text:daily read 5 url}">{text:daily read 5}</a><br>
  419. <a href="{text:daily read 6 url}">{text:daily read 6}</a><br>
  420. <a href="{text:daily read 7 url}">{text:daily read 7}</a>
  421. </p>
  422. </div>
  423. <div class="separator2"></div>
  424. </div>
  425.  
  426. <div id="content">
  427. {block:Posts}
  428. <div class="entry">
  429.  
  430. {block:Text}
  431. <span class="title">
  432. {block:Title}<a href="{Permalink}">{Title}</a></span>{/block:Title}<br>
  433. <div class="permadate">{block:Date}{DayOfWeek} {Month} {DayOfMonth}, {Year}{/block:Date}</div>
  434. <div class="answer">
  435. {Body}</div>
  436. {/block:Text}
  437.  
  438. {block:Link}
  439. <a href="{URL}"><span class="title">{Name}</span></a>
  440. <div class="permadate"><a href="{Permalink}">{block:Date}{DayOfWeek} {Month} {MonthNumber},{Year}{/block:Date}</a></div>
  441. <div class="answer">
  442. {block:Description}{Description}{/block:Description}</div>
  443. {block:Link}
  444.  
  445. {block:Photo}
  446. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%/></a></div>{LinkCloseTag}
  447. {block:Caption}{Caption}{/block:Caption}
  448. {/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=700px/>{LinkCloseTag}{/block:PermalinkPage}
  449. {/block:Photo}
  450.  
  451. {block:Photoset}
  452. {Photoset-500}
  453. {block:Caption}{Caption}{/block:Caption}
  454. {/block:IndexPage}
  455. {/block:Photoset}
  456.  
  457. {block:Quote}
  458. <div style="margin-left:3px;">
  459. {Quote}</span><br><i>{Source}</i>
  460. </div>
  461. {/block:Quote}
  462.  
  463. {block:Audio}<div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  464. <center>{AudioEmbed-400}</center>
  465. {block:Caption}{Caption}{/block:Caption}
  466. {/block:Audio}
  467.  
  468. {block:Answer}<img src="{AskerPortraitURL-24}" align="left" z-index: 1;/> {Asker} asked: <br><i>{Question}</i><br><br><div class="answer">{Answer}</div>
  469. {/block:Answer}
  470.  
  471. {block:Video}
  472. {VideoEmbed-500}
  473. {block:Caption}{Caption}{/block:Caption}
  474. {/block:IndexPage}
  475. {block:Video}
  476.  
  477. {block:PermalinkPage}
  478. {block:Caption}{Caption}<br>{/block:Caption}
  479.  
  480. {block:PermalinkPagination}
  481.  
  482. <!-- AddToAny BEGIN -->
  483. <a class='a2a_dd' href='http://www.addtoany.com/share_save'><img alt='Share/Bookmark' border='0' src='http://static.addtoany.com/buttons/share_save_171_16.png' width='171' height='16'/></a><p class='a2a_linkname_escape' style='display:none'>{Title}</p><script type='text/javascript'>var a2a_config = a2a_config || {};a2a_config.linkname_escape=1;a2a_config.linkurl="{Permalink}";</script><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'></script>
  484. <!-- AddToAny END -->
  485.  
  486. {block:IfDisqusShortname}
  487. <div id="disqus_thread"></div>
  488. <script type="text/javascript">
  489. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  490. var disqus_shortname = '{text:disqus shortname}'; // Required - Replace <example> with your forum shortname
  491.  
  492. /* * * DON'T EDIT BELOW THIS LINE * * */
  493. (function() {
  494. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  495. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  496. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  497. })();
  498. </script>
  499. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  500. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  501. {/block:IfDisqusShortname}
  502. {/block:PermalinkPagination}
  503.  
  504. {/block:PermalinkPage}
  505.  
  506. {block:IndexPage}
  507. <br><h2><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a> |
  508. <script type="text/javascript">
  509. var disqus_shortname = '{text:disqus shortname}';
  510.  
  511. (function () {
  512. var s = document.createElement('script'); s.async = true;
  513. s.type = 'text/javascript';
  514. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  515. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  516. }());
  517. </script>
  518. Share this post:</h2>
  519. <!-- AddToAny BEGIN -->
  520. <a class='a2a_dd' href='http://www.addtoany.com/share_save'><img alt='Share/Bookmark' border='0' src='http://static.addtoany.com/buttons/share_save_171_16.png' width='171' height='16'/></a><p class='a2a_linkname_escape' style='display:none'>{Title}</p><script type='text/javascript'>var a2a_config = a2a_config || {};a2a_config.linkname_escape=1;a2a_config.linkurl="{Permalink}";</script><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'></script>
  521. <!-- AddToAny END -->
  522. {/block:IndexPage}
  523. </div>
  524.  
  525. <div id="topDiv">{block:IndexPage}
  526. {block:Pagination}
  527. <div class="pagination">
  528. {block:PreviousPage}
  529. <a href="{PreviousPage}">< Previous </a>
  530. {/block:PreviousPage}
  531.  
  532. {block:JumpPagination length="5"}
  533. {block:CurrentPage}
  534. <span class="current_page">{PageNumber}</span>
  535. {/block:CurrentPage}
  536.  
  537. {block:JumpPage}
  538. <a class="jump_page" href="{URL}">{PageNumber}</a>
  539. {/block:JumpPage}
  540. {/block:JumpPagination}
  541.  
  542. {block:NextPage}
  543. <a href="{NextPage}"> Next ></a>
  544. {/block:NextPage}
  545. </div>
  546. {/block:Pagination}
  547. {/block:IndexPage}</div>
  548.  
  549. {/block:Posts}
  550. </div>
  551.  
  552. <script>
  553. $(document).ready(function() {
  554. $('#shadow').show();
  555. });
  556. </script>
  557.  
  558. <script type="text/javascript">
  559. $(function() {
  560. var topDiv = $("#topDiv");
  561. var topDivTop = "700";
  562. var view = $( window );
  563. view.bind("scroll resize", function(){
  564. var viewTop = view.scrollTop();
  565. if (viewTop > topDivTop){
  566. topDiv.fadeIn(300);
  567. }
  568. else if (viewTop <= topDivTop){
  569. topDiv.fadeOut(200);
  570. }
  571. });
  572. });</script>
  573.  
  574. </body>
  575. </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!