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>
- <!--
- Angie Theme by Westerus for DracarysThemes
- You can edit as much as you want and please ask me for help with anything you'd like to change (with the original form ONLY. I can't help you with your own edits, sorry)
- DON'T REDISTRIBUTE
- http://westerus.tumblr.com/
- Please keep the credit (moving is allowed)
- -->
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Links" content="#000" />
- <meta name="color:Primary Colour" content="#03999b" />
- <meta name="color:Secondary Colour" content="#4cc3c5" />
- <meta name="color:Link Box Color" content="" />
- <meta name="image:Right Background" content=""/>
- <meta name="image:Left Background" content=""/>
- <meta name="if:posts border" 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="if:link 4" content="">
- <meta name="if:faded posts" content="">
- <meta name="if:2 columns" content="">
- <meta name="if:hidden follow button">
- <meta name="text:Link1 Url" content="/" />
- <meta name="text:Link1 Title" content="Link 1" />
- <meta name="text:Link2 Url" content="/" />
- <meta name="text:Link2 Title" content="Link 2" />
- <meta name="text:Link3 Url" content="/" />
- <meta name="text:Link3 Title" content="Link 3" />
- <meta name="text:Link4 Url" content="/" />
- <meta name="text:Link4 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">
- {block:ifhiddenfollowbutton}
- iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
- transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
- p {
- margin:0px;
- margin-top:0px;
- }
- {/block:ifhiddenfollowbutton}
- body {
- background-color: {color:Background};
- font-family: {font:Body};
- background-image: url({image:Right Background}), url({image:Left Background});
- background-attachment:fixed, fixed;
- /*You can customize background size here*/
- background-size:450px, 400px;
- background-repeat:no-repeat, no-repeat;
- /*You can customize background position here*/
- background-position:bottom 0px right 0px, bottom -40px left;
- margin: 0;
- word-wrap: break-word;
- font-family:calibri;
- font-size:11px;
- }
- a {
- text-decoration:none;
- color:{color:Secondary Colour};
- }
- /*You can customize sidebar here*/
- #beautybar {
- background-color:transparent;
- width: 210px;
- position: fixed;
- height:170px;
- top:200px;
- {block:ifsidebartop}
- top:100px;
- {/block:ifsidebartop}
- {block:ifsidebarbottom}
- top:400px;
- {/block:ifsidebarbottom}
- margin-left:180px;
- background-image:url({image:Sidebar Background});
- left: 140px;
- {block:ifsidebarborder}
- border:1px solid;
- {/block:ifsidebarborder}
- }
- #beautybar .links {
- {block:iflink4}
- width:350px;
- {/block:iflink4}
- {block:ifnotlink4}
- width:320px;
- {/block:ifnotlink4}
- display:inline;
- color:black;
- background-color:transparent;
- padding:10px;
- margin-bottom:40px;
- margin-left:-145px;
- text-decoration:none;
- margin-top:-10px;
- float:left;
- text-align:right;
- font-size:10px;
- font-family:consolas;
- }
- #beautybar .links a {
- display:inline;
- background:{color:Link Box Color};
- margin-left:5px;
- padding: 4px 7px;
- text-decoration:none;
- color:black;
- margin-left:10px;
- border-top-right-radius: 10px;
- border-bottom-left-radius: 10px;
- -moz-transition: width 2s;
- transition: 2s;
- }
- #beautybar .links a:hover {
- background-color:#aaa;
- color:black;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
- border-top-left-radius:20px;
- border-bottom-right-radius:20px;
- padding: 4px 7px;
- }
- #beautybar .title {
- font-family:cambria;
- {block:ifcustomfont1}
- font-family: 'Grand Hotel', cursive;
- {/block:ifcustomfont1}
- {block:ifcustomfont2}
- font-family: 'Clicker Script';
- {/block:ifcustomfont2}
- {block:ifcustomfont3}
- font-family:'Amatic SC';
- {/block:ifcustomfont3}
- font-size: 20px;
- margin-bottom:-10px;
- margin-left:-10px;
- text-align: center;
- padding: 7px;
- color:black;
- }
- #beautybar .title a {
- color: {color:Primary Colour};
- text-decoration: none;
- }
- #beautybar .title a:hover {
- color: {color:Secondary Colour};
- }
- #beautybar .description {
- color: black;
- 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%;
- }
- #beautybar .description a {
- color:black;
- text-decoration: none;
- font-size:10px;
- color:{color:Primary Color};
- font-style:italic;
- padding:2px 3px;
- margin:0px;
- }
- #beautybar .description a:hover {
- color: {color:Secondary Colour};
- }
- /*This is the container*/
- #content {
- {block:if2columns}
- width:600px;
- {/block:if2columns}
- {block:ifnot2columns}
- width:300px;
- {/block:ifnot2columns}
- {block:ifsideborder}
- border-left:1px dashed;
- {/block:ifsideborder}
- background-color:transparent;
- margin: 10px 0px 0px 560px;
- padding: 20px 30px;
- color: black;
- }
- #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;
- }
- #content .entry {
- float:left;
- width:200px;
- }
- img {
- margin-bottom:0px;
- max-width: 100%;
- {block:ifroundedcorners}
- border-radius:15px;
- {/block:ifroundedcorners}
- margin-bottom:13px;
- }
- #content #posts {
- background-color:transparent;
- width:250px;
- {block:permalinkpage}
- width:400px;
- {/block:permalinkpage}
- margin:0 auto 20px;
- margin-bottom:25px; /*change the espace between posts here*/
- margin-right:25px; /*change the espace between posts here*/
- margin-top:0px;
- padding:10px;
- {block:ifpostsborder}
- border:1px #aaa dotted;
- {/block:ifpostsborder}
- float:left;
- {block:iffadedposts}
- -webkit-transition: opacity 0.8s linear;
- -moz-transition: opacity 0.0s linear;
- opacity: 0.60;
- {/block:iffadedposts}}
- {block:iffadedposts}
- #content .posts:hover {
- -webkit-transition: opacity 0.0s linear;
- -moz-transition: opacity 0.0s linear;
- opacity: 1;
- }
- {/block:iffadedposts}
- #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)
- }
- .permalinktext {
- width:80px;
- height: 30px;
- font-family:consolas;
- font-size: 10px;
- text-transform:uppercase;
- position: absolute;
- line-height: 10px;
- text-align: left;
- overflow:hidden;
- opacity: 0.0;
- background-color:transparent;
- letter-spacing:0px;
- margin-left:180px;
- margin-bottom:60%;
- padding-bottom: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 .permalinktext{
- overflow:hidden;
- height:30px;
- margin-bottom:60%;
- 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;
- }
- #content #posts .title {
- font-size: 18px;
- {block:ifcustomfont1}
- font-family: 'Grand Hotel', cursive;
- {/block:ifcustomfont1}
- {block:ifcustomfont2}
- font-family: 'Clicker Script';
- {/block:ifcustomfont2}
- {block:ifcustomfont3}
- font-family:'Amatic SC';
- {/block:ifcustomfont3}
- }
- #content #posts .text {
- font-size:11px;
- font-family:calibri;
- padding: 3px 6px 3px 6px;
- text-align:center;
- }
- #content #posts .text img {
- width: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;
- max-height:250px;
- width:500px;
- text-align: left;
- overflow:auto;
- line-height:15px;
- padding:5px;
- margin-left: -20px;}
- }
- #content #notecontainer ol.notes {
- margin: 25px 0px;
- }
- #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;}
- #sidebar .pagination {
- width: 260px;
- 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};
- 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:black;
- 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;}
- #content .pagination {
- display: none;
- }
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#content');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '#posts',
- });
- });
- $container.infinitescroll({
- itemSelector : "#posts",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx : 10000,
- extraScrollPx: 12000,
- },
- // trigger Masonry as a callback
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- </head>
- <body>
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> ·{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}{/block:Pagination}
- </div>
- <div id="beautybar">
- <div class="title"><a style="color:black" href="/">{Title}<img width="100" height="20" src="http://i839.photobucket.com/albums/zz313/galacutie_bucket/th_2-45674.gif"></a></div>
- <div class="description">{Description}</div>
- <div class="links"><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>{block:iflink4}<a href="{text:Link4 Url}">{text:Link4 Title}{/block:iflink4}</a></div>
- </div>
- </div>
- </div> <!--sidebar-->
- <div id="content">
- {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}<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:{Text};
- font: oblique 15px cambria;
- letter-spacing:0px;
- line-height: 100%;
- padding: 15px;
- background:white;
- text-align:justify;
- margin-bottom: 10px;" id="quote">{Quote}<br><div style="font: 11px calibri; text-align: right;background:#fff;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="permalinktext">
- <a href="{Permalink}">{NotecountWithLabel}</a><br></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>
- <div class="permalinktext">
- <a href="{Permalink}">{NotecountWithLabel}</a><br></div>
- {/block:Text}
- {block:Answer}
- <div id="asker"><b>{Asker} said:</b></div><div style="padding:3px;margin-left:2px;font-style:italic;font-size:11px" id="questions">{Question}</div><br><div id="text">{Answer}</div>
- <div class="permalinktext">
- <a href="{Permalink}">{NotecountWithLabel}</a><br></div>
- {/block:Answer}
- {block:Chat}
- {block:Title}{Title}<br />{/block:Title}
- {block:Lines}
- {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
- {/block:Lines}
- <div class="permalinktext">
- <a href="{Permalink}">{NotecountWithLabel}</a><br></div>
- {/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><br></div>
- {/block:Link}
- {block:permalinkpage}
- <div style="color:{color:Text}" align="middle">{caption}</div>
- {block:HasTags}
- tags: {block:Tags}<a style="color:{color:Text}" href="{TagURL}">#{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
- {block:RebloggedFrom}<div style="color:{color:Text}">
- reblogged from <a style="color:{color:Text}" href="{ReblogParentURL}">{ReblogParentName}</a></div>
- <div style="color:{color:Text}">
- posted by <a style="color:{color:Text}" href="{ReblogRootURL}">{ReblogRootName}</a></div><br>
- {/block:RebloggedFrom}
- {block:PostNotes}
- <div style="color:{color:Text};text-transform:uppercase;font-family:consolas;font-size:9px;padding:2px;margin:7px;width:300px" id="notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:permalinkpage}
- </div>
- {/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