Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--------------------------------->
- <!-----------[ATMOSPHERE]---------->
- <!-----THEME BY FOLKLORE THEMES---->
- <!----------FEBRUARY 2016---------->
- <!--DO NOT STEAL OR REMOVE CREDIT-->
- <!--------------------------------->
- <!--------------------------------->
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
- rel="stylesheet">
- <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!--meta stuff here-->
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <meta name="image:Sidebar Image" content=""/>
- <meta name="color:Sidebar" content=""/>
- <meta name="color:Title" content=""/>
- <meta name="color:Nav Bar" content=""/>
- <meta name="color:Nav Icons" content=""/>
- <meta name="color:Posts Background" content="#fff"/>
- <meta name="color:Border" content="#000"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#313030"/>
- <meta name="color:Links" content="#605f5f"/>
- <meta name="color:Link Hover" content="#CECECE" />
- <meta name="color:Scrollbar" content="#605f5f" />
- <meta name="select:Icon 1" content="" title="map"/>
- <meta name="select:Icon 1" content="" title="nav arrow" />
- <meta name="select:Icon 1" content="" title="titled arrow" />
- <meta name="select:Icon 1" content="" title="person" />
- <meta name="select:Icon 1" content="" title="dice"/>
- <meta name="select:Icon 1" content="" title="folder" />
- <meta name="select:Icon 1" content="" title="paperclip" />
- <meta name="select:Icon 1" content="" title="plus" />
- <meta name="text:Icon 1 Title" content="" />
- <meta name="text:Icon 1 URL" content="" />
- <meta name="select:Icon 2" content="" title="map"/>
- <meta name="select:Icon 2" content="" title="nav arrow" />
- <meta name="select:Icon 2" content="" title="titled arrow" />
- <meta name="select:Icon 2" content="" title="person" />
- <meta name="select:Icon 2" content="" title="dice"/>
- <meta name="select:Icon 2" content="" title="folder" />
- <meta name="select:Icon 2" content="" title="paperclip" />
- <meta name="select:Icon 2" content="" title="plus" />
- <meta name="text:Icon 2 Title" content="" />
- <meta name="text:Icon 2 URL" content="" />
- <meta name="select:Icon 3" content="" title="map"/>
- <meta name="select:Icon 3" content="" title="nav arrow" />
- <meta name="select:Icon 3" content="" title="titled arrow" />
- <meta name="select:Icon 3" content="" title="person" />
- <meta name="select:Icon 3" content="" title="dice"/>
- <meta name="select:Icon 3" content="" title="folder" />
- <meta name="select:Icon 3" content="" title="paperclip" />
- <meta name="select:Icon 3" content="" title="plus" />
- <meta name="text:Icon 3 Title" content="" />
- <meta name="text:Icon 3 URL" content="" />
- <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:65,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--basic tooltip from tutorial-baby! Enjoy-->
- <style>
- .tooltip{
- display: inline;
- position: relative;
- }
- #s-m-t-tooltip {
- max-width:300px; /*how big the tooltip can be at most*/
- border-radius: 0px; /*change your border radius*/
- padding:3px 2px; /*padding inside tooltip*/
- margin:20px 7px -2px 20px; /*distance from word*/
- background-color:#ffffff; /*background color*/
- border:1px solid {color:Border}; /*border info*/
- font-family:'Raleway', sans-serif; /*tooltip font*/
- font-size:9px; /*tooltip font size*/
- letter-spacing:2px; /*tooltip letter spacing*/
- text-transform:uppercase; /*makes the tooltip title uppercase*/
- color:{color:Text}; /*tooltip font color*/
- z-index:999999999999999999999999999999999999;
- }
- </style>
- <style type="text/css">
- /*scrollbar stuff*/
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:Scrollbar};
- /*scrollbar's slider color*/
- height:100px;
- padding:2px;
- -moz-border-radius: 0px; /*these make bar rounded*/
- border-radius: 0px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:#fff; /*scrollbar's slider color*/
- height:100px !important;
- }
- ::-webkit-scrollbar {
- height:10px;
- padding:2px;
- width:7px; /*width of slider*/
- background-color:#fff;
- /*scrollbar's main color*/
- }
- /**body**/
- body {
- font-size:12px;
- font-family:'Open Sans', sans-serif;
- color:{color:Text};
- margin:0 auto;
- background: {color:Background} url('{image:Background}') top left fixed; {block:ifbackgroundcover} background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; {/block:ifbackgroundcover} {block:ifnotbackgroundcover} background-repeat:repeat;{block:ifnotbackgroundcover}
- }
- body{
- font-family:arial;
- }
- a {
- color:{color:Links};
- text-decoration:none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- a:hover {
- color:{color:Link Hover};
- text-decoration:none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #sidebar1{
- height:100%;
- width:200px;
- position:fixed;
- background-color:{color:Sidebar};
- background-image:url('{image:Sidebar Image}');
- }
- #title{
- margin:300px auto;
- width:150px;
- height:30px;
- line-height:30px;
- color:{color:Title};
- font-size:12pt;
- text-align:center;
- font-family: 'Raleway', sans-serif;
- text-transform:uppercase;
- font-weight:bold;
- }
- #sidebar2{
- height:100%;
- width:55px;
- position:fixed;
- margin-right:20px;
- margin-left:200px;
- background-color:{color:Nav Bar};
- border:1px solid {color:Border};
- border-top:none;
- border-bottom:none;
- }
- .icons{
- margin:10px auto;
- padding:64px 14px;
- line-height:100px;
- color:{color:Nav Icons};
- }
- .icons a{
- color:{color:Nav Icons};
- }
- .icons a:hover{
- color:{color:Link Hover};
- }
- #wrapper{
- margin-left:330px;
- width:900px;
- }
- #posts {
- border:1px solid {color:Border};
- width:350px;
- padding:5px;
- float:left;
- margin:25px 10px 10px 10px;
- background-color:{color:Posts Background};
- }
- #posts img {
- margin:0 auto;
- width:350px;
- }
- #posts .title {
- color:{color:Links};
- font-size:18px;
- font-family:'PT Sans Narrow', sans-serif;
- padding:3px 2px 2px 2px;
- text-transform:uppercase;
- }
- #posts .text {
- font-size:11px;
- font-family:arial;
- }
- #posts h2 {
- font-size:14px;
- font-weight:normal;
- margin:0px;
- font-family:Verdana;
- }
- #posts h2 a {
- font-size:12px;
- }
- blockquote {
- border-left: solid 1px {color:Text};
- margin: 0;
- padding-left: 10px;
- }
- #posts .photocap {
- opacity:1;
- font-size:11px;
- padding-bottom:2px;
- }
- #posts:hover .photocap {
- opacity:1;
- font-size:11px;
- padding-bottom:2px;
- transition:0.5s ease;
- -o-transition:0.5s ease;
- -moz-transition:0.5s ease;
- -webkit-transition:0.5s ease;
- }
- #posts .qut {
- font-size:15px;
- font-family:'PT Sans Narrow',sans-serif;
- text-transform:uppercase;
- text-align:center;
- }
- #posts .src {
- text-align:right;
- margin-top:-7px;
- }
- #posts #qtmrk1 {
- font-size:30px;
- text-align:center;
- font-family:serif;
- margin-bottom:6px;
- }
- #posts #qtmrk2 {
- font-size:30px;
- text-align:center;
- font-family:serif;
- margin-top:8px;
- }
- #posts .photoset {
- padding-right:10px;
- /*edited~*/
- margin:0 auto;
- /*edited~*/
- }
- #posts .label{
- font-family:arial;
- display:inline;
- font-size:11px;
- padding-right:2px;
- }
- #posts .lines{
- font-family:arial;
- display:inline;
- font-size:11px;
- }
- .question {
- font-size:13px;
- color:{color:Text};
- font-family:arial;
- text-align:left;
- }
- .asker {
- font-size:12px;
- color:{color:Links};
- font-family:arial;
- text-align:left;
- padding-top:4px;
- padding-bottom:10px;
- display:inline;
- }
- .answer {
- font-size:12px;
- color:{color:Text};
- font-family:arial;
- text-align:left;
- }
- td img{
- max-height:64px;
- max-width:64px;
- }
- img {
- max-width:100%;
- }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .newplayerbutton {
- position: relative;
- width: 19px;
- height: 19px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -18px;
- left: -7px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 270px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -moz-transform-origin: top left;
- -webkit-transform-origin: top left;
- -o-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- overflow: hidden;
- width: 79px;
- height: 79px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- }
- .trackdetails {
- width: auto;
- display:inline-block;
- margin-left: 90px;
- min-height: 85px;
- font-size:12px;
- font-family:sans-serif;
- color:{color:Text};
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- /**info & tags**/
- #posts #info {
- opacity:1;
- font-size:10px;
- font-family:arial;
- padding-top:8px;
- text-align:right;
- text-transform:uppercase;
- margin:0 auto;
- border-top: 1px solid #dccbe7;
- }
- #posts:hover #info {
- opacity:1;
- font-size:10px;
- font-family:arial;
- text-transform:uppercase;
- padding-top:8px;
- text-align:right;
- border-top: 1px solid #eee;
- text-transform:uppercase;
- transition:0.5s ease;
- -o-transition:0.5s ease;
- -moz-transition:0.5s ease;
- -webkit-transition:0.5s ease;
- margin:0 auto;
- }
- #posts #info .tags{
- opacity:0;
- font-size:10px;
- font-family:'PT Sans Narrow', sans-serif;
- text-align:right;
- text-transform:none;
- font-style:italic;
- }
- #posts:hover #info .tags{
- opacity:1;
- font-size:10px;
- font-family:'PT Sans Narrow', sans-serif;
- text-transform:none;
- text-align:right;
- transition:0.5s ease;
- -o-transition:0.5s ease;
- -moz-transition:0.5s ease;
- -webkit-transition:0.5s ease;
- }
- #notecontainer {
- margin: 20px auto;
- width: 100%;
- font-size: 11px;
- }
- #notecontainer ol.notes {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- #notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- /**credit**/
- #cred {
- font-family:sans-serif;
- font-size:10px;
- }
- #cred a {
- position:fixed;
- width:20px;
- padding-top:3px;
- padding-bottom:3px;
- bottom:5px;
- right:7px;
- text-align:center;
- box-align:center;
- text-transform:none;
- color:{color:Links};
- background-color:{color:Posts Background};
- border:1px solid {color:Border};
- }
- #cred a:hover {
- color:{color:Links};
- background-color:#dccbe7;
- }
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#wrapper');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '#posts',
- isAnimated : true
- });
- });
- $wall.infinitescroll({
- navSelector : "div#navigation",
- nextSelector : "div#navigation a#nextPage",
- itemSelector : '#posts',
- loadingImg : "",
- loadingText : " ",
- donetext : " ",
- extraScrollPx : 0,
- bufferPx : 10000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#wrapper').show(500);
- });
- </script>
- <script language="JavaScript">
- function function1(){
- window.scrollTo(0,5);
- }
- function function2(){
- window.scroll(0,2);
- }
- </script>
- </head>
- <body>
- <!--posts & content-->
- <div id="sidebar1">
- <div id="title">{Title}</div>
- </div>
- </div>
- <div id="sidebar2">
- <div class="icons">
- <a title="home" href="/"><i class="material-icons"></i></a>
- <a title="inbox" href="/ask"> <i class="material-icons"></i></a>
- <a title="{text:Icon 1 Title}" href="{text:Icon 1 URL}"><i class="material-icons">{select:Icon 1}</i></a>
- <a title="{text:Icon 2 Title}" href="{text:Icon 2 URL}"><i class="material-icons">{select:Icon 2}</i></a>
- <a title="{text:Icon 3 Title}" href="{text:Icon 3 URL}"><i class="material-icons">{select:Icon 3}</i></a>
- </div>
- </div>
- <div id="wrapper">
- {block:IndexPage}<div class="column navigation" id="navigation">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
- </div>{/block:IndexPage}
- {block:Posts}
- <div id="posts">
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
- {block:Caption}<div class="photocap">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}<div id="photoset">
- {Photoset}<!-- edited~ -->
- {block:Caption}<div class="photocap">{Caption}</div>{/block:Caption}</div>
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}{TrackName}{/block:TrackName}<br/>
- {block:Artist}Artist: {Artist}{/block:Artist}<br/>
- {block:Album}Album: {Album}{/block:Album}<br/>
- {PlayCountWithLabel}
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Quote}
- <div class="qut"><div id="qtmrk1">“</div>{Quote}<div id="qtmrk2">”</div></div>
- {block:Source}<div class="src"><br>— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Answer}
- <table style="border-bottom:1px solid #a0a0a0;padding-bottom:5px;margin-bottom:5px;">
- <tr>
- <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-40}"></td>
- <td style="vertical-align:top;"><div class="asker">{Asker}</div> asked: <div class="question"><em>{Question}</em></div></td>
- </tr>
- </table>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}{block:Label}<div class="label"><b>{Label}</b></div>{/block:Label}<div class="lines">{Line}</div><br>{/block:Lines}
- {/block:Chat}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="text">{Description}</div>
- {/block:Description}
- {/block:Link}
- <div id="info">
- <a href="{Permalink}">{block:Date}{TimeAgo} / {/block:Date}</a><a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
- {block:PermalinkPage}
- {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
- {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
- {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}{/block:PermalinkPage}
- {block:HasTags}<div id="tags">
- {block:Tags}
- <a href="{TagURL}"> #{Tag} </a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- <div id="cred">
- <a href="http://folklorethemes.tumblr.com">f</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment