Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <!-- Yin Yang Theme designed by Circlejourney -->
- <html>
- <head>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}"/>
- <meta name="if:Show High Res Photo Links" content="1"/>
- <meta name="if:Show Note Count" content="1"/>
- <meta name="if:Show Word Count" content="1"/>
- <meta name="if:Show Tags" content="1"/>
- <meta name="if:Show Short URL" content="1"/>
- <meta name="if:Show Notes on Permalink Page" content="1"/>
- <meta name="if:Show Ask Link" content="0"/>
- <meta name="if:Show Submit Link" content="0"/>
- <meta name="image:BackgroundImage" content=""/>
- <style type="text/css">
- * {margin:0; padding:0;}
- fieldset,img {border:0;}
- ol,ul {list-style:none;}
- a:active, a:focus {outline: 0;}
- h1,h2,h3,h4,h5,h6,span {font-size:100%;font-weight:normal;}
- body {
- font-family:Helvetica, Arial, sans-serif;
- font-size: 16px;
- color: #999;
- background-color:#f8f8f8;
- background-image:url({image:BackgroundImage});
- margin: 40px 0 20px 0;
- padding: 0;
- }
- iframe {
- position:relative;
- width:100%;
- }
- object {
- max-width:100%;
- }
- a, a:visited {
- color: #555;
- font-family: Helvetica, Arial, sans-serif;
- font-weight: bold;
- text-decoration: none;
- }
- em, i {
- font-family: Helvetica, Arial, sans-serif;
- font-style: italic;
- }
- strong, b {
- font-family: Helvetica, Arial, sans-serif;
- font-weight: bold;
- }
- strong em, strong i, b em, b i {
- font-family: Helvetica, Arial, sans-serif;
- font-weight: bold;
- font-style: italic;
- }
- #Main {
- width: 80%;
- margin: 0 auto;
- padding: 8px 0 0 0;
- }
- #Header {
- position:fixed;
- height:100%;
- }
- .mainTitle {
- display:inline-block;
- padding: 0 0 10px 0;
- position: relative;
- width:100%;
- height:auto;
- color:black;
- padding-bottom:10px;
- border-bottom:7px solid black;
- font-size: 45px;
- line-height: 1;
- font-family: Helvetica, Arial, sans-serif;
- font-weight: bold;
- letter-spacing: 3px;
- text-decoration: none;
- }
- #Header .PageLinks {
- margin-top:55px;
- width:100%;
- font-size: 14px;
- margin:5px 0 20px;
- height:90%;
- overflow:hidden;
- }
- #Header .PageLinks ul {
- list-style-type:none;
- }
- #Header .PageLinks ul li {
- padding:20px;
- }
- #Header .PageLinks a {
- display:block;
- float:left;
- margin-right:14px;
- text-decoration:none;
- }
- #Header .Description {
- font-size: 14px;
- padding: 8px 0px 34px;
- }
- #Header .Description a {
- text-decoration: none;
- }
- .DynamicHeader {
- font-size: 30px;
- font-family: Helvetica, Arial, sans-serif;
- }
- .DynamicHeader span {
- font-family: Helvetica, Arial, sans-serif;
- font-weight: bold;
- }
- #Container {
- width:65%;
- float:right;
- height:auto;
- padding:10px;
- }
- .Post {
- position:relative;
- margin: 100px 10px 0px 10px;
- line-height: 1.4;
- background:#222;
- padding:20px;
- text-align:justify;
- -webkit-transition:0.4s all linear;
- }
- .Post:hover {
- padding-bottom:70px;
- margin-bottom:-50px;
- background:#000;
- }
- .Post:hover .Bottom {
- opacity:1;
- border-top:1px dashed #555;
- }
- .Post img {
- max-width: 100%;
- -webkit-box-shadow: #444 0px 0px 6px;
- -moz-box-shadow: #444 0px 0px 6px;
- margin-left:auto;
- margin-right:auto;
- }
- .Post a.Title {
- display:block;
- line-height: 1.4;
- color: #555;
- margin-bottom:22px;
- font-family: Helvetica, Arial, sans-serif;
- font-weight: bold;
- letter-spacing: 2px;
- text-transform:uppercase;
- text-decoration:none;
- border-bottom:0px;
- }
- .Post a.Title:hover {
- text-decoration:underline;
- }
- .Post.Single a.Title {
- margin-bottom:60px;
- }
- /* Photo Posts */
- .Post .ThePhoto a {
- border-bottom:0px;
- }
- /* PhotoSet Posts */
- .Post .PhotoSet embed {
- -webkit-box-shadow: #444 0px 0px 6px;
- -moz-box-shadow: #444 0px 0px 6px;
- }
- /* Quote Posts */
- .Post .TheQuote {
- text-align:left;
- }
- .Post .TheQuote.short {
- font-family: Helvetica, Arial, sans-serif;
- font-size: 70px;
- letter-spacing: -5px;
- line-height: 0.85;
- }
- .Post .TheQuote.medium {
- font-size: 54px;
- line-height: 0.9;
- font-family: Helvetica, Arial, sans-serif;
- letter-spacing:-3px;
- }
- .Post .TheQuote.long {
- font-size: 34px;
- line-height: 1;
- font-family: Helvetica, Arial, sans-serif;
- letter-spacing:-1px;
- }
- .Post .Quote .QuoteSource {
- font-family: Helvetica, Arial, sans-serif;
- font-weight: bold;
- margin-top:10px;
- }
- /* Chat Posts */
- .Post .Chat li {
- line-height:1;
- padding:10px 0;
- border-bottom: 1px dotted #ccc;
- clear:left;
- }
- .Post .Chat li .Label {
- display:block;
- float:left;
- font-family: Helvetica, Arial, sans-serif;
- font-weight: bold;
- }
- .Post .Chat li .Line {
- margin-left:160px;
- }
- /* Link Post */
- .Post .Link .TheLink {
- color: #555;
- font-family: Helvetica, Arial, sans-serif;
- font-weight: bold;
- letter-spacing: 2px;
- text-transform:uppercase;
- text-decoration:none;
- }
- /* Audio Post */
- .Post .Audio .AlbumArt img {
- display:block;
- }
- .Post .Audio .AudioPlayerWrapper {
- background:#000;
- margin:20px 0px;
- width:100%;
- }
- .Post .Audio .audio_player {
- opacity:0.8;
- height: 27px;
- }
- .Post .Audio .SongInfo {
- font-size: 80%;
- }
- .Post .Audio .SongInfo ul{
- border-left: 1px solid #AAA;
- margin-left: 40px;
- padding-left: 12px;
- margin-bottom:22px;
- }
- .Post .Audio .SongInfo li {
- margin-bottom:5px;
- }
- /* Question/Answer Post */
- .Post .Answer .QuestionBox {
- background:#eee;
- height:1%;
- overflow:hidden;
- border-top: 1px solid #ccc;
- border-bottom: 1px solid #fff;
- }
- .Post .Answer .TheAsker {
- float:left;
- }
- .Post .Answer .TheAsker .AskerPhoto {
- float:left;
- width: 96px;
- height:96px;
- overflow:hidden;
- float:left;
- margin-right:8px;
- }
- .Post .Answer .TheAsker .AskerPhoto img {
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- }
- .Post .Answer .TheAsker .AskerName a {
- display:block;
- float:left;
- font-size: 12px;
- line-height: 1;
- padding:8px 8px 0px;
- border-bottom: none;
- }
- .Post .Answer .Asks {
- float:left;
- font-size: 12px;
- line-height: 1;
- padding:8px 8px 0px;
- }
- .Post .Answer .TheQuestion {
- margin-left:40%;
- padding:14px;
- font-family:Helvetica, Arial, sans-serif;
- border-left: 1px solid #ccc;
- }
- .Post .Answer .TheAnswer {
- padding:12px 48px;
- }
- /* Generic Post stuff */
- .Post .PostBody {
- width:100%;
- font-size:90%;
- line-height:1.2;
- }
- .Post .PostBody object {
- margin-left:auto;
- margin-right:auto;
- }
- .Post .PostBody a {
- text-decoration: none;
- }
- .Post .PostBody a:hover {
- color: #FFF;
- border-bottom:none;
- }
- .Post .PostBody p {
- margin-top:22px;
- font-family:Helvetica,Arial,sans-serif;
- }
- .Post .PostBody ul {
- list-style: disc outside;
- padding-left:20px;
- margin-bottom:22px;
- }
- .Post .PostBody ol {
- list-style: decimal outside;
- padding-left:20px;
- margin-bottom:22px;
- }
- .Post .PostBody small {
- font-size: 11px;
- line-height:11px!important;
- }
- .Post .PostBody blockquote {
- border-left: 1px solid #AAA;
- margin-left: 40px;
- padding-left: 12px;
- margin-bottom:22px;
- }
- .Post .Bottom {
- position:absolute;
- opacity:0;
- color: #aaa;
- font-size: 12px;
- line-height: 1.5;
- -webkit-transition:0.4s all linear;
- bottom:0;
- left:0;
- right:0;
- padding:10px;
- }
- .Post .Bottom .Reblog {
- float:left;
- margin-right:13px;
- }
- .Post .Bottom span {
- padding: 0 13px 0 0;
- }
- .Post .Bottom .Reblog span,
- .Post .Bottom span.Notes a,
- .Post .Bottom span.ShortUrl span,
- .Post .Bottom span.Tags span {
- text-transform: uppercase;
- padding-right:0;
- }
- .Post .Bottom em {font-style: normal;}
- .Post .Bottom a {
- color: #a5a5a5;
- font-family: Helvetica, Arial,sans-serif;
- text-decoration:none;
- }
- .Post .Bottom a:hover {
- color:#FFF;
- }
- .Post .Bottom .Tags {
- display:block;
- }
- .Post .PermaPageNotes a.NotesAnchor {
- border-bottom: none;
- text-decoration: none;
- }
- ol.notes {
- border-bottom: solid 1px #ccc;
- padding: 48px 0 0 0px;
- margin: 8px 0px 0px 0px;
- list-style-type: none;
- }
- ol.notes a { color: #444444; }
- ol.notes li.note {
- color: #777;
- font-size: 10px;
- border-top: solid 1px #ccc;
- padding: 4px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note span.action { margin-bottom: 5px; }
- ol.notes li.note blockquote {
- border-color: #eee;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a { text-decoration: none; }
- ol.notes li.note a:hover { text-decoration: underline; }
- #Footer {
- width:100%;
- position:relative;
- padding: 200px 0 8px;
- font-size: 12px;
- color: #8E8E8E;
- line-height: 1.5em;
- overflow: hidden;
- }
- #Footer a {
- color: #202020;
- font-weight: bold;
- margin-right:10px;
- text-transform: uppercase;
- text-decoration: none;
- }
- #Footer .UtilityLinks {
- width:67%;
- float:left;
- height:20px;
- }
- #Footer .Pagination {
- width:33%;
- float:right;
- text-align: right;
- height:20px;
- }
- #Footer .Numeration {
- padding-right:12px;
- }
- #Footer form input.Text {
- width: 278px;
- }
- #Footer .Hints {
- font-size: 14px;
- padding-bottom:14px;
- }
- #Footer .Colophon {
- font-size: 12px;
- line-height: 1;
- padding-bottom:14px;
- }
- #Footer .Colophon a {
- color: #888;
- margin-right:0;
- }
- {CustomCSS}
- </style>
- <script type="text/javascript" charset="utf-8">
- window.addEvent('domready', function() {
- var Posts = $$('.Post');
- var PhotoSetEmbeds = $$('.html_photoset embed');
- Posts.each(function(post, index, array) {
- if (post.getElement('.Words') != null) {
- var body = post.getElement('.PostBody');
- var NumberOfWords = body.get('text').split(' ').length;
- post.getElement('.WordCount').set('html', NumberOfWords);
- }
- if (post.getElement('embed.photoset')) {
- var PhotoSetEmbed = post.getElement('embed.photoset');
- PhotoSetEmbed.setProperties({
- width: '770'
- ,height: '771'
- });
- }
- if (post.getElement('.Video') && !post.hasClass('do_not_resize')) {
- var el = post.getElement('object') || post.getElement('iframe') || post.getElement('embed');
- if (el) {
- var w = el.getProperty('width');
- var h = el.getProperty('height');
- var p = ((770 - w) * 100)/w;
- var newW = 770;
- var newH = (h * ('1.'+p).toFloat()).round();
- el.setProperties({width:newW, height:newH});
- if (el.getElement('embed')) {
- el.getElement('embed').setProperties({width:newW, height:newH});
- }
- }
- }
- });
- {block:PermalinkPage}
- var uri = window.location.search.substring(1);
- {/block:PermalinkPage}
- });
- </script>
- </head>
- <body>
- <div id="Main">
- <div id="Header">
- <a href="/" class="mainTitle">{Title}</a>
- <div class="Description">
- {block:Description}{Description}{/block:Description}
- </div>
- <div class="PageLinks" style="display: none; {block:HasPages}display: block;{/block:HasPages}{block:AskEnabled}display: block;{/block:AskEnabled}{block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}"><ul>
- {block:HasPages}
- {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
- {/block:HasPages}
- {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
- {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
- </ul>
- </div>
- </div>
- <div id="Container">
- {block:Posts}
- <div class="Post {block:PermalinkPage}Single{/block:PermalinkPage} {TagsAsClasses}">
- {block:Text}
- <div class="Text">
- {block:Title}
- <a href="{Permalink}" class="Title">{Title}</a>
- {/block:Title}
- <div class="PostBody">{Body}</div>
- </div>
- {/block:Text}
- {block:Photo}
- <div class="Photo">
- <div class="ThePhoto">
- {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
- </div>
- {block:Caption}
- <div class="PostBody">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photo}
- {block:Panorama}
- <div class="Panorama Photo">
- <div class="ThePhoto">
- {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
- </div>
- {block:Caption}
- <div class="PostBody">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Panorama}
- {block:Photoset}
- <div class="PhotoSet">
- {Photoset-500}
- {block:Caption}
- <div class="PostBody">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="Quote">
- <div class="TheQuote {Length}">{Quote}</div>
- <div class="QuoteSource"> — {Source}</div>
- </div>
- {/block:Quote}
- {block:Link}
- <div class="Link">
- <a href="{URL}" target="{Target}" class="TheLink">{Name}</a>
- {block:Description}
- <div class="PostBody">
- {Description}
- </div>
- {/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="Chat">
- {block:Title}
- <a href="{Permalink}" class="Title">{Title}</a>
- {/block:Title}
- <ul class="TheChat">
- {block:Lines}
- <li class="{Alt} User-{UserNumber}">
- {block:Label}
- <span class="Label">{Label}</span>
- {/block:Label}
- <p class="Line">{Line}</p>
- </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="Audio">
- {block:AlbumArt}
- <div class="AlbumArt">
- <img src="{AlbumArtURL}" />
- </div>
- {/block:AlbumArt}
- <div class="AudioPlayerWrapper">{AudioPlayerBlack}</div>
- <div class="SongInfo">
- <ul>
- {block:TrackName}
- <li class="TrackName">{TrackName}</li>
- {/block:TrackName}
- {block:Artist}
- <li class="Artist">by {Artist}</li>
- {/block:Artist}
- {block:Album}
- <li class="Album">from the album: {Album}</li>
- {/block:Album}
- </ul>
- <div class="Plays"><b>({PlayCountWithLabel})</b></div>
- </div>
- <div class="Caption PostBody">
- {Caption}
- </div>
- </div>
- {/block:Audio}
- {block:Video}
- <div class="Video">
- {Video-500}
- <div class="PostBody">
- {Caption}
- </div>
- </div>
- {/block:Video}
- {block:Answer}
- <div class="Answer">
- <div class="QuestionBox">
- <div class="TheAsker">
- <div class="AskerPhoto"><img src="{AskerPortraitURL-96}" width="96" height="96"/></div>
- <span class="AskerName">{Asker}</span>
- </div>
- <div class="Asks">asks:</div>
- <div class="TheQuestion">{Question}</div>
- </div>
- <div class="TheAnswer PostBody">{Answer}</div>
- </div>
- {/block:Answer}
- <!-- Post Bottom -->
- <div class="Bottom">
- <span class="ShortUrl">
- <a href="{ShortURL}">LINK</a>
- </span>
- <div class="Reblog">
- {block:ContentSource}
- <span>{lang:Source}:</span>
- <a href="{SourceURL}">
- {block:SourceLogo}
- <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}
- {SourceTitle}
- {/block:NoSourceLogo}
- </a>
- {/block:ContentSource}
- <!-- {block:RebloggedFrom}
- /{lang:Reblogged from ReblogParentTitle 2}
- {/block:RebloggedFrom} -->
- </div>
- {block:Photo}
- {block:IfShowHighResPhotoLinks}
- {block:HighRes}
- <span class="HighRes">
- <a href="{PhotoURL-HighRes}" class="HighResLink" style="text-transform:uppercase;">{lang:High-res}</a>
- </span>
- {/block:HighRes}
- {/block:IfShowHighResPhotoLinks}
- {/block:Photo}
- {block:IfShowNoteCount}
- {block:NoteCount}
- <span class="Notes">
- <a href="{Permalink}#Notes">{lang:Notes}: {NoteCount}</a>
- </span>
- {/block:NoteCount}
- {/block:IfShowNoteCount}
- {block:Date}
- <span class="Permalink">
- <a href="{Permalink}" class="Time">{DayOfMonth}{ShortMonth}{Year}@{24HourWithZero}:{Minutes}</a>
- </span>
- {block:Date}
- {block:IfShowTags}
- {block:HasTags}
- <span class="Tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {block:Tags}
- </span>
- {/block:HasTags}
- {/block:IfShowTags}
- </div>
- <!-- /Post Bottom -->
- {block:IfShowNotesOnPermalinkPage}
- {block:PermalinkPage}
- <span class="PermaPageNotes">
- <a name="Notes" class="NotesAnchor"> </a>
- {PostNotes}
- </span>
- {/block:PermalinkPage}
- {/block:IfShowNotesOnPermalinkPage}
- {block:IfDisqusShortname}{/block:IfDisqusShortname}
- </div>
- {/block:Posts}
- </div>
- <div id="Footer">
- <div class="Pagination">
- {block:Pagination}
- <span class="Numeration">
- {lang:CurrentPage of TotalPages 2}
- {block:PreviousPage}<a href="{PreviousPage}" class="Button">{lang:Previous page}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="Button">{lang:Next page}</a>{/block:NextPage}
- </span>
- {/block:Pagination}
- {block:PermalinkPagination}
- {block:NextPost}<a href="{NextPost}" class="Button">{lang:Previous post}</a>{/block:NextPost}
- {block:PreviousPost}<a href="{PreviousPost}" class="Button">{lang:Next post}</a>{/block:PreviousPost}
- {/block:PermalinkPagination}
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement