Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <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}
- <!--CUSTOMIZABLE-->
- <meta name="color:background" content="#fbfbfb"/>
- <meta name="color:post" content="#f1f0f0"/>
- <meta name="color:sidebar" content="#f1f0f0"/>
- <meta name="color:description" content="#f8f8f8"/>
- <meta name="color:text" content="#adadad"/>
- <meta name="color:tags" content="#b49999"/>
- <meta name="color:tags bg" content="#fafafa"/>
- <meta name="color:main title" content="#fec122"/>
- <meta name="color:title" content="#000000"/>
- <meta name="color:links" content="#070707"/>
- <meta name="color:links hover" content="#000000"/>
- <meta name="color:sidelinks" content="#faf5f5"/>
- <meta name="color:border" content="#fec122"/>
- <meta name="color:link1" content="#3ffda6"/>
- <meta name="color:link2" content="#5fc4d3"/>
- <meta name="color:link3" content="#cbea1c"/>
- <meta name="color:link4" content="#df7aac"/>
- <meta name="color:link5" content="#e99511"/>
- <meta name="color:scrollbar" content="#f0c9b8"/>
- <meta name="color:scrollbg" content="#ebe5cf"/>
- <!--image-->
- <meta name="image:background" content=""/>
- <meta name="image:sideimage1" content=""/>
- <meta name="image:sideimage2" content=""/>
- <!--text-->
- <meta name="text:Link1 Url" content="" />
- <meta name="text:Link1 Title" content="" />
- <meta name="text:Link2 Url" content="" />
- <meta name="text:Link2 Title" content="" />
- <meta name="text:Link3 Url" content="" />
- <meta name="text:Link3 Title" content="" />
- <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day">
- <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Fredericka+the+Great">
- <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Gloria+Hallelujah">
- <style type="text/css">
- ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg}}
- ::-webkit-scrollbar-corner {background:{color:scrollbg}}
- ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
- ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scrollbar}}
- ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
- ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
- ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
- ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
- ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt;}
- body {
- font-family: calibri;
- font-size:10px;
- color: {color:text};
- background-color:{color:background};
- background-image:url({image:Background});
- background-position:center top;
- background-repeat: repeat;
- background-attachment:fixed;
- }
- a, a:active, a:visited{color:{color:links}; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
- a:hover { color:{color:links hover};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
- blockquote{padding:0px 5px 0px 10px; margin:0px; border-left:2px solid {color:border};}
- blockquote img{display:block; max-width:250px;}
- blockquote blockquote{position:relative; left:6px; margin:-5px; padding:0px 5px 0px 10px}
- #entry {
- width:500px;
- left:500px;
- position:absolute;
- top: 20px;
- font-style:
- }
- #post {
- line-height:9px;
- width:500px;
- padding:10px;
- margin-bottom:-2px;
- text-align:justify;
- background-color:{color:post};
- border-bottom: 2px solid {color:link2};
- }
- #notes {
- color:{color:tags};
- text-align:center;
- font-size:8px;
- width:80px;
- height:auto;
- position:absolute;
- right:-200px;
- padding:10px;
- font-family: 'Gloria Hallelujah';
- opacity:0;
- transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; box-transition: all 0.8s ease-in-out 0s;
- background-color:{color:tags bg};
- }
- #notes a {color:{color:tags};}
- #post:hover #notes {opacity:1; right:-120px; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; box-transition: all 0.8s ease-in-out 0s;}
- #tags {
- color:{color:tags};
- border-top: 2px dashed {color:border};
- width:500px;
- height:auto;
- padding:5px 10px;
- font-size:8px;
- line-height:9px;
- margin-bottom:20px;
- }
- #tags a {color:{color:tags}; background-color:{color:tags bg}; padding:2px 5px;}
- #post .title {
- text-align:center;
- letter-spacing: 2;
- color: {color:title};
- font-size: 25px;
- line-height: 18px;
- font-family: 'bebas';
- text-shadow: 1px 1px 2px #e7e5e3;}
- #post .quote {
- color: {color:title};
- text-align:center;
- text-transform:lowercase;
- font-family:'Dawning of a New Day';
- font-size:30px;
- line-height: 1;
- }
- #post .audio img {
- border: 5px solid {color:border};
- border-radius: 20px 2px 20px 2px;
- -moz-border-radius: 20px 2px 2px 20px;}
- #sidebar {
- width:400px;
- height:300px;
- position:fixed;
- left: 50px;
- top:25%;
- padding:0px;
- }
- #sidebar .sideimage1 {
- position:relative;
- width: 420px;
- height:150px;
- top: 0px;
- padding:0px;
- border-bottom: 10px solid {color:border};
- z-index:9999; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;
- }
- #sidebar .sideimage2 {
- position:relative;
- width: 420px;
- height:150px;
- bottom: 0px;
- padding:0px;
- border-top: 10px solid {color:border};
- z-index:9999; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;
- }
- #sidebar:hover .sideimage1 {top:-100px; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #sidebar:hover .sideimage2 {bottom:-100px; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description {
- position: absolute;
- top:50px;
- width: 400px;
- height: 200px;
- background-color:{color:sidebar};
- padding: 15px 10px 0px 10px;
- z-index:999;
- }
- #description .title {
- font-size:40px;
- font-family:'Dawning of a New Day';
- z-index:999;
- text-align:center;
- letter-spacing: 2;
- line-height: 18px;
- }
- #description .title a{
- color:{color:main title};}
- #description .desc {
- width: 250px;
- font-size:10px;
- line-height:11px;
- background-color:{color:description};
- border-radius: 10px;
- -moz-border-radius: 10px;
- padding:10px;
- position:relative;
- top:10px;
- left:10px;
- margin-bottom:20px;
- z-index: 99;}
- #description .link {
- width:25px;
- font-size:9px;
- color:{color:sidelinks};
- opacity:0; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;
- }
- #description .link1 {text-align:center; width:25px; padding-top:20px; height:10px; position:absolute; right:100px; bottom:0px; background-color: {color:link1}; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link1:hover {height: 45px; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link1:hover .link{opacity:1; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link2 {text-align:center; width:25px; padding-top:20px; height:65px; position:absolute; right:75px; bottom:0px; background-color: {color:link2}; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link2:hover {height: 95px; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link2:hover .link{opacity:1; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link3 {text-align:center; width:25px; padding-top:20px; height:40px; position:absolute; right:50px; bottom:0px; background-color: {color:link3}; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link3:hover {height: 70px; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link3:hover .link{opacity:1; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link4 {text-align:center; width:25px; padding-top:20px; height:25px; position:absolute; right:25px; bottom:0px; background-color: {color:link4}; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link4:hover {height: 55px; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link4:hover .link{opacity:1; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link5 {text-align:center;width:25px; padding-top:20px; height:55px; position:absolute; right:0px; bottom:0px; background-color: {color:link5}; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link5:hover {height: 85px; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- #description .link5:hover .link{opacity:1; transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; box-transition: all 0.7s ease-in-out 0s;}
- .askbox {
- width:490px;
- height:auto;
- padding:10px 5px;
- position:relative;
- background-color:{color:tags bg};
- }
- .audio img {
- width: 40px;
- height: 40px;
- float: left;
- margin-right: 5px;
- }
- .player {
- background-color: #fff;
- height: 27px;
- margin-left: 45px;
- }
- #navigation {
- width:auto;
- height:auto;
- position:fixed;
- bottom: 20px;
- left: 250px;
- font-size:18px;
- }
- @font-face {
- font-family: "bebas";
- src: url('http://static.tumblr.com/rmj06l2/N0vlwxkt8/bebaslp.otf');
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div class="sideimage1"><img src="{image:sideimage1}"></div>
- <div id="description">
- <div class="title"> <a href="/">{Title}</a> </div>
- <div class="desc"> {block:Description}{Description}{/block:Description}</div>
- <div class="link1"><a href="/" class="link">home</a></div>
- <div class="link2"><a href="/ask" class="link">ask</a></div>
- <div class="link3"><a href="{text:Link1 Url}" class="link">{text:Link1 Title}</a></div>
- <div class="link4"><a href="{text:Link2 Url}" class="link">{text:Link2 Title}</a></div>
- <div class="link5"><a href="{text:Link3 Url}" class="link">{text:Link3 Title}</a></div>
- </div>
- <div class="sideimage2"><img src="{image:sideimage2}"></div>
- </div>
- <div id="navigation">
- {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- </div>
- <div id="entry">
- {block:Posts}
- <div id="post">
- <div id="notes">
- <a href="{Permalink}" style="font-size:14px; font-family:'bebas';">{NoteCountWithLabel}</a><br>
- {block:RebloggedFrom}<a href="{ReblogParentURL}">from</a> | {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">originally</a>{/block:ContentSource}
- </div>
- <!--TITLE-->
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {block:Text}{Body}{/block:Text}
- <!--QUOTE-->
- {block:Quote}<div class="quote">"{Quote}"</div>{/block:Quote}
- {block:Source}<div style="text-align:right; font-stlye:italic;">— {Source}</div>{/block:Source}
- <!--LINK-->
- {block:Link}<a href="{URL}" class="title">{Target}{Name} </a>
- {block:Description}{Description}{/block:Description}{/block:Link}
- <!--PHOTO-->
- {block:Photo}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- <!--PHOTOSETS-->
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- <!--CHAT-->
- {block:Chat}
- {block:Title}{Title}{/block:Title}
- {block:Lines}
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}<br />
- {/block:Lines}<br />
- {/block:Chat}
- <!--VIDEO-->
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- <!--AUDIO-->
- {block:Audio}
- {block:AlbumArt}
- <div class="audio"><img src="{AlbumArtURL}" alt=""></div>
- {/block:AlbumArt}
- <div class="player">{AudioPlayer}</div>
- {block:TrackName}{TrackName} - {/block:TrackName}{block:Artist}<i>{Artist}</i> | {/block:Artist}<b>{FormattedPlayCount}</b> plays
- {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Audio}
- <!--ANSWER-->
- {block:Answer}<div class="askbox">
- <b><div style="font-family:'bebas'; font-size:16px; display:inline;">{Asker} asked:</div></b> {Question}</div>
- {Answer}
- {/block:answer}
- </div>
- <div id="tags">{block:HasTags}tags: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
- {/block:Posts}
- </div>
- </div>
- <div style="position:fixed; bottom:5px; left:5px; font-size:10px; font-family:'Gloria Hallelujah'; text-algin:center; line-height:9px"><a href="http://bakerrstreet.tumblr.com/">theme by:<br>Shaira</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement