Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:sidebar" content="">
- <meta name="image:sidebarbg" content="">
- <meta name="color:desctext" content="#ffffff">
- <meta name="color:bg" content="#000000">
- <meta name="color:contentbg" content="#060606">
- <meta name="color:Accent" content="#880c0b">
- <meta name="color:text" content="#424242">
- <meta name="color:linkhover" content="#ffffff">
- <meta name="color:shadow1" content="#141414">
- <meta name="color:shadow2" content="#880c0b">
- <meta name="text:link1" content="/">
- <meta name="text:link2" content="/">
- <meta name="text:link3" content="/">
- <meta name="text:link1title" content="link">
- <meta name="text:link2title" content="link">
- <meta name="text:link3title" content="link">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=VT323);
- body {
- background-color: {color:bg};
- color: {color:text};
- text-align: justify;
- font-size: 10px;
- line-height: 120%;
- font-family: consolas;
- }
- blockquote {
- padding-left: 5px;
- border-left: 1px solid {color:Accent};
- }
- blockquote img {
- max-width: 100%;
- }
- a {
- color: {color:accent};
- text-decoration: none;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- a:hover {
- color:{color:linkhover};
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- #content {
- position: fixed;
- width: 500px;
- height: 100%;
- position: fixed;
- margin-top: -8px;
- margin-left: -8px;
- }
- #title {
- font-family: 'VT323';
- font-size: 14pt;
- width: 200px;
- line-height:80%;
- text-align: right;
- color: {color:blogtitle};
- text-shadow: 1px 3px {color:shadow1}, -3px 2px {color:shadow2};
- text-transform: uppercase;
- }
- #info {
- margin-top: 5px;
- width: 490px;
- padding: 5px;
- text-align: center;
- margin-bottom: 50px;
- font-size: 6pt;
- line-height: 170%;
- }
- #post {
- width: 500px;
- }
- #audio {
- padding: 20px;
- background-color: {color:bg};
- text-align: center;
- height: 70px;
- font-size: 8pt;
- line-height: 9pt;
- }
- #ask {
- padding: 20px;
- background-color: {color:bg};
- text-align: center;
- }
- #audioplayer {
- width: 25px;
- height: 25px;
- overflow:hidden;
- position:absolute;
- margin-left: 30px;
- margin-top: 23px;
- border-radius: 100px;
- opacity: 0.8;
- filter:alpha(opacity=80);
- -moz-opacity: 0.8;
- -khtml-opacity: 0.8;
- }
- #albumart {
- float:left;
- margin: 0px 7px;
- }
- #musicinfo {
- text-transform: uppercase;
- font-size: 6pt;
- margin-top:10px;
- }
- #posts {
- margin-left:550px;
- margin-top: 20px;
- position: absolute;
- }
- #tags {
- margin-top: 5px; font-size: 10pt; text-transform: uppercase; font-family: 'vt323';
- }
- #tags a {
- color: {color:linkhover};
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- #tags a:hover {
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- text-shadow: 1px 2px {color:shadow1}, -2px 1px {color:shadow2};
- }
- #con {
- width: 560px;
- background-color: {color:contentbg};
- height: 100%;
- position: fixed;
- margin-top: -8px;
- margin-left: 520px;
- }
- #content2 {
- width: 500px;
- opacity: 1;
- height: 100%;
- position: fixed;
- margin-top: -8px;
- margin-left: -8px;
- background-repeat: repeat;
- background-image: url('{image:sidebarbg}');
- }
- #desc {
- margin-top: 200px;
- margin-left: 100px;
- }
- #nav {
- width: 20px;
- opacity: 1;
- height: 20px;
- padding: 10px;
- background-color: {color:contentbg};
- border-radius: 100px;
- margin-bottom: 10px;
- font-size: 10pt;
- text-align: center;
- }
- #navl {
- position: fixed;
- margin-left: 110px;
- margin-top: 170px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:text};
- height:auto;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: {color:text};
- height:5px !important;
- }
- ::-webkit-scrollbar {
- height:5px;
- width:5px;
- background-color: {color:contentbg};
- }
- #d {
- margin-top: 20px;
- opacity: 0;
- color: {Color:desctext};
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- #content2:hover #d {
- opacity: .8;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- #s-m-t-tooltip{
- position: absolute;
- background-color:{color:contentbg};
- padding: 6px;
- z-index: 999999999999999999999999999999999999999999999999999999999999;
- margin-top: 10px;
- margin-left: 5px;
- color: {Color:desctext};
- font-family: 'VT323';
- display: block;
- font-size: 12pt;
- text-transform: uppercase;
- text-shadow: 1px 2px {color:shadow1}, -2px 1px {color:shadow2};
- }
- h1, h2, #h3{
- color: {Color:desctext};
- font-weight: normal;
- text-transform: uppercase;
- font-size: 14pt;
- line-height: 120%;
- font-family: 'vt323';
- text-align: center;
- text-shadow: 1px 2px {color:shadow1}, -2px 1px {color:shadow2};
- }
- t {
- color: {Color:desctext};
- font-weight: normal;
- text-transform: uppercase;
- font-size: 14pt;
- font-family: 'vt323';
- line-height: 100%;
- text-shadow: 1px 2px {color:shadow1}, -2px 1px {color:shadow2};
- }
- #h3 a {
- color: {color:desctext};
- }
- #cred {
- position:fixed;
- font-size:15px;
- font-weight:normal;
- line-height:150%;
- letter-spacing:2px;
- right:10px;
- padding: 4px;
- bottom:10px;
- text-transform:uppercase;
- text-align: center;
- }
- #pages {
- position:fixed;
- font-size:15px;
- font-weight:normal;
- line-height:150%;
- letter-spacing:2px;
- left:10px;
- padding: 4px;
- bottom:10px;
- text-transform:uppercase;
- text-align: center;
- }
- #pages a {
- color: {color:linkhover};
- }
- #title a{
- color: {color:desctext};
- }
- </style>
- </head>
- <Body>
- <div id="cred"><a href="http://amandastjames.tumblr.com">☂</a></div>
- <Div id="con"></div>
- <div id="content2">
- <div id="pages">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" style="color: {Color:Accent2};">prev</a>
- {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" style="color: {Color:Accent2};">next</a>{/block:NextPage}{/block:Pagination}</div>
- <div id="d">
- <div id="navl">
- <div id="nav"><div style="margin-top: 4px; margin-left: 0px;"><a href="/" title="home">I</a></div></div>
- <div id="nav"><a href="/ask" title="ask"><div style="margin-top: 4px; margin-left: 0px;">II</a></div></div>
- <div id="nav"><div style="margin-top: 4px; margin-left: 0px;"><a href="/archive" title="archive">III</a></div></div>
- <div id="nav"><div style="margin-top: 4px; margin-left: 0px;"><a href="{text:link1}" title="{text:link1title}">IV</a></div></div>
- <div id="nav"><div style="margin-top: 4px; margin-left: 0px;"><a href="{text:link2}" title="{text:link2title}">V</a></div></div>
- <div id="nav"><div style="margin-top: 4px; margin-left: 0px;"><a href="{text:link3}" title="{text:link3title}">VI</a></div></div>
- </div>
- <div style="margin-left: 180px; margin-top: 190px; position: fixed;"><div id="title"><a href="/">{title}</a></div></div>
- <div style="margin-left: 180px; margin-top: 210px; padding: 10px; width: 200px; max-height: 210px; overflow: auto; position: fixed; background-color: {color:contentbg}; opacity: 1;">
- {description}</div>
- </div>
- </div>
- <div id="posts">
- {block:Posts}<div id="post">
- {block:Text}<h2>{block:Title}{Title}{/block:Title}</h2>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}
- {Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}<h1>{Quote}</h1>{block:Source} —{Source}{/block:Source}{/block:Quote}
- {block:Link}<div id="h3"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
- {Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>
- {Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}
- <div id="audio">
- <div id="audioplayer">{AudioPlayerBlack}</div>
- <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="70" style="border-radius: 100px;">{/block:AlbumArt}</div>
- {block:TrackName}
- <div id="musicinfo">
- on the boombox:<br>
- <t>{TrackName}</t><br>
- {/block:TrackName}
- {block:Artist}
- <div style="margin-top: 3px;">{Artist}</div><br>
- {/block:Artist}
- </div>
- </div>
- {block:caption}<div id="caption">{Caption}</div>{/block:caption}
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="ask">
- <img src="{AskerPortraitURL-40}" style="border-radius: 100px;"><br>
- <div id="h3" style="margin-top: 7px; margin-bottom: 7px;">{Asker}</div> {Question}</div>
- {Answer}{/block:Answer}
- <div id="info">
- {block:Date}<span style="background-color: {color:bg}; padding: 5px; color: {Color:Accent};">{TimeAgo}</span>{/block:Date} <a href="{Permalink}">
- <b>{NoteCount}</b></a> <br><div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>
- {/block:Tags}{/block:HasTags}</span></div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement