API tools faq
paste
aethemes

Arya by Aesthetic Themes

aethemes
Aug 10th, 2013
2,636
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.56 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Arya Theme designed and created by Luis V, brought to you by Aesthetic Themes.
  3.  
  4. By using this theme you're agreeing to NOT to do any of the following:
  5. - removing the credit(s) or alter them in any way;
  6. - stealing any parts/codes of the theme and claiming them as yours;
  7. - editing the HTML and claiming it to be yours;
  8. - using this theme as base code;
  9. violating any of these terms will result in blog suspension/termination.
  10. -->
  11.  
  12. <html>
  13. <head>
  14. <link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
  15. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  16. <script type="text/javascript" src="http://static.tumblr.com/qkgmvnb/KwSmqd1od/jquerymasonry.js"></script>
  17. <script type="text/javascript" src="http://static.tumblr.com/qkgmvnb/1S4mqd23i/jqueryinfintescroll.js"></script>
  18. <script type="text/javascript">
  19. $(window).load(function () {
  20. var $content = $('.posts');
  21. $content.masonry({itemSelector: '.entry'}),
  22. $content.infinitescroll({
  23. navSelector : 'div#pagination',
  24. nextSelector : 'div#pagination a#nextPage',
  25. itemSelector : '.entry',
  26. loading: {
  27. finishedMsg: '',
  28. img: 'http://static.tumblr.com/qkgmvnb/mNQmqd1wr/ajax-loader.gif'
  29. },
  30. bufferPx : 600,
  31. debug : false,},
  32. // call masonry as a callback.
  33. function( newElements ) {
  34. window.n = window.n || 1;
  35. Tumblr.LikeButton.get_status_by_page(++window.n);
  36. var $newElems = $( newElements );
  37. $newElems.hide();
  38. // ensure that images load before adding to masonry layout
  39. $newElems.imagesLoaded(function(){
  40. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});
  41.  
  42. $(function() {
  43. $("#gotopA").click(function(){
  44. var target = $("html");  
  45. $('html, body').animate({
  46. scrollTop: target.offset().top  
  47. }, 1000);});
  48.  
  49. var gotop = $(".nav");
  50. var gotopTop = "150";
  51. var view = $( window );
  52. view.bind("scroll resize", function(){
  53. var viewTop = view.scrollTop();
  54. if (viewTop > gotopTop){
  55. gotop.fadeIn(200);
  56. }
  57. else if (viewTop <= gotopTop){
  58. gotop.fadeOut(200);}});});
  59.  
  60. {block:ifDropDownHeader}
  61. $(document).ready(function(){
  62. $(".blogtitle").click(function(){
  63. $(".menu").slideToggle(500);});});
  64. {/block:ifDropDownHeader}
  65. </script>
  66.  
  67. <title>{Title}</title>
  68. <link rel="shortcut icon" href="{Favicon}"/>
  69.  
  70. <meta name="color:Background" content="#fff" />
  71. <meta name="color:Text" content="#444" />
  72. <meta name="color:Links" content="#444" />
  73. <meta name="color:Hover" content="#666" />
  74. <meta name="color:Post Background" content="#f8f8f8" />
  75. <meta name="color:Navigation Background" content="#f8f8f8" />
  76. <meta name="color:Scrollbar" content="#ccc" />
  77. <meta name="color:Title Text Color" content="#444" />
  78.  
  79. <meta name="if:3 Columns" content="0">
  80. <meta name="if:Drop Down Header" content="1">
  81.  
  82. <meta name="image:Background" content=""/>
  83. <meta name="image:Banner" content=""/>
  84.  
  85. <meta name="text:Ask Link Text" content="contact"/>
  86. <meta name="text:Ask Link" content="/ask"/>
  87. <meta name="text:Archive Link Text" content="archive"/>
  88. <meta name="text:Custom Link One" content="" />
  89. <meta name="text:Custom Link One Title" content="" />
  90. <meta name="text:Custom Link Two" content="" />
  91. <meta name="text:Custom Link Two Title" content="" />
  92. <meta name="text:Custom Link Three" content="" />
  93. <meta name="text:Custom Link Three Title" content="" />
  94.  
  95. <style type="text/css">
  96. @font-face {
  97. font-family: title;
  98. src: url('http://static.tumblr.com/qkgmvnb/XKAmm8ye9/arabella.ttf');}
  99.  
  100. ::-webkit-scrollbar {width:5px;height:0px;background:{color:Background};}
  101. ::-webkit-scrollbar-thumb {background:{color:Scrollbar};}
  102.  
  103. p{
  104. margin:0px;
  105. padding:0px;}
  106.  
  107. #tumblr_controls{
  108. top: 1px !important;
  109. margin: 0 0 0 0;
  110. -webkit-filter: invert(100%);
  111. right: 1px !important;
  112. position: fixed !important;}
  113.  
  114. a{
  115. text-decoration:none;
  116. color:{color:Links};
  117. -moz-transition: 0.2s ease-in;
  118. -webkit-transition: 0.2s ease-in;
  119. -o-transition: 0.2s ease-in;
  120. transition: 0.2s ease-in;}
  121.  
  122. a:link, a:active, a:visited{
  123. color:{color:Links};}
  124.  
  125. a:hover{
  126. color:{color:Hover};}
  127.  
  128. body{
  129. font-size:10pt;
  130. font-family: 'Roboto', sans-serif;
  131. line-height:15px;
  132. color:{color:Text};
  133. background: url("{image:Background}") {color:Background};}
  134.  
  135. #header{
  136. width:100%;
  137. position:relative;
  138. height:auto;
  139. text-align:center;
  140. z-index:1000;
  141. left:0px;
  142. padding: 0;
  143. top:0px;}
  144.  
  145. .title{
  146. text-align:center;
  147. margin:0 auto;
  148. position:relative;
  149. height:100px;
  150. width:auto;
  151. font-family: title;
  152. line-height:100px;
  153. font-size: 54pt;
  154. color:{color:Text};}
  155.  
  156. .title a:link,.title a:active,.title a:visited {
  157. color:{color:Title Text Color}}
  158.  
  159. .banner{
  160. margin:0 auto;
  161. position:relative;
  162. max-height:100px;
  163. width:auto;}
  164.  
  165. .menu{
  166. padding:0;
  167. left:0px;
  168. width:100%;
  169. text-align:center;
  170. height:auto;
  171. {block:ifDropDownHeader}
  172. display:none;
  173. {/block:ifDropDownHeader}}
  174.  
  175. .desc{
  176. padding:2px 0 2px 0;
  177. text-align:center;
  178. width:100%;
  179. margin-bottom:5px;
  180. height:auto;}
  181.  
  182. .links{
  183. padding:5px;
  184. text-transform:uppercase;
  185. width:auto;
  186. font-size:8pt;
  187. height:auto;
  188. text-align:center;}
  189.  
  190. .links:hover{
  191. border-bottom:2px solid {color:Hover};}
  192.  
  193. .nav{
  194. position:fixed;
  195. bottom:0px;
  196. width:100%;
  197. height:15px;
  198. line-height:15px;
  199. padding:20px;
  200. text-transform:uppercase;
  201. padding-left:30px;
  202. text-align:left;
  203. z-index:1000;
  204. display: none;
  205. left:0px;
  206. background:{color:Navigation Background};}
  207.  
  208. .link{
  209. margin-left:20px;}
  210.  
  211. #content{
  212. position:relative;
  213. top:0px;
  214. left:0px;
  215. width:100%;}
  216.  
  217. .posts{
  218. width:660px;
  219. margin: 0 auto;
  220. {block:if3Columns}
  221. width:990px;
  222. {/block:if3Columns}
  223. {block:PermalinkPage}
  224. margin: 20px auto 100px auto;
  225. width:430px;
  226. {/block:PermalinkPage}}
  227.  
  228. .entry{
  229. padding:15px;
  230. float:left;
  231. text-align:justify;
  232. background:{color:Post Background};
  233. {block:IndexPage}
  234. margin:25px;
  235. width:250px;
  236. {/block:IndexPage}
  237. {block:PermalinkPage}
  238. margin:0;
  239. width:400px;
  240. {/block:PermalinkPage}}
  241.  
  242. .like_and_reblog_buttons {  
  243. list-style: none;
  244. position:absolute;
  245. left:20px;
  246. opacity:0;
  247. bottom:10px;
  248. -webkit-transition: 0.2s;
  249. -webkit-transition: 0.2s;
  250. -moz-transition: 0.2s;
  251. transition: 0.2s;}
  252.  
  253. .entry:hover .like_and_reblog_buttons{
  254. opacity:0.9;
  255. -webkit-transition: 0.2s;
  256. -webkit-transition: 0.2s;
  257. -moz-transition: 0.2s;
  258. transition: 0.2s;}
  259.  
  260. .like_and_reblog_buttons li{
  261. float: left;
  262. margin: 0 0 0 -15px;
  263. padding: 5px;}
  264.  
  265. .like_and_reblog_buttons li:first-child {
  266. margin-left:-40px;}
  267.  
  268. .permalink{
  269. display:block;
  270. text-align:right;
  271. font-size:7pt;
  272. margin-top:10px;
  273. -moz-transition: all 0.5;
  274. -webkit-transition: all 0.5s;
  275. -o-transition: all 0.5s;
  276. transition: all 0.5;}
  277.  
  278. .post_title{
  279. display:block;
  280. font-weight:bold;
  281. font-size:11pt;
  282. line-height:24px;
  283. text-transform:none;}
  284.  
  285. .quote{
  286. text-transform:none;
  287. margin-bottom:5px;}
  288.  
  289. .audio{
  290. {block:IndexPage}
  291. width:240px;
  292. {/block:IndexPage}
  293. {block:PermalinkPage}
  294. width:390px;
  295. {/block:PermalinkPage}
  296. background-color:#fff;
  297. padding:5px;
  298. margin-bottom:0px;}
  299.  
  300. .audiocap, .videocap{
  301. background:#fff;
  302. display:block;
  303. padding:10px;}
  304.  
  305. .albumart, .albumart img{
  306. {block:IndexPage}
  307. width:250px;
  308. {/block:IndexPage}
  309. {block:PermalinkPage}
  310. width:400px;
  311. {/block:PermalinkPage}}
  312.  
  313. .question{
  314. padding:5px 0 5px 0;
  315. margin:0 0 5px 0;
  316. position:relative;
  317. text-align:left;}
  318.  
  319. .notes{
  320. text-align:left;}
  321.  
  322. {CustomCSS}
  323. </style>
  324. </head>
  325.  
  326. <body>
  327. <div id="header">
  328. {block:ifnotBannerImage}
  329. <div class="title"><span class="blogtitle" style="cursor:help;">{Title}</span></div>
  330. {/block:ifnotBannerImage}
  331.  
  332. {block:ifBannerImage}
  333. <div class="banner"><span class="blogtitle" style="cursor:help;"><img src="{image:Banner}"></span></div>
  334. {/block:ifBannerImage}
  335.  
  336. <div class="menu">
  337. <div class="desc">{block:Description}{Description}{/block:Description}</div>
  338. <a href="/" class="links">home</a>
  339. {block:ifAskLinkText}<a href="{text:Ask Link}" class="links">{text:Ask Link Text}</a>{/block:ifAskLinkText}
  340. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  341. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  342. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  343. {block:ifArchiveLinkText}<a href="/archive" class="links">{text:Archive Link Text}</a>{/block:ifArchiveLinkText}
  344. </div>
  345. </div>
  346.  
  347. <div class="nav">
  348. <span class="link">{Title}</span>
  349. <a href="/" class="link">home</a>
  350. {block:ifAskLinkText}<a href="{text:Ask Link}" class="link">{text:Ask Link Text}</a>{/block:ifAskLinkText}
  351. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="link">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  352. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="link">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  353. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="link">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  354. {block:ifArchiveLinkText}<a href="/archive" class="link">{text:Archive Link Text}</a>{/block:ifArchiveLinkText}
  355. <a href="javascript:void(0);" id="gotopA" style="float:right;margin-right:120px;margin-top:-8px;" class="link"><span style="background:url(http://static.tumblr.com/qkgmvnb/nnFmohzys/scroll_arrow.png)no-repeat 50% 50%;background-color:#444;width:32px;height:32px;text-align:center;position:absolute;-webkit-border-radius:32px;border-radius:32px;"/></a>
  356. </div>
  357.  
  358. <div id="content">
  359. <div class="posts">
  360. {block:Posts}
  361. <div class="entry">
  362.  
  363. {block:Text}
  364. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  365. {Body}
  366. {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} </a></div>{/block:IndexPage}
  367. {/block:Text}
  368.  
  369. {block:Photo}
  370. {block:IndexPage}
  371. <ul class="like_and_reblog_buttons">
  372. <li>{ReblogButton color="white" size="15"}</li>
  373. <li>{LikeButton color="white" size="15"}</li>
  374. </ul>
  375. {/block:IndexPage}
  376. {block:IndexPage}
  377. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" width="250"></a>{LinkCloseTag}{/block:IndexPage}
  378. {block:PermalinkPage}
  379. {LinkOpenTag}<a href="{permalink}"><img
  380. class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
  381. width="400px"/></a>{LinkCloseTag}
  382. {/block:PermalinkPage}
  383. {/block:Photo}
  384.  
  385. {block:Photoset}
  386. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  387. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  388. {block:Caption}{Caption}{/block:Caption}
  389. {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} </a></div>{/block:IndexPage}
  390. {/block:Photoset}
  391.  
  392. {block:Quote}
  393. <div class="quote"><b><i>" </i></b>{Quote} <b><i>"</i></b> </div>
  394. {block:Source}<small>{Source}</small>{/block:Source}
  395. {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} </a></div>{/block:IndexPage}
  396. {/block:Quote}
  397.  
  398. {block:Link}
  399. <a href="{URL}"{Target}><span class="post_title">{Name}</span></a>
  400. {block:Description}<small>{Description}</small>{/block:Description}
  401. {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} </a></div>{/block:IndexPage}
  402. {/block:Link}
  403.  
  404. {block:Video}
  405. <div class="video">
  406. {block:IndexPage}{Video-250}{/block:IndexPage}
  407. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  408. </div>
  409. {block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  410. {block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  411. {/block:Video}
  412.  
  413. {block:Chat}
  414. {block:Title}
  415. <div class="post_title">{Title}</div>
  416. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  417. {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} </a></div>{/block:IndexPage}
  418. {/block:Chat}
  419.  
  420. {block:Audio}
  421. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></a></div>{/block:AlbumArt}
  422. <div class="audio">{AudioPlayerWhite}</div>
  423. {block:IndexPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Audio}; margin-bottom:9px; margin-left:20px; font-size:18px; "></div><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  424. {block:PermalinkPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Audio}; margin-bottom:9px; margin-left:20px; font-size:18px; "></div>{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  425. {/block:Audio}
  426.  
  427. {block:Answer}
  428. <div class="question">{Asker} asked: {Question}</div>
  429. {Answer}
  430. {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} </a></div>{/block:IndexPage}
  431. {/block:Answer}
  432.  
  433. {block:PermalinkPage}
  434. {block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  435. {/block:PermalinkPage}
  436.  
  437. {block:PostNotes}
  438. <div class="notes">{block:Caption}{Caption}{/block:Caption}
  439. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  440. <br>{PostNotes}</div>
  441. {/block:PostNotes}
  442.  
  443. </div> <!-- Entry -->
  444. {/block:Posts}
  445. </div> <!-- Posts -->
  446. {block:IndexPage}
  447. {block:Pagination}
  448. <div id="pagination">
  449. {block:NextPage}
  450. <a id="nextPage" href="{NextPage}"></a>
  451. {/block:NextPage}
  452. {block:PreviousPage}
  453. <a href="{PreviousPage}"></a>
  454. {/block:PreviousPage}
  455. </div> <!-- Pagination -->
  456. {/block:Pagination}
  457. {/block:IndexPage}
  458. </div> <!-- Content -->
  459.  
  460. <div style="-webkit-filter: invert(100%);position:fixed;z-index:99999999; !important;top:27px;right:3px;"><a href="http://aesthetic-themes.tumblr.com"><img src="http://static.tumblr.com/wpm3fau/FLGmm1cfw/it.png"></a></div>
  461. <div style="position:fixed;bottom:16px;right:5px;z-index:9999999;"><a href="http://aesthetic-themes.tumblr.com/"><img src="http://static.tumblr.com/eogznet/aKvmr12r1/ae.png" height="25" title="Aesthetic Themes"></a></div>
  462. </body>
  463.  
  464. </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!