API tools faq
paste
Advertisement
ogaraster

Macaron Theme

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