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>
- <!--
- simple cute redux by billie
- http://nnadoka.co.vu
- don't remove credit
- -->
- <!-- DEFAULT VARIABLES -->
- <meta name="color:Background" content="#c0c0c0" />
- <meta name="font:Title" content="Arial" />
- <meta name="font:Body" content="Arial" />
- <meta name="font:Accent" content="Lucida Sans" />
- <meta name="if:Show Tags" content="1" />
- <meta name="image:Sidebar" content="" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title} {block:PostSummary}| {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- body {
- background: {color:Background} url('{image:Background}') top left fixed repeat;
- margin: 0;
- padding: 0;
- font-family: {font:Body};
- }
- .clear {
- clear: both;
- height: 0px;
- overflow: hidden;
- }
- a img {
- border: none;
- }
- #wrapper {
- width: 845px;
- margin: 0 auto;
- }
- #wrapper #title {
- margin: 30px 0;
- color: #fff;
- font-size: 40px;
- font-weight: bold;
- font-family: {font:Title};
- }
- #wrapper #title a {
- color: #fff;
- text-decoration: none;
- }
- #wrapper #content {
- width: 420px;
- float: left;
- }
- #wrapper #content .post {
- font-family: {font:Body};
- background: #fff;
- color: {color:Background};
- padding: 10px;
- position: relative;
- margin-bottom: 20px;
- }
- #wrapper #content .post .media {
- text-align: center;
- margin-bottom: 10px;
- }
- #wrapper #content .post .quotebg {
- font-family: georgia, serif;
- font-size: 150px;
- color: {color:Background};
- opacity: 0.2;
- filter: alpha(opacity=20);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
- position: absolute;
- top: 70px;
- left: 10px;
- }
- #wrapper #content .post .quote {
- color: {color:Background};
- font-weight: bold;
- padding: 20px 20px 5px 20px;
- }
- #wrapper #content .post .quote.short {
- font-size: 33px;
- line-height: 35px;
- }
- #wrapper #content .post .quote.medium {
- font-size: 25px;
- line-height: 28px;
- }
- #wrapper #content .post .quote.long {
- font-size: 18px;
- line-height: 22px;
- }
- #wrapper #content .post .quote_source *:first-child {
- margin-top: 0px;
- }
- #wrapper #content .post .quote_source *:last-child {
- margin-bottom: 0px;
- }
- #wrapper #content .post .quote *:first-child {
- margin-top: 0px;
- }
- #wrapper #content .post .quote *:last-child {
- margin-bottom: 0px;
- }
- a
- #wrapper #content .post .copy {
- color: #6e7173;
- padding: 10px;
- font-size: 13px;
- line-height: 15px;
- }
- #wrapper #content .post .copy a {
- color: #6e7173;
- text-decoration: underline;
- }
- #wrapper #content .post .copy p {
- margin: 10px 0 0 0;
- padding: 0;
- }
- #wrapper #content .post .copy pre {
- margin: 10px 0px 10px 0px;
- padding: 10px;
- background-color: #e6e6e6;
- font: normal 11px Courier, monospace;
- overflow: auto;
- }
- #wrapper #content .post .copy > p:first-child {
- margin-top: 0;
- }
- #wrapper #content .post .copy img {
- max-width: 100%;
- }
- #wrapper #content .post .audio {
- background: #eaeaea;
- float: left;
- padding: 7px;
- margin-bottom: 10px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- }
- #wrapper #content .post .audio .player {
- float: left;
- }
- #wrapper #content .post .audio .player .audio_player embed {
- border: 1px solid #c8c8c8;
- }
- #wrapper #content .post .audio .meta {
- padding: 8px 13px;
- height: 13px;
- float: left;
- color: #666;
- font-family: {font:Accent};
- font-size: 11px;
- text-transform: lowercase;
- }
- #wrapper #content .post .audio .meta a {
- color: #666;
- text-decoration: none;
- }
- #wrapper #content .post .album_art {
- text-align: center;
- }
- #wrapper #content .post .question {
- color: #494949;
- font-size: 16px;
- font-weight: bold;
- background: #f1f1f1;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- border-radius: 8px;
- margin: 0 0 15px 0;
- padding: 15px 20px;
- position: relative;
- }
- #wrapper #content .post .question .nipple {
- width: 13px;
- height: 7px;
- background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
- position: absolute;
- bottom: -7px;
- left: 30px;
- }
- #wrapper #content .post .asker_container {
- margin: 0 0 20px 24px;
- }
- #wrapper #content .post .asker_container img {
- margin: 0 12px -7px 0;
- }
- #wrapper #content .post .asker_container a.asker {
- color: {color:Body};
- }
- #wrapper #content .post .title {
- color: #494949;
- font-size: 16px;
- font-weight: bold;
- padding: 10px 10px 0 10px;
- }
- #wrapper #content .post img {
- max-width: 400px;
- }
- #wrapper #content .post .chat {
- background-color: #fff;
- border-left: 5px solid #dedddd;
- margin: 10px 10px 0 10px;
- font-size: 14px;
- }
- #wrapper #content .post .chat .lines {
- margin-left: 1px;
- }
- #wrapper #content .post .chat .lines .line {
- background-color: #eaeaea;
- color: #494949;
- margin-bottom: 1px;
- padding: 3px 5px;
- }
- #wrapper #content .post .chat .lines .line.even {
- background-color: #dedddd;
- }
- #wrapper #content .post .link {
- margin: 4px 0 2px 0;
- font-size: 16px;
- line-height: 25px;
- }
- #wrapper #content .post .link a {
- background-color: {color:Background};
- color: #fff;
- padding: 5px 7px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- }
- #wrapper #content .post .link a:hover {
- opacity: 0.9;
- filter: alpha(opacity=90);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
- }
- #wrapper #content .post .footer {
- background: #eaeaea;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- font-family: {font:Accent};
- font-size: 11px;
- color: #666;
- padding: 5px 10px;
- margin-top: 10px;
- }
- #wrapper #content .post .footer.for_permalink:hover {
- opacity: 0.9;
- filter: alpha(opacity=90);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
- }
- #wrapper #content .post .footer .date {
- width: 67%;
- float: left;
- color: #666;
- }
- #wrapper #content .post .footer .notes {
- width: 33%;
- float: right;
- text-align: right;
- color: #666;
- }
- #wrapper #content .post .footer .notes a {
- color: #666;
- }
- #wrapper #content .post .footer .tags a {
- color: #4a4a51;
- text-decoration: underline;
- }
- #wrapper #content .post .footer .tags .tag-commas:last-child {
- display: none;
- }
- #wrapper #content .post .footer.with_source_url .tags {
- max-width: 330px;
- float: left;
- }
- #wrapper #content .post .footer.with_source_url .source_url {
- float: right;
- max-width: 160px;
- overflow: hidden;
- white-space: nowrap;
- }
- #wrapper #content .post .footer.with_source_url .source_url img {
- vertical-align: top;
- -moz-opacity: 0.5;
- opacity: 0.5;
- }
- #wrapper #content .post .footer.with_source_url .source_url:hover img {
- -moz-opacity: 0.7;
- opacity: 0.7;
- }
- #wrapper #content .post a {
- color: #6e7173;
- text-decoration: none;
- }
- #wrapper #content .post .copy blockquote {
- margin: 10px 0px 10px 10px;
- padding-left: 15px;
- border-left: solid 4px #dcdcdc;
- }
- #wrapper #content .post .copy blockquote blockquote {
- border-left: solid 4px #cccccc;
- }
- #wrapper #content .post .copy blockquote blockquote blockquote {
- border-left: solid 4px #bcbcbc;
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
- border-left: solid 4px #acacac;
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
- border-left: solid 4px #9c9c9c;
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
- border-left: solid 4px #8c8c8c;
- }
- #wrapper #content #navigation {
- text-align: right;
- padding-bottom: 35px;
- text-transform: lowercase;
- }
- #wrapper #content #navigation a {
- background-color: #fff;
- color: {color:Background};
- padding: 5px 10px;
- text-decoration: none;
- margin-left: 25px;
- }
- #wrapper #content #navigation a:hover {
- opacity: 0.9;
- filter: alpha(opacity=90);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
- }
- #wrapper #content .post .notecontainer {
- background: #eaeaea;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- font-family: {font:Accent};
- font-size: 11px;
- color: #666;
- margin-top: 10px;
- margin-bottom: -10px;
- }
- #wrapper #content .post .notecontainer a {
- color: #666;
- text-decoration: underline;
- }
- #wrapper #content .post .notecontainer ol.notes {
- padding: 0px 0 10px 0;
- list-style-type: none;
- font-size: 11px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note {
- padding: 10px 10px 0 10px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note span.action {
- font-weight: normal;
- }
- #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
- font-weight: normal;
- }
- #wrapper #content .post .notecontainer ol.notes li.note blockquote {
- border-left: 2px solid #666;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
- text-decoration: none;
- }
- #wrapper #sidebar {
- width: 150px;
- float: right;
- padding: 10px;
- background: #ffffff;
- font-size: 12px;
- color: {color:Background};
- font-family: {font:Accent}
- }
- #wrapper #sidebar a {
- color: {color:Background};
- }
- #wrapper #sidebar .sidebarimg{
- width: 100%;
- margin-bottom: 10px;
- padding: 0px;}
- #wrapper #sidebar #links{
- margin-top: 10px;
- margin-bottom: 10px;
- text-align: center;}
- #wrapper #sidebar #links a {
- display: block;
- float: center;
- background-color: {color:Background};
- color: #fff;
- text-decoration: none;
- padding: 4px 5px;
- margin: 0 5px 5px 0;
- -webkit-border-radius: 5px;
- -moz-border-radius: 3px;
- border-radius: 3px;}
- #wrapper #sidebar #links a:last-child {
- margin-right: 0px; }
- #wrapper #sidebar #links a:hover {
- background: #ffffff; }
- </style>
- </head>
- <body>
- <style type="text/css">
- <!--
- body
- {
- background-image : url("http://media.tumblr.com/71dacf73c06b6ca09b7a15b58c9d37ce/tumblr_inline_mrf2jccFd41rto88t.png");
- background-repeat: repeat-x;
- background-attachment: fixed;
- }
- -->
- </style>
- <div id="wrapper">
- <div id="title">
- <a href="/">
- {Title}
- </a>
- </div>
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:Photo}
- <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
- {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Video}
- <div class="media">{Video-400}</div>
- {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:AudioEmbed}
- {AudioEmbed}
- {/block:AudioEmbed}
- {block:AudioPlayer}
- {block:AlbumArt}
- <div class="album_art">
- <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
- </div>
- {/block:AlbumArt}
- <div class="audio">
- <div class="player">{AudioPlayerWhite}</div>
- <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> • <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
- <div class="clear"></div>
- </div>
- {/block:AudioPlayer}
- <div class="clear"></div>
- {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Quote}
- <div class="quote {Length}">{Quote}</div>
- <div class="copy">
- <div class="quotebg">“</div>
- {block:Source}
- <table border="0" cellpadding="0" cellspacing="0" width="100%">
- <tr>
- <td valign="top" style="width:20px;">—</td>
- <td valign="top" class="quote_source">
- {Source}
- </td>
- </tr>
- </table>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="copy">{Body}</div>
- {/block:Text}
- {block:Answer}
- <div class="question">
- <div class="nipple"></div>
- {Question}
- </div>
- <div class="asker_container"><img src="{AskerPortraitURL-48}">{Asker}</div>
- <div class="copy">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="chat">
- <div class="lines">
- {block:Lines}
- <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
- {/block:Lines}
- </div>
- </div>
- <div class="clear"></div>
- <div style="height:10px;"></div>
- {/block:Chat}
- {block:Link}
- <div class="link"><a href="{URL}" {Target}>{Name} »</a></div>
- {block:Description}<div class="copy">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Date}
- <a href="{Permalink}">
- <div class="footer for_permalink">
- <div class="date">
- {block:RebloggedFrom}
- Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {TimeAgo}
- {/block:RebloggedFrom}
- {block:NotReblog}
- Posted {TimeAgo}
- {/block:NotReblog}
- </div>
- <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </div>
- <div class="clear"></div>
- </div>
- </a>
- {/block:Date}
- <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
- display:none;
- {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
- {block:ContentSource}display:block;{/block:ContentSource}
- ">
- {block:IfShowTags}
- {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
- {/block:IfShowTags}
- {block:ContentSource}
- <a href="{SourceURL}" class="source_url">
- Source:
- {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
- </a>
- {/block:ContentSource}
- <div class="clear"></div>
- </div>
- {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
- </div>
- <div class="bottom"></div>
- {/block:Posts}
- {block:Pagination}
- <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
- {block:PreviousPage}<a href="{PreviousPage}">← {lang:Previous}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">{lang:Next page} →</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="sidebar">
- {block:IfSidebarImage}<img src="{image:Sidebar}" class="sidebarimg">{/block:IfSidebarImage}
- <div id="description">{Description}</div>
- <div id="links">
- {block:AskEnabled}<a href="/ask" class="page">{AskLabel}</a>{/block:AskEnabled}
- {block:SubmissionsEnabled}<a href="/submit" class="page">{SubmitLabel}</a>{/block:SubmissionsEnabled}
- {block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}
- </div>
- </div>
- </div>
- <div class="clear"></div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement