Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{PortraitURL-16}" />
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
- {block:IfInfiniteScrolling}
- <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScrolling}
- <meta name="image:Background" content="" />
- <meta name="color:Background" content="#eeeeee" />
- <meta name="color:Link" content="#008080" />
- <meta name="color:Title Link" content="#008080" />
- <meta name="color:Text" content="#000000" />
- <meta name="font:Font" content="" />
- <meta name="text:Link 3 Title" content="submit" />
- <meta name="text:Link 3 URL" content="/submit" />
- <meta name="text:Link 4 Title" content="link" />
- <meta name="text:Link 4 URL" content="/" />
- <meta name="text:Link 5 Title" content="link" />
- <meta name="text:Link 5 URL" content="/" />
- <meta name="if:Infinite Scrolling" content="1" />
- <meta name="if:Tile Background" content="0" />
- </head>
- <style type="text/css">
- ::-webkit-scrollbar {
- width: 0px;
- }
- body {
- background: {color:Background} url({image:background}) fixed;
- {block:IfNotTileBackground}
- background-size: cover;
- {/block:IfNotTileBackground}
- font-family: arial;
- font-size: 12px;
- color: {color:Text};
- }
- body a {
- color: {color:Link};
- text-transform: uppercase;
- text-decoration: none;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- body a:hover {
- letter-spacing: 1px;
- }
- beach {
- position: fixed;
- font-family: {font:Font};
- top: 0px;
- left: 70px;
- height: 200px;
- width: 900px;
- font-size: 50px;
- font-weight: 100;
- font-style: italic;
- text-transform: uppercase;
- text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
- z-index: 2;
- }
- beach a {
- color: {color:Title Link};
- text-decoration: none;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- one:hover span {
- display: none;
- }
- one:hover:before {
- content:"home";
- }
- two:hover span {
- display: none;
- }
- two:hover:before {
- content:"ask";
- }
- three:hover span {
- display: none;
- }
- three:hover:before {
- content:"{text:Link 3 Title}";
- }
- four:hover span {
- display: none;
- }
- four:hover:before {
- content:"{text:Link 4 Title}";
- }
- five:hover span {
- display: none;
- }
- five:hover:before {
- content:"{text:Link 5 Title}";
- }
- .ocean {
- position: absolute;
- left: 100px;
- top: 200px;
- }
- .wave {
- text-align: justify;
- background-color: #fff;
- padding: 10px;
- width: 500px;
- {block:IndexPage}margin-bottom: 100px;{/block:IndexPage}
- {block:PermalinkPage}margin-bottom: 20px;{/block:PermalinkPage}
- word-wrap: break-word;
- }
- .wave img {
- max-width: 100%;
- }
- .starfish img {
- margin-bottom: -5px;
- }
- .seahorse img {
- width: 100%;
- }
- .quote {
- font-style: italic;
- font-family: {font:Font};
- }
- .quote.short {
- font-size: 19px;
- font-weight: 100;
- }
- .quote.medium {
- font-size: 18px;
- font-weight: 100;
- }
- .quote.long {
- font-size: 16px;
- font-weight: 100;
- }
- .wave ul {
- list-style: none;
- padding: 0;
- }
- .wave li {
- padding: 5px;
- }
- .wave .odd {
- background: {color:Link};
- color: #fff;
- }
- .shell {
- width: 447px;
- padding: 6px;
- background-color: rgba(150, 150, 150, 0.2);
- }
- blockquote {
- border-left: 1px solid {color:Link};
- margin-left: 5px;
- padding-left: 5px;
- max-width: 100%;
- }
- .sand {
- position: absolute;
- margin-left: 100px;
- opacity: 0;
- background-color: #fff;
- height: 26px;
- padding-top: 5px;
- padding-right: 10px;
- margin-top: -8px;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- .wave:hover .sand {
- opacity: 1;
- margin-left: 160px;
- }
- .bucket {
- float: left;
- }
- .bucket a {
- font-size: 18px;
- font-family: {font:Font};
- font-style: italic;
- text-transform: uppercase;
- text-decoration: none;
- color: #fff;
- background-color: {color:Link};
- padding: 5px;
- }
- .bucket a:hover {
- letter-spacing: 0px;
- }
- .pearl {
- font-size: 18px;
- font-style: italic;
- text-transform: uppercase;
- font-family: {font:Font};
- }
- swim {
- color: rgba(0, 0, 0, 0);
- }
- treasure {
- bottom: 15px;
- right: 20px;
- position: fixed;
- font-size: 30px;
- font-style: italic;
- text-shadow: 2px 2px #fff;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- treasure:hover {
- -webkit-transform:rotate(360deg);
- -moz-transform:rotate(360deg);
- -ms-transform:rotate(360deg);
- -o-transform:rotate(360deg);
- transform:rotate(360deg);
- }
- </style>
- <body>
- <treasure>
- <strong>
- <a href="http://gay8.tumblr.com/">8</a>
- </strong>
- </treasure>
- <beach>
- <br />
- <a href="/"><one><span>001</span></one></a>
- <a href="/ask"><two><span>002</span></two></a>
- <a href="{text:Link 3 URL}"><three><span>003</span></three></a>
- <a href="{text:Link 4 URL}"><four><span>004</span></four></a>
- <a href="{text:Link 5 URL}"><five><span>005</span></five></a>
- {block:IfNotInfiniteScrolling}
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}" title="previous page" style="font-style: normal; font-size: 60px;">◀</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}" title="next page">►</a>
- {/block:NextPage}
- {/block:Pagination}
- {/block:IfNotInfiniteScrolling}
- </beach>
- <div class="ocean">
- {block:IfInfiniteScrolling}
- <div class="autopagerize_page_element">
- {/block:IfInfiniteScrolling}
- {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}
- {block:ReblogSource}{/block:ReblogSource}
- {block:Text}
- <div class="wave">
- {block:Date}
- {block:Title}<span class="pearl">{Title}</span></span><br />
- <div style="margin-top: 15px;"></div>{/block:Title}
- <div style="margin-top: -10px;"></div>
- {/block:Date}
- <span class="starfish">{Body}</span>
- {block:Date}<div style="margin-bottom: -1px;"></div>{/block:Date}
- {block:IndexPage}
- <center>
- <div class="sand">
- <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
- </div>
- </center>
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
- {block:Date}
- <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
- {/block:Date}
- {block:RebloggedFrom}
- <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:RebloggedFrom}
- <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- <br /><strong># of notes:</strong> {NoteCount}
- {/block:Date}
- {block:HasTags}
- <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
- <div style="margin-bottom: 50px;"></div>
- {/block:PermalinkPage}
- {/block:Text}
- {block:Photo}
- <div class="wave">
- <img src="{PhotoURL-500}" />
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- <div style="margin-bottom: -5px;"></div>
- {/block:PermalinkPage}
- {block:IndexPage}
- <center>
- <div class="sand">
- <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
- </div>
- </center>
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
- {block:Date}
- <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
- {/block:Date}
- {block:RebloggedFrom}
- <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:RebloggedFrom}
- <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- <br /><strong># of notes:</strong> {NoteCount}
- {/block:Date}
- {block:HasTags}
- <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
- <div style="margin-bottom: 50px;"></div>
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div class="wave">
- {Photoset-500}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- <div style="margin-bottom: -5px;"></div>
- {/block:PermalinkPage}
- {block:IndexPage}
- <center>
- <div class="sand">
- <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
- </div>
- </center>
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
- {block:Date}
- <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
- {/block:Date}
- {block:RebloggedFrom}
- <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:RebloggedFrom}
- <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- <br /><strong># of notes:</strong> {NoteCount}
- {/block:Date}
- {block:HasTags}
- <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
- <div style="margin-bottom: 50px;"></div>
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div class="wave">
- <span class="quote {Length}">“{Quote}”</span>
- <br /> - {Source}
- <div style="margin-bottom: 7px;"></div>
- {block:IndexPage}
- <center>
- <div class="sand">
- <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
- </div>
- </center>
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
- {block:Date}
- <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
- {/block:Date}
- {block:RebloggedFrom}
- <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:RebloggedFrom}
- <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- <br /><strong># of notes:</strong> {NoteCount}
- {/block:Date}
- {block:HasTags}
- <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
- <div style="margin-bottom: 50px;"></div>
- {/block:PermalinkPage}
- {/block:Quote}
- {block:Link}
- <div class="wave">
- <span class="pearl"><a href="{URL}">{Name}</a></span>
- <br />{block:Description}{Description}{/block:Description}
- <div style="margin-bottom: 7px;"></div>
- {block:IndexPage}
- <center>
- <div class="sand">
- <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
- </div>
- </center>
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
- {block:Date}
- <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
- {/block:Date}
- {block:RebloggedFrom}
- <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:RebloggedFrom}
- <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- <br /><strong># of notes:</strong> {NoteCount}
- {/block:Date}
- {block:HasTags}
- <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
- <div style="margin-bottom: 50px;"></div>
- {/block:PermalinkPage}
- {/block:Link}
- {block:Chat}
- <div class="wave">
- {block:Title}<span class="pearl">{Title}</span><br />{/block:Title}
- <ul>
- {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
- </ul>
- <div style="margin-bottom: -5px;"></div>
- {block:IndexPage}
- <center>
- <div class="sand">
- <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
- </div>
- </center>
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
- {block:Date}
- <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
- {/block:Date}
- {block:RebloggedFrom}
- <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:RebloggedFrom}
- <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- <br /><strong># of notes:</strong> {NoteCount}
- {/block:Date}
- {block:HasTags}
- <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
- <div style="margin-bottom: 50px;"></div>
- {/block:PermalinkPage}
- {/block:Chat}
- {block:Audio}
- <div class="wave">
- <center>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" width="500px" />
- {block:AudioPlayer}<br /><br />{/block:AudioPlayer}
- {/block:AlbumArt}
- {block:AudioEmbed}
- {AudioEmbed-400}
- {/block:AudioEmbed}
- {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
- </center>
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- <div style="margin-bottom: 10px;"></div>
- {block:IndexPage}
- <center>
- <div class="sand">
- <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
- </div>
- </center>
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
- {block:Date}
- <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
- {/block:Date}
- {block:RebloggedFrom}
- <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:RebloggedFrom}
- <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- <br /><strong># of notes:</strong> {NoteCount}
- {/block:Date}
- {block:HasTags}
- <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
- <div style="margin-bottom: 50px;"></div>
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Video}
- <div class="wave">
- {VideoEmbed-500}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {block:IndexPage}
- <center>
- <div class="sand">
- <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
- </div>
- </center>
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
- {block:Date}
- <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
- {/block:Date}
- {block:RebloggedFrom}
- <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:RebloggedFrom}
- <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- <br /><strong># of notes:</strong> {NoteCount}
- {/block:Date}
- {block:HasTags}
- <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
- <div style="margin-bottom: 50px;"></div>
- {/block:PermalinkPage}
- {/block:Video}
- {block:Answer}
- <div class="wave">
- <span style="float: left;">
- <img src="{AskerPortraitURL-30}" />
- </span>
- <span class="shell" style="float: right;">
- "{Question}"
- </span>
- <div style="clear: both;"></div>
- <span style="float: right; text-transform: lowercase; margin-top: 5px;">asked by {Asker}</span>
- <div style="clear: both;"></div>
- {Answer}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {block:IndexPage}
- <center>
- <div class="sand">
- <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
- </div>
- </center>
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
- {block:Date}
- <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
- {/block:Date}
- {block:RebloggedFrom}
- <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:RebloggedFrom}
- <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- <br /><strong># of notes:</strong> {NoteCount}
- {/block:Date}
- {block:HasTags}
- <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
- <div style="margin-bottom: 50px;"></div>
- {/block:PermalinkPage}
- {/block:Answer}
- {/block:Posts}
- {block:IfInfiniteScrolling}
- </div>
- {/block:IfInfiniteScrolling}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement