anebeitia

Neale Hurston

Feb 4th, 2015
421
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.69 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!--
  7. theme by aesthesos
  8. ╔╔═╗╗
  9. ║║ ║║ Rules:
  10. ║║ ║║ -do not steal
  11. ║║ ║║ -do not remove credit
  12. ╚╚══╚╚═ -do not use as base code
  13.  
  14. -->
  15.  
  16. <!-- base code by neonbike themes.-->
  17.  
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. <meta charset="utf-8">
  22. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  23. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27.  
  28. <meta name="image:background" content=""/>
  29.  
  30. <meta name="color:Background" content="#ffffff" />
  31. <meta name="color:links" content="#ac9cff" />
  32. <meta name="color:links hover" content="#a0a0a0" />
  33. <meta name="color:text" content="#000000" />
  34. <meta name="color:posts" content="#ffffff" />
  35. <meta name="color:gradient 1" content="#bee5e3" />
  36. <meta name="color:gradient 2" content="#edc2d9" />
  37. <meta name="color:gradient 3" content="#ffd885" />
  38.  
  39. <meta name="text:username" content="" />
  40. <meta name="text:Tab 1 Title" content="Tab 1 Title" />
  41. <meta name="text:Tab 2 Title" content="Tab 2 Title" />
  42. <meta name="text:Tab 3 Title" content="Tab 3 Title" />
  43. <meta name="text:Tab 4 Title" content="Tab 4 Title" />
  44. <meta name="text:Tab 5 Title" content="Tab 5 Title" />
  45.  
  46. <meta name="if:hide captions" content="0"/>
  47. <meta name="if:custom tumblr controls" content="1"/>
  48.  
  49. <meta name="select:Background Image" content="color" title="None">
  50. <meta name="select:Background Image" content="cover" title="Cover">
  51. <meta name="select:Background Image" content="repeat" title="Repeat">
  52. <meta name="select:Background Image" content="gradient" title="Gradient">
  53.  
  54. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  55.  
  56. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  57.  
  58. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  59.  
  60. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  61.  
  62. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>
  65. <link href='http://fonts.googleapis.com/css?family=Raleway:500,600,700' rel='stylesheet' type='text/css'>
  66. <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC:900italic' rel='stylesheet' type='text/css'>
  67. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'>
  68.  
  69. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  70.  
  71. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  72. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  73. <script>
  74. (function($){
  75. $(document).ready(function(){
  76. $("a[title]").style_my_tooltips({
  77. tip_follows_cursor:true,
  78. tip_delay_time:90,
  79. tip_fade_speed:600,
  80. attribute:"title"
  81. });
  82. });
  83. })(jQuery);
  84. </script>
  85.  
  86. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  87.  
  88. <script>
  89. $(document).on("scroll", function(){
  90. if
  91. ($(document).scrollTop() > 100){
  92. $("header").addClass("shrink");
  93. updateSliderMargin();
  94. }
  95. else
  96. {
  97. $("header").removeClass("shrink");
  98. updateSliderMargin();
  99. }
  100. });
  101. </script>
  102.  
  103. <style type="text/css">
  104.  
  105. /* ---------------------------- GENERAL ----------------------------- */
  106. {block:ifcustomtumblrcontrols}
  107. {block:indexpage}#tumblr_controls{display:none;}
  108. #tumblrcontrols{right:15px;top:15px;position:fixed;float:right;font-size:16px;text-transform:uppercase;letter-spacing:1px;z-index:999999999999999;}
  109. #tumblrcontrols a{color:{color:links};margin:10px;font-weight:600;}
  110. #tumblrcontrols a:hover{color:{color:links hover};cursor:pointer;}{/block:indexpage}{/block:ifcustomtumblrcontrols}
  111.  
  112. /* -------- SELECTION TOOL ------- */
  113.  
  114. ::-moz-selection {background: {color:links hover};color: {color:posts};}
  115. ::selection {background: {color:links hover};color: {color:posts};}
  116.  
  117. /* -------- SCROLLBAR ------- */
  118.  
  119. ::-webkit-scrollbar { height: 11px; width: 11px; }
  120.  
  121. /* Track */
  122. ::-webkit-scrollbar-track {background:{color:background};}
  123.  
  124. /* Handle */
  125. ::-webkit-scrollbar-thumb {background-color:{color:links}; border:5px #f7f7f7 solid;}
  126. ::-webkit-scrollbar-thumb:window-inactive {background: transparent;}
  127.  
  128. /* ------- TOOLTIPS ------ */
  129.  
  130. #s-m-t-tooltip {max-width:300px;padding:5px;margin:10px 10px;background-color:{color:background};font-family:'Raleway', sans-serif;color:{color:text};z-index:9999;}
  131.  
  132. /* -------- BASICS ------- */
  133.  
  134. body {
  135. font-size:10px;
  136. letter-spacing:1px;
  137. text-align:justify;
  138. margin:0 auto;
  139. height:100%;
  140. line-height:110%;
  141. font-family:'Raleway', sans-serif;
  142. color:{color:text};}
  143.  
  144. .color {background:{color:background};}
  145. .cover {background: url({image:Background});background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;}
  146. .repeat {background: url({image:Background});background-repeat:repeat;background-attachment: fixed;}
  147. .gradient {background: {color:Gradient 1}; /* Old browsers */background-image:-moz-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-webkit-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-o-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-ms-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,{color:Gradient 1}), color-stop(50%,{color:Gradient 2}),color-stop(100%,{color:Gradient 3}));background-attachment:fixed;}
  148.  
  149. a {font-size:11px;color: {color:links};text-decoration: none;letter-spacing:1px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
  150. a:hover{color:{color:links hover};-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
  151.  
  152. blockquote {background:{color:links};color:white;padding:3px 5px;}
  153. blockquote a{color:{color:links hover};}
  154. blockquote a:hover{letter-spacing:2px;}
  155. blockquote blockquote {padding:0 0 0 8px;margin:0 0 0 12px; }
  156. blockquote img {max-width:100%;}
  157. blockquote blockquote img {max-width:100%;}
  158. blockquote blockquote blockquote img {max-width:100%;}
  159.  
  160. iframe, img, embed, object, video {max-width: 100%;}
  161. p{margin:10px;}
  162. img {height: auto;width:auto;max-width:100%;}
  163. h1{text-transform:uppercase;font-size:13px;padding:5px 0px;}
  164. ul,li{list-style-type: lower-greek;margin:5px 10px;}
  165. ol{list-style-type: lower-greek;}
  166. pre{margin:10px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
  167.  
  168. #bigcon{width:100%;}
  169. .tabcontent {position:static;width: 500px;text-align:left;padding:15px;background:white;margin-top:200px;}
  170. #postcontainer {position:static;width: 500px;text-align:center;margin-top:200px;}
  171.  
  172. /* ----------------------------- HEADER STUFF ---------------------------*/
  173.  
  174. header{margin:0px;width: 100%;padding: 20px 0px 5px 0px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;z-index: 9999;top: 0;position: fixed;background:white;}
  175. #topbar{position:relative;top:0px;left:0px;width:500px;z-index:999;}
  176. .blogtitle{margin:20px;font-size:20px;letter-spacing:2px;}
  177. .blogtitle a{color:{color:links hover};font-size:30px;font-family:'lato';font-weight:700;}
  178. .blogtitle::first-letter {font-size: 200%;color:{color:links};font-family: 'Playfair Display SC', serif;}
  179. #navbar{display:inline-block;text-align:center;left:0px;top:0px;z-index:999999999;margin:0px;width:100%;}
  180. .shrink{margin:-84px 0px;}
  181.  
  182. /* ------------------------------ TABS ------------------------------ */
  183.  
  184. .tabs {width:100%;margin-left:0px;display:inline-block;}
  185.  
  186. /*----- Tab Links -----*/
  187.  
  188. /* Clearfix */
  189. .tab-links:after {display:block;clear:both;content:'';}
  190. .tab-links li {margin-right:5px;display:inline-block;list-style:none;text-transform:uppercase;}
  191. .tab-links a {padding:7px;display:inline-block;color:{color:links};transition:all linear 0.15s;border-bottom:1px solid transparent;font-weight:600;}
  192. .tab-links a:hover {border-bottom:1px solid {color:links};text-decoration:none;}
  193.  
  194. li.active a, li.active a:hover {
  195. background:transparent;
  196. color:{color:background};
  197. border-bottom:1px solid {color:posts};
  198. background:{color:links};
  199. font-weight:400;
  200. -webkit-transition: all .3s;
  201. -moz-transition: all .3s;
  202. -o-transition: all .3s;
  203. -ms-transition: all .3s;
  204. transition: all .3s;}
  205.  
  206. /*----- Content of Tabs -----*/
  207. .tab-content {}
  208. .tab {display:none;}
  209. .tab.active {display:block;}
  210.  
  211. /* --------------------------- POSTS (articles) --------------------- */
  212.  
  213. article {
  214. float:left;
  215. position:relative;
  216. background:{color:posts};
  217. padding: 10px;
  218. width: 500px;
  219. text-align:left;
  220. margin-bottom:80px;}
  221.  
  222. /* ---------------------------- POST INFO -----------------------------*/
  223.  
  224. .postinfo li {display: inline-block;}
  225. article:hover .postinfo{margin-top:-5px;opacity:1;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
  226. .postinfo{text-align:right;opacity:0;margin-top:-25px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
  227. .photograph:hover .caption, .photograph:hover .information {opacity:1;transition-duration: 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
  228. .photograph:hover .permalink{opacity:1;margin-top:12px;transition-duration: 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
  229. .permalink {position:relative;opacity:0;margin-top:-10px;text-align:right;font-size:9px;font-weight:normal;transition-duration: 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
  230. .permalink a{margin:5px;}
  231. .caption {height:85%;max-height:85%;top:0px;left:0px;overflow-y:scroll;background:{color:posts};width:100%;position:absolute;padding:10px 0px 0px 0px;opacity:0;transition-duration: 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
  232. .information {background:{color:links};height:15%;bottom:0px;left:0px;display:inline-block;z-index:1;overflow:hidden;width:100%;position:absolute;font-size:12px;font-weight:bold;text-align:center;opacity:0;color:white;transition-duration: 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
  233. .info{margin:10px;}
  234. .information a{color:white;}
  235. .tag{text-align:left;margin:10px;word-break:break-all;font-size:10px;}
  236. .caption a{font-size:10px;}
  237. .tags{position:absolute;left:530px; padding:2px 10px;top:5px;border-left:1px solid {color:posts};width:300px;opacity:0;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
  238. article:hover .tags{opacity:1;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
  239. .tags a{color:white;display:block;font-size:10px;}
  240. #permalinks{background:{color:links};padding:5px;margin:10px 0px;text-align:right;}
  241. #permalinks a{color:{color:posts};margin:0px 5px;}
  242.  
  243. /* ---------------------------- POST NOTES ------------------------- */
  244.  
  245. #notes img.avatar {display:none;}
  246.  
  247. /* -------------------------- POST TYPES -------------------------- */
  248.  
  249. /* CHAT */
  250.  
  251. .chat{margin:0px;line-height:130%;}
  252. .chat li{list-style-type:none;margin:5px 0px; padding:5px; text-align:;background:{color:links};color:{color:posts};border:1px #f7f7f7 solid; }
  253. .chat li:nth-child(even){ text-align:left; background:{color:posts}; display:block;margin-left:0px;border:1px {color:links} solid;color:{color:text};}
  254. .title{margin-left:10px;}
  255.  
  256. /* QUOTES */
  257.  
  258. .quote{font-size:20px;line-height:150%;font-family: 'Playfair Display', serif;padding:5px 10px 0px 10px;font-style:italic;}
  259. .quotesource{text-align:right;margin:10px;}
  260. .quote::first-letter {font-size: 250%;color:{color:links};}
  261.  
  262. /* QUESTIONS */
  263.  
  264. .question{overflow:scroll;max-height:50px;line-height:130%;margin:10px;text-align:justify;width:490px;}
  265. .answer {margin-top:-15px;border-top:1px solid {color:links};width:490px;}
  266.  
  267. /* AUDIO */
  268.  
  269. #hold {display:inline-block;width:90px;height:90px;}
  270. #art {position:absolute;width:90px;height:90px;overflow:hidden;padding:5px;}
  271. #art img {width:80px;position:absolute;}
  272. #art2 {position:absolute;width:90px;height:90px;}
  273. #hold2 {position:absolute;display:inline-block;height:90px; text-align:left;margin:5px 0px 0px 10px;width:390px;}
  274. .trackname{background:{color:links};width:100%;padding:4px;color:{color:background};}
  275. .artist{margin-top:2px;background:{color:links};width:100%;padding:4px;color:{color:background};}
  276. #player {position:absolute;height:30px;width:30px;margin:10px;overflow:hidden;}
  277. #circle {position:absolute;width:50px;height:50px;background-color:white;z-index:1;margin:20px;opacity: .6;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}
  278. #circle:hover {opacity: .8;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}
  279.  
  280. /* ------------------------- PAGINATION ------------------------- */
  281.  
  282. #pagination{text-align:center;}
  283. .pagibutton{position:relative;display:inline-block;border-bottom:1px solid {color:links};background:{color:posts};padding:15px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
  284. .pagibutton:hover{background:{color:links};color:{color:posts};-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
  285.  
  286. #box {
  287. background:{color:posts};text-align:center;padding:20px;margin:20px;height:150px;width:150px;float:left;overflow-y:scroll;overflow-x:hidden;}
  288. #title {text-align:center;text-transform:uppercase;width:150px;padding:1px 0px;background-color:{color:links};}#title a{color:{color:links hover}}#links {
  289. margin-top:15px;width:150px;border: 1px solid {color:links};text-align:center;
  290. padding:5px 0px;color:{color:links};letter-spacing:3px;font-weight:600;font-size:90%;text-transform:uppercase;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
  291. #links a{color:{color:links};letter-spacing:3px;font-weight:600;font-size:90%;}
  292. #links:hover{background:{color:links};color:{color:posts};-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
  293. #links a:hover{color:{color:posts};}
  294.  
  295. /* --------------------------- Custom CSS -------------------------- */
  296. {CustomCSS}
  297. </style>
  298. </head>
  299. <body>
  300.  
  301. <body class="{select:Background Image}">
  302.  
  303. {block:ifcustomtumblrcontrols}{block:indexpage}<div id="tumblrcontrols"><a href="http://www.tumblr.com/follow/{text:username}"class="control-link">follow</a><a href="http://www.tumblr.com/send/{text:username}?redirect_to=http%3A%2F%2F{text:username}.tumblr.com%2F"><i class="fa fa-paper-plane-o"></i></a><a href="http://www.tumblr.com/dashboard"class="control-link">dashboard</a></div>{/block:indexpage}{/block:ifcustomtumblrcontrols}
  304.  
  305. <div id="bigcon">
  306.  
  307. <!--TOPBAR-->
  308.  
  309. <center><header><div id="topbar">
  310.  
  311. <div class="blogtitle">
  312. <a href="/">{Title}</a>
  313. </div>
  314.  
  315. <div id="navbar">
  316. <div class="tabs">
  317. <ul class="tab-links" style="margin-left:-30px;">
  318. <li class="active">
  319. <a href="#tab1">{text:Tab 1 Title}</a></li>
  320. <li><a href="#tab2">{text:Tab 2 Title}</a></li>
  321. <li><a href="#tab3">{text:Tab 3 Title}</a></li>
  322. <li><a href="#tab4">{text:Tab 4 Title}</a></li>
  323. <li><a href="#tab5">{text:Tab 5 Title}</a></li>
  324. </ul>
  325. </div>
  326. </div>
  327.  
  328. </div></header>
  329.  
  330.  
  331. <!-- --------------------------- TABS -------------------------- -->
  332.  
  333.  
  334. <div class="tabs">
  335.  
  336. <!-- --------------------------- TAB 1 -------------------------- -->
  337.  
  338. <div class="tab-content">
  339. <div id="tab1" class="tab active">
  340.  
  341. <div id="postcontainer"><center>
  342.  
  343. {block:Posts}
  344. <article>
  345.  
  346. <!--TEXT POST-->
  347. {block:Text}
  348. {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  349. {block:Title}
  350. <h1 class="title">
  351. <a href="{Permalink}">{Title}</a></h1>
  352. {/block:Title}
  353. {Body}
  354.  
  355. {block:IndexPage}<div class="postinfo"><li><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a></li><li>{block:NoteCount}<a href="{Permalink}"> +{NoteCount} </a>{/block:NoteCount}</li><li><a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></li></div>{/block:IndexPage}
  356. {/block:Text}
  357.  
  358.  
  359. <!--PHOTO POST-->
  360. {block:Photo}<div class="photograph">
  361. {block:IndexPage}
  362. <div id="permalink">{block:ifnothidecaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifnothidecaptions}
  363. <div class="information"><div class="info"><a href="{Permalink}" a title="{TimeAgo}"style=" text-transform:uppercase;">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>&nbsp;&nbsp; <a href="{Permalink}">+{NoteCount}</a>&nbsp;&nbsp;&nbsp; <a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></div>
  364. <div class="tag">{block:HasTags}FILED UNDER: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  365. </div></div>
  366. {/block:IndexPage}
  367. {block:IndexPage}
  368. {LinkOpenTag}
  369. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  370. {LinkCloseTag}
  371. {/block:IndexPage}
  372. {block:PermalinkPage}
  373. {LinkOpenTag}
  374. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  375. {LinkCloseTag}{/block:PermalinkPage}</div>
  376. {/block:Photo}
  377.  
  378.  
  379. <!--PHOTOSET POST-->
  380. {block:Photoset}<div class="photograph">
  381. {block:IndexPage}
  382. <div id="permalink">
  383. {block:ifnothidecaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifnothidecaptions}
  384. <div class="information"><div class="info"><a href="{Permalink}" a title="{TimeAgo}"style=" text-transform:uppercase;">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>&nbsp;&nbsp; <a href="{Permalink}">+{NoteCount}</a>&nbsp;&nbsp;&nbsp; <a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></div>
  385. <div class="tag">{block:HasTags}FILED UNDER: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  386. </div></div>
  387. {/block:IndexPage}
  388. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  389. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
  390. {/block:Photoset}
  391.  
  392.  
  393. <!--QUOTE POST-->
  394. {block:Quote}
  395. {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  396. <div class="quote">{Quote}</div>
  397. {block:Source}
  398. <div class="quotesource">{Source}</div>
  399. {/block:Source}
  400. {block:IndexPage}<div class="postinfo"><li><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a></li><li>{block:NoteCount}<a href="{Permalink}"> +{NoteCount} </a>{/block:NoteCount}</li><li><a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></li></div>{/block:IndexPage}
  401. {/block:Quote}
  402.  
  403.  
  404. <!--LINK POST-->
  405. {block:Link}
  406. {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  407. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  408. {block:Description}{Description}{/block:Description}
  409. {block:IndexPage}<div class="postinfo"><li><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a></li><li>{block:NoteCount}<a href="{Permalink}"> +{NoteCount} </a>{/block:NoteCount}</li><li><a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></li></div>{/block:IndexPage}
  410. {/block:Link}
  411.  
  412.  
  413. <!--CHAT POST-->
  414. {block:Chat}
  415. {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  416. <section class="chat">{block:Title}<section class="title"><h1>{Title}</h1></section>{/block:title}
  417. {block:Lines}<li><b>{block:Label}{Label}{/block:Label}</b> {Line}</li>{/block:Lines}</section>
  418. {block:IndexPage}<div class="postinfo"><li><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a></li><li>{block:NoteCount}<a href="{Permalink}"> +{NoteCount} </a>{/block:NoteCount}</li><li><a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></li></div>{/block:IndexPage}
  419. {/block:Chat}
  420.  
  421.  
  422. <!--AUDIO POST-->
  423. {block:Audio}
  424. {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  425. <div id="hold">
  426. <div id="art">
  427. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg">
  428. {block:AlbumArt}<div id="art2"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  429. </div>
  430. <div id="circle"><div id="player">{AudioPlayerwhite}</div></div>
  431. </div>
  432. <div id="hold2"><div class="trackname"><p>{block:TrackName}<b>&nbsp;TRACKNAME: </b>{TrackName}{/block:TrackName}</p></div>
  433. <div class="artist"><p>{block:Artist}<b>&nbsp;ARTIST: </b>{Artist}{/block:Artist}</p></div>
  434. </div>
  435. {block:IndexPage}<div class="postinfo"><li><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a></li><li>{block:NoteCount}<a href="{Permalink}"> +{NoteCount} </a>{/block:NoteCount}</li><li><a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></li></div>{/block:IndexPage}
  436. {/block:Audio}
  437.  
  438. <!--VIDEO POST-->
  439. {block:Video}
  440. {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  441. <div class="video">
  442. <div class="video-player">{Video-500}</div>
  443. {block:IndexPage}<div class="postinfo"><li><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a></li><li>{block:NoteCount}<a href="{Permalink}"> +{NoteCount} </a>{/block:NoteCount}</li><li><a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></li></div>{/block:IndexPage}
  444. {/block:Video}
  445.  
  446.  
  447. <!--ANSWER POST-->
  448. {block:Answer}
  449. {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  450. <div class="question"><span style="text-transform:uppercase;font-weight:700;">{Asker} whispered:</span> {Question}</div>
  451. <div class="answer">{Answer}</div>
  452. {block:IndexPage}<div class="postinfo"><li><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a></li><li>{block:NoteCount}<a href="{Permalink}"> +{NoteCount} </a>{/block:NoteCount}</li><li><a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></li></div>{/block:IndexPage}
  453. {/block:Answer}
  454.  
  455.  
  456. <!--POST NOTES-->
  457. {block:PermalinkPage}
  458. {block:Caption}<div style="padding:5px;">{Caption}</div>{/block:Caption}
  459. <div id="permalinks">{block:Date}Reblogged on: {DayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}{/block:Date} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}<br><br>{block:HasTags}Filed under:{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  460.  
  461. {block:PostNotes}
  462. <h1>Notes:</h1>
  463. <div id="notes">{PostNotes}</div>
  464. {/block:PostNotes}
  465. {/block:permalinkpage}
  466.  
  467. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}
  468. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  469. {/block:NoRebloggedFrom} -->
  470.  
  471. </article>
  472. {/block:Posts}
  473. <!--Close of article-->
  474.  
  475.  
  476. <!--PAGINATION-->
  477. {block:Pagination}
  478. <div class="pagination">
  479. {block:PreviousPage}
  480. <a href="{PreviousPage}">
  481. <div class="pagibutton">Previous</div></a>
  482. {/block:PreviousPage}
  483. {block:NextPage}
  484. <a href="{NextPage}">
  485. <div class="pagibutton">Next</div></a>
  486. {/block:NextPage}
  487. </div>
  488. </br></br>
  489. {/block:Pagination}
  490.  
  491. </div>
  492.  
  493. </div>
  494.  
  495. <!-- -------------------------- TAB 2 -------------------------- -->
  496.  
  497. <div id="tab2" class="tab">
  498. <div class="tabcontent">
  499. <h1>Ask & FAQ</h1>
  500. <p>{Description}</p><p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  501.  
  502. </div>
  503. </div>
  504.  
  505.  
  506. <!-- -------------------------- TAB 3 -------------------------- -->
  507.  
  508. <div id="tab3" class="tab">
  509. <div class="tabcontent" style="background:transparent;width: 700px;">
  510. <div id="navigation" style="margin-top:-50px;">
  511. <div id="box">
  512. <!--change title---><div id="title"><h1>TITLE</h1></div>
  513. <!--change links here--->
  514. <div id="links"><a href="/">link 1</a></div>
  515. <div id="links"><a href="/">link 2</a></div>
  516. <div id="links"><a href="/">link 3</a></div>
  517. <div id="links"><a href="/">link 4</a></div>
  518. <div id="links"><a href="/">link 5</a></div>
  519. </div>
  520.  
  521. <div id="box">
  522. <!--change title---><div id="title"><h1>TITLE</h1></div>
  523. <!--change links here--->
  524. <div id="links"><a href="/">link 1</a></div>
  525. <div id="links"><a href="/">link 2</a></div>
  526. <div id="links"><a href="/">link 3</a></div>
  527. <div id="links"><a href="/">link 4</a></div>
  528. <div id="links"><a href="/">link 5</a></div>
  529. </div>
  530.  
  531. <div id="box">
  532. <!--change title---><div id="title"><h1>TITLE</h1></div>
  533. <!--change links here--->
  534. <div id="links"><a href="/">link 1</a></div>
  535. <div id="links"><a href="/">link 2</a></div>
  536. <div id="links"><a href="/">link 3</a></div>
  537. <div id="links"><a href="/">link 4</a></div>
  538. <div id="links"><a href="/">link 5</a></div>
  539. </div>
  540.  
  541. <br>
  542.  
  543. <div id="box">
  544. <!--change title---><div id="title"><h1>TITLE</h1></div>
  545. <!--change links here--->
  546. <div id="links"><a href="/">link 1</a></div>
  547. <div id="links"><a href="/">link 2</a></div>
  548. <div id="links"><a href="/">link 3</a></div>
  549. <div id="links"><a href="/">link 4</a></div>
  550. <div id="links"><a href="/">link 5</a></div>
  551. </div>
  552.  
  553. <div id="box">
  554. <!--change title---><div id="title"><h1>TITLE</h1></div>
  555. <!--change links here--->
  556. <div id="links"><a href="/">link 1</a></div>
  557. <div id="links"><a href="/">link 2</a></div>
  558. <div id="links"><a href="/">link 3</a></div>
  559. <div id="links"><a href="/">link 4</a></div>
  560. <div id="links"><a href="/">link 5</a></div>
  561. </div>
  562.  
  563. <div id="box">
  564. <!--change title---><div id="title"><h1>TITLE</h1></div>
  565. <!--change links here--->
  566. <div id="links"><a href="/">link 1</a></div>
  567. <div id="links"><a href="/">link 2</a></div>
  568. <div id="links"><a href="/">link 3</a></div>
  569. <div id="links"><a href="/">link 4</a></div>
  570. <div id="links"><a href="/">link 5</a></div>
  571. </div>
  572.  
  573. </div>
  574. </div>
  575. </div>
  576.  
  577.  
  578. <!-- -------------------------- TAB 4 -------------------------- -->
  579.  
  580. <div id="tab4" class="tab">
  581. <div class="tabcontent">
  582. <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. <b>Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.</b> <b>Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos.</b> <i>Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores.</i> <strike>Quo no falli viris intellegam, ut fugit veritus placerat per.</strike></p>
  583. <ol><li>Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu.</li>
  584. <li>No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. </li>
  585. </ol><blockquote><p>Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.</p>
  586. <p>Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.</p></blockquote>
  587.  
  588. </div>
  589. </div>
  590.  
  591.  
  592. <!-- -------------------------- TAB 5 -------------------------- -->
  593.  
  594. <div id="tab5" class="tab">
  595. <div class="tabcontent">
  596. <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. <b>Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.</b> <b>Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos.</b> <i>Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores.</i> <strike>Quo no falli viris intellegam, ut fugit veritus placerat per.</strike></p>
  597. <ol><li>Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu.</li>
  598. <li>No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. </li>
  599. </ol><blockquote><p>Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.</p>
  600. <p>Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.</p></blockquote>
  601.  
  602. </div>
  603. </div>
  604. <!-- END OF TABS -->
  605.  
  606. </div>
  607. </div>
  608. </div>
  609. </div>
  610. </div>
  611.  
  612.  
  613. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  614.  
  615. <script>
  616. $(document).ready(function() {
  617. $('.tabs .tab-links a').on('click', function(e) {
  618. var currentAttrValue = $(this).attr('href');
  619.  
  620. // Show/Hide Tabs
  621. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  622.  
  623. // Change/remove current tab to active
  624. $(this).parent('li').addClass('active').siblings().removeClass('active');
  625.  
  626. e.preventDefault();
  627. });
  628. });
  629. </script>
  630.  
  631. <script>
  632. $(document).ready(function() {
  633. $('#filterOptions li a').click(function() {
  634. // fetch the class of the clicked item
  635. var ourClass = $(this).attr('class');
  636.  
  637. // reset the active class on all the buttons
  638. $('#filterOptions li').removeClass('active');
  639. // update the active state on our clicked button
  640. $(this).parent().addClass('active');
  641.  
  642. if(ourClass == 'all') {
  643. // show all our items
  644. $('#ourHolder').children('div.item').show();
  645. }
  646. else {
  647. // hide all elements that don't share ourClass
  648. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  649. // show all elements that do share ourClass
  650. $('#ourHolder').children('div.' + ourClass).show();
  651. }
  652. return false;
  653. });
  654. });
  655. </script>
  656.  
  657. <div id="credit"><a href="http://aesthesos.com/"><i class="fa fa-rocket"></i> <span class="credit">Aesthesos</span></a></div><style type="text/css">#credit{position:fixed;bottom:15px;left:15px;width:10px;height:10px;overflow:hidden;padding:5px;background:{color:posts};color:{color:links};border:1px solid {color:posts};overflow: hidden;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
  658. #credit:hover{background:{color:links};width:85px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border:1px solid {color:posts};}#credit:hover a{color:{color:posts};}
  659. .credit {color:{color:links};position: absolute;opacity:0;-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;-ms-transition: all .1s;transition: all .1s;font-weight:700;}
  660. #credit:hover .credit{color:{color:posts};left:25px;opacity:1;-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;-ms-transition: all .1s;transition: all .1s;}
  661.  
  662. </style>
  663. </body>
  664. </html>
Advertisement
Add Comment
Please, Sign In to add comment