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="#f8f4d7"/>
- <meta name="color:post" content="#f5d0bd"/>
- <meta name="color:tags" content="#fcdece"/>
- <meta name="color:tags bg" content="#fafafa"/>
- <meta name="color:text" content="#b49999"/>
- <meta name="color:link" content="#9e7676"/>
- <meta name="color:link hover" content="#000000"/>
- <meta name="color:sidebar" content="#f5d0bd"/>
- <meta name="color:description" content="#f8f8f8"/>
- <meta name="color:border" content="#ec9a85"/>
- <meta name="color:side links" content="#3a3938"/>
- <meta name="color:main links" content="#f1edcd"/>
- <meta name="color:link1" content="#f4e5e1"/>
- <meta name="color:link2" content="#ec9a85"/>
- <meta name="color:link3" content="#f5c285"/>
- <meta name="color:link4" content="#f5d0bd"/>
- <meta name="color:scrollbar" content="#f0c9b8"/>
- <meta name="color:scrollbg" content="#ebe5cf"/>
- <!--image-->
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" 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="" />
- <meta name="if:SidebarBorder" content="1">
- <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=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: '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:link}; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
- a:hover { color:{color:link 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:500px;
- left:600px;
- position:absolute;
- top: 20px;
- font-style:;
- bo
- }
- #post {
- line-height:9px;
- width:500px;
- padding:10px;
- text-align:justify;
- background-color:{color:post};
- margin-bottom:0px;
- }
- #notes {
- text-align:center;
- font-size:8px;
- width:80px;
- height:30px;
- position:absolute;
- right:-120px;
- padding:10px;
- font-family: 'Gloria Hallelujah';
- 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;
- }
- #post:hover #notes {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;}
- #post .title{
- text-align:center;
- letter-spacing: 2;
- color: {color:title};
- font-size: 25px;
- line-height: 23px;
- font-family: 'bebas';
- }
- #tags {
- color:{color:tags};
- width:500px;
- height:auto;
- padding:5px 10px;
- font-size:8px;
- line-height:9px;
- margin-bottom:20px;
- background-color:{color:tags bg};
- }
- #tags a {color:{color:tags}; margin-right:5px;}
- #sidebar {
- width:230px;
- height:230px;
- position:fixed;
- left:300px;
- top:200px;
- border-radius: 250px;
- -moz-border-radius: 250px;
- -o-border-radius: 250px;
- box-border-radius: 250px;
- overflow:hidden;
- background-color:{color:sidebar};
- text-align:center;
- padding: 10px;
- }
- #description {
- width:220px;
- height:220px;
- line-height:10px;
- position: relative;
- overflow:hidden;
- {block:IfSidebarBorder}
- border: 5px dashed {color:border};
- {/block:IfSidebarBorder}
- {block:IfNotSidebarBorder}
- border: 5px dashed {color:sidebar};
- {/block:IfNotSidebarBorder}
- text-align:center;
- border-radius: 250px;
- -moz-border-radius: 250px;
- -o-border-radius: 250px;
- box-border-radius: 250px;
- }
- #description .description {
- width: 200px;
- height:120px;
- position:absolute;
- top:0px;
- left:0px;
- padding: 50px 10px;
- text-align:center;
- opacity:0;
- background-color:{color:description};
- border-radius: 250px;
- -moz-border-radius: 250px;
- -o-border-radius: 250px;
- box-border-radius: 250px; 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:hover .description {
- 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;}
- #description .picture {
- width:220px;
- height:220px;
- position:absolute;
- top:0px;
- left:0px;
- overflow:hidden;
- border-radius: 250px;
- -moz-border-radius: 250px;
- -o-border-radius: 250px;
- box-border-radius: 250px;
- }
- #description .picture img {
- border-radius: 250px;
- -moz-border-radius: 250px;
- -o-border-radius: 250px;
- box-border-radius: 250px;
- }
- #link {
- width:250px;
- height:30px;
- position: fixed;
- top:475px;
- left:300px;
- background-color: {color:main links};
- }
- #link .link {
- width:25px;
- float:right;
- height:30px;
- text-align:center;
- 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;
- }
- #link .link: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;}
- #link .link:hover .text {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;}
- #link .text {
- color:{color:side links};
- font-size:14px;
- font-family: 'Gloria Hallelujah';
- opacity:0;
- bottom:5px;
- 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 {
- color:{color:link};
- position:relative;
- width:480px;
- height:auto;
- padding:10px 10px 0px 10px;
- background-color:{color:tags bg};
- 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 solid {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;
- }
- @font-face {
- font-family: "bebas";
- src: url('http://static.tumblr.com/rmj06l2/N0vlwxkt8/bebaslp.otf');
- }
- #navigation {
- width:auto;
- height:auto;
- position:fixed;
- top:520px;
- left:420px;
- font-size:18px;
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="description">
- <div class="picture"><img src="{image:sidebar}"></div>
- <div class="description">{block:Description}{Description}{/block:Description}</div>
- </div>
- </div>
- <div id="link">
- <!--If you want to add new links, put it here at the top of the rest. Just copy one line and paste it on top.-->
- <div class="link" style="background-color:{color:link1}"><a href="{text:Link3 Url}" class="text">{text:Link3 Title}</a></div>
- <div class="link" style="background-color:{color:link4}"><a href="{text:Link2 Url}" class="text">{text:Link2 Title}</a></div>
- <div class="link" style="background-color:{color:link3}"><a href="{text:Link1 Url}" class="text">{text:Link1 Title}</a></div>
- <div class="link" style="background-color:{color:link2}"><a href="/ask" class="text">ask</a></div>
- <div class="link" style="background-color:{color:link1}"><a href="/" class="text">home</a></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">
- {block:NoteCount}<a href="{Permalink}" style="font-size:14px;">{NoteCountWithLabel}</a>{/block:NoteCount}<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="title">"{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 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>
- <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 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