Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--
- TIDE 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 <-
- -->
- <title>{title}</title>
- <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|Lato|Oxygen:700,400|Raleway' rel='stylesheet' type='text/css'>
- <meta name="color:background" content="#ffffff" />
- <meta name="color:blogtitle" content="#ebc0ec" />
- <meta name="color:body links" content="#aeaeae"/>
- <meta name="color:header" content="#fff" />
- <meta name="color:hover background" content="#ebc0ec" />
- <meta name="color:links" content="#aeaeae"/>
- <meta name="color:text" content="#000" />
- <meta name="color:description" content="#aeaeae" />
- <meta name="if:Disable Right Click" content="0"/>
- <meta name="if:Font 1" content="0">
- <meta name="if:Font 2" content="1">
- <meta name="if:Font 3" 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:Infinite scroll" content="1"/>
- <meta name="if:1 column" content="0"/>
- <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="text:Ask Page" content="/ask" />
- <meta name="text:Reblog Word" content="REBLOG" />
- <meta name="text:Padding Top" content="150" />
- <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;position:fixed;}
- ::-moz-selection {background: #fdfdfd;color: {color:text};}::selection { background: #fdfdfd;color: {color:hover background};}
- #content {margin:auto;{block:if1column}width:800px;left:13%;{/block:if1column}{block:if2columns}width:1000px;left:10%;{/block:if2columns} {block:ifnot1column} {block:ifnot2columns} width:1250px;{/block:ifnot2columns}{/block:ifnot1column}padding-top:{text:padding top}px;{block:PermalinkPage} width:1500px;left:34%{/block:PermalinkPage}}
- body {background: {color:Background};{block:iffont1}font-family: 'Didact Gothic', sans-serif; {/block:iffont1}{block:iffont2}font-family:raleway;{/block:iffont2}{block:iffont3}font-family: 'Lato', sans-serif;{/block:iffont3}color: #1d1818;font-size: 0.8em;margin: 0;color:{color:text};}
- a {text-decoration:none;color:{color:body links};-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
- a:link, a:active, a:visited{color: {color:body links};-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
- iframe, img, embed, object, video {max-width: 100%;}img {height: auto;width: auto;} nav li {display: inline;}
- #menu {background:{color:header};opacity:.8;width:100%;height:auto;margin:auto;z-index:503;margin-left:-5px;text-align: center;padding: 1%;color: #070606;position: fixed;}
- article {background: {color:background};{block:if1column}width: 44%;margin: 40px;{/block:if1column}{block:if2columns}width: 28%;margin: 40px;{/block:if2columns}{block:if3columns}width: 23%;margin: 42px;padding-left:40px;{/block:if3columns}{block:if4columns}width: 20%;padding-left:10px; margin: 25px;margin-left: 25px; {/block:if4columns}{block:if5columns}width: 16%; margin: 25px;margin-left: 25px; {/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%;}
- .links {font-family:oxygen;font-weight:200;font-size:11px;letter-spacing:2px;word-spacing:8px;text-align:center;text-transform:uppercase;}
- .title {font-family:Helvetica;font-weight:800;font-size:16px;line-height:30px;letter-spacing:3px;text-transform:uppercase;color:{color:title}}
- .blogtitle {font-family:Helvetica;font-weight:800; font-size:26px;line-height:50px;letter-spacing:5px;text-transform:uppercase;color:{text:blogtitle}}
- .description {{block:iffont1}font-family: 'Didact Gothic', sans-serif; {/block:iffont1}{block:iffont2}font-family:raleway;{/block:iffont2}{block:iffont3}font-family: 'Lato', sans-serif;{/block:iffont3}font-size:14px;
- text-align:center;color:{color:description}}
- .credit {opacity:0.7;font-size:24px;position:fixed;bottom:25px;left:5px;color:#000;}
- .perma {position:absolute;font-family: 'Didact Gothic', sans-serif;padding:15px;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{background-color:{color:hover background};} .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{background-color:{color:hover background};} .link:hover .perma{margin-top: -20px; opacity:1}.text:hover .perma{margin-top: -20px; opacity:1}.quote:hover .perma{margin-top: -20px;opacity:1}.video:hover .perma{margin-top: -20px; opacity:1}.chat:hover .perma{margin-top: -20px; opacity:1}.video embed:hover .perma{margin-top: -20px; opacity:1}.video iframe:hover .perma{margin-top: -20px; opacity:1}.audio:hover .perma{margin-top: -20px; opacity:1}
- #topDiv{position: fixed;bottom:4px;text-align:center; z-index:1000;display: none;cursor: pointer; right:20px;}
- .topDiv_links{font-size:10px; line-height:15px; }
- .topDiv_links a{font-size:10px; text-decoration:none;}
- </style></head>
- <body>
- {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.ontxtmenu=new Function("return false")
- // -->
- </script>
- {/block:ifdisablerightclick}
- <header id="menu">
- <span class="blogtitle"><a style="color:{color:blogtitle};" href="/">{Title}</a></span>
- <span class="links">
- {block:ifShowAHomeLink}
- <a style="color:{color:links};" href="/">home</a>{/block:ifShowAHomeLink}
- {block:ifShowArchiveLink} <a style="color:{color:links};" href="/archive">history</a>{/block:ifShowArchiveLink}
- {block:ifShowAskLink}<a style="color:{color:links};" href="{text:ask page}">message</a>{/block:ifShowAskLink}
- {block:HasPages}{block:Pages}
- <a href="{URL}" style="color:{color:links};"><span class="links">{Label}</span></a> {/block:Pages}{/block:HasPages}
- <!-- please don't remove this it's not fair --><a style="color:{color:links};" href="http://timbllr.tumblr.com">theme</a>
- </div></div>
- </span><br>
- <div class="description">
- <description>{description}
- </description>
- </div></div>
- </div> </header>
- <div id="content">
- {block:Posts}
- <article>
- {block:Photo}
- {block:IndexPage}<div class="photo"><span class="perma"> <a href="{Permalink}">{Notecount} ✩</a> <a href="{ReblogURL}" target="_blank">{text:Reblog Word}</a></span><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></div>{/block:IndexPage}
- {block:permalinkpage}<div style="width:600px;"><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></div>{/block:permalinkpage}
- {/block:Photo}
- {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:Text}
- <div class="text"><div style="padding:1px;">
- {block:indexpage} {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- {Body}
- <div class="perma" style="float:right;width:100%;text-align:right;"><a href="{Permalink}"style="color:gray;">{NoteCount}</a></div></div><div>{/block:indexpage}
- {block:permalinkpage} {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- {Body}
- {/block:permalinkpage}
- {/block:Text}
- {block:Quote}
- <div class="quote">"{Quote}"<Br><Br><div style=" float:left;width:100%;text-align:right;"> ― <b>{Source}</b><div class="perma" style=" float:right;width:100%;text-align:right;"><a href="{Permalink}"style="color:gray;">{NoteCount}</a></div></div>
- {/block:Quote}
- {block:Chat}
- <div class="chat">
- {block:indexpage} <ul>
- {block:Lines}<li class="{Alt}"><b>{block:Label}<span class="label">{Label}</span>{/block:Label}</b><p> {Line} </p></li>{/block:Lines}
- </ul>
- <div class="perma" style=" float:right;width:100%;text-align:right;"><a href="{Permalink}"style="color:gray;">{NoteCount}</a></div></div>{/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}<div class="title"><a href="{Permalink}">{TrackName}</a></div>{/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}
- <div class="perma" style=" float:right;width:100%;text-align:right;"><a href="{Permalink}"style="color:gray;">{NoteCount}</a></div></div>
- {/block:Audio}
- {block:Video}
- <div class="video"><div class="video-player">{Video-500}</div>
- {/block:Video}
- {block:Link}
- {block:IndexPage}<div class="link"><div class="title"><a href="{URL}" {Target}>{Name}</a></div><a href="{permalink}" {block:Description}{Description}{/block:Description}</a><div class="perma" style=" float:right;width:100%;text-align:right;"><a href="{Permalink}" style="color:gray;">{NoteCount}</a></div></div>{/block:IndexPage}
- {block:Permalinkpage} <h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Permalinkpage}
- {/block:Link}
- {block:Answer}<div class="text"><img src="{AskerPortraitURL-24}" align="left" z-index: 1;/><b>{Asker} asked:</b> <br>{Question}<br><br><div class="answer">{Answer}</div>
- <div class="perma" style=" float:right;width:100%;text-align:right;"><a href="{Permalink}" style="color:gray;">{NoteCount}</a></div></div>
- {/block:Answer}
- {block:PermalinkPage}
- {block:Date}
- <div>
- <div style="font-size:14px;">this was posted {timeago} with {notecount} notes</div>
- {block:RebloggedFrom}
- <br>
- <b>reblogged from: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br></b>
- <B>source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></b>
- {/block:RebloggedFrom}
- {block:HasTags}
- <br>
- {block:Tags}#<a href="{TagURL}" title="posts tagged as {Tag}">{Tag} </a>{/block:Tags}
- {/block:HasTags}
- <br>
- {PostNotes}
- </div>
- {/block:Date}
- {/block:PermalinkPage}
- </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>
- <div id="topDiv">
- <br><a href="javascript:void(0);" id="topDivA"><img src="http://static.tumblr.com/luj2trt/UKJmcltav/totop_1.png" width="50" height="32" style="-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
- -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
- box-shadow: 0px 0px 0px rgba(0,0,0,0.33);"></a></div>
- <script type="text/javascript">
- $(function() {
- $("#topDivA").click(function(){
- var target = $("html");
- $('html, body').animate({
- scrollTop: target.offset().top
- }, 1000);
- });
- var topDiv = $("#topDiv");
- var topDivTop = "1000";
- var view = $( window );
- view.bind("scroll resize", function(){
- var viewTop = view.scrollTop();
- if (viewTop > topDivTop){
- topDiv.fadeIn(300);
- }
- else if (viewTop <= topDivTop){
- topDiv.fadeOut(200);
- }
- });
- });
- </script>
- </body>
- <div class="credit"><a href="http://timbllr-themes.tumblr.com/">ⓣ</a></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement