Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <!--
- navy theme by selkas
- http://selkas.tumblr.com
- -->
- <title>{Title}</title>
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- <link rel="shortcut icon" href="{Favicon}"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:post border" content="#f3f3f3"/>
- <meta name="color:post bg" content="#fbfbfb"/>
- <meta name="color:text" content="#8f8f8f"/>
- <meta name="color:bold" content="#8f8f8f"/>
- <meta name="color:blockquote border" content="#ededed"/>
- <meta name="color:link" content="#7f97b3"/>
- <meta name="color:link hover" content="#ffd4d5"/>
- <meta name="color:post info" content="#bebebe"/>
- <meta name="color:scrollbar" content="#bebebe"/>
- <meta name="select:post width" content="250" title="250"/>
- <meta name="select:post width" content="300" title="300"/>
- <meta name="select:post width" content="350" title="350"/>
- <meta name="select:post width" content="400" title="400"/>
- <meta name="select:post width" content="450" title="450"/>
- <meta name="select:post width" content="494" title="500"/>
- <meta name="if:show avatar" content="1"/>
- <meta name="if:show desc" content="0"/>
- <meta name="if:show title" content="1"/>
- <meta name="if:show captions" content="1"/>
- <meta name="if:show tags" content="1"/>
- <meta name="if:infinite scroll" content="1"/>
- <meta name="text:home link" content="index"/>
- <meta name="text:archive link" content="archive"/>
- <meta name="text:ask link" content="contact"/>
- <meta name="text:link 1" content=""/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 2" content=""/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 3" content=""/>
- <meta name="text:link 3 url" content=""/>
- <meta name="text:link 4" content=""/>
- <meta name="text:link 4 url" content=""/>
- <meta name="text:link 5" content=""/>
- <meta name="text:link 5 url" content=""/>
- <meta name="text:link 6" content=""/>
- <meta name="text:link 6 url" content=""/>
- <link href='https://fonts.googleapis.com/css?family=Lato:700|Lora:400,400italic' rel='stylesheet' type='text/css'>
- <style type="text/css">
- #fumibox {
- margin-top:-70px; /*use to position the box*/
- margin-left:10px; /*use to position the box*/
- padding:3px;
- height:15px;
- width:25px;
- overflow:hidden;
- z-index:99%;
- position:fixed;
- background-color:white;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #fumibox:hover {
- width:150px; /*use to change the size of the box when hovered over*/
- }
- #fumipl {
- margin-left: -25px;
- overflow:hidden;
- }
- /* basic styles */
- ::-webkit-scrollbar {
- width:2px;
- height:2px;
- }
- ::-webkit-scrollbar,
- ::-webkit-scrollbar-track {
- background-color:inherit;
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar};
- }
- body {
- margin:0px;
- font-family:lora, georgia, serif;
- font-size:9px;
- line-height:1.6em;
- word-wrap:break-word;
- letter-spacing:1px;
- -moz-font-smoothing:subpixel-antialiased;
- -webkit-font-smoothing:subpixel-antialiased;
- font-smoothing:subpixel-antialiased;
- color:{color:text};
- background-color:{color:background};
- }
- blockquote, ol, ul, p, pre {
- margin-top:.7em;
- margin-bottom:.7em;
- }
- blockquote {
- margin-left:1.6em;
- padding-left:1em;
- border-left:1px solid {color:blockquote border};
- margin-right:0px;
- }
- pre {
- white-space:normal;
- font-family:consolas, 'courier new', courier, monospace;
- letter-spacing:0px;
- }
- img {
- border:0px;
- }
- a {
- color:inherit;
- text-decoration:none;
- -o-transition:color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
- -moz-transition:color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
- -webkit-transition:color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
- transition:color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
- }
- a:hover {
- color:{color:link hover};
- cursor:help;
- }
- ol, ul {
- padding-left:2.75em;
- }
- strong, b {
- font-weight:normal;
- color:{color:bold};
- }
- small, sub {
- font-size:1em;
- vertical-align:baseline;
- }
- h1, h2, h3, h4, h5, h6 {
- font-size:1em;
- font-weight:normal;
- }
- /* container */
- #main {
- margin:75px auto;
- width:{select:post width}px;
- }
- /* sidebar */
- aside {
- width:150px;
- margin-bottom:150px;
- position:fixed;
- margin-left:-200px;
- padding:20px;
- }
- aside .avatar {
- display:block;
- width:62px;
- height:62px;
- border-radius:3px;
- overflow:hidden;
- }
- aside .avatar.circle {
- border-radius:16px;
- }
- aside .title {
- font:700 12px/18px lato, 'helvetica neue', sans-serif;
- text-transform:uppercase;
- letter-spacing:3px;
- margin-bottom:5px;
- color:{color:link};
- }
- aside hr {
- border:0;
- margin:10px 0;
- width:35px;
- height:2px;
- background-color:{color:link};
- }
- aside .desc {
- }
- aside nav {
- font:italic 9px/15px lora, georgia, serif;
- letter-spacing:1px;
- text-transform:lowercase;
- color:{color:post info};
- }
- aside ol {
- list-style-type:none;
- padding-left:0;
- margin:0;
- }
- /* posts */
- .entry {
- margin-bottom:50%;
- position:relative;
- text-align:right;
- }
- .post {
- position:relative;
- text-align:left;
- }
- .post img {
- max-width:100%;
- height:auto;
- }
- /* post info */
- .info,
- .tagged {
- font:italic 9px/14px lora, georgia, serif;
- letter-spacing:1px;
- text-transform:lowercase;
- color:{color:post info};
- }
- .info {
- width:100%;
- margin-top:10px;
- padding:0;
- border-spacing:0;
- border-top:1px solid {color:post border};
- }
- .info .t,
- .info .p {
- vertical-align:top;
- }
- .info .permalink {
- display:inline-block;
- position:relative;
- top:-3px;
- padding:5px 0 0;
- border-top:3px solid {color:link hover};
- }
- .tagged {
- text-align:left;
- padding:6px 10px 0 0;
- {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
- }
- .tagged a {
- margin-right:.5em;
- }
- /* post titles */
- .post > h1 {
- margin:0 0 10px;
- font:700 11px/18px lato, 'helvetica neue', arial, sans-serif;
- text-transform:uppercase;
- letter-spacing:2px;
- color:{color:link};
- border-bottom:1px solid {color:post border};
- }
- .post > h1 u {
- display:inline-block;
- text-decoration:none;
- padding-bottom:5px;
- margin-bottom:-2px;
- border-bottom:3px solid {color:link};
- }
- .post > h1 a:hover {
- color:{color:link};
- }
- .quote {
- margin:0;
- padding:10px;
- font:italic 1.3em/1.4em lora, georgia, serif;
- text-align:center;
- color:{color:post info};
- }
- .question {
- margin:0 0 10px;
- font:italic 9px/13px lora, georgia, serif;
- text-transform:lowercase;
- letter-spacing:1px;
- color:{color:post info};
- }
- .question i {
- display:block;
- margin:0 0 5px;
- text-align:left;
- border-bottom:1px solid {color:post border};
- }
- .question i u {
- display:inline-block;
- text-decoration:none;
- padding-bottom:5px;
- margin-bottom:-2px;
- border-bottom:3px solid {color:link hover};
- }
- /* text and captions */
- .caption,
- .body,
- .source,
- .cont {
- padding:15px;
- margin-top:10px;
- background-color:{color:post bg};
- border:1px solid {color:post border};
- }
- .caption a,
- .body a,
- .source a {
- font-style:italic;
- color:{color:link};
- border-bottom:1px solid transparent;
- }
- .caption a:hover,
- .body a:hover,
- .source a:hover {
- color:{color:link hover};
- border-color:{color:link hover};
- }
- .caption *:first-child,
- .body *:first-child,
- .source *:first-child {
- margin-top:0px;
- }
- .caption *:last-child,
- .body *:last-child,
- .source *:last-child {
- margin-bottom:0px;
- }
- .caption {
- {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
- }
- .caption .caption {
- border:0;
- margin:0;
- padding:0;
- }
- .source {
- text-align:right;
- }
- /* photos and videos */
- .media {
- opacity:.93;
- }
- .media img,
- .media .photoset {
- display:block;
- max-width:100%;
- margin:0px auto;
- }
- .video #youtube_iframe {
- display:block;
- max-width:100%;
- max-height:calc({select:post width}px * 0.67);
- }
- .video iframe,
- .tumblr_video_container {
- display:block;
- max-width:100%;
- max-height:{select:post width}px;
- }
- .video .instagram-media {
- max-height:none!important;
- box-shadow:none!important;
- }
- /* chat posts */
- .chat {
- display:table;
- border-spacing:5px;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- width:100%;
- }
- .chat .line {
- font:italic 9px/14px lora, georgia, serif;
- letter-spacing:1px;
- text-transform:lowercase;
- display:table-row;
- }
- .chat .label {
- text-align:right;
- color:{color:bold};
- display:table-cell;
- }
- /* audio posts */
- .audiowrap {
- position:relative;
- height:43px;
- overflow:hidden;
- color:{color:post title};
- }
- .albumart {
- position:relative;
- display:inline-block;
- width:43px;
- height:43px;
- background-size:cover;
- opacity:.93;
- }
- .audio {
- position:absolute;
- display:inline-block;
- left:0px;
- top:0px;
- right:0px;
- bottom:0px;
- text-align:left;
- }
- .audio .player {
- width:43px;
- height:43px;
- left:0px;
- top:0px;
- padding:8px;
- overflow:hidden;
- position:absolute;
- opacity:0;
- background-color:white;
- -o-transition:opacity .25s ease-out;
- -moz-transition:opacity .25s ease-out;
- -webkit-transition:opacity .25s ease-out;
- transition:opacity .25s ease-out;
- }
- .audio:hover .player {
- opacity:.75;
- }
- .audio .player .audio_player {
- width:27px;
- height:27px;
- overflow:hidden;
- }
- .audio .track {
- position:absolute;
- top:8px;
- left:51px;
- right:0px;
- bottom:8px;
- text-align:right;
- overflow:hidden;
- font:italic 9px/14px lora, georgia, serif;
- letter-spacing:1px;
- text-transform:lowercase;
- color:{color:post info};
- }
- .audio .track i {
- font-style:inherit;
- display:block;
- position:relative;
- width:100%;
- height:14px;
- overflow:hidden;
- }
- /* post notes */
- .n .cont {
- max-height:200px;
- overflow:auto;
- }
- .notes {
- list-style-type:none;
- padding:0;
- margin:0;
- }
- .post .notes a {
- border:0;
- }
- .notes img {
- display:none;
- }
- /* pagination */
- .pagination {
- margin:75px 0;
- text-align:center;
- {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
- }
- .pagination a,
- .pagination .current {
- display:inline-block;
- vertical-align:top;
- position:relative;
- padding:15px 14px 15px 15px;
- margin:0 -1px 0 0;
- font:italic 9px/11px lora, georgia, serif;
- letter-spacing:1px;
- text-transform:lowercase;
- color:{color:post info};
- background-color:{color:background};
- border:1px solid {color:post border};
- }
- .pagination a i {
- line-height:10px;
- font-size:12px;
- }
- .pagination a:hover {
- z-index:1;
- color:{color:text};
- background-color:{color:post bg};
- }
- #top {
- display:none;
- position:fixed;
- bottom:150px;
- left:{select:post width}px;
- margin-left:375px;
- bottom:10%;
- font-size:20px;
- color:{color:link};
- opacity:0;
- -o-transition:opacity .25s ease-out;
- -moz-transition:opacity .25s ease-out;
- -webkit-transition:opacity .25s ease-out;
- transition:opacity .25s ease-out;
- }
- .scrolling #top {
- opacity:1;
- }
- #theme {
- position:fixed;
- bottom:10px;
- right:10px;
- display:inline-block;
- padding:5px;
- font:10px 'helvetica neue', arial, sans-serif;
- letter-spacing:0;
- text-transform:none;
- background-color:white;
- color:#4f4f4f;
- }
- #infscr-loading {
- display:none!important;
- }
- #tumblr_controls {
- -webkit-filter:invert(100%);
- -webkit-backface-visibility:hidden;
- opacity:.67!important;
- padding:10px;
- }
- #vignette,
- #tumblr_lightbox_left_image,
- #tumblr_lightbox_right_image,
- #tumblr_lightbox_caption {
- visibility:hidden;
- }
- #tumblr_lightbox {
- background-color:rgba(255,255,255,.67)!important;
- }
- #tumblr_lightbox img {
- border-radius:0!important;
- -webkit-box-shadow:none!important;
- box-shadow:none!important;
- }
- a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
- .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
- .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
- #biter
- #bite a {display:block}
- #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
- #bite:hover .death {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
- </style>
- </head>
- <body>
- <div id="fumibox">
- <div id="fumipl"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://a.tumblr.com/tumblr_nf1m7n3qN91u1kzhro1.mp3&t0=&f1=https://a.tumblr.com/tumblr_n3xyapovK81rv5indo1.mp3&t1=&f2=https://a.tumblr.com/tumblr_nnp7iksWZF1sbohqro1.mp3&t2=&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
- </div>
- <div id="main"><!-- container -->
- <aside><!-- sidebar -->
- {block:ifShowAvatar}<a href="/" class="avatar {AvatarShape}"><img src="{PortraitURL-64}"/></a>{/block:ifShowAvatar}
- <p>
- {block:ifShowTitle}<div class="title"><a href="/">{Title}</a></div>{/block:ifShowTitle}
- <div class="desc">
- {block:ifShowDesc}{Description}
- {/block:ifShowDesc}</div><hr/>
- <div id="bite">
- <nav><ol>{block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}{block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}{block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}<hr>
- <div class="death">
- {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}{block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}{block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}{block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}</div>
- </div></ol></nav>
- </aside>
- <div id="content"><!-- posts -->
- {block:Posts}
- <article class="entry">
- <div class="post">
- {block:Answer}<!-- answer --><div class="ask"><div class="question"><i><u>{Asker}</u></i>{Question}</div></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="track">{block:TrackName}<i>Track: {TrackName}</i>{/block:TrackName}{block:Artist}<i>Artist: {Artist}</i>{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h1><u>{Title}</u></h1>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- link --><h1><u><a href="{URL}">{Name}</a></u></h1>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{Photoset}</div>{/block:Photoset}{block:Quote}<!-- quote --><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h1><u>{Title}</u></h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-500}</div>{/block:Video}
- {block:Caption}<div class="nest{block:ifHoverCaptions}{block:Photo} hc{/block:Photo}{block:Photoset} hc{/block:Photoset}{/block:ifHoverCaptions}"><div class="caption{block:ifInlineCaptions} il{/block:ifInlineCaptions}">{Caption}</div></div>{/block:Caption}
- </div>
- {block:Date}<!-- post info --><table class="info"><tr><td class="t">{block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</td><td class="p"><a href="{Permalink}" class="permalink">{DayOfWeek}<br/>{MonthNumber}/{DayOfMonth}</a></td></tr></table>{/block:Date}
- </article>
- {block:PostNotes}<!-- post notes --><article class="entry n"><div class="post"><h1><u>{NoteCountWithLabel}</u></h1><div class="cont">{PostNotes}</div></div></article>{/block:PostNotes}
- <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
- {/block:Posts}
- </div>
- {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}" class="back"><i class="fa fa-angle-left"></i></a>{/block:PreviousPage}<span class="current">Page {Currentpage} of {TotalPages}</span>{/block:CurrentPage}{block:NextPage}<a href="{NextPage}" class="next"><i class="fa fa-angle-right"></i></a>{/block:NextPage}</div>{/block:Pagination}
- </div>
- <div id="theme"> <script language="JavaScript">
- var ref = (''+document.referrer+'');
- var w_h = window.screen.width + " x " + window.screen.height;
- document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4226079&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
- </script> / <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2601835&name="></script> | <a href="http://selkas.tumblr.com">ㅅ</a></div>
- {block:IndexPage}
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
- {block:ifInfiniteScroll}<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script>
- $(document).ready(function(){
- $('#content').infinitescroll({
- itemSelector : ".entry",
- navSelector : ".pagination",
- nextSelector : ".next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx: 2000
- });
- });
- </script>{/block:ifInfiniteScroll}
- {/block:IndexPage}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement