Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!-- octomoosey @ tumblr -->
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head><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}
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
- <meta name="color:background" content="#fff" />
- <meta name="color:headerbg" content="#000"/>
- <meta name="color:text" content="#bbb"/>
- <meta name="color:desctext" content="#fff" />
- <meta name="color:postbg" content="#000"/>
- <meta name="color:postinfo" content="#000"/>
- <meta name="color:postinfohover" content="#ddd"/>
- <meta name="color:postborder" content="#fff"/>
- <meta name="color:link" content="#32811a"/>
- <meta name="color:linkhover" content="#8a8989"/>
- <meta name="color:nav" content="#32811a"/>
- <meta name="color:navhover" content="#8a8989"/>
- <meta name="color:tags" content="#000"/>
- <meta name="color:tagshover" content="#ddd"/>
- <meta name="color:sidebg" content="#000"/>
- <meta name="color:askbg" content="#000"/>
- <meta name="color:asktext" content="#fff"/>
- <meta name="color:title" content="#fff"/>
- <meta name="color:firstletter" content="#fff"/>
- <meta name="color:bold" content="#f2992e" />
- <meta name="color:italic" content="#f2992e" />
- <meta name="color:scrollbar" content="#000"/>
- <meta name="image:background" content="" />
- <meta name="image:headerbg" content="" />
- <meta name="image:footerbg" content="" />
- <meta name="text:link 1" content="link 1"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2" content="link 2"/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 3" content="link 3"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4" content="link 4"/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 5" content="link 5"/>
- <meta name="text:link 5 url" content="/"/>
- <meta name="text:link 6" content="link 6"/>
- <meta name="text:link 6 url" content="/"/>
- <meta name="text:link 7" content="link 7"/>
- <meta name="text:link 7 url" content="/"/>
- <meta name="text:link 8" content="link 8"/>
- <meta name="text:link 8 url" content="/"/>
- <meta name="text:link 9" content="link 9"/>
- <meta name="text:link 9 url" content="/"/>
- <meta name="text:link 10" content="link 10"/>
- <meta name="text:link 10 url" content="/"/>
- <meta name="text:link 11" content="link 11"/>
- <meta name="text:link 11 url" content="/"/>
- <meta name="text:link 12" content="link 12"/>
- <meta name="text:link 12 url" content="/"/>
- <meta name="text:link 13" content="link 13"/>
- <meta name="text:link 13 url" content="/"/>
- <meta name="text:link 14" content="link 14"/>
- <meta name="text:link 14 url" content="/"/>
- <meta name="text:link 15" content="link 15"/>
- <meta name="text:link 15 url" content="/"/>
- <meta name="if:250px" content="1"/>
- <meta name="if:400px" content="0"/>
- <meta name="if:500px" content="0"/>
- <meta name="if:greyscale" content="1"/>
- <meta name="font:body font" content="Gibson">
- <meta name="text:text size" content="11px" />
- <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- $(document).scroll(function () {
- var y = $(this).scrollTop();
- if (y > 400) {
- $('#footer').fadeIn();
- } if (y < 400) {
- $('#footer').fadeOut();
- }
- });
- </script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <style type="text/css">
- iframe#tumblr_controls {
- z-index:999999;
- right:2px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.4;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter: invert(100%);}
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- -webkit-filter: invert(100%);}
- ::-webkit-scrollbar {
- width: 3px;
- height: 5px;
- background: {color:Background};}
- ::-webkit-scrollbar-thumb {
- background: {color:Scrollbar};
- border-radius: 16px;
- border-top: 5px solid {color:Background};}
- body {
- background-color:{color:Background};
- line-height:110%;
- color:{color:text};
- font-family:{font:body font};
- font-size: {text:text size};
- text-shadow: 2px 2px 2px #000;
- width:100%;
- margin:auto;
- position:relative;
- margin-top:0px;}
- img.bg {
- z-index:-999;
- min-height: 100%;
- min-width: 1024px;
- width: 100%;
- height: auto;
- position: fixed;
- top: 0;
- left: 0;}
- @media screen and (max-width: 1024px){
- img.bg {
- left: 50%;
- margin-left: -512px; }
- }
- a:link, a:active, a:visited {
- text-decoration: none;
- color: {color:link};
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;}
- a:hover {
- color: {color:linkhover};
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;}
- h1 {
- font-family: 'Yanone Kaffeesatz', sans-serif;
- font-size: 20px;
- line-height: 15px;
- letter-spacing:5px;
- font-weight:normal;
- color:{color:title};}
- h1:first-letter {
- font-family: 'Yanone Kaffeesatz', sans-serif;
- font-size: 30px;
- line-height: 15px;
- margin-right:5px;
- color:{color:firstletter};
- text-transform:uppercase;}
- h2 {
- font-family: 'Yanone Kaffeesatz', sans-serif;
- font-size: 20px;
- line-height: 15px;
- letter-spacing:6px;
- font-weight:normal;
- color:{color:title};}
- h2:first-letter {
- font-family: 'Yanone Kaffeesatz', sans-serif;
- font-size: 30px;
- line-height: 15px;
- letter-spacing:0px;
- color:{color:firstletter};
- margin-right:5px;
- text-transform:uppercase;}
- b, strong {
- text-transform:uppercase;
- color:{color:bold};
- font-size:14px;}
- i, em {
- font-family: 'Yanone Kaffeesatz', sans-serif;
- color:{color:italic};
- letter-spacing:1.5px;
- font-size:14px;}
- blockquote {
- padding:2px 7px;
- margin:3px 0 3px 8px;
- border-left:1px solid #fff;
- background-color:transparent;
- -webkit-border-top-left-radius: 8px;
- -webkit-border-bottom-left-radius: 8px;
- -moz-border-radius-topleft: 8px;
- -moz-border-radius-bottomleft: 8px;
- border-top-left-radius: 8px;
- border-bottom-left-radius: 8px;}
- blockquote img {
- max-width:100%;}
- p {
- margin-top:8px;
- margin-bottom:8px;}
- ol {
- list-style:normal;}
- ul {
- list-style:square;}
- small,sup,sub {
- font-size:10px;}
- big {
- font-size:12px;}
- {block:IfGreyscale}
- img {
- -webkit-filter:grayscale(100%);
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- img:hover {
- -webkit-filter:none;}
- .html_photoset {
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- .html_photoset:hover {
- -webkit-filter: none;}
- {/block:IfGreyscale}
- img {
- max-width:100%;
- height:auto;}
- #content {
- {block:IndexPage}
- {block:if250px}
- width: 250px;
- {/block:if250px}
- {block:if400px}
- width: 400px;
- {/block:if400px}
- {block:if500px}
- width: 500px;
- {/block:if500px}
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 400px;
- {/block:PermalinkPage}
- position: relative;
- margin-left: auto;
- margin-right: auto;
- margin-top: 60px;
- margin-bottom:220px;}
- .post {
- margin-bottom: 60px;
- padding:20px;
- border:1px solid {color:postborder};
- background:{color:postbg};}
- #perma {
- padding:20px;
- position: absolute;
- right: -140px;
- margin-top:-20px;
- letter-spacing: .5px;
- text-align:left;
- width:100px;
- opacity:0;
- -webkit-transition:.8s;
- transition:.8s; }
- #perma a {
- color:{color:postinfo};
- -webkit-transition:.8s;
- transition:.8s;}
- #perma a:hover {
- color:{color:postinfohover};
- -webkit-transition:.8s;
- transition:.8s;}
- .post:hover #perma {
- opacity:1;
- -webkit-transition:.8s;
- transition:.8s; }
- .tags {
- padding:5px;
- {block:indexpage} margin-top:-25px; opacity:0; {/block:indexpage}
- -webkit-transition:.8s;
- transition:.8s; }
- .tags a {
- color:{color:tags};
- -webkit-transition:.8s;
- transition:.8s;}
- .tags a:hover {
- color:{color:tagshover};
- -webkit-transition:.8s;
- transition:.8s;}
- .post:hover .tags {
- margin-top:5px;
- opacity:1;
- -webkit-transition:.8s;
- transition:.8s; }
- img.avatar {display:none;}
- ol.notes {
- margin-top: 20px;}
- #header {
- margin-top:0px;
- margin-left:0px;
- width:100%;
- height:500px;
- background:{color:headerbg};
- background-image: url('{image:headerbg}');
- background-position: top center;
- background-repeat: no-repeat;
- background-attachment: fixed;}
- #descriptiontop {
- position:relative;
- height:400px;
- left: 50%;
- top:30px;
- padding:20px;
- width:120px;
- margin-left: 135px;
- text-align:right;
- font-size:9.5px;
- line-height:120%;
- font-family:{font:body font};
- color:{color:desctext};
- border-right:1px solid {color:desctext};
- overflow:auto;}
- #linkstop {
- position:relative;
- height:400px;
- left: 50%;
- top:-410px;
- padding:20px;
- width:120px;
- margin-left: 295px;
- text-align:left;
- font-size:11px;
- line-height:20px;
- font-family:{font:body font};
- color:{color:desctext};}
- #linkstop a {
- color:{color:nav}; }
- #linkstop a:hover {
- color:{color:navhover};}
- #footer {
- position:fixed;
- z-index:999;
- bottom:0px;
- width:100%;
- height:120px;
- background:{color:headerbg};
- background-image: url('{image:footerbg}');
- background-position: bottom center;
- background-repeat: no-repeat;
- background-attachment: fixed;
- display:none;}
- #linksbottom {
- position:relative;
- margin-left:auto;
- margin-right:auto;
- top:0px;
- width:100%;
- padding:20px;
- text-align:center;
- font-size:11px;
- line-height:20px;
- font-family:{font:body font};
- color:{color:desctext};}
- #linksbottom a {;
- color:{color:nav};
- padding-right:3px;}
- #linksbottom a:hover {
- color:{color:navhover}; }
- #pagination {
- margin-left:auto;
- margin-right:auto;
- top:0px;
- width:200px;
- padding:10px;
- text-align:center;
- color:{color:desctext};
- border: 1px solid {color:desctext};}
- #askurl {
- font-size:12px;
- letter-spacing:3px;
- margin-left:0px;
- margin-right:5px;}
- #question {
- font-family: 'Fjalla One', sans-serif;
- border:1px solid {color:asktext};
- text-shadow: 1px 1px 7px {color:asktext};
- background-color:{color:askbg};
- color:{color:asktext};
- padding:5px;
- font-style: italic;
- margin-top:8px;
- font-size: 11px;
- margin-left:0px;
- text-align:center;}
- #quote {
- font-size:16px;
- font-family: 'Fjalla One', sans-serif;
- text-align: center;
- font-weight: 300;
- letter-spacing: 1.5px;
- line-height: 130%;
- padding-bottom: 10px;}
- #photoset{
- margin-left:-21px;}
- {block:if250px}#youtube_iframe {width:210px!important;}{/block:if250px}
- {block:if400px}#youtube_iframe {width:360px!important;}{/block:if400px}
- {block:if500px}#youtube_iframe {width:460px!important;}{/block:if500px}
- </style>
- </head>
- <body>
- <img src="{image:background}" class="bg">
- <div id="header">
- <div id="descriptiontop">{description}</div>
- <div id="linkstop">
- 01. <a href="/">home</a> <br>
- 02. <a href="/ask">ask</a> <br>
- 03. <a href="/submit">submit</a> <br>
- 04. <a href="/archive">archive</a> <br>
- {block:iflink1}05. <a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1} <br>
- {block:iflink2}06. <a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2} <br>
- {block:iflink3}07. <a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3} <br>
- {block:iflink4}08. <a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4} <br>
- {block:iflink5}09. <a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5} <br>
- {block:iflink6}10. <a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6} <br>
- {block:iflink7}11. <a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7} <br>
- {block:iflink8}12. <a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8} <br>
- {block:iflink9}13. <a href="{text:link 9 url}">{text:link 9}</a>{/block:iflink9} <br>
- {block:iflink10}14. <a href="{text:link 10 url}">{text:link 10}</a>{/block:iflink10} <br>
- {block:iflink11}15. <a href="{text:link 11 url}">{text:link 11}</a>{/block:iflink11} <br>
- {block:iflink12}16. <a href="{text:link 12 url}">{text:link 12}</a>{/block:iflink12} <br>
- {block:iflink13}17. <a href="{text:link 13 url}">{text:link 13}</a>{/block:iflink13} <br>
- {block:iflink14}18. <a href="{text:link 14 url}">{text:link 14}</a>{/block:iflink14} <br>
- {block:iflink15}19. <a href="{text:link 15 url}">{text:link 15}</a>{/block:iflink15} <br>
- <a href="https://octomoosey.tumblr.com/">©</a></div>
- </div>
- </div>
- <div id="footer">
- <div id="linksbottom">
- 01. <a href="/">home</a>
- 02. <a href="/ask">ask</a>
- 03. <a href="/submit">submit</a>
- 04. <a href="/archive">archive</a>
- {block:iflink1}05. <a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
- {block:iflink2}06. <a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
- {block:iflink3}07. <a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
- {block:iflink4}08. <a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
- {block:iflink5}09. <a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
- {block:iflink6}10. <a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
- {block:iflink7}11. <a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
- {block:iflink8}12. <a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
- {block:iflink9}13. <a href="{text:link 9 url}">{text:link 9}</a>{/block:iflink9}
- {block:iflink10}14. <a href="{text:link 10 url}">{text:link 10}</a>{/block:iflink10}
- {block:iflink11}15. <a href="{text:link 11 url}">{text:link 11}</a>{/block:iflink11}
- {block:iflink12}16. <a href="{text:link 12 url}">{text:link 12}</a>{/block:iflink12}
- {block:iflink13}17. <a href="{text:link 13 url}">{text:link 13}</a>{/block:iflink13}
- {block:iflink14}18. <a href="{text:link 14 url}">{text:link 14}</a>{/block:iflink14}
- {block:iflink15}19. <a href="{text:link 15 url}">{text:link 15}</a>{/block:iflink15}
- <a href="https://octomoosey.tumblr.com/">©</a></div>
- {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}<a>page {CurrentPage} of {TotalPages}</a>{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:Pagination}
- </div>
- <div id="content">
- {block:Posts}
- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom}
- <div class="post">
- {block:IndexPage}<div id="perma"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a><br><a href="{Permalink}">{NoteCountwithLabel}</a><br><a href="{ReblogURL}">reblog</a><br>{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{ReblogRootURL}">source</a>{/block:ContentSource} </div>{/block:IndexPage}
- {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
- {block:Photoset}{block:IndexPage}<div id="photoset">{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}</div>{/block:IndexPage}{block:PermalinkPage}<div id="photoset">{Photoset-400}</div>{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
- {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Quote}<div id="quote">“{Quote}” — <b><i>{Source}</i></b></div> {/block:Quote}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
- {block:Audio}{AudioPlayerWhite}{block:IndexPage}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}<p>{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
- {block:Video}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="askurl">question from - {Asker}:</div>
- <div id="question">❝ {Question} ❞</div>{Answer}{/block:Answer}
- {block:indexPage}{block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{block:indexPage}
- </div>
- {block:PermalinkPage}
- <center>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}<p>{NoteCountwithLabel}</center>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div>
- </div>
- </div>
- </body>
- </div>
- </html>.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement