Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--------------------------------->
- <!--------[NOT YET RELEASED]------->
- <!-----THEME BY FOLKLORE THEMES---->
- <!----------FEBRUARY 2016---------->
- <!--DO NOT STEAL OR REMOVE CREDIT-->
- <!--------------------------------->
- <!--------------------------------->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href='https://fonts.googleapis.com/css?family=Lato:400,100' rel='stylesheet' type='text/css'>
- <!--meta stuff here-->
- <meta name="color:Background" content=""/>
- <meta name="color:posts bg" content=""/>
- <meta name="image:bg image" content=""/>
- <meta name="color:Header" content=""/>
- <meta name="color:border" content=""/>
- <meta name="color: Link Hover" content=""/>
- <meta name="color:Links" content=""/>
- <meta name="text:link 1 name" content=""/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 2 name" content=""/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 3 name" content=""/>
- <meta name="text:link 3 url" content=""/>
- <meta name="text:link 4 name" content=""/>
- <meta name="text:link 4 url" content=""/>
- <meta name="color:scrollbar" content=""/>
- <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:{color:Background}; /*scrollbar's slider color*/
- height:100px !important;
- }
- ::-webkit-scrollbar {
- height:10px;
- padding:2px;
- width:4px; /*width of slider*/
- background-color:{color:Background};
- /*scrollbar's main color*/
- }
- /**body**/
- .popup_block{
- display:none;
- background:#fff;
- padding:20px;
- border:1px solid #eee; /* if you want a solid white pop-up, delete this */
- float:left;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
- -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
- box-shadow: 0px 0px 20px #000; /* delete for solid white */
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:#000; /* change to #fff for solid white */
- opacity:0.7 /* change to opacity:1; */
- }
- body {
- font-size:12px;
- font-family: arial;
- color:{color:Text};
- margin:0 auto;
- background: {color:Background} ;
- }
- 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;
- }
- #headerpic{
- width:100%;
- height:100px;
- background-image:url('{image:bg image}');
- top:0px;
- z-index:99;
- }
- #header{
- width:100%;
- height:68px;
- position:fixed;
- top:100px;
- background: {color:Header};
- clear:both;
- z-index:100;
- }
- #title{
- margin-top:15px;
- text-align:center;
- margin-left:20px;
- line-height:68px;
- font-size:32px;
- color:{color:Title};
- font-family:'Lato', sans-serif;
- font-weight:100;
- display:inline;
- }
- .navlinks{
- font-weight:400;
- font-family:'Lato' ,sans-serif;
- margin-left:300px;
- font-size:14px;
- margin-top:-80px;
- line-height:68px;
- text-transform:uppercase;
- }
- .navlinks a{
- color:{color:Links};
- }
- .navlinks a:hover{
- color:{color:Link Hover};
- }
- .navlinks li {
- display:inline;
- padding:0px 10px;
- text-align:center;
- }
- #wrapper{
- width:900px;
- margin-top:120px;
- margin-left:310px;
- }
- #posts {
- width:350px;
- margin:15px;
- padding:5px;
- float:left;
- background-color:{color:Posts bg};
- border:1px solid {color:Border};
- }
- #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 {
- width:350px;
- 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: 350px;
- 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:9px;
- }
- #cred a {
- position:fixed;
- width:13px;
- padding-top:2px;
- padding-bottom:2px;
- bottom:3px;
- right:5px;
- text-align:center;
- box-align:center;
- text-transform:none;
- color:{color:links};
- background-color:{color:background};
- border:1px solid {color:Links};
- }
- #cred a:hover {
- color:{color:Links};
- background-color:#dccbe7;
- }
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function(){
- var stickyRibbonTop = $('#header').offset().top;
- $(window).scroll(function(){
- if( $(window).scrollTop() > stickyRibbonTop ) {
- $('#header').css({position: 'fixed', top: '0px'});
- } else {
- $('#header').css({position: 'static', top: '0px'});
- }
- });
- });
- </script>
- <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>
- </div>
- <!--posts & content-->
- <div id="headerpic"></div>
- <div id="header">
- <div id="title">{Title}</div>
- <div class="navlinks">
- <ul>
- <li> <a href="/">HOME</a></li>
- <li> <a href="/ask">INBOX</a></li>
- <li> <a href="{text:Link 1 URL}">{text:Link 1 name}</a></li>
- <li> <a href="{text:Link 2 URL}">{text:Link 2 name}</a></li>
- <li> <a href="#?w=400" rel="rules" class="poplight">{text:Link 3 name}</a></li>
- <li> <a href="{text:Link 4 URL}">{text:Link 4 name}</a></li>
- </ul>
- </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>
- <div id="rules" class="popup_block">
- <p style="font-family:'Lato',sans-serif; font-size:18px;text-align:center;">TERMS OF USE</p>
- <p style="font-family:'Lato',sans-serif;line-height:26px;font-size:14px;text-align:center;">01. NO STEALING<br>
- 02. NO USING THEMES AS A BASE<br>
- 03. DO NOT REMOVE THE CREDITS<br>
- 04. LIKE OR REBLOG IF USING A THEME<br><br>
- AGREE? PROCEED TO <a style="color:grey;" href="/tagged/mine">MY THEMES</a></p>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment