Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- theme by aesthesos
- ╔╔═╗╗
- ║║ ║║ Rules:
- ║║ ║║ -do not steal
- ║║ ║║ -do not remove credit
- ╚╚══╚╚═ -do not use as base code
- -->
- <!-- base code by neonbike themes.-->
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="image:background" content=""/>
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:links" content="#ac9cff" />
- <meta name="color:links hover" content="#a0a0a0" />
- <meta name="color:text" content="#000000" />
- <meta name="color:posts" content="#ffffff" />
- <meta name="color:gradient 1" content="#bee5e3" />
- <meta name="color:gradient 2" content="#edc2d9" />
- <meta name="color:gradient 3" content="#ffd885" />
- <meta name="text:username" content="" />
- <meta name="text:Tab 1 Title" content="Tab 1 Title" />
- <meta name="text:Tab 2 Title" content="Tab 2 Title" />
- <meta name="text:Tab 3 Title" content="Tab 3 Title" />
- <meta name="text:Tab 4 Title" content="Tab 4 Title" />
- <meta name="text:Tab 5 Title" content="Tab 5 Title" />
- <meta name="if:hide captions" content="0"/>
- <meta name="if:custom tumblr controls" content="1"/>
- <meta name="select:Background Image" content="color" title="None">
- <meta name="select:Background Image" content="cover" title="Cover">
- <meta name="select:Background Image" content="repeat" title="Repeat">
- <meta name="select:Background Image" content="gradient" title="Gradient">
- <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <link href='http://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Raleway:500,600,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC:900italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'>
- <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <script>
- $(document).on("scroll", function(){
- if
- ($(document).scrollTop() > 100){
- $("header").addClass("shrink");
- updateSliderMargin();
- }
- else
- {
- $("header").removeClass("shrink");
- updateSliderMargin();
- }
- });
- </script>
- <style type="text/css">
- /* ---------------------------- GENERAL ----------------------------- */
- {block:ifcustomtumblrcontrols}
- {block:indexpage}#tumblr_controls{display:none;}
- #tumblrcontrols{right:15px;top:15px;position:fixed;float:right;font-size:16px;text-transform:uppercase;letter-spacing:1px;z-index:999999999999999;}
- #tumblrcontrols a{color:{color:links};margin:10px;font-weight:600;}
- #tumblrcontrols a:hover{color:{color:links hover};cursor:pointer;}{/block:indexpage}{/block:ifcustomtumblrcontrols}
- /* -------- SELECTION TOOL ------- */
- ::-moz-selection {background: {color:links hover};color: {color:posts};}
- ::selection {background: {color:links hover};color: {color:posts};}
- /* -------- SCROLLBAR ------- */
- ::-webkit-scrollbar { height: 11px; width: 11px; }
- /* Track */
- ::-webkit-scrollbar-track {background:{color:background};}
- /* Handle */
- ::-webkit-scrollbar-thumb {background-color:{color:links}; border:5px #f7f7f7 solid;}
- ::-webkit-scrollbar-thumb:window-inactive {background: transparent;}
- /* ------- TOOLTIPS ------ */
- #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;}
- /* -------- BASICS ------- */
- body {
- font-size:10px;
- letter-spacing:1px;
- text-align:justify;
- margin:0 auto;
- height:100%;
- line-height:110%;
- font-family:'Raleway', sans-serif;
- color:{color:text};}
- .color {background:{color:background};}
- .cover {background: url({image:Background});background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;}
- .repeat {background: url({image:Background});background-repeat:repeat;background-attachment: fixed;}
- .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;}
- 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;}
- 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;}
- blockquote {background:{color:links};color:white;padding:3px 5px;}
- blockquote a{color:{color:links hover};}
- blockquote a:hover{letter-spacing:2px;}
- blockquote blockquote {padding:0 0 0 8px;margin:0 0 0 12px; }
- blockquote img {max-width:100%;}
- blockquote blockquote img {max-width:100%;}
- blockquote blockquote blockquote img {max-width:100%;}
- iframe, img, embed, object, video {max-width: 100%;}
- p{margin:10px;}
- img {height: auto;width:auto;max-width:100%;}
- h1{text-transform:uppercase;font-size:13px;padding:5px 0px;}
- ul,li{list-style-type: lower-greek;margin:5px 10px;}
- ol{list-style-type: lower-greek;}
- 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;}
- #bigcon{width:100%;}
- .tabcontent {position:static;width: 500px;text-align:left;padding:15px;background:white;margin-top:200px;}
- #postcontainer {position:static;width: 500px;text-align:center;margin-top:200px;}
- /* ----------------------------- HEADER STUFF ---------------------------*/
- 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;}
- #topbar{position:relative;top:0px;left:0px;width:500px;z-index:999;}
- .blogtitle{margin:20px;font-size:20px;letter-spacing:2px;}
- .blogtitle a{color:{color:links hover};font-size:30px;font-family:'lato';font-weight:700;}
- .blogtitle::first-letter {font-size: 200%;color:{color:links};font-family: 'Playfair Display SC', serif;}
- #navbar{display:inline-block;text-align:center;left:0px;top:0px;z-index:999999999;margin:0px;width:100%;}
- .shrink{margin:-84px 0px;}
- /* ------------------------------ TABS ------------------------------ */
- .tabs {width:100%;margin-left:0px;display:inline-block;}
- /*----- Tab Links -----*/
- /* Clearfix */
- .tab-links:after {display:block;clear:both;content:'';}
- .tab-links li {margin-right:5px;display:inline-block;list-style:none;text-transform:uppercase;}
- .tab-links a {padding:7px;display:inline-block;color:{color:links};transition:all linear 0.15s;border-bottom:1px solid transparent;font-weight:600;}
- .tab-links a:hover {border-bottom:1px solid {color:links};text-decoration:none;}
- li.active a, li.active a:hover {
- background:transparent;
- color:{color:background};
- border-bottom:1px solid {color:posts};
- background:{color:links};
- font-weight:400;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;}
- /*----- Content of Tabs -----*/
- .tab-content {}
- .tab {display:none;}
- .tab.active {display:block;}
- /* --------------------------- POSTS (articles) --------------------- */
- article {
- float:left;
- position:relative;
- background:{color:posts};
- padding: 10px;
- width: 500px;
- text-align:left;
- margin-bottom:80px;}
- /* ---------------------------- POST INFO -----------------------------*/
- .postinfo li {display: inline-block;}
- 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;}
- .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;}
- .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;}
- .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;}
- .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;}
- .permalink a{margin:5px;}
- .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;}
- .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;}
- .info{margin:10px;}
- .information a{color:white;}
- .tag{text-align:left;margin:10px;word-break:break-all;font-size:10px;}
- .caption a{font-size:10px;}
- .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;}
- 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;}
- .tags a{color:white;display:block;font-size:10px;}
- #permalinks{background:{color:links};padding:5px;margin:10px 0px;text-align:right;}
- #permalinks a{color:{color:posts};margin:0px 5px;}
- /* ---------------------------- POST NOTES ------------------------- */
- #notes img.avatar {display:none;}
- /* -------------------------- POST TYPES -------------------------- */
- /* CHAT */
- .chat{margin:0px;line-height:130%;}
- .chat li{list-style-type:none;margin:5px 0px; padding:5px; text-align:;background:{color:links};color:{color:posts};border:1px #f7f7f7 solid; }
- .chat li:nth-child(even){ text-align:left; background:{color:posts}; display:block;margin-left:0px;border:1px {color:links} solid;color:{color:text};}
- .title{margin-left:10px;}
- /* QUOTES */
- .quote{font-size:20px;line-height:150%;font-family: 'Playfair Display', serif;padding:5px 10px 0px 10px;font-style:italic;}
- .quotesource{text-align:right;margin:10px;}
- .quote::first-letter {font-size: 250%;color:{color:links};}
- /* QUESTIONS */
- .question{overflow:scroll;max-height:50px;line-height:130%;margin:10px;text-align:justify;width:490px;}
- .answer {margin-top:-15px;border-top:1px solid {color:links};width:490px;}
- /* AUDIO */
- #hold {display:inline-block;width:90px;height:90px;}
- #art {position:absolute;width:90px;height:90px;overflow:hidden;padding:5px;}
- #art img {width:80px;position:absolute;}
- #art2 {position:absolute;width:90px;height:90px;}
- #hold2 {position:absolute;display:inline-block;height:90px; text-align:left;margin:5px 0px 0px 10px;width:390px;}
- .trackname{background:{color:links};width:100%;padding:4px;color:{color:background};}
- .artist{margin-top:2px;background:{color:links};width:100%;padding:4px;color:{color:background};}
- #player {position:absolute;height:30px;width:30px;margin:10px;overflow:hidden;}
- #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;}
- #circle:hover {opacity: .8;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}
- /* ------------------------- PAGINATION ------------------------- */
- #pagination{text-align:center;}
- .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;}
- .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;}
- #box {
- background:{color:posts};text-align:center;padding:20px;margin:20px;height:150px;width:150px;float:left;overflow-y:scroll;overflow-x:hidden;}
- #title {text-align:center;text-transform:uppercase;width:150px;padding:1px 0px;background-color:{color:links};}#title a{color:{color:links hover}}#links {
- margin-top:15px;width:150px;border: 1px solid {color:links};text-align:center;
- 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;}
- #links a{color:{color:links};letter-spacing:3px;font-weight:600;font-size:90%;}
- #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;}
- #links a:hover{color:{color:posts};}
- /* --------------------------- Custom CSS -------------------------- */
- {CustomCSS}
- </style>
- </head>
- <body>
- <body class="{select:Background Image}">
- {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}
- <div id="bigcon">
- <!--TOPBAR-->
- <center><header><div id="topbar">
- <div class="blogtitle">
- <a href="/">{Title}</a>
- </div>
- <div id="navbar">
- <div class="tabs">
- <ul class="tab-links" style="margin-left:-30px;">
- <li class="active">
- <a href="#tab1">{text:Tab 1 Title}</a></li>
- <li><a href="#tab2">{text:Tab 2 Title}</a></li>
- <li><a href="#tab3">{text:Tab 3 Title}</a></li>
- <li><a href="#tab4">{text:Tab 4 Title}</a></li>
- <li><a href="#tab5">{text:Tab 5 Title}</a></li>
- </ul>
- </div>
- </div>
- </div></header>
- <!-- --------------------------- TABS -------------------------- -->
- <div class="tabs">
- <!-- --------------------------- TAB 1 -------------------------- -->
- <div class="tab-content">
- <div id="tab1" class="tab active">
- <div id="postcontainer"><center>
- {block:Posts}
- <article>
- <!--TEXT POST-->
- {block:Text}
- {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
- {block:Title}
- <h1 class="title">
- <a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- {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}
- {/block:Text}
- <!--PHOTO POST-->
- {block:Photo}<div class="photograph">
- {block:IndexPage}
- <div id="permalink">{block:ifnothidecaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifnothidecaptions}
- <div class="information"><div class="info"><a href="{Permalink}" a title="{TimeAgo}"style=" text-transform:uppercase;">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a> <a href="{Permalink}">+{NoteCount}</a> <a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></div>
- <div class="tag">{block:HasTags}FILED UNDER: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- </div></div>
- {/block:IndexPage}
- {block:IndexPage}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {LinkCloseTag}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {LinkCloseTag}{/block:PermalinkPage}</div>
- {/block:Photo}
- <!--PHOTOSET POST-->
- {block:Photoset}<div class="photograph">
- {block:IndexPage}
- <div id="permalink">
- {block:ifnothidecaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifnothidecaptions}
- <div class="information"><div class="info"><a href="{Permalink}" a title="{TimeAgo}"style=" text-transform:uppercase;">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a> <a href="{Permalink}">+{NoteCount}</a> <a href="{ReblogURL}" a title="Reblog?"><i class="fa fa-retweet"></i></a></div>
- <div class="tag">{block:HasTags}FILED UNDER: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- </div></div>
- {/block:IndexPage}
- {block:IndexPage}{Photoset-500}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
- {/block:Photoset}
- <!--QUOTE POST-->
- {block:Quote}
- {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {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}
- {/block:Quote}
- <!--LINK POST-->
- {block:Link}
- {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {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}
- {/block:Link}
- <!--CHAT POST-->
- {block:Chat}
- {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
- <section class="chat">{block:Title}<section class="title"><h1>{Title}</h1></section>{/block:title}
- {block:Lines}<li><b>{block:Label}{Label}{/block:Label}</b> {Line}</li>{/block:Lines}</section>
- {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}
- {/block:Chat}
- <!--AUDIO POST-->
- {block:Audio}
- {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
- <div id="hold">
- <div id="art">
- <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg">
- {block:AlbumArt}<div id="art2"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- </div>
- <div id="circle"><div id="player">{AudioPlayerwhite}</div></div>
- </div>
- <div id="hold2"><div class="trackname"><p>{block:TrackName}<b> TRACKNAME: </b>{TrackName}{/block:TrackName}</p></div>
- <div class="artist"><p>{block:Artist}<b> ARTIST: </b>{Artist}{/block:Artist}</p></div>
- </div>
- {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}
- {/block:Audio}
- <!--VIDEO POST-->
- {block:Video}
- {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
- <div class="video">
- <div class="video-player">{Video-500}</div>
- {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}
- {/block:Video}
- <!--ANSWER POST-->
- {block:Answer}
- {block:IndexPage}<!--TAGS-->{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
- <div class="question"><span style="text-transform:uppercase;font-weight:700;">{Asker} whispered:</span> {Question}</div>
- <div class="answer">{Answer}</div>
- {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}
- {/block:Answer}
- <!--POST NOTES-->
- {block:PermalinkPage}
- {block:Caption}<div style="padding:5px;">{Caption}</div>{/block:Caption}
- <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>
- {block:PostNotes}
- <h1>Notes:</h1>
- <div id="notes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:permalinkpage}
- {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}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- </article>
- {/block:Posts}
- <!--Close of article-->
- <!--PAGINATION-->
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div class="pagibutton">Previous</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">
- <div class="pagibutton">Next</div></a>
- {/block:NextPage}
- </div>
- </br></br>
- {/block:Pagination}
- </div>
- </div>
- <!-- -------------------------- TAB 2 -------------------------- -->
- <div id="tab2" class="tab">
- <div class="tabcontent">
- <h1>Ask & FAQ</h1>
- <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>
- </div>
- </div>
- <!-- -------------------------- TAB 3 -------------------------- -->
- <div id="tab3" class="tab">
- <div class="tabcontent" style="background:transparent;width: 700px;">
- <div id="navigation" style="margin-top:-50px;">
- <div id="box">
- <!--change title---><div id="title"><h1>TITLE</h1></div>
- <!--change links here--->
- <div id="links"><a href="/">link 1</a></div>
- <div id="links"><a href="/">link 2</a></div>
- <div id="links"><a href="/">link 3</a></div>
- <div id="links"><a href="/">link 4</a></div>
- <div id="links"><a href="/">link 5</a></div>
- </div>
- <div id="box">
- <!--change title---><div id="title"><h1>TITLE</h1></div>
- <!--change links here--->
- <div id="links"><a href="/">link 1</a></div>
- <div id="links"><a href="/">link 2</a></div>
- <div id="links"><a href="/">link 3</a></div>
- <div id="links"><a href="/">link 4</a></div>
- <div id="links"><a href="/">link 5</a></div>
- </div>
- <div id="box">
- <!--change title---><div id="title"><h1>TITLE</h1></div>
- <!--change links here--->
- <div id="links"><a href="/">link 1</a></div>
- <div id="links"><a href="/">link 2</a></div>
- <div id="links"><a href="/">link 3</a></div>
- <div id="links"><a href="/">link 4</a></div>
- <div id="links"><a href="/">link 5</a></div>
- </div>
- <br>
- <div id="box">
- <!--change title---><div id="title"><h1>TITLE</h1></div>
- <!--change links here--->
- <div id="links"><a href="/">link 1</a></div>
- <div id="links"><a href="/">link 2</a></div>
- <div id="links"><a href="/">link 3</a></div>
- <div id="links"><a href="/">link 4</a></div>
- <div id="links"><a href="/">link 5</a></div>
- </div>
- <div id="box">
- <!--change title---><div id="title"><h1>TITLE</h1></div>
- <!--change links here--->
- <div id="links"><a href="/">link 1</a></div>
- <div id="links"><a href="/">link 2</a></div>
- <div id="links"><a href="/">link 3</a></div>
- <div id="links"><a href="/">link 4</a></div>
- <div id="links"><a href="/">link 5</a></div>
- </div>
- <div id="box">
- <!--change title---><div id="title"><h1>TITLE</h1></div>
- <!--change links here--->
- <div id="links"><a href="/">link 1</a></div>
- <div id="links"><a href="/">link 2</a></div>
- <div id="links"><a href="/">link 3</a></div>
- <div id="links"><a href="/">link 4</a></div>
- <div id="links"><a href="/">link 5</a></div>
- </div>
- </div>
- </div>
- </div>
- <!-- -------------------------- TAB 4 -------------------------- -->
- <div id="tab4" class="tab">
- <div class="tabcontent">
- <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>
- <ol><li>Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu.</li>
- <li>No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. </li>
- </ol><blockquote><p>Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.</p>
- <p>Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.</p></blockquote>
- </div>
- </div>
- <!-- -------------------------- TAB 5 -------------------------- -->
- <div id="tab5" class="tab">
- <div class="tabcontent">
- <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>
- <ol><li>Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu.</li>
- <li>No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. </li>
- </ol><blockquote><p>Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.</p>
- <p>Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.</p></blockquote>
- </div>
- </div>
- <!-- END OF TABS -->
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
- <script>
- $(document).ready(function() {
- $('.tabs .tab-links a').on('click', function(e) {
- var currentAttrValue = $(this).attr('href');
- // Show/Hide Tabs
- $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
- // Change/remove current tab to active
- $(this).parent('li').addClass('active').siblings().removeClass('active');
- e.preventDefault();
- });
- });
- </script>
- <script>
- $(document).ready(function() {
- $('#filterOptions li a').click(function() {
- // fetch the class of the clicked item
- var ourClass = $(this).attr('class');
- // reset the active class on all the buttons
- $('#filterOptions li').removeClass('active');
- // update the active state on our clicked button
- $(this).parent().addClass('active');
- if(ourClass == 'all') {
- // show all our items
- $('#ourHolder').children('div.item').show();
- }
- else {
- // hide all elements that don't share ourClass
- $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
- // show all elements that do share ourClass
- $('#ourHolder').children('div.' + ourClass).show();
- }
- return false;
- });
- });
- </script>
- <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;}
- #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};}
- .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;}
- #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;}
- </style>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment