Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--
- BLISS THEME CREATED BY TIMBLLR
- by using this theme you agree to not do any of the following:
- - remove or change the credit of this theme
- - edit this html and take all credit
- - steal any parts of this code or redistribute it
- -> this theme is licensed under the creative commons attribution 3.0 unported license <-
- -->
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href='http://fonts.googleapis.com/css?family=Didact+Gothic|Pacifico' rel='stylesheet' type='text/css'>
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:hover Background" content="#d4ff00" />
- <meta name="color:menu background" content="#d4ff00" />
- <meta name="color:text" content="#000" />
- <meta name="if:Disable Right Click" content="0"/>
- <meta name="if:Show A Home Link" content="1"/>
- <meta name="if:Show Ask Link" content="1"/>
- <meta name="if:Show Archive Link" content="1"/>
- <meta name="if:Show Two Custom Links" content="0"/>
- <meta name="if:Show Three Custom Links" content="0"/>
- <meta name="if:Show Four Custom Links" content="0"/>
- <meta name="if:Infinite scroll" content="1"/>
- <meta name="if:2 columns" content="0"/>
- <meta name="if:3 columns" content="0"/>
- <meta name="if:4 columns" content="1"/>
- <meta name="if:5 columns" content="0"/>
- <meta name="if:Use Banner" content="0">
- <meta name="if:Use Title" content="1">
- <meta name="text:Ask Page" content="/ask" />
- <meta name="text:Reblog Word" content="REBLOG" />
- <meta name="text:Custom Link One Title" content="" />
- <meta name="text:Custom Link One" content="" />
- <meta name="text:Custom Link Two Title" content="" />
- <meta name="text:Custom Link Two" content="" />
- <meta name="text:Custom Link Three Title" content="" />
- <meta name="text:Custom Link Three" content="" />
- <meta name="text:Custom Link Four Title" content"" />
- <meta name="text:Custom Link Four" content="" />
- <meta name="image:menu" content="" />
- <meta name="image:Background" content="" />
- <meta name="image:Banner" content="">
- <head>
- <style type="text/css">
- iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
- .headertext {text-transform:uppercase;}
- ::-moz-selection {
- background: #fdfdfd;
- color: {color:text};
- }
- ::selection {
- background: #fdfdfd;
- color: {color:hover background};
- }
- #content {
- margin: 2%;
- {block:PermalinkPage} width:3000px;
- margin-left:fixed{/block:PermalinkPage}
- }
- body {
- background: {color:Background} url('{image:Background}');
- background-size: cover;
- color: #1d1818;
- font-family: 'Didact Gothic', sans-serif;
- font-size: 0.8em;
- margin: 0;
- color:{color:text};
- padding: 0;}
- a {
- color: #050404;
- text-decoration: none;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- }
- #menu {
- background: {color:menu background} url('{image:menu}');
- background-size: cover;
- width:100%;
- height:auto;
- z-index:503;
- text-align: center;
- padding: 1%;
- color: #070606;
- margin-top:-10px;
- position: fixed;
- }
- }
- nav li {
- display: inline;
- }
- article {
- background: {color:background};
- margin: 25px;
- {block:if2columns}margin-left: 230px;{/block:if2columns}
- {block:if3columns}margin-left: 100px;{/block:if3columns}
- {block:if4columns}margin-left: 45px;{/block:if4columns}
- {block:if5columns}margin-left: 45px;{/block:if5columns}
- padding: 0%;
- {block:if2columns}width: 27%;{/block:if2columns}
- {block:if3columns}width: 22%;{/block:if3columns}
- {block:if4columns}width: 19%;{/block:if4columns}
- {block:if5columns}width: 14%;{/block:if5columns}
- }
- .chat span {
- float: left;
- margin-right: 1%;
- }
- #tags, nav ul, .chat ul {
- list-style: none;
- list-style-image: none;
- margin: 0;
- padding: 0;
- }
- #tags li {
- float: left;
- margin-right: 1%;
- }
- .blogtitle {
- font-family: 'Pacifico', cursive;
- font-size:20px;
- text-align:center;
- margin-top: -30px;
- color:{color:title}
- }
- .perma {position:absolute;
- padding:10px;
- opacity:0;
- -webkit-transition: 0.2s ease-in;}
- .photo:hover .perma {-webkit-transition: 0.2s ease-in;
- opacity:0.4;}
- .photo:hover .perma {
- -webkit-transition: 0.3s ease-in;
- position:absolute;
- margin:8px;
- padding:7px;
- background:#fff;
- opacity:0.7;
- }
- .photo:hover .perma:hover{
- opacity:0.9;
- background-color: {color:hover background};}
- z-index:1;
- }
- .pset:hover .perma {-webkit-transition: 0.2s ease-in;
- opacity:0.4;}
- .pset:hover .perma {
- -webkit-transition: 0.3s ease-in;
- position:absolute;
- margin:8px;
- padding:7px;
- background:#fff;
- opacity:0.7;
- }
- .pset:hover .perma:hover{
- opacity:0.9;
- background-color: {color:hover background};}
- z-index:1;
- }
- </style>
- </head>
- <body>
- <div style="display:block;bottom:5px;right:3px;font-size:24px;font-family:{font:posts};position:fixed;background-color:#fff;padding:3px;border-radius:2px;z-index:5;opacity:0.9;z-index:9999999999999999999999999999999999999;"><a href="http://timbllr-themes.tumblr.com/">ⓣ</a></div>
- {block:ifdisablerightclick}
- <script language=JavaScript>
- <!--
- //Disable right mouse click Script
- //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
- //For full source code, visit http://www.dynamicdrive.com
- var message="";
- ///////////////////////////////////
- function clickIE4(){
- if (event.button==2){
- alert(message);
- return false;
- }
- }
- function clickNS4(e){
- if (document.layers||document.getElementById&&!document.all){
- if (e.which==2||e.which==3){
- alert(message);
- return false;
- }
- }
- }
- if (document.layers){
- document.captureEvents(Event.MOUSEDOWN);
- document.onmousedown=clickNS4;
- }
- else if (document.all&&!document.getElementById){
- document.onmousedown=clickIE4;
- }
- document.oncontextmenu=new Function("return false")
- // -->
- </script>
- {/block:ifdisablerightclick}
- <header id="menu">
- {block:ifusetitle}<div class="blogtitle"><h1>{Title}</a></div></h1>{/block:ifusetitle}
- <div style="text-align: center;">{block:ifusebanner}<Br><img style="max-width:400px; max-height:300px" src="{image:banner}"/><Br><br>{/block:ifusebanner}
- <span class="headertext">
- {block:ifShowAHomeLink}<a href="/">home</a> │ {/block:ifShowAHomeLink}
- {block:ifShowArchiveLink} <a href="/archive">history</a> │ {/block:ifShowArchiveLink}
- {block:ifShowAskLink}<a href="{text:ask page}">contact</a> │ {/block:ifShowAskLink}
- {block:ifShowTwoCustomLinks}
- <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>
- │
- <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>
- │
- {/block:ifShowTwoCustomLinks}
- {block:ifShowThreeCustomLinks}
- <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>
- │
- <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>
- │
- <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>
- │
- {/block:ifShowThreeCustomLinks}
- {block:ifShowFourCustomLinks}
- <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>
- │
- <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>
- │
- <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>
- │
- <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>
- │
- {/block:ifShowFourCustomLinks}
- <a href="http://timbllr.tumblr.com">theme</a>
- </span><br><Br>
- <description>{description}</description>
- </div>
- </div> </header>
- <div style="padding-top:170px">
- <div id="content">
- {block:Posts}
- <article>
- {block:Photo}
- <div class="photo">{block:IndexPage}<span class="perma"><a href="{Permalink}">{Notecount} ✩</a> <a href="{ReblogURL}" target="_blank">{text:Reblog Word}</a></span>{/block:IndexPage}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {/block:Photo}
- {block:Text}
- <div class="text"><div style="padding:1px;">
- {block:indexpage} {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- {Body}
- <a href="{Permalink}">{notecountwithlabel}</a><div>{/block:indexpage}
- {block:permalinkpage} {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- {Body}
- {/block:permalinkpage}
- {/block:Text}
- {block:Photoset}
- {block:IndexPage}<div class="pset"><span class="perma"><a href="{Permalink}">{Notecount}</a> ✩ <a href="{ReblogURL}" target="_blank">REBLOG</a></span>{/block:IndexPage}{block:Photos}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{/block:Photos}</div>{/block:IndexPage}
- {block:permalinkpage}<div style="margin-left:500px;">{/block:permalinkpage}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}<Br> ― <b>{Source}</b><div class="tperma"><a href="{Permalink}"><br>{notecountwithlabel}</a></div></div>
- {/block:Quote}
- {block:Link}
- <div class="link">
- {block:indexpage} <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- <a href="{Permalink}">{notecountwithlabel}</a>{/block:indexpage}
- {block:permalinkpage} <h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:permalinkpage}
- {/block:Link}
- {block:Chat}
- <div class="chat">
- {block:indexpage} <ul>
- {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
- </ul>
- <a href="{Permalink}">{notecountwithlabel}</a>{/block:indexpage}
- {block:permalinkpage}<ul>
- {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
- </ul>{/block:permalinkpage}
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
- <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div>
- <div class="player">{AudioPlayerBlack}</div>
- {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
- {/block:Audio}
- {block:Video}
- <div class="video"><div class="video-player">{Video-500}</div>
- {/block:Video}
- {block:Answer}
- {block:IndexPage}<div class="text"><div style="padding:15px;">{Question}<br><b>asked by {Asker}</b><br>{Answer}<a href="{Permalink}">{notecountwithlabel}</a></div></div>{/block:IndexPage}
- {block:PermalinkPage}<div style="width:500px">{Question}<br><b>asked by {Asker}</b><br>{Answer}</div>{/block:PermalinkPage}
- {/block:Answer}
- {block:Permalink}
- <footer class="details">
- {block:PostNotes}
- <br>{block:RebloggedFrom}<b>reblogged from</b>: {ReblogParentName}{/block:RebloggedFrom}<br>{block:ContentSource}<b>original source</b>: {SourceURL} {/block:ContentSource}<br><br>{block:HasTags}<b>tagged with</b>: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}<br><b><u>this post has {NoteCountWithLabel}</b></u>
- <br><br>
- {PostNotes}
- {/block:PostNotes}
- {/block:Permalink}
- </article>
- {/block:Posts}
- </div>
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- {block:IfInfiniteScroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
- {/block:IfInfiniteScroll}
- <script>
- (function() {
- var $tumblelog = $('#content');
- {block:IfInfiniteScroll}
- $tumblelog.infinitescroll({
- navSelector : ".pagination",
- nextSelector : ".pagination a:first",
- itemSelector : "article",
- bufferPx : 50,
- done : "",
- loading: {
- finishedMsg: "<p> </p>",
- img : " ",
- msg: null,
- msgText: "<p> </p>"
- },
- },
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $tumblelog.masonry( 'appended', $newElems);
- });
- }
- );
- {/block:IfInfiniteScroll}
- $tumblelog.imagesLoaded( function(){
- $tumblelog.masonry({
- columnWidth: function( containerWidth ) {
- return containerWidth / 100;
- }
- });
- });
- })();
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement