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="#ffffff"/>
- <meta name="color:post" content="#f1f0f0"/>
- <meta name="color:sidebar" content="#ffc222"/>
- <meta name="color:description" content="#f8f8f8"/>
- <meta name="color:text" content="#adadad"/>
- <meta name="color:main title" content="#fec122"/>
- <meta name="color:title" content="#000000"/>
- <meta name="color:sidelink" content="#faf5f5"/>
- <meta name="color:links" content="#000000"/>
- <meta name="color:links hover" content="#000000"/>
- <meta name="color:link1" content="#bcbdac"/>
- <meta name="color:link2" content="#cfbe27"/>
- <meta name="color:link3" content="#f27435"/>
- <meta name="color:link4" content="#f02475"/>
- <meta name="color:link5" content="#fcb0c4"/>
- <meta name="color:link6" content="#20a3bf"/>
- <meta name="color:tags" content="#fec122"/>
- <meta name="color:tags bg" content="#fec122"/>
- <meta name="color:border" content="#fec122"/>
- <meta name="color:scrollbar" content="#f0c9b8"/>
- <meta name="color:scrollbg" content="#ebe5cf"/>
- <!--image-->
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <!--if-->
- <meta name="if:HoverTags" content="1">
- <!--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">
- <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: 'helvetica neue', 'helvetica', arial;
- 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}
- b, strong{color: {color:links};}
- #entry {
- width:600px;
- right:380px;
- 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:link4};
- {block:IfNotHoverTags}
- {block:HasTags}
- border-bottom: 0px;
- {/block:HasTags}
- {/block:IfNotHoverTags}
- }
- {block:IfHoverTags}
- #post:hover #tags {
- opacity:1;
- right: 600px;
- }
- #tags {
- z-index:1;
- position:absolute;
- width:100px;
- height:auto;
- right: 500px;
- padding:8px;
- font-size:8px;
- text-align:left;
- letter-spacing:1px;
- opacity:0;
- line-height:110%;
- -webkit-transition-duration: 0.6s;
- -moz-transition-duration: 0.5s;
- }
- #tags a{color:{color:text};}
- {/block:IfHoverTags}
- {block:IfNotHoverTags}
- #tags {
- color:{color:tags};
- letter-spacing:1px;
- width:510px;
- height: auto;
- font-size: 8px;
- padding:5px;
- background-color:{color:tags bg};
- border-bottom: 2px solid {color:link4};
- margin-bottom: -2px;
- text-align:left;}
- #tags a{color:{color:tags};}
- {/block:IfNotHoverTags}
- .notes {
- width:510px;
- height: auto;
- border-top: 2px dashed {color:border};
- margin-bottom: 20px;
- padding: 3px;
- font-size: 7px;
- text-align:center;
- letter-spacing:2px;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- .notes a{
- color:{color:text};
- }
- {block:PermalinkPage}
- .notes {
- width:490px;
- text-align:left;
- letter-spacing:0px;
- padding: 3px 3px 3px 30px;
- font-size: 10px;
- border-top:0px;
- }
- {/block:PermalinkPage}
- .notes:hover {
- opacity: 1;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- #post .title {
- text-align:center;
- letter-spacing: 2;
- color: {color:title};
- font-size: 25px;
- line-height: 18px;
- font-family: 'Dawning of a New Day';
- 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;
- }
- #sidebar {
- position:fixed;
- right:150px;
- top:130px;
- width:250px;
- height:350px;
- border: 10px solid {color:sidebar};
- border-radius: 70px 70px 0px 70px;
- -moz-border-radius: 70px 70px 0px 70px;
- -o-border-radius: 70px 70px 0px 70px;
- box-border-radius: 70px 70px 0px 70px;
- overflow:hidden;
- }
- #sidebar:hover .description {left:0px;}
- #sidebar .picture {
- width:250px;
- height:350px;
- position:relative;
- top:0px;
- left:0px;
- }
- #sidebar .picture img{
- border-radius: 60px 60px 0px 60px;
- -moz-border-radius: 60px 60px 0px 60px;
- -o-border-radius: 60px 60px 0px 60px;
- box-border-radius: 60px 60px 0px 60px;
- height:350px;
- width:250px;
- overflow:hidden;
- }
- #sidebar .description {
- width:210px;
- opacity:0.8;
- height:auto;
- padding:20px;
- position:absolute;
- bottom:15%;
- left:250px;
- background-color:{color:description};
- 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;}
- #sidelinks {
- width:100px;
- height:180px;
- position:fixed;
- right:50px;
- top:320px;
- text-align:center;
- padding:0px;
- }
- #sidelinks a{color:{color:sidelink}; text-align:center;}
- #sidelinks .link1 {width:30px; left:0px; height:25px; padding:5px 0px 0px 0px; background-color:{color:link1}; position:relative; 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;}
- #sidelinks .link2 {width:70px; left:0px; height:25px; padding:5px 0px 0px 0px; background-color:{color:link2}; position:relative; 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;}
- #sidelinks .link3 {width:60px; left:0px; height:25px; padding:5px 0px 0px 0px; background-color:{color:link3}; position:relative; 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;}
- #sidelinks .link4 {width:55px; left:0px; height:25px; padding:5px 0px 0px 0px; background-color:{color:link4}; position:relative; 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;}
- #sidelinks .link5 {width:80px; left:0px; height:25px; padding:5px 0px 0px 0px; background-color:{color:link5}; position:relative; 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;}
- #sidelinks .link6 {width:90px; left:0px; height:25px; padding:5px 0px 0px 0px; background-color:{color:link6}; position:relative; 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;}
- #sidelinks .link1:hover {width: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;}
- #sidelinks .link2:hover {width:110px; 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;}
- #sidelinks .link3:hover {width: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;}
- #sidelinks .link4:hover {width: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;}
- #sidelinks .link5:hover {width:120px; 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;}
- #sidelinks .link6:hover {width:130px; 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;}
- #sidelinks .link1:hover .link{opacity:0.8; 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;}
- #sidelinks .link2:hover .link{opacity:0.8; 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;}
- #sidelinks .link3:hover .link{opacity:0.8; 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;}
- #sidelinks .link4:hover .link{opacity:0.8; 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;}
- #sidelinks .link5:hover .link{opacity:0.8; 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;}
- #sidelinks .link6:hover .link{opacity:0.8; 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;}
- #sidelinks .link {
- width:auto;
- top:0px;
- position:relative;
- opacity:0;
- font-size:18px;
- height:auto;
- font-family: 'Dawning of a New Day';
- }
- #askbox {
- position:relative;
- width:480px;
- height:auto;
- padding:10px 10px 0px 10px;
- background-color:{color:description};
- border-radius: 20px;
- -moz-border-radius: 20px;
- -o-border-radius: 20px;
- box-border-radius: 20px;
- }
- #askbox .asker {
- width:440px;
- height:35px;
- font-size:25px;
- padding: 10px 10px 0px 10px;
- position:relative;
- margin-bottom:0px;
- font-family: 'Dawning of a New Day';
- }
- #askbox .question {
- width:460px;
- position:relative;
- height:auto;
- text-align:center;
- padding:10px;
- margin-top:-10px;
- border-top:1px dotted {color:border};
- }
- #askbox .icon {
- position:absolute;
- height:25px;
- width:25px;
- top:10px;
- right:20px;
- }
- .audio img {
- width: 40px;
- height: 40px;
- float: left;
- margin-right: 5px;
- }
- .player {
- background-color: #fff;
- height: 27px;
- margin-left: 45px;
- }
- #navigation {
- right:100px;
- width:auto;
- height:auto;
- position:fixed;
- top:510px;
- right:270px;
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div class="picture"><img src="{image:sidebar}"></div>
- <div class="description">{block:Description}{Description}{/block:Description}</div>
- </div>
- <div id="sidelinks">
- <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 class="link6"><a href="http://bakerrstreet.tumblr.com/" class="link">theme</a></div>
- </div>
- <div id="navigation">
- {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
- {CurrentPage}/{TotalPages}
- {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- </div>
- <div id="entry">
- {block:Posts}
- <div id="post">
- {block:IfHoverTags}
- {block:HasTags}<div id="tags"><div style="border-bottom: 1px solid {color:border};"><center>tags:</center></div>{block:Tags}<a href="{TagUrl}">#{Tag}</a><br>{/block:Tags}</div>{/block:HasTags}{/block:IfHoverTags}
- <!--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:Caption}<br />{Caption}{/block:Caption}
- {/block:Audio}
- <!--ANSWER-->
- {block:Answer}<div id="askbox">
- <div class="icon"><img src="{AskerPortraitURL-24}" style="border-radius: 20px; -moz-border-radius: 20px;"></div>
- <div class="asker">{Asker} asked:</div>
- <div class="question">{Question}</div>
- </div>
- {Answer}
- {/block:answer}
- </div>
- {block:IfNotHoverTags}{block:HasTags}<div id="tags">tags:{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfNotHoverTags}
- <div class="notes">
- {block:NoteCount}{NoteCountWithLabel} | {/block:NoteCount}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} | <a href="{ReblogParentURL}">from</a> | {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">originally</a>{/block:ContentSource}
- </div>
- {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement