Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--
- RESTLESS THEME 2.0 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' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
- <meta name="color:background" content="#ffffff" />
- <meta name="color:body links" content="#000"/>
- <meta name="color:hover background" content="#d4ff00" />
- <meta name="color:links" content="#d4ff00"/>
- <meta name="color:text" content="#000" />
- <meta name="color:title" content="#000" />
- <meta name="color:line" content="#d4ff00" />
- <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 Submit 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:Use Banner" content="0">
- <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:Banner" content="">
- <meta name="image:Line" content="">
- <head>
- <style type="text/css">
- .wrapper{width:1350px;margin:0px auto;}
- 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: 2%;
- width:98%;
- position:center;
- padding-left:10px;
- {block:permalinkpage}width:3000px;padding-left:440px;{/block:permalinkpage}
- }
- .menu {margin-top:40px;width:92%; margin-bottom:40px;position:center;}
- body {
- background: {color:Background};
- background-size: cover;
- color: #1d1818;
- font-family: 'Didact Gothic', sans-serif;
- font-size: 0.8em;
- margin: 0;
- color:{color:text};
- }
- a {
- color: {color:body links};
- text-decoration: none;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- }
- nav li {
- display: inline;
- }
- article {
- background: {color:background};
- margin: 25px;
- margin-left: 25px;
- padding: 0%;
- width: 14%;
- }
- .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: 'Open Sans', sans-serif;
- font-weight:800px;
- font-size:40px;
- letter-spacing:2px;
- text-transform:uppercase;
- }
- .title{
- font-family: 'Open Sans', sans-serif;
- font-weight:800px;
- font-size:16px;
- letter-spacing:2px;
- text-transform:uppercase;
- }
- .description {
- font-family: 'Didact Gothic', sans-serif;
- font-size:12px;
- color:{color:text}
- }
- .credit {opacity:0.7;font-size:24px;position:fixed;bottom:25px;left:5px;color:#000;}
- .perma {position:absolute;
- 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: -5px; opacity:1}
- .text:hover .perma{margin-top: -5px; opacity:1}
- .quote:hover .perma{margin-top: -5px;opacity:1}
- .video:hover .perma{margin-top: -5px; opacity:1}
- .chat:hover .perma{margin-top: -5px; opacity:1}
- .video embed:hover .perma{margin-top: -5px; opacity:1}
- .video iframe:hover .perma{margin-top: -5px; opacity:1}
- .audio:hover .perma{margin-top: -5px; opacity:1}
- .links {font-size:24px; text-transform:uppercase; margin-left:10px; margin-right:10px; font-weight:normal;}
- </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.oncontextmenu=new Function("return false")
- // -->
- </script>
- {/block:ifdisablerightclick}
- <div class="wrapper"><div class="menustuff"><div class="menu">
- {block:ifShowAHomeLink}
- <a class= "links" style="color:{color:links};font-size:14px;" href="/">home</a> {/block:ifShowAHomeLink}
- {block:ifShowArchiveLink} <a class= "links" style="color:{color:links};font-size:14px;" href="/archive">archive</a> {/block:ifShowArchiveLink}
- {block:ifShowAskLink}<a class= "links" style="color:{color:links};font-size:14px;" href="{text:ask page}">message</a> {/block:ifShowAskLink}
- {block:ifShowSubmitLink}<a class= "links" style="color:{color:links};font-size:14px;" href="/submit">submit</a> {/block:ifShowSubmitLink}
- {block:ifShowTwoCustomLinks}
- <a class= "links" style="color:{color:links};font-size:14px;" href="{text:Custom Link One}">{text:Custom Link One Title}</a>
- <a class= "links" style="color:{color:links};font-size:14px;" href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>
- {/block:ifShowTwoCustomLinks}
- {block:ifShowThreeCustomLinks}
- <a class= "links" style="color:{color:links};font-size:14px;" href="{text:Custom Link One}">{text:Custom Link One Title}</a>
- <a class= "links" style="color:{color:links};font-size:14px;" href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>
- <a class= "links" style="color:{color:links};font-size:14px;" href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>
- {/block:ifShowThreeCustomLinks}
- {block:ifShowFourCustomLinks}
- <a class= "links" style="color:{color:links};font-size:14px;" href="{text:Custom Link One}">{text:Custom Link One Title}</a>
- <a class= "links" style="color:{color:links};font-size:14px;" href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>
- <a class= "links" style="color:{color:links};font-size:14px;" href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>
- <a class= "links" style="color:{color:links};font-size:14px;" href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>
- {/block:ifShowFourCustomLinks}
- {block:ifnotusebanner}<div align="right"><a href="/"><div class="blogtitle">{Title}</div></a></div>{/block:ifnotusebanner}
- {block:ifusebanner}<Br><div align="right"><img style="max-width:250px; max-height:200px" src="{image:banner}"/><Br><br>{/block:ifusebanner}
- {block:description}<div class="description" style="background: {color:line} url('{image:line}'); padding:8px;">{description}</div>{/block:description}</div>
- </div></div></div>
- <div id="content">
- {block:Posts}
- <article>
- {block:Photo}
- {block:IndexPage}<div class="photo"><span class="perma" style="top:-8px;left:-8px;text-align:center;width:93.5%;"><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:Text}
- <div class="text"><div style="padding:1px;">
- {block:indexpage} {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/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}<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" style="top:-8px;left:-8px;text-align:center;width:93%;"><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><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}<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}
- <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>{block:Description}{Description}{/block:Description}<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}
- {block:IndexPage}<div class="text"><div style="padding:15px;">{Question}<br><b>asked by {Asker}</b><br>{Answer}<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}<div style="width:500px">{Question}<br><b>asked by {Asker}</b><br>{Answer}</div>{/block:PermalinkPage}
- {/block:Answer}
- {block:Permalink}
- {block:PostNotes}
- <div class="postnotes">
- <br>{block:RebloggedFrom}
- <br>
- <b>reblogged from: </b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
- <b>original source:</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
- {/block:RebloggedFrom}<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}
- </div>
- {/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>
- <div class="credit"><a href="http://timbllr-themes.tumblr.com/">ⓣ</a></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement