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">
- <!--
- THEME 11: NEPTUNE BY NUTELLAMONKEYS.TUMBLR.COM
- RULES:
- - DO NOT REDISTRIBUTE OR REUPLOAD AND CLAIM AS YOUR OWN
- - LEAVE THE CREDITS AS THEY ARE, DO NOT MOVE THEM TO A DIFFERENT PAGE
- - DO NOT USE AS A BASE CODE
- If you fail to abide by these rules I throw you in Tartarus. :)
- BASE CODE BY SOONJUNTHEMES.TUMBLR.COM
- -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="color:Background" content="#fff" />
- <meta name="color:Text" content="#aaa" />
- <meta name="color:Links" content="#50B7CC"/>
- <meta name="color:Link Hover" content="#4088a4"/>
- <meta name="color:Tooltips" content="#f5f5f5" />
- <meta name="color:Tooltips BG" content="#50B7CC" />
- <meta name="color:Blockquote" content="#50B7CC"/>
- <meta name="color:Description" content="#aaa" />
- <meta name="color:Description BG" content="#fff" />
- <meta name="color:Description Link Hover" content="#fff" />
- <meta name="color:Line" content="#f5f5f5" />
- <meta name="color:Title" content="#50B7CC" />
- <meta name="color:Scrollbar" content="#50B7CC"/>
- <meta name="image:Header" content="" />
- <meta name="text:URL1" content="/" />
- <meta name="text:TITLE1" content="link 1" />
- <meta name="text:URL2" content="/" />
- <meta name="text:TITLE2" content="link 2" />
- <meta name="text:URL3" content="/" />
- <meta name="text:TITLE3" content="link 3" />
- <meta name="text:URL4" content="/" />
- <meta name="text:TITLE4" content="link 4" />
- <link href='http://fonts.googleapis.com/css?family=Miniver' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/ofgq56z/KuXmourur/jquery.style-my-tooltips.js" type="text/javascript"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:"true",
- tip_delay_time:70,
- tip_fade_speed:500,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- iframe#tumblr_controls {
- top: 0% !important;
- right:0% !important;
- position: fixed !important;
- -webkit-filter: invert(100%);
- opacity: 0.2;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- iframe#tumblr_controls:hover {
- top: 0% !important;
- right:0% !important;
- position: fixed !important;
- -webkit-filter: invert(100%);
- opacity: 0.4;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- body {
- -webkit-backface-visibility: hidden;
- background-color: {color:Background};
- font-family:Tahoma;
- line-height:100%;
- letter-spacing:1px;
- color:{color:Text};
- word-wrap: break-word;
- font-size:9px;
- text-align:justify;
- }
- img {
- max-width:100%;
- }
- a { text-decoration:none;
- cursor:pointer;
- color:{color:Links};
- }
- a:link, a:active, a:visited {
- color:{color:Links};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- a:hover {
- color: {color:Link Hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- #s-m-t-tooltip {
- max-width: 170px;
- font-size:8px;
- letter-spacing:1;
- padding-left:6px;
- padding-right:6px;
- padding-top:4px;
- padding-bottom:4px;
- font-family:tahoma;
- letter-spacing:1px;
- text-transform: none;
- background-color:{color:Tooltips BG};
- color: {color:Tooltips};
- position: absolute;
- display:inline;
- margin-top: 20px;
- margin-left: 10px;
- text-align: center;
- z-index:6;
- }
- ul li {
- list-style-type:square;
- }
- hr
- {
- color: #f5f5f5;
- }
- blockquote {
- margin: 10px;
- padding:0px 3px 0px 7px;
- border-left: 3px solid {color:Blockquote};
- }
- #entry{
- top: 170px;
- position:relative;
- width:490px;
- margin: 0 auto;
- }
- #posts {
- line-height:100%;
- background:{color:Background};
- width:500px;
- padding:20px;
- margin-top:50px;
- margin-bottom:20px;
- }
- #topbar {
- background-color:transparent;
- z-index:3;
- position: absolute;
- top: 0px;
- left:0px;
- right:0px;
- padding:20px;
- width:auto;
- height:160px;
- text-align:center;
- display:inline-block;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- #topbar:hover img {
- opacity:0.5;
- -webkit-filter: grayscale(100%);
- -webkit-transition: .5s ease-in-out;
- -moz-filter: grayscale(100%);
- -moz-transition: .5s ease-in-out;
- -o-filter: grayscale(100%);
- -o-transition: .5s ease-in-out;
- }
- #topbar img {
- width: 600px;
- height:200px;
- z-index:-3;
- margin-left:10px;
- margin-top:-20px;
- -webkit-filter: grayscale(0%);
- -webkit-transition: .5s ease-in-out;
- -moz-filter: grayscale(0%);
- -moz-transition: .5s ease-in-out;
- -o-filter: grayscale(0%);
- -o-transition: .5s ease-in-out;
- }
- #top {
- width:500;
- height:170px;
- left:50%;
- top:50%;
- position:absolute;
- margin-left: -245px;
- margin-top: -83px;
- background:transparent;
- }
- #topbar:hover #description {
- opacity:0.9;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- #topbar:hover #navigation {
- opacity:0.9;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- #description {
- float:left;
- display:inline;
- font-size:9px;
- letter-spacing:1px;
- text-align: center;
- background-color:{color:Description BG};
- color:{color:Description};
- font-family:tahoma;
- width: 220px;
- height: 130px;
- padding:10px;
- margin-left:3px;
- margin-right:6px;
- opacity:0;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- #navigation {
- float:right;
- display:inline-block;
- width: 250px;
- text-align:center;
- opacity:0;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- #navigation a.links {
- display:inline-block;
- width:100px;
- line-height:320%;
- background-color:{color:Description BG};
- text-align:center;
- text-transform: uppercase;
- color: {color:Links};
- margin-bottom:5px;
- margin-right:3px;
- padding:10px;
- font-size:8px;
- font-family:tahoma;
- letter-spacing:2px;
- }
- #navigation a.links:hover {
- background-color:{color:Description Link Hover};
- color: {color:Link Hover};
- opacity:0.6;
- }
- #page {
- position:fixed;
- bottom:0;
- width:480px;
- margin-left:20px;
- z-index:5;
- padding:10px;
- border-top:1px solid {color:Line};
- background-color:{color:Background};
- color:{color:Text};
- text-align:center;
- letter-spacing:5px;
- }
- .info {
- position:absolute;
- margin-top:0px;
- width:490px;
- text-transform:uppercase;
- text-align:center;
- letter-spacing:1px;
- font-family: calibri;
- font-size:8px;
- color:{color:Text};
- border-top:1px solid {color:Line};
- padding:3px;
- background:{color:Background};
- }
- .pnotes {
- background:transparent;
- width:500px;
- text-align: left;
- line-height:15px;
- padding:3px;
- margin-left: -20px;
- text-transform:uppercase;
- font-family: tahoma;
- font-size:8px;
- }
- .pnotes img {
- width:16px;
- }
- .pnotes li {
- list-style-type:none;
- border-bottom: 1px solid {color:Line};
- padding:4px;
- margin-right: 20px;
- margin-bottom:2px;
- }
- ol.notes {
- margin: 25px 0px;
- }
- img.avatar {
- vertical-align: -4px;
- width: 16px;
- height: 16px;
- padding: 1px;
- }
- .posttitle {
- font-family: 'Pompiere', cursive;
- text-align:center;
- text-transform:uppercase;
- line-height: 100%;
- font-size:24px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- .linky {
- color:{color:Links};
- font-family: 'Pompiere', cursive;
- text-align:center;
- text-transform:uppercase;
- line-height: 100%;
- font-size:24px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- .linky:hover {
- color:{Color:Link Hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- #quote {
- font-family: 'Miniver', cursive;
- font-size: 18px;
- letter-spacing:1px;
- line-height: 100%;
- padding: 10px;
- text-align:left;
- }
- #source {
- font-size: 8px;
- text-align: right;
- font-family:Tahoma;
- letter-spacing:1px;
- }
- #asker {
- font-size:17px;
- padding-bottom:12px;
- padding-top:6px;
- text-transform:uppercase;
- font-family: 'Pompiere', cursive;
- border-bottom:1px solid {color:Line};
- text-align:center;
- margin-left: 10px;
- margin-right: 10px;
- text-decoration:none;
- }
- table {border:0}
- td, tr {border: 0}
- .label {
- color:{color:Links};
- font-weight:bold;
- letter-spacing:1px;
- font-size:10px;
- text-transform:uppercase;
- }
- ul.chat {
- margin-bottom:10px;
- margin-top:0px;
- padding:0px;
- }
- .chat li{
- list-style-type: none;
- margin-top:2px;
- padding:3px;
- }
- .audio {
- height:47px;
- margin-bottom:10px;
- }
- .audio-player {
- height:26px;
- width:26px;
- margin-top: 7px;
- margin-left: 7px;
- overflow:hidden;
- opacity:0.6;
- border: 3px solid #f5f5f5;
- position:absolute; z-index:2;
- }
- .audio-album {
- position:absolute;
- width:32px;
- border: 7px solid #f5f5f5;
- }
- .audio-info {
- height: 30px;
- margin-left:45px;
- padding:10px 10px 10px 10px;
- text-align:left;
- font-family:calibri;
- font-size:9px;
- line-height:110%;
- }
- ::-webkit-scrollbar-thumb{
- background:{color:Scrollbar};
- height:auto;
- }
- ::-webkit-scrollbar {
- height:4px;
- width:5px;
- background: {color:Background};
- }
- #title {
- color:{color:Title};
- font-size:18px;
- font-family: 'Miniver', cursive;
- text-align:center;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- #back {
- font-size: 25px;
- text-align: center;
- bottom:25px;
- right:13px;
- padding: 5px;
- position:fixed;
- opacity: 0.6;
- text-transform:uppercase;
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- }
- #back:hover {
- opacity: 1.0;
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- }
- #nutella {
- right:5px;
- bottom:5px;
- position:fixed;
- font-size:9px;
- width:50px;
- padding:1px;
- text-align:center;
- background:{color:Links};
- color:{color:Background};
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- }
- #nutella:hover {
- bottom:8px;
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- }
- #nutella a{
- color:{color:Background};
- }
- </style>
- </head>
- <body>
- <div id="nutella"><a href="http://nutellamonkeys.tumblr.com/">THEME</a></div>
- <a id="scrlTop" title="Back to Top" href="#"><div id="back">▲</a></div></a>
- <div id="topbar">
- <img src="{image:Header}">
- <div id="top">
- <div id="description">
- <div id="title">{title}</div><p></p>
- {block:Description}{Description}{/block:Description}
- </div>
- <div id="navigation">
- <a class="links" href="/">Home</a>
- <a class="links" href="/ask">Ask</a>
- {block:ifTITLE1}<a href="{text:URL1}" class="links">{text:TITLE1}</a>{/block:ifTITLE1}
- {block:ifTITLE2}<a href="{text:URL2}" class="links">{text:TITLE2}</a>{/block:ifTITLE2}
- {block:ifTITLE3}<a href="{text:URL3}" class="links">{text:TITLE3}</a>{/block:ifTITLE3}
- {block:ifTITLE4}<a href="{text:URL4}" class="links">{text:TITLE4}</a>{/block:ifTITLE4}
- </div>
- </div>
- </div>
- <div id="entry">
- {block:Posts}
- <div id="posts">
- {block:Quote}
- <div id="quote">"{Quote}"<br><div id="source">—{Source}</small></div></div>
- {/block:Quote}
- {block:Photo}
- <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;"></center>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Link}
- <a href="{URL}" {Target}><div class="linky">{Name}</div></a>
- {block:Description}{Description}{/block:Description}
- {block:Link}
- {block:Chat}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
- {/block:Label}
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}" style="width:32px;">{/block:AlbumArt}
- <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- <div class="audio-info">
- {block:TrackName} {TrackName}<br>{/block:TrackName}
- {block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}
- </div></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Text}
- {block:Title}
- <div class="posttitle">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Video}
- {Video-500}
- {block:ifcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifcaption}
- {block:Video}
- {block:Answer}
- <table cellpadding="5" style="padding:5px; margin-bottom:5px; background-color:#fff" width="100%">
- <tr>
- <td align="center" width="17%" valign="middle" rowspan="2"><img src="{AskerPortraitURL-64}" style="border: 5px solid #f5f5f5">
- <td style="vertical-align:top;"><div id="asker">{Asker}</div></td>
- </tr>
- <tr>
- <td style="vertical-align:top;"><font color="#aaa"><center>{Question}</center></font></td>
- </tr>
- </table></td>
- {Answer}
- {/block:Answer}
- <div class="info">
- {block:Date}<a href="{Permalink}" title="permalink">Posted {TimeAgo}{block:NoteCount} with {NoteCount} notes{/block:NoteCount}</a> {/block:Date}
- {block:RebloggedFrom} – <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> – <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:RebloggedFrom} <br>
- {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
- {block:permalinkpage}
- <div class="info">
- {block:Date}Posted at {12Hour}:{Minutes}{CapitalAmPm} on the {DayofMonth}{DayOfMonthSuffix} of {Month} {Year} {/block:Date}
- {block:NoteCount}with {NoteCount} notes{/block:NoteCount}<br>
- {block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> Source: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>{/block:RebloggedFrom}
- {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
- <br></br>
- <div class="pnotes">
- {block:PostNotes}
- {PostNotes-16}
- {/block:PostNotes}
- </div>{/block:permalinkpage}</div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {/block:Posts}
- <br></br><br></br>
- <div id="page">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}</div>
- {/block:Pagination}</div>
- </div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement