API tools faq
paste
aethemes

Obsidian by Aesthetic Themes

aethemes
Jun 23rd, 2013
3,019
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. æææææ  æææææææ  ææææææ ææææææ ææ   ææ æææææææ ææææææ ææææææ æææææææ
  3. ææ   ææ ææ      ææ        ææ   ææ   ææ ææ        ææ     ææ   ææ
  4. ææ   ææ ææ      ææ        ææ   ææ   ææ ææ        ææ     ææ   ææ
  5. æææææææ æææææ     æææææ   ææ   æææææææ æææææææ   ææ     ææ   ææ
  6. ææ   ææ ææ           ææ   ææ   ææ   ææ ææ        ææ     ææ   ææ
  7. ææ   ææ ææ           ææ   ææ   ææ   ææ ææ        ææ     ææ   ææ
  8. ææ   ææ æææææææ ææææææ    ææ   ææ   ææ æææææææ   ææ   ææææææ æææææææ
  9.  
  10. Obsidian designed and created by Luis V, brought to you by Aesthetic Themes.
  11.  
  12. By using this theme you're agreeing to NOT to do any of the following:
  13. - removing the credit(s) or alter them in any way;
  14. - stealing any parts/codes of the theme and claiming them as yours;
  15. - editing the HTML and claiming it to be yours;
  16. - using this theme as base code;
  17. violating any of these terms will result in blog suspension/termination.
  18. -->
  19.  
  20. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" style="height: 100%;">
  22. <head>
  23.  
  24. <title>{Title}</title>
  25.  
  26. {block:IfnotFaviconImage}
  27. <link rel="shortcut icon" href="{Favicon}">
  28. {/block:IfnotFaviconImage}
  29. {block:IfFaviconImage}
  30. <link rel="shortcut icon" href="{image:Favicon}">
  31. {/block:IfFaviconImage}
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34.  
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
  36.  
  37. <meta name="color:Background" content="#333" />
  38. <meta name="color:Text" content="#aaa" />
  39. <meta name="color:Scrollbar" content="#ccc" />
  40. <meta name="color:Header Text" content="#eee" />
  41. <meta name="color:Navigation Background" content="#000" />
  42. <meta name="color:Members Background" content="#f5f6f8" />
  43. <meta name="color:About Background" content="#333" />
  44. <meta name="color:Contact Background" content="#111" />
  45.  
  46. <meta name="if:About" content="1">
  47. <meta name="if:Contact" content="1">
  48.  
  49. <meta name="image:Background" content=""/>
  50. <meta name="image:Banner" content=""/>
  51. <meta name="image:Favicon" content=""/>
  52. <meta name="image:Member 01" content=""/>
  53. <meta name="image:Member 02" content=""/>
  54. <meta name="image:Member 03" content=""/>
  55. <meta name="image:Member 04" content=""/>
  56. <meta name="image:Member 05" content=""/>
  57. <meta name="image:Member 06" content=""/>
  58. <meta name="image:Member 07" content=""/>
  59. <meta name="image:Member 08" content=""/>
  60. <meta name="image:Member 09" content=""/>
  61. <meta name="image:Member 10" content=""/>
  62. <meta name="image:Member 11" content=""/>
  63. <meta name="image:Member 12" content=""/>
  64. <meta name="image:Member 13" content=""/>
  65. <meta name="image:Member 14" content=""/>
  66. <meta name="image:Member 15" content=""/>
  67.  
  68. <meta name="text:Ask Link" content="/ask"/>
  69. <meta name="text:Apply Link" content=""/>
  70. <meta name="text:Blog URL" content=""/>
  71. <meta name="text:Member 01" content=""/>
  72. <meta name="text:Member 02" content=""/>
  73. <meta name="text:Member 03" content=""/>
  74. <meta name="text:Member 04" content=""/>
  75. <meta name="text:Member 05" content=""/>
  76. <meta name="text:Member 06" content=""/>
  77. <meta name="text:Member 07" content=""/>
  78. <meta name="text:Member 08" content=""/>
  79. <meta name="text:Member 09" content=""/>
  80. <meta name="text:Member 10" content=""/>
  81. <meta name="text:Member 11" content=""/>
  82. <meta name="text:Member 12" content=""/>
  83. <meta name="text:Member 13" content=""/>
  84. <meta name="text:Member 14" content=""/>
  85. <meta name="text:Member 15" content=""/>
  86.  
  87. <title>{Title}</title>
  88.    
  89. <!--[if IE 7]><link rel="stylesheet" href="styles/ie7.css" /><![endif]-->    
  90. <script src="http://static.tumblr.com/qkgmvnb/c5zmlks1s/all.js" type="text/javascript"></script>
  91. <script src="http://static.tumblr.com/qkgmvnb/TZXmlks4d/main.js" type="text/javascript"></script>
  92.  
  93. <style type="text/css">
  94. @font-face {
  95. font-family: title;
  96. src: url('http://static.tumblr.com/qkgmvnb/YJsmorlz4/neou-bold.woff');}
  97.  
  98. @font-face {
  99. font-family: cicle;
  100. src: url('http://static.tumblr.com/qkgmvnb/bPbmorlyw/cicle_fina.woff');}
  101.  
  102. p{
  103. margin:0px;
  104. padding:0px;}
  105.  
  106. #tumblr_controls{
  107. top: 1px !important;
  108. margin: 0 0 0 0;
  109. right: 1px !important;
  110. position: fixed !important;}
  111.  
  112. h1{padding-top:10px;text-align:center;font-family:title;font-size:26pt;width:auto;line-height:100%;margin:0 auto;}
  113.  
  114. ::-webkit-scrollbar{width:5px;height:0px;}
  115. ::-webkit-scrollbar-button:start:decrement
  116. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  117. ::-webkit-scrollbar-track-piece{background-color:{color:background};}
  118. ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:{color:Scrollbar};}
  119. ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:{color:Scrollbar};}
  120.  
  121. a:link, a:active, a:visited{
  122. color:{color:Text};
  123. text-decoration:none;
  124. -moz-transition: 0.2s ease-in;
  125. -webkit-transition: 0.2s ease-in;
  126. -o-transition: 0.2s ease-in;
  127. transition: 0.2s ease-in;}
  128.  
  129. body{
  130. color:{color:Text};
  131. background: url("{image:Background}") {color:Background};
  132. font-size:14px;
  133. font-family:cicle;
  134. line-height:15px;}
  135.  
  136. #content{
  137. margin: 20px auto;
  138. width:620px;
  139. position:relative;
  140. {block:PermalinkPage}
  141. width:820px;
  142. {/block:PermalinkPage}}
  143.  
  144. #content .posts{
  145. width:620px;
  146. margin: 0 auto;
  147. {block:PermalinkPage}
  148. width:820px;
  149. {/block:PermalinkPage}}
  150.  
  151. #content .entry{
  152. padding:0px;
  153. {block:IndexPage}
  154. margin:10px;
  155. width:600px;
  156. float:left;
  157. {/block:IndexPage}
  158. {block:PermalinkPage}
  159. margin:6px;
  160. width:800px;
  161. {/block:PermalinkPage}}
  162.  
  163. .text{
  164. padding:0px;
  165. text-align:justify;}
  166.  
  167. #content .entry img{
  168. {block:IndexPage}
  169. width:600px;
  170. {/block:IndexPage}
  171. {block:PermalinkPage}
  172. max-width:800px;
  173. {/block:PermalinkPage}
  174. padding:0px;}
  175.  
  176. /*Header*/
  177. .header{
  178. position:relative;
  179. width:100%;
  180. {block:IndexPage}
  181. height:100%;
  182. {/block:IndexPage}
  183. color:{color:Header Text};
  184. z-index:2;
  185. padding:10px;
  186. top:0px;
  187. left:0px;}
  188.  
  189. .header a:link, a:active, a:visited{
  190. color:{color:Header Text};}
  191.  
  192. .title{
  193. left:0px;
  194. {block:IndexPage}
  195. padding-top:230px;
  196. {/block:IndexPage}
  197. width:100%;
  198. line-height:75%;
  199. font-size:64pt;
  200. text-align:center;
  201. font-family:Title;}
  202.  
  203. .banner{
  204. max-width:500px;}
  205.  
  206. .desc{
  207. padding:2px;
  208. padding-top:20px;
  209. padding-bottom:20px;
  210. text-align:center;
  211. width:100%;
  212. height:auto;}
  213.  
  214. .menu{
  215. padding:0px;
  216. width:100%;
  217. text-align:center;
  218. font-size:8pt;
  219. height:30px;
  220. text-transform:uppercase;}
  221.  
  222. .linksa{
  223. padding:5px;
  224. padding-left:10px;
  225. padding-right:10px;
  226. border:1px solid{color:Header Text};
  227. line-height:30px;}
  228. /*Header End*/
  229.  
  230. /*Navigation*/
  231. .navbg{
  232. position:fixed;
  233. padding:0px;
  234. top:0px;
  235. display:none;
  236. height:50px;
  237. left:0px;
  238. z-index:3;
  239. width:100%;
  240. background:{color:Navigation Background};
  241. opacity:0.9;}
  242.  
  243. .nav{
  244. position:fixed;
  245. padding:0px;
  246. top:0px;
  247. display:none;
  248. left:0px;
  249. height:50px;
  250. text-align:center;
  251. width:100%;
  252. text-transform:capitalize;
  253. z-index:4;}
  254.  
  255. .nav a:link, a:active, a:visited{
  256. color:{color:Header Text};}
  257.  
  258. .linksb{
  259. padding:15px;
  260. padding-left:20px;
  261. padding-right:20px;
  262. margin:-2px;
  263. z-index:5;
  264. height:50px;
  265. text-align:center;
  266. line-height:49px;}
  267. /*Navigation End*/
  268.  
  269. /*Members*/
  270. #members{
  271. padding-top:40px;
  272. padding-right:20px;
  273. position:relative;
  274. width:100%;
  275. left:-10px;
  276. margin:0px auto;
  277. height:100%;
  278. background:{color:Members Background};
  279. overflow:visible;}
  280.  
  281. #site{
  282. background-color:transparent;
  283. padding:0px}
  284.  
  285. del{text-decoration:line-through}
  286. li{list-style:none}
  287. button,input[type="submit"],input[type="image"],label,label > input[type="checkbox"],label > input[type="radio"]{cursor:pointer}
  288. ol,ul{margin-left:40px}
  289. ol li{list-style:decimal}
  290. ul li{list-style:square}
  291. li.spaced{margin-bottom:20px}
  292.  
  293. .image-grid{margin:0px auto;width:100%;overflow:visible;}
  294. .image-grid:after{content:"";display:block;height:0;clear:both;}
  295. .image-grid li{width:152px;margin:50px auto auto 50px;float:left;text-align:center;height:140px;overflow:hidden;}.image-grid  li img{width:150px;height:120px;border:1px solid #aaa;}.image-grid li img,.image-grid li strong{display:block;}.image-grid li strong{margin-top:10px;color:{color:Text}}
  296.  
  297. .member{
  298. margin-top:-21px;
  299. margin-left:1px;
  300. height:10px;
  301. text-transform:uppercase;
  302. width:140px;
  303. color:{color:Text};
  304. padding:5px;
  305. background:#fff;
  306. opacity:0.9;
  307. font-size:8pt;
  308. text-align:center;}
  309. /*Members End*/
  310.  
  311. #info{{block:IndexPage}height:100%;padding-top:50px;{/block:IndexPage}padding-right:20px;left:-10px;text-align:center;position:relative;width:100%;margin:0px auto;background:{color:About Background};{block:ifnotContact}background:{color:Background}{/block:ifnotContact}}
  312.  
  313. #contact{padding-top:10px;padding-bottom:25px;padding-right:20px;left:-10px;position:relative;width:100%;margin:-10px auto;height:auto;background:{color:Contact Background};text-align:center;}
  314.  
  315. #ask_form{width:500px;margin-top:50px;}
  316.  
  317. .post_title{
  318. display:block;
  319. font-weight:bold;
  320. font-size:12pt;
  321. line-height:20px;
  322. text-transform:none;}
  323.  
  324. </style>
  325.  
  326. <script type="text/javascript">
  327. $(function() {
  328.     $("#gotopA").click(function(){
  329.         var target = $("html");  
  330.         $('html, body').animate({
  331.             scrollTop: target.offset().top  
  332.         }, 1000);
  333.     });
  334.        
  335.     var gotop = $("#gotop");
  336.     var gotopTop = "500";
  337.     var view = $( window );
  338.     view.bind("scroll resize", function(){
  339.         var viewTop = view.scrollTop();
  340.         if (viewTop > gotopTop){
  341.             gotop.fadeIn(500);
  342.         }
  343.         else if (viewTop <= gotopTop){
  344.             gotop.fadeOut(50);
  345.         }
  346.     });
  347. });
  348.  
  349. $(function() {
  350.    var gotop = $(".nav,.navbg");
  351.    var gotopTop = "500";
  352.    var view = $( window );
  353.    view.bind("scroll resize", function(){
  354.         var viewTop = view.scrollTop();
  355.         if (viewTop > gotopTop){
  356.             gotop.fadeIn(500);
  357.         }
  358.         else if (viewTop <= gotopTop){
  359.             gotop.fadeOut(50);
  360.         }
  361.     });
  362. });
  363.  
  364. $(document).ready(function() {
  365.  function filterPath(string) {
  366.  return string
  367.    .replace(/^\//,'')
  368.    .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
  369.    .replace(/\/$/,'');
  370.  }
  371.  var locationPath = filterPath(location.pathname);
  372.  var scrollElem = scrollableElement('html', 'body');
  373.  
  374.  $('a[href*=#]').each(function() {
  375.    var thisPath = filterPath(this.pathname) || locationPath;
  376.    if (  locationPath == thisPath
  377.    && (location.hostname == this.hostname || !this.hostname)
  378.    && this.hash.replace(/#/,'') ) {
  379.      var $target = $(this.hash), target = this.hash;
  380.      if (target) {
  381.        var targetOffset = $target.offset().top;
  382.        $(this).click(function(event) {
  383.          event.preventDefault();
  384.          $(scrollElem).animate({scrollTop: targetOffset}, 1000, function() {
  385.            location.hash = target;
  386.          });
  387.        });
  388.      }
  389.    }
  390.  });
  391.  
  392.  // use the first element that is "scrollable"
  393.  function scrollableElement(els) {
  394.    for (var i = 0, argLength = arguments.length; i <argLength; i++) {
  395.      var el = arguments[i],
  396.          $scrollElement = $(el);
  397.      if ($scrollElement.scrollTop()> 0) {
  398.         return el;
  399.       } else {
  400.         $scrollElement.scrollTop(1);
  401.         var isScrollable = $scrollElement.scrollTop()> 0;
  402.         $scrollElement.scrollTop(0);
  403.         if (isScrollable) {
  404.           return el;
  405.         }
  406.       }
  407.     }
  408.     return [];
  409.   }
  410.  
  411. });
  412.  
  413. </script>
  414.  
  415. </head>
  416.  
  417. <body class="index" style="height: 100%;">
  418.  
  419. <div class="header">
  420. <div class="title">
  421. {block:ifnotBannerImage}
  422. <a href="/">{Title}</a>
  423. {/block:ifnotBannerImage}
  424. {block:ifBannerImage}
  425. <a href="/"><img src="{image:Banner}" class="banner"></a>
  426. {/block:ifBannerImage}
  427. </div><!-- Title --->
  428. <div class="desc">
  429. {block:Description}{Description}{/block:Description}
  430. </div><!-- Description --->
  431. <div class="menu">
  432. <a href="#members" class="linksa">members</a>
  433. <a href="{text:Apply Link}" class="linksa">apply</a>
  434. {block:ifAbout}<a href="#info" class="linksa">info</a>{/block:ifAbout}
  435. <a href="{block:ifnotContact}{text:Ask Link}{/block:ifnotContact}{block:ifContact}#contact{/block:ifContact}" class="linksa">contact</a>
  436. </div><!-- Menu --->
  437. </div><!-- Header --->
  438.  
  439. <div class="navbg"></div>
  440. <div class="nav">
  441. <a href="javascript:void(0);" class="linksb" id="gotopA" style="color:{color:Header Text};">home</a>
  442. <a href="#members" class="linksb">members</a>
  443. <a href="{text:Apply Link}" class="linksb">apply</a>
  444. {block:ifAbout}<a href="#info" class="linksb">info</a>{/block:ifAbout}
  445. <a href="{block:ifnotContact}{text:Ask Link}{/block:ifnotContact}{block:ifContact}#contact{/block:ifContact}" class="linksb">contact</a>
  446. </div>
  447.  
  448. {block:IndexPage}
  449. <div id="members">
  450. <div id="site">
  451. <div class="grid">
  452. <ul id="list" class="image-grid" >
  453. {block:ifMember01}
  454. <li><a href="http://{text:Member 01}.tumblr.com/"><img src="{image:Member 01}"  /><div class="member">{text:Member 01}</div></a></li>
  455. {/block:ifMember01}
  456. {block:ifMember02}
  457. <li><a href="http://{text:Member 02}.tumblr.com/"><img src="{image:Member 02}"  /><div class="member">{text:Member 02}</div></a></li>
  458. {/block:ifMember02}
  459. {block:ifMember03}
  460. <li><a href="http://{text:Member 03}.tumblr.com/"><img src="{image:Member 03}"  /><div class="member">{text:Member 03}</div></a></li>
  461. {/block:ifMember03}
  462. {block:ifMember04}
  463. <li><a href="http://{text:Member 04}.tumblr.com/"><img src="{image:Member 04}"  /><div class="member">{text:Member 04}</div></a></li>
  464. {/block:ifMember04}
  465. {block:ifMember05}
  466. <li><a href="http://{text:Member 05}.tumblr.com/"><img src="{image:Member 05}" /><div class="member">{text:Member 05}</div></a></li>
  467. {/block:ifMember05}
  468. {block:ifMember06}
  469. <li><a href="http://{text:Member 06}.tumblr.com/"><img src="{image:Member 06}"  /><div class="member">{text:Member 06}</div></a></li>
  470. {/block:ifMember06}
  471. {block:ifMember07}
  472. <li><a href="http://{text:Member 07}.tumblr.com/"><img src="{image:Member 07}"  /><div class="member">{text:Member 07}</div></a></li>
  473. {/block:ifMember07}
  474. {block:ifMember08}
  475. <li><a href="http://{text:Member 08}.tumblr.com/"><img src="{image:Member 08}"  /><div class="member">{text:Member 08}</div></a></li>
  476. {/block:ifMember08}
  477. {block:ifMember09}
  478. <li><a href="http://{text:Member 09}.tumblr.com/"><img src="{image:Member 09}"  /><div class="member">{text:Member 09}</div></a></li>
  479. {/block:ifMember09}
  480. {block:ifMember10}
  481. <li><a href="http://{text:Member 10}.tumblr.com/"><img src="{image:Member 10}"  /><div class="member">{text:Member 10}</div></a></li>
  482. {/block:ifMember10}
  483. {block:ifMember11}
  484. <li><a href="http://{text:Member 11}.tumblr.com/"><img src="{image:Member 11}"  /><div class="member">{text:Member 11}</div></a></li>
  485. {/block:ifMember11}
  486. {block:ifMember12}
  487. <li><a href="http://{text:Member 12}.tumblr.com/"><img src="{image:Member 12}"  /><div class="member">{text:Member 12}</div></a></li>
  488. {/block:ifMember12}
  489. {block:ifMember13}
  490. <li><a href="http://{text:Member 13}.tumblr.com/"><img src="{image:Member 13}"  /><div class="member">{text:Member 13}</div></a></li>
  491. {/block:ifMember13}
  492. {block:ifMember14}
  493. <li><a href="http://{text:Member 14}.tumblr.com/"><img src="{image:Member 14}"  /><div class="member">{text:Member 14}</div></a></li>
  494. {/block:ifMember14}
  495. {block:ifMember15}
  496. <li><a href="http://{text:Member 15}.tumblr.com/"><img src="{image:Member 15}"  /><div class="member">{text:Member 15}</div></a></li>
  497. {/block:ifMember15}
  498. </ul>
  499. </div><!-- Grid --->
  500. </div><!-- Site --->
  501. </div><!-- Members --->
  502. {/block:IndexPage}
  503.  
  504. {block:ifAbout}
  505. <div id="info">{block:IndexPage}<h1>about</h1>{/block:IndexPage}<div id="content">
  506. <div class="posts">
  507. {block:Posts}
  508. <div class="entry">
  509. {block:Text}<div class="text">
  510. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  511. {Body}</div>
  512. {/block:Text}
  513. {block:Photo}
  514. {block:IndexPage}
  515. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}{/block:IndexPage}
  516. {block:PermalinkPage}
  517. {LinkOpenTag}<a href="{permalink}"><img
  518. class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
  519. width="auto"/></a>{LinkCloseTag}
  520. {/block:PermalinkPage}
  521. {/block:Photo}
  522. {block:Photoset}
  523. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  524. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  525. {block:Caption}{Caption}{/block:Caption}
  526. {/block:Photoset}
  527. {block:Quote}<div class="text">
  528. <div class="quote"><b><i>" </i></b>{Quote} <b><i>"</i></b> </div>
  529. {block:Source}<small>{Source}</small>{/block:Source}</div>
  530. {/block:Quote}
  531. {block:Link}<div class="text">
  532. <a href="{URL}"{Target}><span class="link_title">{Name}</span></a>
  533. {block:Description}<small>{Description}</small>{/block:Description}</div>
  534. {/block:Link}
  535. {block:Chat}<div class="text">
  536. {block:Title}
  537. <div class="ptitle">{Title}</div>
  538. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}</div>
  539. {/block:Chat}
  540. {block:Answer}<div class="text">
  541. <div class="question">{Asker}: {Question}</div>
  542. {Answer}</div>
  543. {/block:Answer}
  544. {block:PermalinkPage}
  545. <div class="notespage">
  546. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  547. {/block:PermalinkPage}
  548. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  549. </div>
  550. {/block:Posts}
  551. </div>
  552. </div></div>
  553. {/block:ifAbout}
  554.  
  555. {block:IndexPage}
  556. {block:ifContact}
  557. <div id="contact"><h1>contact</h1><iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:Blog URL}.tumblr.com/"></iframe></div>
  558. {/block:ifContact}
  559. {/block:IndexPage}
  560.  
  561. <div style="position:absolute;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>
  562. </body>
  563. </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!