API tools faq
paste
Advertisement
ogaraster

Zen Theme

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