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:left" content="">
- <meta name="image:right" content="">
- <meta name="image:bg" content="http://static.tumblr.com/208293446f18d3966fb2a8477a347351/xj08tzd/rtbmte44v/tumblr_static_grid_noise.png">
- <meta name="text:descmargin" content="100">
- <meta name="text:link1" content="/">
- <meta name="text:link1title" content="link one">
- <meta name="text:link2" content="/">
- <meta name="text:link2title" content="link two">
- <meta name="text:link3" content="/">
- <meta name="text:link3title" content="link three">
- <meta name="text:link4" content="/">
- <meta name="text:link4title" content="link four">
- <meta name="color:text" content="#585858">
- <meta name="color:sidebarbg" content="#e8e8e8">
- <meta name="color:bg" content="#ffffff">
- <meta name="color:accent" content="#ff0a72">
- <meta name="color:infotext" content="#ffffff">
- <meta name="color:infoborder" content="#d7d7d7">
- <meta name="color:accent2" content="#8bdeb9">
- <meta name="color:content" content="#ffffff">
- <meta name="color:title" content="#ffffff">
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
- #left {
- border-left: 10px solid {color:Accent};
- width: 200px;
- height: 100%;
- background-image: url('{image:left}');
- position: fixed;
- margin-top: -8px;
- margin-left: 120px;
- -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;
- margin-bottom: 1px;
- }
- #left:hover #desc {
- -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;
- opacity: 1;
- }
- #desc {
- position: fixed;
- width: 150px;
- padding: 5px;
- margin-left: 20px;
- margin-top: {text:descmargin}px;
- font-size: 6pt;
- line-height: 120%;
- text-transform: uppercase;
- opacity: 0;
- background-color: {color:content};
- -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;
- }
- #na {
- margin-left: 20px;
- margin-top: 130px;
- position: fixed;}
- #nav-1 {
- width: 150px;
- padding: 5px;
- font-size: 6pt;
- text-align: center;
- line-height: 120%;
- text-transform: uppercase;
- background-color: {color:content};
- -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;
- margin-bottom: 1px;
- }
- #nav-1:hover {
- background-color: transparent;
- -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;
- }
- #right {
- width: 200px;
- height: 100%;
- background-color: {color:sidebarbg};
- position: fixed;
- margin-top: -8px;
- margin-left: 930px;
- }
- #h1, #h2 {
- background-color: {color:accent};
- padding: 10px;
- font-family: 'Open Sans Condensed';
- font-weight: 300;
- text-transform: uppercase;
- letter-spacing: -1px;
- font-size: 20pt;
- color: {color:title};
- text-align: center;
- line-height: 90%;
- -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;
- margin-bottom: 1px;
- }
- #h1: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;
- margin-bottom: 1px;
- text-shadow: 1px 1px {color:accent2};
- letter-spacing: 2px;
- }
- #ask {
- background-color: {color:accent};
- padding: 10px;
- font-family: 'Open Sans Condensed';
- font-weight: 300;
- letter-spacing: -1px;
- font-size: 12pt;
- color: {color:title};
- text-align: center;
- line-height: 90%;
- }
- #ask a {
- color: {color:title};
- }
- #quote {
- font-family: 'Open Sans Condensed';
- font-weight: 300;
- text-transform: uppercase;
- letter-spacing: -1px;
- font-size: 20pt;
- color: {Color:accent};
- text-align: center;
- line-height: 90%;
- }
- body {
- font-family: arial;
- background-attachment: fixed;
- font-size: 7pt;
- color: {color:text};
- background-color: {color:bg};
- line-height: 150%;
- text-align: justify;
- background-image: url('{image:bg}');
- }
- 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;
- margin-bottom: 1px;
- }
- 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;
- margin-bottom: 1px;
- letter-spacing: 1px;
- }
- #audioplayer {
- width: 25px;
- height: 25px;
- overflow:hidden;
- position:absolute;
- margin-left: 28px;
- margin-top: 27px;
- opacity: 0.8;
- background-color: grey;
- filter:alpha(opacity=80);
- border-radius: 50px;
- -moz-opacity: 0.8;
- -khtml-opacity: 0.8;
- }
- blockquote {
- border-left: 5px solid;
- padding-left: 5px;
- }
- #a {
- font-style: italic;
- text-align: center;
- height: 80px;
- width: 490px;
- padding: 5px;
- }
- #albumart {
- margin-top: 5px;
- margin-left:5px;
- float:left;
- }
- #audio {
- padding: 20px;
- text-align: center;
- height: 70px;
- font-size: 8pt;
- line-height: 9pt;
- }
- #posts {
- margin-left: 330px;
- position: absolute;
- }
- #middle {
- margin-left: 330px;
- margin-top: -8px;
- position: fixed;
- height: 100%;
- width: 600px;
- background-color: #f5f5f5;
- }
- #post {
- margin-top: 10px;
- margin-left: 40px;
- background-color: {color:content};
- width: 500px;
- padding:10px;
- }
- #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;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:accent2};
- height:auto;
- border-top: 5px solid {color:accent};
- border-bottom: 5px solid {color:accent};
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: {color:accent2};
- height:5px !important;
- }
- ::-webkit-scrollbar {
- height:5px;
- width:5px;
- background-color: {color:content};
- }
- blockquote img {
- max-width: 100%;
- }
- #info {
- width: 510px;
- border-top: 1px dashed {color:infoborder};
- margin-top: 5px;
- text-align: left;
- margin-left: 39px;
- line-height: 200%;
- margin-bottom: 20px;
- padding: 5px;
- }
- #i {
- padding: 10px;
- }
- #tags a {
- background-color: {color:Accent2};
- padding: 2px;
- color: {color:infotext};
- font-family: 'Open Sans Condensed';
- font-weight: 300;
- line-height: 200%;
- text-transform: uppercase;
- letter-spacing: 2px;
- font-size: 6pt;
- -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;
- margin-bottom: 1px;
- }
- #tags a:hover {
- padding: 3px;
- -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;
- margin-bottom: 1px;
- }
- #cred a {
- color: {color:accent};
- }
- t {
- color: {Color:accent};
- font-weight: bold;
- }
- #h1 a {
- color: {color:title};
- }
- #title {
- color: {color:accent2};
- width: 160px;
- margin-bottom: 5px;
- text-align: center;
- font-size: 20pt;
- font-family: 'Open Sans Condensed';
- font-weight: 300;
- border-bottom: 1px dashed {color:infoborder};
- line-height: 100%;
- text-transform: uppercase;
- }
- #lol {
- 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;
- margin-bottom: 1px;}
- #lol: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;
- margin-bottom: 1px;
- opacity: 1;
- }
- </style>
- </head>
- <body>
- <div id="left">
- <div id="desc">{Description}</div>
- </div>
- <div id="right">
- <div id="na">
- <a href="/"><img id="lol" src="{image:right}" width="150" style="border-radius: 200px; padding: 5px; background-color: {color:content}; margin-bottom: 5px;"></a>
- <div id="title"><a href="/" style="color: {color:accent2};">{title}</a></div>
- <a href="/"><div id="nav-1">home</div></a>
- <a href="/ask"><div id="nav-1">message</div></a>
- <a href="/archive"><div id="nav-1">archive</div></a>
- <a href="{text:link1}"><div id="nav-1">{text:link1title}</div></a>
- <a href="{text:link2}"><div id="nav-1">{text:link2title}</div></a>
- <a href="{text:link3}"><div id="nav-1">{text:link3title}</div></a>
- <a href="{text:link4}"><div id="nav-1">{text:link4title}</div></a>
- <div style="text-align: center; font-size: 16pt; margin-top: 10px;">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" style="color: {Color:Accent2};">ยซ</a>
- {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" style="color: {Color:Accent2};">ยป</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- </div>
- <div id="middle"></div>
- <div id="cred"><a href="http://amandastjames.tumblr.com">โ</a></div>
- <div id="posts">
- {block:Posts}<div id="post">
- {block:Text}{block:Title}<div id="h1">{Title}</div>{/block:Title}{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}<div id="quote">{Quote}</div>{block:Source} โ{Source}{/block:Source}{/block:Quote}
- {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
- {Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
- <t>{Label}</t></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}
- <div id="audio">
- <div id="audioplayer">{AudioPlayerWhite}</div>
- <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="70" style="border-radius: 100px;">{/block:AlbumArt}</div>
- {block:TrackName}
- <div id="musicinfo"><t>{TrackName}</t><br>
- {/block:TrackName}
- <span style="font-size: 6pt; text-transform: uppercase;">{block:Artist}
- {Artist}<br>
- {/block:Artist}
- {block:Album}
- {Album}<br>
- {/block:Album}
- {PlayCountWithLabel}</span>
- </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"><span style="text-transform: uppercase;">{Asker}:</span> {Question}</div>
- {Answer}{/block:Answer}
- </div>
- <div id="info">
- <div id="tags">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date}<a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:HasTags}{block:Tags}<a href="{TagURL}" style="background-color:{color:infoborder};">{Tag}</a>
- {/block:Tags}{/block:HasTags}
- {PostNotes}
- </div>
- </div>
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement