Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html lang="en">
- <!-- ---------------------------------------------------------------
- Foster Theme
- Made by Unzo
- http://unzo.tumblr.com/
- --------------------------------------------------------------- -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
- <meta name="color:Background" content="#fdfdfd"/>
- <meta name="color:Container" content="#fff"/>
- <meta name="color:Links" content="#8394a5"/>
- <meta name="color:Links Hover" content="#eee"/>
- <meta name="color:Scrollbar" content="#8394a5"/>
- <meta name="color:Text" content="#9c9c9c"/>
- <meta name="if:Faded Images" content="0"/>
- <meta name="if:Faded Images Inverted" content="0"/>
- <meta name="if:Less Space Between Posts" content="0"/>
- <meta name="if:More Space Between Posts" content="0"/>
- <meta name="if:Pop Up Askbox" content="0"/>
- <meta name="if:Posts Hovers" content="1"/>
- <meta name="if:Scroll To Top" content="1"/>
- <meta name="if:Show Blog Title" content="1"/>
- <meta name="if:Show Sidebar Image" content="0"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link 1 Title" content=""/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 2 Title" content=""/>
- <meta name="text:Link 3" content=""/>
- <meta name="text:Link 3 Title" content=""/>
- <meta name="text:Link 4" content=""/>
- <meta name="text:Link 4 Title" content=""/>
- <meta name="text:Link 5" content=""/>
- <meta name="text:Link 5 Title" content=""/>
- <meta name="text:Pop Up Askbox Title" content="Message"/>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/kjtbii3/y9Wmz7ys3/basics.js">
- </script>
- <script src="http://static.tumblr.com/kjtbii3/6R6mjtufm/contact.js">
- </script>
- <script src="http://static.tumblr.com/kjtbii3/FJfmwoo4b/source-via.js">
- </script>
- <script src="http://static.tumblr.com/kjtbii3/IQemv5u3n/tooltip.js">
- </script>
- <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
- </script>
- <style type="text/css">
- #tumblr_controls{
- position:fixed;
- opacity:0.3;
- -webkit-filter:invert(100%);
- -moz-filter:invert(100%);
- -o-filter:invert(100%);
- filter:invert(100%);
- }
- ::-webkit-scrollbar-thumb:vertical{
- width:10px;
- background:{color:scrollbar};
- border-radius:5px;
- border:2px solid {color:background};
- }
- ::-webkit-scrollbar-thumb:horizontal{
- height:10px;
- background:{color:scrollbar};
- border-radius:5px;
- border:2px solid {color:background};
- }
- ::-webkit-scrollbar{
- width:11px;
- height:11px;
- background:{color:background};
- background-image:url({image:Background});
- }
- body{
- font-family:'Calibri', sans-serif;
- font-size:11.5px;
- line-height:150%;
- background:{color:Background};
- color:{color:Text};
- background-image:url({image:Background});
- background-position:center top;
- background-attachment:fixed;
- cursor:default;
- }
- a{
- text-decoration:none;
- color:{color:Links};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- a:hover{
- color:{color:Links Hover};
- text-decoration:none;
- font-style:none;
- }
- .container{
- position:absolute;
- left:50%;
- min-height:100%;
- {block:ifnotlessspacebetweenposts}
- width:530px;
- margin:-10px 0 0 -380px;
- {/block:ifnotlessspacebetweenposts}
- {block:iflessspacebetweenposts}
- width:510px;
- margin:-10px 0 0 -360px;
- {/block:iflessspacebetweenposts}
- {block:ifmorespacebetweenposts}
- width:570px;
- margin:-10px 0 0 -400px;
- {/block:ifmorespacebetweenposts}
- border-left:1px solid #eee;
- border-right:1px solid #eee;
- border-bottom:1px solid #eee;
- background:{color:container};
- {block:permalinkpage}
- width:580px;
- margin:-10px 0 0 -440px;
- {/block:permalinkpage}
- }
- .sidebar{
- z-index:100;
- position:fixed;
- top:220px;
- left:50%;
- {block:ifnotlessspacebetweenposts}
- margin:0 0 0 200px;
- {/block:ifnotlessspacebetweenposts}
- {block:iflessspacebetweenposts}
- margin:0 0 0 200px;
- {/block:iflessspacebetweenposts}
- {block:ifmorespacebetweenposts}
- margin:0 0 0 220px;
- {/block:ifmorespacebetweenposts}
- width:180px;
- padding:10px;
- background:{color:container};
- text-align:center;
- border:1px solid #eee;
- -webkit-animation:fadeInDown 3s;
- -moz-animation:fadeInDown 3s;
- -ms-animation:fadeInDown 3s;
- }
- .blogtitle{
- margin:0 0 5px;
- font-family:'Georgia', sans-serif;
- font-size:18px;
- line-height:100%;
- letter-spacing:1px;
- font-style:italic;
- }
- .banner img{
- margin:5px auto 1px;
- max-width:180px;
- }
- .description{
- padding:3px 0 0;
- font-size:11.3px;
- }
- .line{
- border-top:1px solid #eee;
- }
- #content{
- position:relative;
- margin:20px auto 0;
- {block:ifnotlessspacebetweenposts}
- width:480px;
- {/block:ifnotlessspacebetweenposts}
- {block:iflessspacebetweenposts}
- width:460px;
- {/block:iflessspacebetweenposts}
- {block:ifmorespacebetweenposts}
- width:520px;
- {/block:ifmorespacebetweenposts}
- {block:permalinkpage}
- width:500px;
- margin:40px auto 0;
- {/block:permalinkpage}
- }
- .entry{
- overflow:hidden;
- width:220px;
- {block:ifnotlessspacebetweenposts}
- margin:10px;
- {/block:ifnotlessspacebetweenposts}
- {block:iflessspacebetweenposts}
- margin:5px;
- {/block:iflessspacebetweenposts}
- {block:ifmorespacebetweenposts}
- margin:20px;
- {/block:ifmorespacebetweenposts}
- {block:permalinkpage}
- width:500px;
- margin:20px auto 0;
- {/block:permalinkpage}
- }
- .entry img{
- max-width:220px;
- {block:PermalinkPage}
- max-width:500px;
- {/block:PermalinkPage}
- }
- .buttons{
- position:absolute;
- bottom:15px;
- left:5px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .entry:hover .buttons{
- bottom:5px;
- }
- #notes-button, #reblog-button{
- display:inline-block;
- overflow:hidden;
- opacity:0;
- width:23px;
- height:23px;
- background:rgba(0,0,0,.17);
- -webkit-border-radius:30px;
- -moz-border-radius:30px;
- border-radius:30px;
- }
- .entry:hover #notes-button, .entry:hover #reblog-button{
- opacity:1;
- }
- #notes-button:hover, #reblog-button:hover{
- opacity:1;
- background:rgba(0,0,0,.3);
- }
- #notes-button img{
- display:block;
- overflow:hidden;
- width:13px;
- margin:5px;
- cursor:pointer;
- -webkit-border-radius:30px;
- -moz-border-radius:30px;
- border-radius:30px;
- }
- #reblog-button img{
- display:block;
- overflow:hidden;
- width:13px;
- margin:5px;
- cursor:pointer;
- -webkit-border-radius:30px;
- -moz-border-radius:30px;
- border-radius:30px;
- }
- .rotate{
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- transition: all 1s ease;
- }
- .rotate:hover{
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- .box{
- {block:iffadedimages}
- opacity:0.85;
- {/block:iffadedimages}
- {block:iffadedimagesinverted}
- opacity:1;
- {/block:iffadedimagesinverted}
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .box:hover{
- {block:iffadedimages}
- opacity:1;
- {/block:iffadedimages}
- {block:iffadedimagesinverted}
- opacity:0.85;
- {/block:iffadedimagesinverted}
- }
- .box img{
- {block:permalinkpage}
- width:500px;
- {/block:permalinkpage}
- }
- /* Others */
- blockquote{
- margin:0 0 5px 10px;
- padding:3px 5px;
- border-left:1px solid {color:Links};
- }
- blockquote p, blockquote ul{
- margin:0;
- padding:0;
- }
- .quote p{
- margin:0;
- }
- .arrow{
- margin:8px 0 0 175px;
- border-left: 6px solid #f7f7f7;
- {block:permalinkpage}
- margin:8px 0 0 455px;
- {/block:permalinkpage}
- }
- .answer{
- width:155px;
- background:#f7f7f7;
- {block:permalinkpage}
- width:435px;
- {/block:permalinkpage}
- }
- .asker{
- color:{color:Links};
- }
- .asker:first-letter{
- text-transform:uppercase;
- }
- .postnotes ::-webkit-scrollbar{
- background:{color:Container};
- }
- /* Navigation */
- #flip{
- display:inline-block;
- position:relative;
- width:163px;
- margin:5px 0 0;
- padding:5px 5px 5px 10px;
- background:{color:Container};
- font-size:9px;
- line-height:12px;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:left;
- border:1px solid #eee;
- }
- #flip:active{
- box-shadow:none;
- }
- #flip:after{
- position:absolute;
- content:"";
- top:50%;
- right:10px;
- margin:-3px 0 0;
- border-width:6px 6px 0 6px;
- border-style:solid;
- border-color:#aaa transparent;
- }
- #panel{
- display:none;
- position:absolute;
- width:163px;
- margin:-1px 0 0;
- padding:0 5px 5px 10px;
- background:{color:Container};
- font-size:9px;
- line-height:100%;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:left;
- border:1px solid #eee;
- }
- .links a{
- display:block;
- opacity:1;
- margin:3px 0 0;
- padding:3px 0;
- }
- .links a:hover{
- padding:3px 0 3px 5px;
- color:{color:Links};
- }
- /* Custom */
- .permalink-title{
- {block:permalinkpage}
- margin-left:10px;
- letter-spacing:1px;
- text-transform:uppercase;
- {/block:permalinkpage}
- }
- #tooltip{
- z-index:100000;
- opacity:0.8;
- margin:15px;
- padding:5px;
- background:white;
- color:#aaa;
- font-family:'Calibri', sans-serif;
- font-size:9px;
- line-height:100%;
- letter-spacing:1px;
- text-transform:uppercase;
- border:1px solid #eee;
- border-radius:5px;
- }
- {CustomCss}
- </style>
- </head>
- <body>
- <div class="container">
- <div class="sidebar">
- {block:ifshowblogtitle}
- <div class="blogtitle">
- <a href="/">{Title}</a>
- </div>
- <div class="line"></div>
- {/block:ifshowblogtitle}
- {block:ifshowsidebarimage}
- <div class="banner">
- <a href="/"><img src="{image:sidebar}"></a>
- </div>
- <div class="line"></div>
- {/block:ifshowsidebarimage}
- {block:description}
- <div class="description">
- {Description}
- </div>
- {/block:description}
- <div id="flip">Navigation</div>
- <div id="panel">
- <div class="links">
- {block:iflink1title}
- <a href="{text:link 1}">{text:link 1 title}</a>
- {/block:iflink1title}
- {block:ifpopupaskbox}
- <a href="#?w=500" rel="01" class="poplight">{text:pop up askbox title}</a>
- {/block:ifpopupaskbox}
- {block:iflink2title}
- <a href="{text:link 2}">{text:link 2 title}</a>
- {/block:iflink2title}
- {block:iflink3title}
- <a href="{text:link 3}">{text:link 3 title}</a>
- {/block:iflink3title}
- {block:iflink4title}
- <a href="{text:link 4}">{text:link 4 title}</a>
- {/block:iflink4title}
- {block:iflink5title}
- <a href="{text:link 5}">{text:link 5 title}</a>
- {/block:iflink5title}
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- {block:Photo}
- <div class="entry">
- <div class="box">
- {block:ifpostshovers}
- {block:indexpage}
- <div class="buttons">
- <a id="reblog-button" class="rotate" target="_blank" href="{ReblogURL}" title="Reblog">
- <img src="http://static.tumblr.com/kjtbii3/2RXmv52ut/reblog.png">
- </a>
- <a id="notes-button" class="rotate" href="{Permalink}" title="{NoteCountWithLabel}">
- <img src="http://static.tumblr.com/kjtbii3/gJ3mv52q2/permalink.png">
- </a>
- </div>
- {/block:indexpage}
- {/block:ifpostshovers}
- {block:ifnotpostshovers}
- <a href="{Permalink}">
- {/block:ifnotpostshovers}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}">
- {block:ifnotpostshovers}
- </a>
- {/block:ifnotpostshovers}
- </div>
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="entry">
- <div class="box">
- {block:ifpostshovers}
- {block:indexpage}
- <div class="buttons">
- <a id="reblog-button" class="rotate" target="_blank" href="{ReblogURL}" title="Reblog">
- <img src="http://static.tumblr.com/kjtbii3/2RXmv52ut/reblog.png">
- </a>
- <a id="notes-button" class="rotate" href="{Permalink}" title="{NoteCountWithLabel}">
- <img src="http://static.tumblr.com/kjtbii3/gJ3mv52q2/permalink.png">
- </a>
- </div>
- {/block:indexpage}
- {/block:ifpostshovers}
- {block:Photos}
- {block:ifnotpostshovers}
- <a href="{Permalink}">
- {/block:ifnotpostshovers}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}">
- {block:ifnotpostshovers}
- </a>
- {/block:ifnotpostshovers}
- {/block:Photos}
- </div>
- </div>
- {/block:Photoset}
- {block:Video}
- <div class="entry">
- {block:IndexPage}
- {VideoEmbed-250}
- {/block:IndexPage}
- {block:PermalinkPage}
- {VideoEmbed-500}
- {/block:PermalinkPage}
- {block:indexpage}
- <div class="date">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:indexpage}
- </div>
- {block:Video}
- {block:Text}
- <div class="entry">
- {block:Title}
- <div class="permalink-title">
- {Title}
- </div>
- {/block:Title}
- {Body}
- {block:indexpage}
- <div class="date">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:indexpage}
- </div>
- {/block:Text}
- {block:Link}
- <div class="entry">
- <a href="{URL}">{Name}</a>
- <br>
- {block:Description}
- {Description}
- {/block:Description}
- {block:indexpage}
- <div class="date">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:indexpage}
- </div>
- {/block:Link}
- {block:Quote}
- <div class="entry">
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div style="margin:5px 0;text-align:right;">— {Source}</div>
- {/block:Source}
- {block:indexpage}
- <div class="date">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:indexpage}
- </div>
- {/block:Quote}
- {block:Chat}
- <div class="entry">
- {block:Title}
- {Title}
- {/block:Title}
- {block:Lines}
- <p>
- {block:Label}
- <b>{Label}</b>
- {/block:Label}
- {Line}
- </p>
- {/block:Lines}
- {block:indexpage}
- <div class="date">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:indexpage}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="entry">
- <div class="cover">
- <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
- </div>
- {block:AlbumArt}
- <div class="cover">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="playbox">
- {block:AudioPlayer}
- {AudioPlayerWhite}
- {/block:AudioPlayer}
- </div>
- <div class="info">
- <b>Track:</b>
- <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>
- {block:TrackName}
- {TrackName}
- {/block:TrackName}
- <br>
- <b>Artist:</b>
- <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>
- {block:Artist}
- {Artist}
- {/block:Artist}
- <br>
- <b>Album:</b>
- <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>
- {block:Album}
- {Album}
- {/block:Album}
- </div>
- {block:indexpage}
- <div class="date">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:indexpage}
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="entry">
- <div class="arrow">
- </div>
- <img class="portrait" src="{AskerPortraitURL-40}" align="right">
- <div class="answer">
- <div class="asker">{Asker}</div>
- {Question}
- </div>
- {Answer}
- {block:indexpage}
- <div class="date">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:indexpage}
- </div>
- {/block:Answer}
- {block:PermalinkPage}
- <div align="center">
- {block:Date}
- <div class="posts-info">
- <div class="info-date">Posted {TimeAgo}</div>
- <div class="info-notes">{NoteCountWithLabel}</div>
- </div>
- {/block:Date}
- {block:PostNotes}
- <div class="postnotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- {block:indexpage}
- {block:NextPage}
- <div class="navigation"><a href="{NextPage}"></a></div>
- {/block:NextPage}
- <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/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/kjtbii3/NLrmeq8ua/jquerymsnryv2.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/3NYmju2rv/loadcontent.js"></script>
- {/block:indexpage}
- {block:ifscrolltotop}
- <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/RQJmuycrq/scrolltotop.js"></script>
- {/block:ifscrolltotop}
- </body>
- <div id="01" class="contact" align="center">
- <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%">
- </iframe>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement