Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Gemstone
- Created on Firefox
- Optimized for Firefox, Chrome, and Mobile
- Started March 11 2015
- All scripts made by softwaring.tumblr.com
- Created by softwaring.tumblr.com
- Download at jubileethemes.tumblr.com
- -->
- <!DOCTYPE HTML>
- <html><head>
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <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}
- {block:Hidden}
- <meta name="color:Background" content="#FFF"/>
- <meta name="color:Background top" content="#D1D0EB"/>
- <meta name="color:Background bottom" content="#fcebd5"/>
- <meta name="color:Content borders" content="#FFF"/>
- <meta name="color:Content background" content="#FFF"/>
- <meta name="color:Links" content="#525252"/>
- <meta name="color:Text" content="#525252"/>
- <meta name="color:Title text" content="#525252"/>
- <meta name="color:Sidebar text" content="#525252"/>
- <meta name="color:Selected text" content="#E9CED2"/>
- <meta name="color:Selected text background" content="#FFF"/>
- <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
- <meta name="if:Captions" content="0"/>
- <meta name="if:Floating sidebar" content="0"/>
- <meta name="if:Infinite scroll" content="0"/>
- <meta name="if:Profile tab" content="1"/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="select:Background style" content="default" title="Default"/>
- <meta name="select:Background style" content="fullscreen-background" title="Fullscreen Background"/>
- <meta name="select:Background style" content="pattern-background" title="Tiled Background"/>
- <meta name="select:Background style" content="gradient" title="Gradient"/>
- <meta name="select:Content bg opacity" content="1" title="Solid" />
- <meta name="select:Content bg opacity" content="0.5" title="Half" />
- <meta name="select:Content bg opacity" content="0.25" title="Semi-Transparent" />
- <meta name="select:Content bg opacity" content="0" title="Transparent" />
- <meta name="select:Photo effect opacity" content="1" title="Solid" />
- <meta name="select:Photo effect opacity" content="0.5" title="Half" />
- <meta name="select:Photo effect opacity" content="0.25" title="Semi-Transparent" />
- <meta name="select:Photo effect opacity" content="0" title="Transparent" />
- <meta name="text:Content width" content="400"/>
- <meta name="text:Long about" content="Put more info here!"/>
- <meta name="text:Read more message" content="Continue reading..."/>
- {/block:Hidden}
- <style>
- iframe#tumblr_controls {
- opacity: 0.4!important; top: 10px !important;
- margin: 0 0 0 0; right: 10px !important;
- position: fixed !important;
- -webkit-filter: invert(100%)!important;
- -moz-filter: invert(100%)!important;
- -o-filter: invert(100%)!important;
- -ms-filter: invert(100%)!important;
- filter: invert(100%)!important; }
- body {
- font: 12px/1.25em {font:Body};
- color: {color:text};
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- cursor: default; }
- .default {
- background:{color:background}; }
- .gradient {
- background:fixed;
- background-image: -o-linear-gradient(bottom, {color:background bottom}, {color:background top} );
- background-image: -moz-linear-gradient(bottom, {color:background bottom}, {color:background top});
- background-image: -webkit-linear-gradient(bottom, {color:background bottom}, {color:background top});
- background-image: -ms-linear-gradient(bottom, {color:background bottom}, {color:background top});
- background-image: linear-gradient(bottom, {color:background bottom}, {color:background top}); }
- .pattern-background {
- background: url({image:background})top left fixed repeat; }
- .fullscreen-background {
- background: url({image:background})center center fixed no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover; }
- a { text-decoration: none; color: {color:links}; cursor: pointer; }
- h1 { text-transform: uppercase; font-weight: 300; font-size: 16px;
- text-align: center; margin: -10px -10px 10px -10px;
- border-bottom: 1px solid {color:Content borders}; padding: 15px; }
- h2 { text-transform: uppercase; font-weight: 300; font-size: 14px;
- text-align: center; }
- blockquote { border-left: 1px solid {color:Content borders};
- padding: 0px 10px; margin: 2px 10px; }
- .label { text-transform: uppercase; font-weight: 300; font-size: 14px; padding: 10px; font-style: italic;
- border-bottom: 1px solid {color:Content borders};
- margin: 10px -25px 10px; }
- #wrapper {
- width: calc({text:Content width}px + 20px);
- min-width: calc(200px + 20px); max-width: calc(1200px + 20px);
- margin: 37px auto -25px;
- padding: 25px 0;
- border: 1px solid {color:Content borders}; border-top: none; border-bottom: none;
- background: rgba({RGBcolor:Content background}, {select:Content bg opacity}); }
- #post {
- width: calc({text:Content width}px - 20px);
- min-width: calc(200px - 20px); max-width: calc(1200px - 20px);
- margin: 25px 10px;
- padding: 10px;
- position: relative; overflow: hidden;
- border: 1px solid {color:Content borders};
- background: rgba({RGBcolor:Content background}, {select:Content bg opacity}); }
- .imagperma {
- position: absolute;
- width: calc(100% - 20px);
- bottom: 0px;
- padding: 5px 10px;
- border-top: 1px solid {color:Content borders};
- background: rgba({RGBcolor:Content background}, .75);
- text-transform: uppercase; font-size: 10px;
- letter-spacing: 1px; text-align: center;
- opacity: 0;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;
- transition: all 0.2s ease-out; }
- #post:hover .imagperma {
- opacity: 1;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;
- transition: all 0.2s ease-out; }
- #post li { list-style: square; padding: 0px 10px; margin: 2px 5px; }
- .textpermalinks {
- padding: 10px; opacity: 0;
- border-top: 1px solid {color:Content borders};
- background: rgba({RGBcolor:Content background}, .75);
- position: absolute;
- margin: -25px -10px;
- width: calc(100% - 20px);
- text-transform: uppercase; font-size: 10px;
- letter-spacing: 1px; -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;
- transition: all 0.2s ease-out; }
- #post:hover .textpermalinks {
- opacity: 1;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;
- transition: all 0.2s ease-out; }
- .textpermalinks #reblog {
- float: right;
- border-left: 1px solid {color:Content borders};
- padding: 10px 0px 10px 10px; margin-top: -10px; }
- .qs { font-size: 10px; text-transform: uppercase; text-align: right; }
- #screen {
- z-index: -999999;
- height: calc(100% + 30px); width: calc(100% + 30px);
- position: fixed; opacity: {select:Photo effect opacity};
- -webkit-filter: blur(5px); -moz-filter: blur(5px);
- -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);
- top: -10px; left: -10px;
- right: -10px; bottom: -10px;
- background-image:url('http://assets.tumblr.com/images/x.gif?v=1')
- center center fixed no-repeat; background-size: cover; }
- .video { padding-bottom: 25px; }
- .video iframe { width: 100%!important; height: 100%!important; }
- :focus { outline:none; }
- ::-moz-focus-inner { border:0; }
- .photoset a:first-child { display:block !important;
- border:0 !important; padding:0 !important; }
- .photoset a { display:none; }
- ::selection { background: {color:selected text background};
- color: {color:selected text}; }
- ::-moz-selection { background: {color:selected text background};
- color: {color:selected text}; }
- ::-webkit-selection { background: {color:selected text background};
- color: {color:selected text}; }
- .topnavigation {
- width: calc({text:Content width}px - 20px);
- min-width: calc(200px - 20px); max-width: calc(1200px - 20px);
- position:fixed; top: 0px; padding: 0px 20px;
- margin-left: -1px;
- border: 1px solid {color:Content borders}; border-top: none;
- background: rgba({RGBcolor:Content background}, {select:Content bg opacity});
- z-index: 1000; }
- .topnavigation .menu {
- border-top: 1px solid {color:Content borders};
- padding: 10px 10px; margin: 0px -20px -20px;
- height: 35px; text-transform: uppercase; font-size: 10px;
- text-align: center; letter-spacing: 1px;
- color: {color:Title text}; }
- #profile {display: none; position:absolute; width: calc(100% - 10px);}
- .hidden {
- width: calc(100% - 20px);
- height: 150px; display: none ;
- overflow: auto;
- position:relative;
- text-align: left;
- padding: 10px; }
- .posi {
- border-top: 1px solid {color:Content borders};
- border-bottom: 1px solid {color:Content borders};
- width: 150px; text-align: center;
- padding: 10px; margin: 12px -10px 0px; }
- .side {
- position: fixed; width: 150px;
- padding: 10px; color: {color:sidebar text};
- border: 1px solid {color:Content borders};
- background: rgba({RGBcolor:Content background}, {select:Content bg opacity});
- {block:iffloatingsidebar}
- top: 100px;
- margin-left: -200px;
- {/block:iffloatingsidebar}
- {block:ifnotfloatingsidebar}
- border-right: none;
- margin-left: -171px;
- top: 36px;
- {/block:ifnotfloatingsidebar} }
- .side img {
- width: 112%;
- margin: -10px -11px 7px -10px;
- border-bottom: 1px solid {color:Content borders}; }
- .side a { color: {color:sidebar text}; }
- .side li {
- display: inline-block;
- text-transform: uppercase;
- padding: 0px 2.5px;
- font: 8px calibri; letter-spacing: 2px; }
- .side .description {
- padding: 10px 10px 0px;
- margin: 0px -10px; }
- .aud {
- background: white;
- padding: 10px; margin: -10px -10px 10px; }
- .prag {
- position:absolute;
- bottom: -30px; right: 0px;
- text-align: center; }
- .prag li {
- border: 1px solid {color:Content borders};
- background: rgba({RGBcolor:Content background}, {select:Content bg opacity}); padding: 5px; }
- .asker-question {
- margin: -10px -10px 10px -10px;
- border-bottom: 1px solid {color:Content borders}; padding: 15px;
- }
- .caption { {block:ifnotcaptions}display:none;{/block:ifnotcaptions} padding: 10px; }
- @media screen and (max-width: 480px) {
- html { -webkit-text-size-adjust: none;
- background: {color:background}; }
- body { font: 12px/1.25em {font:Body}; color: {color:text};
- background: transparent!important; }
- #wrapper { width: 90%; margin-top: -20px; }
- #post { width: 90%!important; }
- #post img { width: 100%!important; }
- .side { display:none!important; }
- .topnavigation { display:none!important; } }
- {CustomCSS}
- </style>
- <script src="//code.jquery.com/jquery-1.10.2.js"></script>
- <script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
- </head>
- <body class="{select:background style}">
- <div id="screen"></div>
- <div id="wrapper">
- <div class="topnavigation">
- <div class="hidden">
- <div id="profile">
- {text:long about}
- <!-- this is your pop up profile you can add images or links here or use the provided meta tags -->
- </div> </div>
- <div class="menu"> {title} </div>
- </div>
- <div class="side">
- {block:ifsidebarimage}
- <center>
- <img src="{image:sidebar}"/>
- </center>
- {/block:ifsidebarimage}
- <center>
- <a href="/"><li>home</li></a>
- <a href="/ask"><li>ask</li></a>
- <a href="/archive"><li>index</li></a>
- <a href="http://jubileethemes.tumblr.com" title="theme credit"><li>html</li></a>
- </center>
- {block:ifprofiletab}
- <div class="posi">
- <a href="#" class="profile"><li>profile</li></a>
- <a class="profile2" style="display: none;"><li>close</li></a>
- </div>
- {/block:ifprofiletab}
- {Block:Description}
- <div class="description">
- {description}
- </div>
- {/Block:Description}
- {block:ifnotinfinitescroll}
- {block:Pagination}
- <div class="prag">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <li>back</li>
- </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">
- <li>forward</li>
- </a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:ifnotinfinitescroll}
- {block:ifinfinitescroll}
- {block:Pagination}
- <div class="prag">
- {block:NextPage}
- <div id="clicker" style="color: {color:Sidebar text}; cursor: pointer;">
- <li>load previous posts</li>
- <a href="{NextPage}" id="nextpage" style="display: none;">next</a>
- {/block:NextPage}
- </div></div>
- {/block:Pagination}
- {/block:ifinfinitescroll}
- </div>
- {block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <div id="post" style="
- {block:Panorama}padding: 0px; width: {text:Content width}px; min-width: 200px;{/block:Panorama}
- {block:Photo}padding: 0px; width: {text:Content width}px; min-width: 200px;{/block:Photo}
- {block:Photoset}padding: 0px; width: {text:Content width}px; min-width: 200px;{/block:Photoset}
- {block:Video}padding: 0px; width: {text:Content width}px; min-width: 200px;{/block:Video} ">
- {block:Text}
- <div class="text">
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- {Body}
- {block:More}
- <a href="{Permalink}">{text:read more message}</a>
- {/block:More}
- </div>
- {/block:Text}
- {block:Photo}
- {block:IndexPage}<div class="imagperma">
- <a href="{Permalink}">{NoteCount}</a>
- <a href="{ReblogURL}" target="_blank" class="details">/ reblog</a>
- </div>{/block:IndexPage}
- {block:PermalinkPage} {LinkOpenTag} {/block:PermalinkPage}
- <img src="{PhotoURL-HighRes}" style="width: 100%; margin-bottom: -2px;" alt="{PhotoAlt}" onmouseover="$(this).changebackground('{PhotoURL-HighRes}')"/>
- {block:PermalinkPage} {LinkCloseTag} {/block:PermalinkPage}
- {/block:Photo}
- {block:Panorama}
- {block:PermalinkPage} {LinkOpenTag} {/block:PermalinkPage}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" onmouseover="$(this).changebackground('{PhotoURL-Panorama}')"/>
- {block:PermalinkPage} {LinkCloseTag} {/block:PermalinkPage}
- {/block:Panorama}
- {block:Quote}
- <div class="text">
- <h1>{Quote}</h1>
- {block:Source}
- <div class="qs">{Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="text">
- <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
- {block:Description}
- {Description}
- {/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="text">
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- {block:Lines}
- <li class="{Alt} user_{UserNumber}" style="list-style:none;">
- {block:Label}
- <div class="label">{Label}</div>
- {/block:Label}
- <center>{Line}</center>
- </li>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Video}
- <div class="video">{VideoEmbed-700}</div>
- {/block:Video}
- {block:Audio}
- <div class="aud">
- <center>{AudioPlayerWhite}</center>
- </div>
- <div class="qs">
- {block:TrackName} {TrackName} /{/block:TrackName}
- {block:Artist} {Artist} {/block:Artist}
- {block:PlayCount}/ {PlayCountWithLabel} {/block:PlayCount}
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="text">
- <h1>{lang:Asker asked}</h1>
- <div class="asker-question">
- {Question}
- </div>
- {block:Answerer}
- <h1>
- {Answerer} {lang:Replies}
- </h1>
- <div class="answerer-answer">
- {Answer}
- </div>
- {/block:Answerer}
- <div style="padding: 10px;">{Replies}</div>
- </div>
- {/block:Answer}
- {block:Photoset}
- {block:IndexPage}<div class="imagperma">
- <a href="{Permalink}">{NoteCount}</a>
- <a href="{ReblogURL}" target="_blank" class="details">/ reblog</a>
- </div>{/block:IndexPage}
- <div class="photoset">
- {block:Photos}
- <img src="{PhotoURL-HighRes}" style="width: 100%; margin-bottom: -3px;"
- onmouseover="$(this).changebackground('{PhotoURL-HighRes}')"
- {block:Caption}alt="{Caption}"{/block:Caption}>
- {/block:Photos}
- </div>
- {/block:Photoset}
- {block:IndexPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="textpermalinks" style="
- {block:Panorama}display: none;{/block:Panorama}
- {block:Photo}display: none;{/block:Photo}
- {block:Photoset}display: none;{/block:Photoset}
- {block:Video}position: absolute; margin-top: -25px; width: calc(100% - 20px); margin-left: 0px; padding: 5px 10px; background: transparent;{/block:Video}
- ">
- <a href="{Permalink}">{ShortMonth} {DayofMonth} {Year}</a>
- <a href="{ReblogURL}" target="_blank" class="details" id="reblog" style="{block:Video}border-left: none;{/block:Video}">reblog</a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <center style="font: 10px calibri; text-transform: uppercase;">{TimeAgo} on {Month} {DayofMonth}{DayofMonthSuffix} {Year}<br>
- {NoteCountWithLabel}<br>
- {block:HasTags}
- {block:Tags}<a href="{TagURL}" title="see more posts tagged {Tag}">#{Tag}</a> {/block:Tags}<br>
- {/block:HasTags}
- {block:RebloggedFrom}
- VIA / <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- SRC / <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
- </center>
- {block:PermalinkPagination}
- <div style="margin-top: 5px; border-top: 1px solid {color:Content borders}; padding: 5px 5px 0px 5px; text-align: left;">
- {block:PreviousPost}
- <a href="{PreviousPost}">
- {lang:Previous post}
- </a>
- {/block:PreviousPost}
- {block:NextPost}
- <a href="{NextPost}" style="float: right;">
- {lang:Next post}
- </a>
- {/block:NextPost}
- </div>
- {/block:PermalinkPagination}
- {block:PostNotes}<div style="margin-top: 5px; border-top: 1px solid {color:Content borders}; padding-top: 5px; text-align: justify;">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- <script>
- $(document).ready(function() {
- $.fn.changebackground = function(msg) { $("#screen").css("background-image", "url("+msg+")"); };
- });
- $("a.profile" ).click(function() {
- $("#wrapper").animate({"margin-top":"207px"},400);
- $(".hidden").slideDown(400);
- $("#profile").fadeIn(800);
- $("a.profile2").fadeIn(200);
- $("a.profile").fadeOut(200);
- });
- $("a.notes").click(function(){
- $(".pagenotes").animate({opacity:"toggle", height: "toggle"}, 300);
- });
- $("a.profile2" ).click(function() {
- $("#wrapper").animate({"margin-top":"37px"},800);
- $(".hidden").slideUp(800);
- $("#profile").fadeOut(400);
- $("a.profile").fadeIn(200);
- $("a.profile2").fadeOut(200);
- });
- </script>
- <script src="http://static.tumblr.com/mqkrxog/293nfwao1/masonry.js"></script>
- <script src="http://static.tumblr.com/mqkrxog/7g3nfwaof/masonry1.js"></script>
- <script src="http://static.tumblr.com/mqkrxog/y5Ongpsyr/infinite.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- var $container = $('#wrapper');
- $container.imagesLoaded( function(){
- $container.masonry({
- itemSelector: '#post'
- });
- });
- $container.infinitescroll({
- loading: {
- selector: null,
- speed: 'fast',
- start: undefined
- },
- navSelector : 'a#nextpage',
- nextSelector : 'a#nextpage',
- itemSelector : '#post',
- bufferPx : 1250
- },
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $container.masonry( 'appended', $newElems, {isAnimated: true}, function(){$newElems.animate({opacity:'toggle' }, 800);});
- });
- });
- jQuery(window).unbind('.infscr');
- jQuery('#clicker').click(function(){
- jQuery('#wrapper').infinitescroll('retrieve');
- return false;
- });
- });
- </script
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement