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>
- <head>
- <!--
- Bad Things Theme by Westerus for DracarysThemes
- You can edit as much as you want but please keep the credit.
- DON'T REDISTRIBUTE
- http://westerus.tumblr.com/
- Please keep the credit (moving is allowed)
- -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style>
- .tooltip{
- display: inline;
- position: relative;
- z-index:999;
- }
- #s-m-t-tooltip {
- max-width:300px;
- border-radius: 0px;
- padding:3px 4px 5px 4px;
- margin:20px 7px -2px 20px;
- background-color:#000;
- border:1px solid #E0E0E0;
- font-family:calibri;
- font-size:9px;
- letter-spacing:2px;
- text-transform:uppercase;
- color:#fff;
- z-index:999;
- }
- </style>
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Links" content="#000" />
- <meta name="color:Text" content="" />
- <meta name="color:Title" content="" />
- <meta name="color:Primary Colour" content="#03999b" />
- <meta name="color:Secondary Colour" content="#4cc3c5" />
- <meta name="color:link one" content="" />
- <meta name="color:link two" content="" />
- <meta name="color:link three" content="" />
- <meta name="color:link four" content="" />
- <meta name="font:Body" content="Cambria" />
- <meta name="image:Right Background" content=""/>
- <meta name="image:Left Background" content=""/>
- <meta name="if:Infinite Scroll" content="0">
- <meta name="if:side border" content="">
- <meta name="if:rounded corners" content="">
- <meta name="if:custom font 1" content="">
- <meta name="if:custom font 2" content="">
- <meta name="if:custom font 3" content="">
- <meta name="if:sidebar border" content="">
- <meta name="if:sidebar bottom" content="">
- <meta name="if:sidebar top" content="">
- <meta name="text:Link 1 Url" content="/" />
- <meta name="text:Link 1 Title" content="Link 1" />
- <meta name="text:Link 2 Url" content="/" />
- <meta name="text:Link 2 Title" content="Link 2" />
- <meta name="text:Link 3 Url" content="/" />
- <meta name="text:Link 3 Title" content="Link 3" />
- <meta name="text:Link 4 Url" content="/" />
- <meta name="text:Link 4 Title" content="Link 4" />
- <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lu2ditvYdi1qfoi4t.gif" />
- <!--Custom fonts, to use them you just have to replace it when it says font family, it's quite easy-->
- <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=MedievalSharp' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Zeyada|Montez|Sacramento|Clicker+Script|Amatic+SC' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background-color: {color:Background};
- font-family: {font:Body};
- color:{color:Text};
- background-image: url({image:Right Background}), url({image:Left Background});
- background-attachment:fixed, fixed;
- background-size:280px, 400px;
- background-repeat:no-repeat, no-repeat;
- background-position:bottom 0px right 60px, bottom -60px left;
- margin: 0;
- word-wrap: break-word;
- font-family:calibri;
- font-size:11px;
- }
- a {
- text-decoration:none;
- color:black;
- }
- #sidebar {
- background-color:transparent;
- width: 300px;
- color:{color:Text};
- position: fixed;
- height:100px;
- top:200px;
- {block:ifsidebartop}
- top:100px;
- {/block:ifsidebartop}
- {block:ifsidebarbottom}
- top:400px;
- {/block:ifsidebarbottom}
- margin-left:120px;
- left: 90px;
- {block:ifsidebarborder}
- border:1px solid;
- {/block:ifsidebarborder}
- }
- #sidebar .title {
- font-family:cambria;
- {block:ifcustomfont1}
- font-family: 'Grand Hotel', cursive;
- {/block:ifcustomfont1}
- {block:ifcustomfont2}
- font-family: 'Great Vibes';
- {/block:ifcustomfont2}
- {block:ifcustomfont3}
- font-family:'Montez';
- {/block:ifcustomfont3}
- font-size: 20px;
- margin-bottom:-10px;
- margin-left:-10px;
- text-align: center;
- padding: 7px;
- color:{color:Text};
- }
- #sidebar .title a {
- color: {color:Primary Colour};
- text-decoration: none;
- }
- #sidebar .title a:hover {
- color: {color:Secondary Colour};
- }
- #sidebar .description {
- color: {color:Text};
- font-size: 11px;
- text-align: center;
- font-family:calibri;
- font-style:italic;
- padding:10px;
- margin-bottom:10px;
- margin-top:-20px;
- margin-right:10px;
- line-height:100%;
- }
- #sidebar .description a {
- color:{color:Text};
- text-decoration: none;
- font-size:10px;
- color:{color:Links Color};
- font-style:italic;
- padding:2px 3px;
- margin:0px;
- }
- #sidebar .description a:hover {
- color: {color:Secondary Colour};
- }
- #sidebar .stylish{display:block;width:100px;height:100px;border-radius:66px;border:4px double #ccc;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}.stylish:hover{border:4px double #bbb;color:#aaa;text-decoration:none;background:#e6e6e6}
- #content {
- {block:permalinkpage}
- width:450px;
- {/block:permalinkpage}
- {block:indexpage}
- width:250px;
- {/block:indexpage}
- background-color:transparent;
- margin: 0px 0px 0px 550px;
- padding-left: 20px;
- padding-right:40px;
- color: black;
- {block:ifsideborder}
- {block:indexpage}
- border-left:1px #aaa dotted;
- border-right:1px #aaa dotted;
- {/block:indexpage}
- {/block:ifsideborder}
- }
- #content a {
- color: {color:Primary Colour};
- text-decoration: none;
- margin-bottom:15px;
- }
- #content a:hover {
- color: {color:Secondary Colour};
- }
- #content blockquote {
- border-left: solid 2px black;
- margin: 0;
- padding-left: 10px;
- }
- img {
- margin-bottom:0px;
- max-width: 100%;
- {block:ifroundedcorners}
- border-radius:15px;
- {/block:ifroundedcorners}
- margin-bottom:0px;
- }
- #content
- #posts {
- background-color:transparent;
- {block:indexpage}
- width:250px;
- {/block:indexpage}
- {block:permalinkpage}
- width:400px;
- {/block:permalinkpage}
- margin:0 auto 20px;
- margin-bottom:15px;
- margin-top:0px;
- padding:10px;
- }
- #content #posts .perma a{
- color:;}
- .permalink {
- display: block;
- border-top: 1px solid #ddd;
- padding: 3px;
- margin: 4px 8px 0px 8px;
- font-family: consolas;
- font-size: 8px;
- color: #424242;
- line-height: 18px;
- text-align: center;
- text-decoration: none;
- -webkit-transition: color 0.9s ease-out;
- -moz-transition: color 0.9s ease-out;
- }
- #content #posts .perma a{
- color:white;
- -webkit-transition: color 0.9s ease-out;
- -moz-transition: color 0.9s ease-out;
- border:1px solid;
- margin:3px;
- display:block;
- position:relative;
- background:black;
- }
- #content #posts .perma{
- width:80px;
- height: 60px;
- font-family:consolas;
- font-size: 10px;
- text-transform:uppercase;
- position: absolute;
- line-height: 15px;
- text-align: center;
- overflow:hidden;
- opacity: 0.0;
- background-color:transparent;
- color:red;
- letter-spacing:0px;
- margin-top:10px;
- {block:ifsmallerposts}
- margin-left: 250px;
- {/block:ifsmallerposts}
- margin-left: 100px;
- padding-bottom:1px;
- padding:3px;padding:5px;
- border-radius: 0px;
- -webkit-transition: opacity 0.5s linear; opacity: 0.0;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- #content #posts:hover .perma{
- overflow:hidden;
- color:white;
- height:60px;
- margin-left:140px;
- margin-top:10px;
- border-top-right-radius: 00px;
- border-bottom-left-radius: 00px;
- -webkit-transition: all 0.5s linear; opacity: 1;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg)
- }
- {block:indexpage}
- .permalinktext {
- width:80px;
- color:black;
- height: 20px;
- font-family:consolas;
- font-size: 10px;
- text-transform:uppercase;
- position: absolute;
- line-height: 15px;
- text-align: left;
- overflow:hidden;
- opacity: 0.0;
- background-color:transparent;
- letter-spacing:0px;
- margin-top:0px;
- {block:ifsmallerposts}
- margin-left: 250px;
- {/block:ifsmallerposts}
- margin-left:180px;
- padding-bottom:1px;
- padding:3px;padding:5px;
- -webkit-transition: opacity 0.5s linear; opacity: 0.0;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- {/block:indexpage}
- {block:indexpage}
- #content #posts:hover .permalinktext{
- overflow:hidden;
- color:black;
- height:20px;
- margin-top:0px;
- margin-left:200px;
- border-top-right-radius: 20px;
- border-bottom-left-radius: 20px;
- -webkit-transition: all 0.5s linear; opacity: 1;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- {/block:indexpage}
- #content #posts .title {
- font-size: 18px;
- font-family:'Montez';
- color:{color:Title};
- }
- #content #posts .text {
- font-size:11px;
- font-family:calibri;
- padding: 3px 6px 3px 6px;
- text-align:center;
- color:{color:Text};
- }
- #content #posts .text img {
- width:100%;
- height:100%;
- }
- #content #posts #permalink {
- font-size:9px;
- margin-top:10px;
- }
- #content #posts #tags {
- font-size:9px;
- }
- #content #posts #tags .comma:last-child {
- display: none;
- }
- #content #notecontainer {
- background:transparent;
- color:{text:color};
- max-height:250px;
- width:500px;
- text-align: left;
- overflow:auto;
- line-height:15px;
- display:scroll;
- padding:5px;
- margin-left: -20px;}
- }
- #content #notecontainer ol.notes {
- margin: 25px 0px;
- display:scroll;
- color:{color:Text};
- }
- #content #notecontainer img.avatar {
- width: 16px;
- }
- #content #notecontainer li{list-style-type:none; border-bottom: 1px solid #ebebeb;padding:4px;margin-right: 20px;margin-bottom:2px;color:{color:Text};}
- #sidebar .pagination {
- width: 260px;
- margin-left:30px;
- text-align: center;
- padding: 3px 0;
- }
- #sidebar .pagination a {
- color: {color:Primary Colour};
- text-decoration: none;
- }
- #sidebar .pagination a:hover {
- color: {color:Secondary Colour};
- }
- #asker {
- color:{color:title};
- color:{color:text};
- font-family:'Rouge Script';
- font-style:italic;
- text-transform: lowercase;
- letter-spacing: 0px;
- line-height: 100%;
- text-align:left;
- padding:7px;
- margin-bottom:-10px;
- margin-top:0px;
- font-size:14px;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;}
- #questions {
- text-align:left;
- color:{color:Text};
- font-style:normal;
- padding:15px;
- font-family:calibri;
- font-size:10px;
- margin-top:0px;
- margin-bottom:-5px;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- }
- #asker a {color:{color:Title};
- font-family:cambria;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;}
- #asker a:hover {color:#ddd;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;}
- #circle-container{width:70px;height:70px;margin-left:115px;margin-top:50px;}
- .quarter{width:35px;height:35px}
- .top-left{border-top-left-radius:35px;background:{color:link one};float:left}
- .top-right{border-top-right-radius:35px;background:{color:link two};float:right}.bottom-left{border-bottom-left-radius:35px;background:{color:link three};float:left}.bottom-right{border-bottom-right-radius:35px;background:{color:link four};float:right}
- #circle-container .top-left:hover {
- background-color:#aaa;
- transition:2s;
- }
- #circle-container .top-right:hover {
- background-color:#aaa;
- transition:2s;
- }
- #circle-container .bottom-left:hover {
- background-color:#aaa;
- transition:2s;
- }
- #circle-container .bottom-right:hover {
- background-color:#aaa;
- transition:2s ease-out;
- }
- #circle-container .quarter .title {
- background-color:black;
- }
- #answer img{
- height:100%;
- width:100%;
- }
- #answer{
- font-size:11px;
- font-family:calibri;
- padding: 3px 6px 3px 6px;
- text-align:left;
- color:{color:Text};
- }
- #ask_form {
- margin-top:10px;
- padding:5px;
- width:400px;
- height:280px;
- background:transparent;
- }
- </style>
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScroll}
- </head>
- <body>
- <div id="sidebar">
- <div class="title"><a style="color:{color:Title}" href="/">{Title}</a></div>
- <div class="description">{Description}</div>
- {block:IfNotInfiniteScroll}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}"> << </a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}"> >> </a>{/block:NextPage}
- </div>
- {/block:IfNotInfiniteScroll}
- <div id="circle-container"><a href="{text:link 1 url}" title="{text:link 1 title}" class="quarter top-left"></a><a title="{text:link 2 title}" href="{text:link 2 url}" class="quarter top-right"></a><a title="{text:link 3 title}" href="{text:link 3 url}" class="quarter bottom-left"></a><a title="{text:link 4 title}" href="{text:link 4 url}" class="quarter bottom-right"></a></div>
- </div>
- </div> <!--sidebar-->
- <div id="content">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="posts">
- {block:Photo}
- {block:IndexPage}
- <div class="perma">
- <a href="{Permalink}">{TimeAgo}</a>
- <a href="{Permalink}">{Notecount} roses</a>
- <a href="{ReblogURL}" target="_blank">reblog</a></div>
- {/block:IndexPage}
- {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px /></a>{/block:IndexPage}{block:PermalinkPage}{Photo-400}{LinkOpenTag}<div class="permtext"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Audio}
- {AudioPlayer}
- <br />{PlayCountWithLabel}
- {block:Caption}<br />{Caption}{/block:Caption}
- <div class="textperma"><a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{Permalink}">{DayofMonth} {ShortMonth}</a></span></a></div>
- {/block:Audio}
- {block:Quote}
- <div style="color:{color:Text};
- font: oblique 15px cambria;
- letter-spacing:0px;
- line-height: 100%;
- padding: 15px;
- background:transparent;
- text-align:justify;
- margin-bottom: 10px;" id="quote">{Quote}<br><div style="font: 11px calibri; text-align: right;background:transparent;padding: 5px; margin-top:15px;color:#888;" id="source">-- {Source}</small></div></div>
- <div class="permalinktext">
- <a href="{Permalink}">{NotecountWithLabel}</a><br></div>
- {/block:Quote}
- {block:Photoset}
- {block:IndexPage}{Photoset-250}{/block:IndexPage}
- {block:PermalinkPage}{PhotoSet-700}{/block:PermalinkPage}
- <div class="perma">
- <a href="{Permalink}">{TimeAgo}</a><br>
- <a href="{Permalink}">{NotecountWithLabel}</a><br>
- <a href="{ReblogURL}" target="_blank">reblog</a></div>
- {/block:Photoset}
- {block:Text}
- {block:Title}<center><span class="title">{Title}</span></center>{/block:Title}
- <div style="margin-bottom:-10px"></div>
- <span class="text">{Body}</span>
- {block:indexpage}
- <div class="permalinktext">
- <a href="{Permalink}">{NotecountWithLabel}</a><br></div>{/block:indexpage}
- {/block:Text}
- {block:Answer}
- <div id="asker"><b>{Asker} said:</b></div><div style="padding:1px;margin-left:2px;font-style:italic;font-size:11px" id="questions">{Question}</div><br><div id="answer">{Answer}</div>
- <div class="permalinktext">
- <a href="{Permalink}">{NotecountWithLabel}</a></div>
- {/block:Answer}
- {block:Chat}
- <div style="color:{color:text}">
- {block:Title}{Title}<br />{/block:Title}
- {block:Lines}
- {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
- {/block:Lines}</div>
- {block:indexpage}
- <div class="permalinktext">
- <a href="{Permalink}">{NotecountWithLabel}</a><br></div>{/block:indexpage}
- {/block:Chat}
- {block:Link}
- <a style="font-family:'Montez'; font-size:20px;margin:10px;" href="{URL}" >{Name} →</a>
- {block:Description}<br />{Description}{/block:Description}
- <div class="permalinktext">
- <a href="{Permalink}">{NotecountWithLabel}</a>
- </div>
- {/block:Link}
- {block:permalinkpage}
- <center>
- <div style="color:{color:text}">
- {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
- </div>
- {/block:permalinkpage}
- {block:HasTags}<div id="tags">
- {block:Tags}
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {block:PostNotes}
- <div style="color:{color:text}">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- </body>
- <div style="position:fixed;bottom:10px;right:10px;">
- <a style="color:grey" href="http://westerus.tumblr.com/">theme</a>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment