Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
- <head>
- <!--
- Disappears Theme
- Kelsey (http://www.atonals.tumblr.com)
- This text should never be deleted, nor should the credit link placed in the theme code.
- credits to:
- http://masonry.desandro.com/docs/methods.html
- >> THEME TWEAKED BY
- >> ---------------------------------------------
- >> HTTP://THEMESBYC.TUMBLR.COM ||| HTTP://CREAMIFY.TUMBLR.COM
- -->
- <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}
- <meta name="color:text" content="#7c7a7a"/>
- <meta name="color:links" content="#bbbbbb"/>
- <meta name="color:link hover" content="#fce4dc"/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="if:endless scroll" content="1" />
- <meta name="if:show captions" content="0"/>
- <meta name="if:italic title" content="0"/>
- <meta name="text:blogtitle size" content="15" />
- <meta name="text:text size" content="9" />
- <meta name="font:body" content="trebuchet ms" />
- <meta name="font:title" content="trebuchet ms" />
- <meta name="image:Title" content=""/>
- <script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
- <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
- {block:ifendlessscroll}<script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js">
- </script>{/block:ifendlessscroll}
- <style type="text/css">
- {block:IndexPage}
- img:hover {
- opacity:1.0;
- -moz-transition: 0.4s ease-in;
- -webkit-transition: 0.4s ease-in;
- -o-transition: 0.4s ease-in;
- transition: 0.4s ease-in;
- }
- img {
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7;
- }{/block:IndexPage}
- {block:IndexPage}{block:ifImagePop}img, img a {border: none; -webkit-transition-duration: .5s;}
- img:hover {-webkit-transform: scale(1.0);}{/block:ifImagePop}{/block:IndexPage}
- iframe#tumblr_controls {
- top: 0% !important;
- right:0% !important;
- position: absolute !important;
- position:fixed !important;
- -webkit-filter: invert(90%) }
- body {background: {color:background};font-family: {font:body};font-size: {text:text size}px;color: {color:Text};line-height:15px;text-align:justify;}
- a:hover {color: {color:link hover};-webkit-transition-duration: .5s;}
- a {color: {color:Links};text-decoration: none;-webkit-transition-duration: .5s;}
- .caption {margin-top:5px;margin-bottom:5px;text-align:left;}
- .title {font-size:{text:blogtitle size}px; text-transform:uppercase;text-align:center;}
- .content{width:1140px;margin-top:20px;margin:auto;padding-bottom:200px;{block:permalinkpage}width:510px;{/block:permalinkpage}}
- .post{margin:15px;margin-top:25px; margin-bottom:3px;width:250px; font-size:{text:text size}px;position:absolute;{block:permalinkpage}width:500px;{/block:permalinkpage}}
- .audio {background-color:#000000;width:250px;}
- ::-webkit-scrollbar-thumb:vertical { background-color:{color:Text}; height:100px; }
- ::-webkit-scrollbar-thumb:horizontal { background-color:{color:background}; height:10px !important; }
- ::-webkit-scrollbar { height:10px; width:10px; background-color:{color:background}; }
- .permalink {text-align:right;}
- .notetitle {padding-left:14px;text-transform:none;padding-bottom:10px; text-align:left;}
- .notes {margin-top:-4px; margin-bottom:25px; text-align:left;margin-left:-10px;}
- ol.notes li.note {padding:5px;}
- ol.notes {max-height: 250px;width:480px; overflow: auto;}
- img.avatar {display: none;}
- .blogtitle {{block:ifitalictitle}font-style:italic;{/block:ifitalictitle}font-size:{text:blogtitle size}px; font-family:{font:title};display:inline-block;}
- .header {position:fixed;bottom:0px;padding:10px;background-color:{color:background};z-index:1000;margin:auto;width:100%;line-height:20px;text-align:center;}
- .description {z-index:1000; position:fixed;opacity:.7;-webkit-transition-duration: .5s;width:100%;margin:auto;line-height:20px;text-align:center;background-color:{color:background}}
- .description:hover {opacity:1;-webkit-transition-duration: .5s;}
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #infscr-loading {opacity:0;}
- .header img {margin-left:0px; padding:0px; max-width:450; max-height:60px;}
- .post:hover #hover
- {opacity:0.8;}
- #notes
- {opacity:0.5;
- letter-spacing:1px;
- z-index:999;}
- #reblog
- {text-transform:uppercase;
- color:{color:text};
- font-size:9px;
- letter-spacing:2px;}
- #hover
- {background-color:#ffffff;
- color:{color:Infos};
- position:absolute;
- padding-right:3px;
- opacity:0;
- overflow:hidden;
- z-index:999;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .navigation{{block:ifendlessscroll}display:none;{/block:ifendlessscroll}{block:ifnotendlessscroll}font-style:italic;{/block:ifnotendlessscroll}}
- {CustomCSS}
- </style>
- <script>
- $(function(){
- var $container = $('.content');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.post'
- });
- });
- $container.infinitescroll({
- navSelector : '.navigation',
- nextSelector : '.navigation a#next',
- itemSelector : '.post',
- animate:false,
- donetext: "No more posts to load" ,},
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems );
- });
- });
- });
- </script>
- </head>
- <body>
- <div class="header">{block:IfTitleImage}<a href="/"><img src="{image:Title}" alt="{Title}" border="0" /></a>{/block:IfTitleImage}<div class="blogtitle">{block:IfNotTitleImage}
- <a href="/">{Title}</a>{/block:IfNotTitleImage}</div><br>
- <a href="/ask">/ message</a> / <a href="/archive"> archive /</a> {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> / {/block:Pages}<a href="http://creamify.tumblr.com/"><big>©</big></a> /{/block:HasPages}</div>
- <div class="description">
- {block:description}{description}{/block:description}
- <div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a href="{NextPage}" id="next">older</a>{/block:NextPage}{block:PreviousPage} // <a href="{PreviousPage}">newer</a></p>{/block:PreviousPage}{/block:Pagination}</div></div>
- <div class="content">
- {block:Posts}
- {block:Text}
- <div class="post">
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {Body}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>
- {/block:IndexPage}
- {block:permalinkpage}<div class="notetitle">{block:caption}{Caption}{/block:caption}
- Posted {TimeAgo} with {NoteCount} Notes
- {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- <div class="notes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post"align="center"><div id="hover">
- <a href="{ReblogURL}" target="_blank"><div id="reblog"> reblog</div></a>
- <a href="{Permalink}"><div id="notes"> {NoteCount} ♥</div></a></div>
- {block:IndexPage}
- <a href="{Permalink}">
- <img src="{PhotoURL-250}" alt="{PhotoAlt}" />
- {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}{/block:IndexPage}</a>
- {block:PermalinkPage}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/><div class="notetitle">{block:caption}{Caption}{/block:caption}
- Posted {TimeAgo} with {NoteCount} Notes
- {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- <div class="notes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- {photoset-250}
- {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
- {/block:IndexPage}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}"><br>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:IndexPage}
- {block:permalinkpage}<div class="notetitle">{block:caption}{Caption}{/block:caption}
- Posted {TimeAgo} with {NoteCount} Notes
- {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- <div class="notes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post">
- {Quote}{block:Source}<br>written by <i>{Source}</i>{/block:Source}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:IndexPage}
- {block:permalinkpage}<div class="notetitle">{block:caption}{Caption}{/block:caption}
- Posted {TimeAgo} with {NoteCount} Notes
- {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- <div class="notes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="post">
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>
- {/block:IndexPage}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post">
- {block:Title}<b>{Title}</b>{/block:Title}
- {block:Lines}{block:Label}<b>{Label}</b> "{Line}"<br>{/block:Label}{/block:Lines}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>
- {/block:IndexPage}
- {block:permalinkpage}<div class="notetitle">{block:caption}{Caption}{/block:caption}
- Posted {TimeAgo} with {NoteCount} Notes
- {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- <div class="notes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post">
- {video-250}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
- </div>{/block:Video}
- {block:Audio}
- <div class="post">
- <div class="audio">
- {AudioPlayerBlack}</div>
- {Caption}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>
- </div>{/block:IndexPage}
- {block:permalinkpage}<div class="notetitle">{block:caption}{Caption}{/block:caption}
- Posted {TimeAgo} with {NoteCount} Notes
- {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- <div class="notes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Audio}
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement