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>
- <head>
- <!--
- Lying on the Moon 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
- 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>
- <!--basic tooltip from tutorial-baby! Enjoy-->
- <style>
- .tooltip{
- display: inline;
- position: relative;
- }
- #s-m-t-tooltip {
- max-width:300px; /*how big the tooltip can be at most*/
- border-radius: 2px; /*change your border radius*/
- padding:3px 4px 5px 4px; /*padding inside tooltip*/
- margin:20px 7px -2px 20px; /*distance from word*/
- background-color:#ffffff; /*background color*/
- border:1px double #aaa;
- font-family:consolas; /*tooltip font*/
- font-size:9px; /*tooltip font size*/
- letter-spacing:2px; /*tooltip letter spacing*/
- text-transform:uppercase; /*makes the tooltip title uppercase*/
- color:{color:Links}; /*tooltip font color*/
- z-index:999999999999999999999999999999999999;
- }
- </style>
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Links" content="#000" />
- <meta name="color:Text" content="" />
- <meta name="color:Button 1" content="" />
- <meta name="color:Button 2" content="" />
- <meta name="color:Button 3" content="" />
- <meta name="color:Secondary Colour" content="#4cc3c5" />
- <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:faded posts" content="">
- <meta name="if:2 columns" content="">
- <meta name="if:hidden follow button">
- <meta name="if:rounded corners">
- <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:SideLink1 Url" content="/" />
- <meta name="text:SideLink1 Title" content="Link 1" />
- <meta name="text:SideLink2 Url" content="/" />
- <meta name="text:SideLink2 Title" content="Link 2" />
- <meta name="text:SideLink3 Url" content="/" />
- <meta name="text:SideLink3 Title" content="Link 3" />
- <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};
- color:{color:Text};
- 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 0px 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: 315px;
- position: fixed;
- height:110px;
- top:100px;
- color:{color:Text};
- z-index:999;
- margin-left:200px;
- background-image:url({image:Sidebar Background});
- left: 100px;
- {block:ifsidebarborder}
- border:1px double;
- {/block:ifsidebarborder}}
- #beautybar .title {
- font-family:cambria;
- {block:ifcustomfont1}
- font-family: 'Montez', cursive;
- {/block:ifcustomfont1}
- {block:ifcustomfont2}
- font-family: 'Clicker Script';
- {/block:ifcustomfont2}
- {block:ifcustomfont3}
- font-family:'Amatic SC';
- {/block:ifcustomfont3}
- font-size: 20px;
- margin-bottom:30px;
- margin-left:-20px;
- text-align: center;
- padding: 7px;
- color:{color:Text};
- }
- #beautybar .title a {
- color: {color:Text};
- text-decoration: none;
- }
- #beautybar .title a:hover {
- color: {color:Secondary Colour};
- }
- #beautybar .description {
- color: {color:Text};
- font-size: 11px;
- text-align: center;
- font-family:calibri;
- font-style:italic;
- padding:10px;
- margin-bottom:10px;
- margin-top:-30px;
- margin-right:20px;
- 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*/
- #conteudo {
- {block:if2columns}
- width:800px;
- {/block:if2columns}
- {block:ifnot2columns}
- width:300px;
- {/block:ifnot2columns}
- {block:ifsideborder}
- border-left:1px dashed;
- {/block:ifsideborder}
- background-color:transparent;
- margin-left:50%;
- padding: 20px 30px;
- color: black;
- }
- #conteudo a {
- color: {color:Primary Colour};
- text-decoration: none;
- margin-bottom:15px;
- }
- #conteudo a:hover {
- color: {color:Secondary Colour};
- }
- #conteudo blockquote {
- border-left: solid 2px black;
- margin: 0;
- padding-left: 10px;
- }
- #conteudo .entry {
- float:left;
- width:200px;
- }
- img {
- margin-bottom:0px;
- max-width: 100%;
- {block:ifroundedcorners}
- border-radius:15px;
- {/block:ifroundedcorners}
- }
- #conteudo #posts {
- background-color:transparent;
- width:250px;
- margin:0 auto 20px;
- margin-bottom:25px; /*change the espace between posts here*/
- margin-right:25px; /*change the espace between posts here*/
- margin-top:20px;
- padding:10px;
- {block:ifpostsborder}
- border:1px #aaa double;
- {/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}
- .entry:hover {
- -webkit-transition: opacity 0.0s linear;
- -moz-transition: opacity 0.0s linear;
- opacity: 1;
- }
- {/block:iffadedposts}
- #conteudo .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;
- }
- #conteudo #posts .perma a{
- color:white;
- -webkit-transition: color 0.9s ease-out;
- -moz-transition: color 0.9s ease-out;
- border:1px groove;
- margin:5px;
- padding:2px;
- display:inline;
- position:relative;
- background:black;
- }
- #conteudo #posts .perma{
- width:250px;
- black:inline
- 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;
- margin-left: 0px;
- 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;
- }
- #conteudo #posts:hover .perma{
- overflow:hidden;
- color:white;
- height:60px;
- margin-left:10px;
- 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;
- }
- .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;
- }
- #conteudo .permalinktext a{
- color:{color:Links};
- }
- #conteudo #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;
- }
- #conteudo #posts .title {
- font-size: 18px;
- {block:ifcustomfont1}
- font-family: 'Montez', cursive;
- {/block:ifcustomfont1}
- {block:ifcustomfont2}
- font-family: 'Clicker Script';
- {/block:ifcustomfont2}
- {block:ifcustomfont3}
- font-family:'Amatic SC';
- {/block:ifcustomfont3}
- color:{color:Text};
- }
- #conteudo #posts .text {
- font-size:11px;
- font-family:calibri;
- padding: 3px 6px 3px 6px;
- text-align:center;
- color:{color:Text};
- }
- #conteudo #posts .link {
- color:{color:Links};
- font-size: 18px;
- {block:ifcustomfont1}
- font-family: 'Montez', cursive;
- {/block:ifcustomfont1}
- {block:ifcustomfont2}
- font-family: 'Clicker Script';
- {/block:ifcustomfont2}
- {block:ifcustomfont3}
- font-family:'Amatic SC';
- {/block:ifcustomfont3}
- }
- #conteudo #posts .text img {
- width:100%
- }
- #conteudo #posts #permalink {
- font-size:9px;
- margin-top:10px;
- #conteudo #posts #tags {
- font-size:9px;
- }
- #conteudo #posts #tags .comma:last-child {
- display: none;
- }
- #content #posts #notes {
- font-size:9px;
- margin-left:500px;
- font-family:consolas;
- text-transform:uppercase;
- overflow:scroll;
- margin-top:500px;
- color:{color:Text};
- }
- #conteudo #notes ol.notes {
- font-family:consolas;
- text-transform:uppercase;
- }
- #conteudo #notes img.avatar {
- border-radius:50px;
- }
- #conteudo #notecontainer {
- background:transparent;
- max-height:100%;
- width:500px;
- text-align: justify;
- overflow:scroll;
- line-height:15px;
- padding:5px;
- margin-top:600px;
- margin-left: -20px;
- font-family:consolas;
- text-transform:uppercase;
- }
- }
- #conteudo #notecontainer ol.notes {
- margin-top:100px;
- font-family:consolas;
- text-transform:uppercase;
- }
- #conteudo #notecontainer img.avatar {
- width: 16px;
- border-radius:20px;
- }
- #conteudo #notecontainer li{list-style-type:decimal; border-bottom: 1px solid #ebebeb;padding:4px;margin-right: 20px;margin-bottom:2px;margin-top:600px;}
- #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: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:Text};
- 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;}
- #conteudo .pagination {
- display: none;
- }
- .menu1{display:block;
- margin-top:-100px;
- margin-left:280px;
- width:10px;
- height:10px;
- border-radius:25px;
- background:{color:Button 1};
- position:fixed;
- border:4px #fff double;
- -webkit-transition: width 2s;
- transition: width 2s;
- opacity:2;
- }
- .menu1:hover{color:#ccc;
- text-decoration:none;
- background:#ddd;
- border:4px double #bbb;
- transform:rotate(180deg);
- height:10px;
- width:25px;
- transition:2s;
- }
- .menu2{display:block;
- position:fixed;
- margin-top:-70px;
- margin-left:280px;
- width:10px;
- height:10px;
- border-radius:25px;
- font-size:20px;
- background:{color:Button 2};
- line-height:100px;
- text-align:center;
- text-decoration:none;
- border:4px #fff double;
- -webkit-transition: width 2s;
- transition: width 2s;
- opacity:2;
- }
- .menu2:hover{color:#ccc;
- text-decoration:none;
- background:#ddd;
- border:4px double #bbb;
- transform:rotate(180deg);
- height:10px;
- width:25px;
- transition:2s;
- }
- .menu3{display:block;
- position:fixed;
- margin-top:-40px;
- margin-left:280px;
- width:10px;
- height:10px;
- border-radius:25px;
- line-height:100px;
- background:{color:Button 3};
- border:4px #fff double;
- -webkit-transition: width 2s;
- transition: width 2s;
- opacity:2;
- }
- .menu3:hover{color:#ccc;
- text-decoration:none;
- background:#ddd;
- border:4px #bbb double;
- transition:2s;
- transform:rotate(180deg);
- height:10px;
- width:25px;
- }
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #555555;
- }
- blockquote p, ul{
- margin:0px;
- padding:0px;
- }
- a img{border: 0px;}
- ul, ol, li{list-style:none; margin:0px; padding:0px;}
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
- .notes img{width:10px; position:relative; top:3px;}
- <--ses-->
- small{font-size: 90%;}
- </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 = $('#conteudo');
- $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 href="/">{Title}</a></div>
- <div class="description">{Description}</div>
- <a href="{text:Link3 Url}" class="menu1" title="{text:Link3 Title}"></a><a href="{text:Link2 Url}" class="menu2" title="{text:Link2 Title}"></a><a href="{text:Link1 Url}" class="menu3" title="{text:Link1 Title}"></a>
- </div>
- </div> <!--sidebar-->
- <div id="conteudo">
- {block:Posts}
- <div id="posts">
- {block:Photo}
- {block:IndexPage}
- <div class="perma">
- <a href="{Permalink}">{TimeAgo}</a>
- <a href="{Permalink}">{Notecount} hearts</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}
- {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="300px"/></a></div>
- {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="permalinktext"><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="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 class="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 class="link" href="{URL}" >{Name} โ</a>
- {block:Description}<div style="color:{color:Text}">{Description}</div>{/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
Advertisement