API tools faq
paste
aethemes

Delta

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