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 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:text" content="#181818"/>
- <meta name="color:tags" content="#b49999"/>
- <meta name="color:title" content="#fff"/>
- <meta name="color:links" content="#ba2640"/>
- <meta name="color:links hover" content="#f78f1e"/>
- <meta name="color:border" content="#352504"/>
- <!--SIDEBAR-->
- <meta name="color:diamond1" content="#6d2243"/>
- <meta name="color:diamond2" content="#ec5e0c"/>
- <meta name="color:diamond3" content="#ba2640"/>
- <meta name="color:diamond4" content="#f78f1e"/>
- <meta name="color:Sidebar Text" content="#fde5dc"/>
- <meta name="color:Sidebar Title" content="#fff"/>
- <meta name="color:Sidebarlinks bg" content="#ffdc68"/>
- <meta name="color:Sidebarlinks" content="#a7321c"/>
- <meta name="color:Sidebarlinks Hover" content="#352504"/>
- <!--ASK-->
- <meta name="color:balloon" content="#696969"/>
- <meta name="color:balloon text" content="#fdfafa"/>
- <meta name="color:scrollbar" content="#f0c9b8"/>
- <meta name="color:scrollbg" content="#ebe5cf"/>
- <!--image-->
- <meta name="image:background" content=""/>
- <meta name="image:diamond1" content=""/>
- <meta name="image:diamond2" content=""/>
- <meta name="image:diamond3" content=""/>
- <meta name="image:diamond4" 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="text:Link4 Url" content="" />
- <meta name="text:Link4 Title" content="" />
- <link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700italic' rel='stylesheet' type='text/css'>
- <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:11px;
- 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}
- #sidebar {
- width:auto; height:250px;
- position:fixed;
- left:350px;
- top:48%;
- margin-top:-125px;
- }
- #sidebar:hover #menu {opacity:1!important;
- -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; transition: all 0.7s linear;}
- #sidebar:hover #description {opacity:1!important; -webkit-transition: all 1.2s linear; -moz-transition: all 1.2s linear; transition: all 1.2s linear;}
- #diamond1 img, #diamond2 img, #diamond4 img {
- width:180px; height:180px;
- position:absolute;
- top:-120px;
- left:-70px;
- z-index:9;
- opacity:1;
- -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;
- -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
- -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
- -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;
- }
- #diamond3 img {
- width:180px; height:180px;
- position:absolute;
- top:3px;
- left:57px;
- z-index:9;
- opacity:1;
- -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;
- -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
- -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
- -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;
- }
- #sidebar:hover #diamond1 img, #sidebar:hover #diamond2 img, #sidebar:hover #diamond3 img, #sidebar:hover #diamond4 img {
- opacity:0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear;
- }
- #diamond1, #diamond2, #diamond3, #diamond4 {overflow:hidden;}
- #diamond1 {
- position:absolute;
- top:0px;
- width: 95px;
- height: 95px;
- background: {color:diamond1};
- margin: 3px 0 0 30px;
- z-index:999;
- padding:10px;
- /*Box Shadow*/
- -webkit-box-shadow: -3px 3px 3px grey; -moz-box-shadow:-3px 3px 3px grey;box-shadow:-3px 3px 3px grey;
- /*Transition*/
- -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;
- /* Rotate */
- -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
- /* Rotate Origin */
- -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;
- }
- #sidebar:hover #diamond1 {
- width:180px;
- height:180px;
- /* Rotate */
- -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
- -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
- /* Rotate Origin */
- -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;
- /*Transiton*/
- -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
- /*Box Shadow*/
- -webkit-box-shadow: 1px 1px 10px grey; -moz-box-shadow:1px 1px 10px grey;box-shadow:1px 1px 10px grey;
- }
- #diamond2 {
- position:absolute;
- top:75px;
- left:60px;
- width: 115px; height: 115px;
- background: {color:diamond2};
- margin: 3px 0 0 30px;
- z-index:99;
- /* Rotate */
- -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
- /* Rotate Origin */
- -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;
- /*Box Shadow*/
- -moz-box-shadow:-3px 3px 3px grey; -webkit-box-shadow: -3px 3px 3px grey; box-shadow:-3px 3px 3px grey;
- /*Transiton*/
- -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;
- }
- #sidebar:hover #diamond2 {
- top:165px;
- left:0px;
- /*Transiton*/
- -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
- /*Box Shadow*/
- -moz-box-shadow: -1px -1px 10px grey; -webkit-box-shadow: -1px -1px 10px grey;box-shadow:-1px -1px 10px grey;
- }
- #diamond3 {
- position:absolute;
- bottom:50px;
- right:-65px;
- width: 115px;
- height: 115px;
- background: {color:diamond3};
- margin: 3px 0 0 30px;
- z-index:999;
- /* Rotate */
- -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
- -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
- /* Rotate Origin */
- -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;
- /*Box Shadow*/
- -moz-box-shadow: 3px 3px 3px grey; -webkit-box-shadow: 3px 3px 3px grey; box-shadow:3px 3px 3px grey;
- /*Transiton*/
- -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;
- }
- #sidebar:hover #diamond3 {
- width:200px; height:200px;
- bottom:47px; right:-30px;
- /* Rotate */
- -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
- -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
- /* Rotate Origin */
- -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;
- /*Transiton*/
- -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
- /*Box Shadow*/
- -moz-box-shadow: -1px -1px 10px grey;
- -webkit-box-shadow: -1px -1px 10px grey;
- box-shadow: -1px -1px 10px grey;
- }
- #diamond4 {
- position:absolute;
- bottom:50px;
- left:-70px;
- width: 115px;
- height: 115px;
- background: {color:diamond4};
- margin: 3px 0 0 30px;
- z-index:99;
- /* Rotate */
- -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
- /* Rotate Origin */
- -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;
- /*Box Shadow*/
- -moz-box-shadow: -3px 3px 3px grey;
- -webkit-box-shadow: -3px 3px 3px grey;
- box-shadow: -3px 3px 3px grey;
- /*Transiton*/
- -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;
- }
- #sidebar:hover #diamond4 {
- bottom:165px;
- left:0px;
- /*Transiton*/
- -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
- /*Box Shadow*/
- -moz-box-shadow: -1px -1px 10px grey;
- -webkit-box-shadow: -1px -1px 10px grey;
- box-shadow: -1px -1px 10px grey;
- }
- #menu {z-index:99; opacity:0; position:relative; margin-top:41px;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
- #menu .links a {
- font: 8px 'Arial';
- letter-spacing:2px;
- text-transform:uppercase!important;
- width:100px;
- height:13px;
- overflow:hidden;
- text-align: center;
- display: block;
- margin- left:-5px;
- margin-right:-5px;
- vertical-align: middle;
- line-height: 15px;
- margin-bottom: 2px;
- padding: 2px;
- background-color:{color:Sidebarlinks bg};
- color: {color:Sidebarlinks};
- -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
- #menu .links a:hover {color:{color:Sidebarlinks Hover}; text-shadow: none; -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; transition: all 0.7s linear;}
- #description {z-index:99; text-align:justify; color:{color:Sidebar Text}; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; font-size:10px; line-height:9px;}
- #description .title {
- font-family:'Allura', cursive;
- font-size:36px;
- margin: 10px auto 15px auto;
- line-height:23px;
- text-align:center!important;
- }
- #description .title, #description a.title {
- color:{color:Sidebar Title};}
- #entry {
- position:absolute;
- right:100px;
- top:-50px;
- width: 675px;
- height:100%;
- z-index: 9;
- }
- #posts {
- width:540px;
- height:auto;
- position:absolute;
- right:60px;
- margin-top:90px;
- margin-bottom:0px;
- }
- #post {
- position:relative;
- left:20px;
- width:500px;
- margin-bottom:0px;
- text-align: justify;
- line-height:8.5px;
- background-color:{color:post};
- padding: 10px;
- font-family:'PT Sans Narrow';
- line-height:1;
- border-bottom: solid 5px {color:border};
- -webkit-box-shadow: 0 8px 6px -6px gray;
- -moz-box-shadow: 0 8px 6px -6px gray;
- box-shadow: 0 8px 6px -6px gray;
- }
- #posts .border {
- border-bottom: solid 5px {color:border};
- width:540px;}
- #post .title {
- font-family: 'Sail', cursive;
- font-size:24px;
- margin-bottom:5px;
- line-height:23px;
- color:{color:title};
- }
- #post .quote {font-family:'Allura', cursive;
- font-size:24px;
- margin-bottom:5px;
- line-height:23px;
- }
- #details {
- font-size:9px;
- font-family: calibri;
- width:auto;
- height:auto;
- text-align:center;
- margin-left: 20px;
- padding-left: 5px;
- margin-top:2px;
- }
- #post .balloon {align:right; background:{color:balloon}; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
- #post .balloon p {margin:1px 0px;}
- #post .balloon span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:balloon};}
- #post .balloon a {font-family: 'bebas';}
- #post .balloon, #post .balloon a{color:{color:balloon text};}
- #post .askborder {float: left;margin: 1px 4px 0 0;padding: 2px;}
- #post img.askborder {border-radius: 48px; -moz-border-radius: 48px; -o-border-radius: 48px; box-border-radius: 48px;}
- #post .answer {margin-left:60px;border:none;}
- #navigation {
- width:auto;
- height:auto;
- position:fixed;
- left:370px;
- bottom:12%;
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="diamond1">
- <img src="{image:Diamond1}" />
- <div id="description">
- <div class="title">{Title}</div>
- {Description}
- </div>
- </div>
- <div id="diamond2"><img src="{image:Diamond2}" />
- </div>
- <div id="diamond3">
- <img src="{image:Diamond3}"/>
- <center>
- <div id="menu">
- <div class="links">
- <a href="/">Home</a>
- <a href="/ask">Ask</a>
- <a href="{text:Link1 Url}">{text:Link1 Title}</a>
- <a href="{text:Link2 Url}">{text:Link2 Title}</a>
- <a href="{text:Link3 Url}">{text:Link3 Title}</a>
- <a href="{text:Link4 Url}">{text:Link4 Title}</a>
- </div>
- </div>
- </center>
- </div>
- <div id="diamond4">
- <img src="{image:Diamond4}" />
- </div>
- </div>
- <div id="navigation">
- <a href="{PreviousPage}">«</a>
- <a href="{NextPage}">»</a>
- </div>
- <div id="entry">
- <div id="posts">
- {block:Posts}
- <div id="post">
- <!--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}
- <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}<img src="{AskerPortraitURL-48}" align="left" class="askborder">
- <div class="balloon"><span></span>{Asker}: {Question} </div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- </div>
- <div id="details" style="font-family:'Droid Serif'; font-style:italic; letter-spacing:-1px;">
- <a href="{Permalink}">{NoteCount}</a> notes
- {block:ContentSource} <a href="{SourceURL}">©</a> {SourceTitle}{/block:ContentSource}
- {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
- </div>
- <div id="details" style="font-style:italic">
- {block:HasTags}{block:Tags}<a href="{TagUrl}"><img src="http://static.tumblr.com/zakpmbe/eTgmaoqba/tags.png" style="height:10px;"></a>{Tag} {/block:Tags}{/block:HasTags}
- </div>
- <div style="margin-bottom:50px;"></div>
- {block:PermalinkPage}
- <div id="details">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- </div>
- <div style="position:fixed; bottom:-5px; left:5px;"><a href="http://bakerrstreet.tumblr.com/"><img src="http://static.tumblr.com/zakpmbe/Vwjmcjoub/bsth_logo_black_drop_shadow.png" style="width:50px; height:auto;"/></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement