Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="initial-scale=1">
- <!--
- theme 04. ghost
- regeri.tumblr.com
- to change the music gif:
- - search the code for "change music gif"
- - replace the image w one of the ones from this post:
- http://regeri.tumblr.com/post/125605839806/music-player-gifs
- -->
- <meta name="image:background" content="" />
- <meta name="image:sidebar" content="http://static.tumblr.com/eekqh2v/bPmnsey0p/dim.png" />
- <meta name="color:background" content="#fbfbfb" />
- <meta name="color:text" content="#555555" />
- <meta name="color:bold" content="#000000" />
- <meta name="color:links" content="#a0a0a0" />
- <meta name="color:link underline" content="#dddddd" />
- <meta name="color:links hover" content="#dddddd" />
- <meta name="color:borders" content="#eeeeee" />
- <meta name="color:selected text" content="#000000" />
- <meta name="color:selected text highlight" content="#ffffff" />
- <meta name="color:scrollbar" content="#555555" />
- <meta name="color:blockquote" content="#bbbbbb" />
- <meta name="select:font" content="Lato" title="lato" />
- <meta name="select:font" content="Open Sans" title="open sans" />
- <meta name="select:font" content="PT Sans" title="pt sans" />
- <meta name="select:font" content="Roboto" title="roboto" />
- <meta name="select:photos" content="" title="normal" />
- <meta name="select:photos" content="fade" title="faded" />
- <meta name="select:photos" content="desat" title="desaturated" />
- <meta name="select:photos" content="mono" title="monochrome" />
- <meta name="select:photos" content="coh" title="color on hover" />
- <meta name="if:stretch background" content="0" />
- <meta name="if:infinite scroll" content="0" />
- <meta name="if:large text" content="0" />
- <meta name="if:mirror image" content="0" />
- <meta name="if:hide captions" content="0" />
- <meta name="if:billy music player" content="0" />
- <meta name="text:billy music code" content="" />
- <meta name="text:link one" content="one" />
- <meta name="text:link one url" content="" />
- <meta name="text:link two" content="two" />
- <meta name="text:link two url" content="" />
- <meta name="text:link three" content="three" />
- <meta name="text:link three url" content="" />
- <meta name="text:post width" content="350" />
- <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}
- <link href='https://fonts.googleapis.com/css?family={select:font}:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
- <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">
- <style type="text/css">
- body {
- margin:0;
- font-family:{select:font}, arial, sans-serif;
- font-size:{block:ifnotlargetext}65%{/block:ifnotlargetext}{block:iflargetext}77%{/block:iflargetext};
- line-height:140%;
- background-color:{color:background};
- background-image:url('{image:background}');
- {block:ifstretchbackground}background-size:cover;{/block:ifstretchbackground}
- color:{color:text};
- word-wrap:break-word;
- }
- img {
- border:0;
- max-width:100%;
- }
- h1 {
- margin:5px 0 10px 0;
- padding-bottom:13px;
- text-align:center;
- text-transform:uppercase;
- font-size:110%;
- letter-spacing:0.04em;
- border-bottom:1px solid {color:borders};
- }
- ul, ol {
- margin-left:-10px;
- }
- b, strong {
- color:{color:bold};
- }
- a {
- cursor:help;
- text-decoration:none;
- color:{color:links};
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- transition:all 0.3s ease;
- }
- a:hover {
- color:{color:links hover};
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- transition:all 0.3s ease;
- }
- #tumblr_controls {
- position:fixed!important;
- right:13px!important;
- top:13px!important;
- -webkit-filter:invert(100%);
- filter:invert(100%);
- }
- /*select*/
- ::selection {
- color:{color:selected text};
- background:{color:selected text highlight};
- }
- ::-moz-selection {
- color:{color:selected text};
- background:{color:selected text highlight};
- }
- /* scrollbar */
- ::-webkit-scrollbar-thumb {
- border:5px solid transparent;
- border-top-width:7px;
- border-bottom-width:7px;
- background-clip:padding-box;
- background-color:{color:scrollbar};
- }
- ::-webkit-scrollbar {
- width:11px;
- height:2px;
- }
- /* tooltips */
- .ui-tooltip {
- position:absolute;
- background:#fff;
- color:{color:text};
- max-width:300px;
- z-index:999999;
- }
- .ui-tooltip-content {
- font-size:80%;
- text-transform:uppercase;
- letter-spacing:0.05em;
- padding:4px 8px;
- }
- .ui-helper-hidden-accessible {
- display:none;
- }
- /* header */
- header {
- position:fixed;
- width:100%;
- height:50px;
- background:#fff;
- border:1px solid {color:borders};
- top:0;
- z-index:5;
- }
- #music {
- position:fixed;
- top:14px;
- left:18px;
- height:24px;
- line-height:24px;
- text-align:center;
- vertical-align:bottom;
- }
- #gif {
- height:24px;
- line-height:24px;
- display:inline-block;
- vertical-align:top;
- z-index:1;
- }
- #billy {
- height:24px;
- width:32px;
- margin-left:-20px;
- overflow:hidden;
- display:inline-block;
- position:relative;
- opacity:0;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;
- }
- #play {
- overflow:hidden;
- margin-left:-20px;
- margin-top:-4px;
- }
- #music:hover #billy {
- margin-left:2px;
- opacity:1;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;
- }
- /* sidebar */
- aside {
- position:fixed;
- width:222px;
- margin-left:-300px;
- }
- #tc {
- text-align:{block:ifnotmirrorimage}left{/block:ifnotmirrorimage}{block:ifmirrorimage}right{/block:ifmirrorimage};
- }
- #title {
- display:inline-block;
- padding:6px 15px;
- border:1px solid {color:borders};
- margin-bottom:2px;
- text-transform:uppercase;
- letter-spacing:0.06em;
- color:{color:bold};
- font-weight:bold;
- background:#fff;
- }
- aside #img {
- padding:10px;
- border:1px solid {color:borders};
- background:#fff;
- width:200px;
- }
- aside #img img {
- width:200px;
- }
- #desc {
- border-top:1px solid {color:borders};
- margin-top:8px;
- padding:6px 4px 0;
- text-align:justify;
- }
- nav {
- text-align:{block:ifnotmirrorimage}right{/block:ifnotmirrorimage}{block:ifmirrorimage}left{/block:ifmirrorimage};
- text-transform:uppercase;
- font-size:80%;
- letter-spacing:0.04em;
- }
- nav a {
- padding:4px 10px;
- border:1px solid {color:borders};
- display:inline-block;
- margin-top:2px;
- margin-right:2px;
- background:#fff;
- }
- nav a:last-child {
- margin-right:0;
- }
- /* posts */
- #container {
- width:calc({text:post width}px + 20px + 302px);
- margin:130px auto 80px;
- }
- #posts {
- width:calc({text:post width}px + 20px);
- float:right;
- }
- article {
- width:{text:post width}px;
- padding:10px;
- margin-bottom:80px;
- background:#fff;
- border:1px solid {color:borders};
- }
- blockquote {
- border-left:1px solid {color:blockquote};
- margin:5px 5px 5px 10px;
- padding:0 0 0 10px;
- }
- .body {
- text-align:justify;
- }
- .body a{block:PermalinkPage}, .info a{/block:PermalinkPage} {
- border-bottom:1px solid {color:link underline};
- padding-bottom:1px;
- }
- .body a:hover, .question a:hover{block:PermalinkPage}, .info a:hover, .info a b:hover{/block:PermalinkPage} {
- border-bottom-color:{color:links hover};
- color:{color:links hover};
- }
- .caption {
- {block:ifhidecaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifhidecaptions}
- }
- /* photo */
- .photo, iframe, video {
- max-width:{text:post width}px!important;
- }
- .fade {
- opacity:0.8;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;
- }
- .fade:hover {
- opacity:1;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;
- }
- .desat {
- -webkit-filter:grayscale(40%);
- filter:grayscale(40%);
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;
- }
- .coh {
- -webkit-filter:grayscale(100%);
- filter:grayscale(100%);
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;
- }
- .desat:hover, .coh:hover {
- -webkit-filter:grayscale(0%);
- filter:grayscale(0%);
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;
- }
- .mono {
- -webkit-filter:grayscale(100%);
- filter:grayscale(100%);
- }
- /* quote */
- .quote {
- font-size:110%;
- line-height:140%;
- font-style:italic;
- }
- .source {
- margin-top:10px;
- padding-top:8px;
- border-top:1px solid {color:borders};
- text-align:right;
- }
- /* chat */
- ul.chat {
- margin:0;
- padding:0;
- list-style-type:none;
- }
- ul.chat li span {
- font-weight:bold;
- }
- ul.chat li {
- border-bottom:1px solid {color:borders};
- padding:8px 4px;
- }
- ul.chat li:first-child {
- margin-top:-2px;
- padding-top:0;
- }
- ul.chat li:last-child {
- border:0;
- padding-bottom:0;
- }
- /* answer */
- .question {
- text-transform:uppercase;
- font-size:81%;
- letter-spacing:0.12em;
- font-style:italic;
- }
- .question a {
- color:{color:text};
- border-bottom:1px solid {color:link underline};
- padding-bottom:1px;
- padding-left:1px;
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- transition:all 0.3s ease;
- }
- .answer {
- border-top:1px solid {color:borders};
- margin-top:10px;
- }
- .answer p:last-child {
- margin-bottom:3px;
- }
- /* post info */
- .type {
- text-align:{block:ifnotmirrorimage}right{/block:ifnotmirrorimage}{block:ifmirrorimage}left{/block:ifmirrorimage};
- margin-bottom:2px;
- }
- .type a:first-child > span {
- height:18px;
- line-height:18px;
- font-size:160%;
- padding:4px 10px;
- margin-right:2px;
- vertical-align:top;
- }
- .type span {
- height:18px;
- line-height:18px;
- border:1px solid {color:borders};
- padding:4px 15px;
- text-transform:uppercase;
- font-size:80%;
- letter-spacing:0.04em;
- display:inline-block;
- position:relative;
- right:0;
- margin-right:-2px;
- font-weight:bold;
- color:{color:bold};
- background:#fff;
- }
- .info {
- margin-top:-78px;
- margin-bottom:80px;
- font-size:80%;
- text-transform:uppercase;
- letter-spacing:0.04em;
- text-align:{block:ifnotmirrorimage}left{/block:ifnotmirrorimage}{block:ifmirrorimage}right{/block:ifmirrorimage};
- {block:ifmirrorimage}margin-right:-2px;{/block:ifmirrorimage}
- {block:PermalinkPage}background:#fff;
- border:1px solid {color:borders};
- padding:10px;
- width:{text:post width}px;{/block:PermalinkPage}
- }
- .info a b {
- color:{color:links};
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- transition:all 0.3s ease;
- }
- .info ul {
- margin:0;
- padding:0;
- list-style-type:none;
- }
- .info ul li {
- border-bottom:1px solid {color:borders};
- padding:6px 5px;
- }
- .info ul li:first-child {
- padding-top:0;
- }
- .info ul li:last-child {
- border:0;
- padding-bottom:0;
- }
- .info span {
- display:inline-block;
- border:1px solid {color:borders};
- padding:4px 15px;
- margin-left:2px;
- background:#fff;
- height:14px;
- line-height:14px;
- }
- .info a:first-child > span {
- margin-left:0;
- }
- span#tag {
- padding:4px 9px;
- height:14px;
- line-height:14px;
- vertical-align:top;
- color:{color:bold};
- cursor:help;
- }
- .ion-pricetag {
- font-size:130%;
- }
- /* post notes */
- ol.notes {
- padding:5px 10px;
- margin-top:-30px;
- margin-bottom:80px;
- margin-left:0;
- list-style-type:none;
- width:{text:post width}px;
- border:1px solid {color:borders};
- background:#fff;
- }
- ol.notes li.note {
- padding:10px 5px;
- border-bottom:1px solid {color:borders};
- }
- ol.notes li.note:last-child {
- border:0;
- }
- ol.notes li.note img.avatar {
- vertical-align:-5px;
- margin-right:10px;
- width:16px;
- height:16px;
- }
- ol.notes li.note blockquote {
- border-color:{color:blockquote};
- padding:4px 10px;
- margin:10px 0px 0px 25px;
- }
- a.more_notes_link, .notes_loading {
- font-size:80%;
- text-transform:uppercase;
- letter-spacing:0.04em;
- }
- /* pagination */
- #pagination {
- text-align:center;
- font-size:80%;
- margin-bottom:80px;
- {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
- }
- #pagination span {
- display:inline-block;
- border:1px solid {color:borders};
- background:#fff;
- padding:4px 10px;
- margin:0 1px;
- }
- span.current {
- color:{color:bold};
- font-weight:bold;
- }
- #next {
- display:none;
- }
- {block:ifinfinitescroll}#infscr-loading {
- display:none!important;
- }{/block:ifinfinitescroll}
- a#up {
- position:fixed;
- right:5px;
- bottom:32px;
- background:#fff;
- border:1px solid {color:borders};
- padding:3px 0;
- width:22px;
- height:14px;
- line-height:14px;
- text-align:center;
- display:none;
- }
- #c {
- position:fixed;
- right:5px;
- bottom:8px;
- background:#fff;
- font-size:80%;
- border:1px solid {color:borders};
- padding:3px 0;
- width:22px;
- height:14px;
- line-height:14px;
- text-align:center;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <a id="up"><i class="ion-ios-arrow-up"></i></a>
- <a id="c" href="http://regeri.tumblr.com">R</a>
- <header>{block:ifbillymusicplayer}<div id="music"><div id="gif">
- <!-- change music gif -->
- <img src="http://38.media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif" />
- <!-- change music gif -->
- </div><div id="billy"><div id="play">{text:billy music code}</div></div></div>{/block:ifbillymusicplayer}</header>
- <div id="container">
- <div id="posts">
- <aside><div id="tc"><a href="/"><span id="title">{Title}</span></a></div><div id="img" class="{select:photos}"><img src="{image:sidebar}" /><div id="desc">{Description}</div></div><nav><a href="/" title="refresh">1</a><a href="/ask" title="contact">2</a><a href="/archive" title="archive">3</a>{block:iflinkone}<a href="{text:link one url}" title="{text:link one}">4</a>{/block:iflinkone}{block:iflinktwo}<a href="{text:link two url}" title="{text:link two}">5</a>{/block:iflinktwo}{block:iflinkthree}<a href="{text:link three url}" title="{text:link three}">6</a>{/block:iflinkthree}</nav></aside>
- {block:Posts}
- {block:Date}<div class="type"><a href="{Permalink}"><span>{block:Text}<i class="ion-document-text"></i>{/block:Text}{block:Photo}<i class="ion-camera"></i>{/block:Photo}{block:Photoset}<i class="ion-camera"></i>{/block:Photoset}{block:Link}<i class="ion-link"></i>{/block:Link}{block:Quote}<i class="ion-quote"></i>{/block:Quote}{block:Chat}<i class="ion-chatbubbles"></i>{/block:Chat}{block:Audio}<i class="ion-headphone"></i>{/block:Audio}{block:Video}<i class="ion-videocamera"></i>{/block:Video}{block:Answer}<i class="ion-help-circled"></i>{/block:Answer}</span></a><a href="{Permalink}"><span>{block:Text}text{/block:Text}{block:Photo}photo{/block:Photo}{block:Photoset}photo{/block:Photoset}{block:Link}link{/block:Link}{block:Quote}quote{/block:Quote}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Video}video{/block:Video}{block:Answer}question{/block:Answer}</span></a></div>{/block:Date}
- <article>
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Body}<div class="body">{Body}</div>{/block:Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<div class="photo {select:photos}"><img src="{PhotoURL-HighRes}" /></div>{LinkCloseTag}{block:Caption}<div class="body caption">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}<div class="photo {select:photos}">{Photoset}</div>{block:Caption}<div class="body caption">{Caption}</div>{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="source">—{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" target="{Target}">{Name}</a></h1>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<ul class="chat">{block:Lines}<li>{block:Label}<span>{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Audio}<div class="{select:photos}">{AudioEmbed}</div>{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:Audio}
- {block:Video}<div class="photo {select:photos}">{Video-500}</div>{block:Caption}<div class="body caption">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Answer}<div class="question">{Question} —{Asker}</div><div class="body answer">{Answer}</div>{/block:Answer}
- </article>
- {block:Date}<div class="info">{block:IndexPage}<a href="{Permalink}"><span>{DayofMonth} {Month}</span></a>{block:NoteCount}<a href="{Permalink}"><span>{NoteCountWithLabel}</span></a>{/block:NoteCount}<a href="{ReblogURL}"><span>reblog</span></a>{block:HasTags}<span id="tag" title="{block:Tags}#{Tag} {/block:Tags}"><i class="ion-pricetag"></i></span>{/block:HasTags}{/block:IndexPage}{block:PermalinkPage}<ul><li>posted <b>{DayofMonth} {Month} {Year}</b> {block:NoteCount}with <b>{NoteCountWithLabel}</b>{/block:NoteCount}</li>{block:RebloggedFrom}<li>reblogged from <a href="{ReblogParentURL}" title="{ReblogParentTitle}"><b>{ReblogParentName}</b></a>, originally by <a href="{ReblogRootURL}" title="{ReblogRootTitle}"><b>{ReblogRootName}</b></a></li>{/block:RebloggedFrom}{block:HasTags}<li><b>indexed:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</li>{/block:HasTags}</ul>{/block:PermalinkPage}</div>{/block:Date}
- {/block:Posts}
- {block:PostNotes}{PostNotes-64}{/block:PostNotes}
- {block:Pagination}<div id="pagination">{block:JumpPagination length="5"}{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}"><span class="jump">{PageNumber}</span></a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}</div>{/block:Pagination}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- </div>
- </div>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
- {block:ifinfinitescroll}<script src="http://static.tumblr.com/eekqh2v/WIgnnbpz1/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}
- <script type="text/javascript">
- $(function(){
- $(document).tooltip({
- track:true,
- hide:{duration:200}
- });
- });
- $(window).scroll(function(){
- if ($(window).scrollTop() > 500) {
- $('#up').fadeIn();
- } else {
- $('#up').fadeOut();
- }
- });
- $(document).ready(function(){
- {block:ifinfinitescroll}$("#posts").infinitescroll({
- navSelector:"#pagination",
- nextSelector:"#next",
- itemSelector:"article, .type, .info",
- loading: {
- finishedMsg:"",
- img:""
- }
- });{/block:ifinfinitescroll}
- $("#up").click(function() {
- $("html, body").animate({scrollTop:0}, 900);
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement