Created
April 22, 2010 14:30
-
-
Save andyinabox/375292 to your computer and use it in GitHub Desktop.
Template for WBSC's Posterous submissions account.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <title>{PageTitle}</title> | |
| <link rel="icon" href="/images/favicon.png" type="image/x-png"/> | |
| {block:IndexPage} | |
| <meta name="description" content="{MetaDescription}"> | |
| {/block:IndexPage} | |
| {block:PostSummary}<title>{PostSummary}</title>{/block:PostSummary} | |
| <meta name="viewport" content="width=960"> | |
| <link rel="alternate" href="{RSS}" type="application/rss+xml"> | |
| <style type="text/css"> | |
| /* http://meyerweb.com/eric/tools/css/reset/ */ | |
| /* v1.0 | 20080212 */ | |
| html, body, div, span, applet, object, iframe, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| a, abbr, acronym, address, big, cite, code, | |
| del, dfn, em, font, img, ins, kbd, q, s, samp, | |
| small, strike, strong, sub, sup, tt, var, | |
| b, u, i, center, | |
| dl, dt, dd, ol, ul, li, | |
| fieldset, form, label, legend, | |
| table, caption, tbody, tfoot, thead, tr, th, td { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| outline: 0; | |
| font-size: 100%; | |
| vertical-align: baseline; | |
| background: transparent; | |
| } | |
| body { | |
| line-height: 1; | |
| } | |
| ol, ul { | |
| list-style: none; | |
| } | |
| blockquote, q { | |
| quotes: none; | |
| } | |
| blockquote:before, blockquote:after, | |
| q:before, q:after { | |
| content: none; | |
| } | |
| /* remember to define focus styles! */ | |
| :focus { | |
| outline: 0; | |
| } | |
| /* remember to highlight inserts somehow! */ | |
| ins { | |
| text-decoration: none; | |
| } | |
| del { | |
| text-decoration: line-through; | |
| } | |
| /* tables still need 'cellspacing="0"' in the markup */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| /* Helvetica - General */ | |
| html { | |
| height: 100%; | |
| margin-bottom: 1px; | |
| } | |
| body { | |
| color: #000; | |
| background-color: #fff; | |
| font: normal 15px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | |
| } | |
| .clear { | |
| clear: both; | |
| } | |
| a { | |
| color: #F00; | |
| text-decoration: none; | |
| font-weight: bold; | |
| } | |
| .entry a:hover, .description a:hover, #notes a:hover, #footer a:hover { | |
| background-color: #FFF3B2; | |
| } | |
| blockquote { | |
| padding-left: 13px; | |
| border-left: 2px solid #CCBB5F; | |
| } | |
| pre { | |
| padding: 10px 15px; | |
| color: #FFF; | |
| background-color: #F00; | |
| line-height: 20px !important; | |
| text-shadow: rgba(0,0,0,0.5) 0 1px 1px; | |
| } | |
| pre a { | |
| color: #FFF !important; | |
| } | |
| code { | |
| font: normal 12px Menlo, "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, mono !important; | |
| } | |
| ol { | |
| list-style-type: decimal; | |
| } | |
| ul { | |
| list-style-type: disc; | |
| } | |
| ol, ul, dt { | |
| margin-left: 30px; | |
| } | |
| /* Helvetica - Page construction */ | |
| #outer { | |
| width: 960px; | |
| margin: 0 auto; | |
| } | |
| #inner { | |
| width: 940px; | |
| margin: 0 auto; | |
| } | |
| /* Helvetica - Header */ | |
| #header { | |
| border-top: 12px solid #000; | |
| } | |
| #header h1 { | |
| text-transform: uppercase; | |
| font: bold 72px/100px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | |
| text-shadow: 0 1px 1px rgba(255,255,255,0.2); | |
| } | |
| #header h1 a { | |
| color: #000; | |
| } | |
| #header h1 a:hover { | |
| color: #F00; | |
| } | |
| /* Helvetica - Content */ | |
| #content { | |
| border: 1px solid #ccc; | |
| background-color: #eee; | |
| } | |
| .corner-fold { | |
| width: 60px; | |
| height: 60px; | |
| float: right; | |
| display: inline; | |
| background: #FEE035 url(http://themes.corywatilo.com/metalab-helvetica/corner-fold.png) no-repeat right top; | |
| margin-right: -1px; | |
| margin-top: -1px; | |
| } | |
| .about { | |
| margin: 0 10px; | |
| padding: 20px 0 13px; | |
| border-bottom: 1px solid rgba(0,0,0,0.2); | |
| text-shadow: 0 1px 1px rgba(255,255,255,0.2); | |
| box-shadow: 0 1px 1px rgba(255,255,255,0.2); | |
| -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.2); | |
| -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.2); | |
| } | |
| .pc { | |
| padding-bottom: 8px; | |
| /* background: url(http://themes.corywatilo.com/metalab-helvetica/fold.png) no-repeat left bottom;*/ | |
| background: transparent; | |
| float: left; | |
| display: block; | |
| margin-left: -17px; | |
| } | |
| .profilepic img { | |
| border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| width: 80px; | |
| height: 80px; | |
| vertical-align: bottom; | |
| border: 1px solid #B3B3B3; | |
| background-color: #000; | |
| } | |
| .profilepic { | |
| border: 1px solid #666; | |
| box-shadow: 0 1px 4px rgba(0,0,0,0.6); | |
| -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6); | |
| -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6); | |
| padding: 4px; | |
| background-color: #FFF; | |
| } | |
| .description { | |
| width: 510px; | |
| float: left; | |
| display: block; | |
| margin-left: 22px; | |
| text-transform: uppercase; | |
| font-size: 15px; | |
| line-height: 1.6em; | |
| } | |
| .description > div, .elsewhere > div { | |
| height: 92px; | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| .elsewhere { | |
| margin-left: 48px; | |
| float: left; | |
| display: inline; | |
| border-left: 1px dotted rgba(0,0,0,0.1); | |
| text-transform: uppercase; | |
| font-weight: bold; | |
| font-size: 12px; | |
| line-height: 1.8em; | |
| width:210px; | |
| } | |
| .elsewhere > div { | |
| padding: 0 0 0 18px; | |
| } | |
| .elsewhere img { | |
| width: 16px; | |
| height: 16px; | |
| vertical-align: middle; | |
| margin-right: 3px; | |
| } | |
| /* Helvetica - Entries */ | |
| #entries { | |
| margin: 10px 0 25px; | |
| width:617px; | |
| } | |
| .ec { | |
| position:relative; | |
| } | |
| .entry { | |
| width: 510px; | |
| margin-left: 107px; | |
| padding: 25px 0; | |
| } | |
| .meta { | |
| width: 249px; | |
| background-color: #FBF0B0; | |
| margin-right: -299px; | |
| float: right; | |
| display: none; | |
| border: 1px solid #E9D461; | |
| border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| font: bold 12px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; | |
| } | |
| .inner-meta { | |
| border-top: 1px solid #FFFDB9; | |
| padding: 19px 18px 20px; | |
| border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| } | |
| .meta span { | |
| float: right; | |
| display: inline; | |
| } | |
| .meta a:hover { | |
| background-color: #F9F4D4; | |
| } | |
| .ultrameta { | |
| float: left; | |
| display: inline; | |
| width: 624px; | |
| margin-left: -114px; | |
| padding-bottom: 8px; | |
| background: url(http://themes.corywatilo.com/metalab-helvetica/fold.png) no-repeat left bottom; | |
| margin-bottom: 12px; | |
| } | |
| .linkplayer, .audioplayer { | |
| display: block; | |
| background-color: #000 !important; | |
| background-repeat: no-repeat; | |
| box-shadow: 0 1px 3px rgba(0,0,0,0.3); | |
| -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); | |
| -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); | |
| } | |
| .linkplayer { | |
| padding: 14px 15px 16px 114px; | |
| background: url(http://themes.corywatilo.com/metalab-helvetica/link.png) no-repeat 20px 50%; | |
| } | |
| .audioplayer { | |
| padding: 12px 15px 13px 114px; | |
| background: url(http://themes.corywatilo.com/metalab-helvetica/audio.png) no-repeat 20px 50%; | |
| } | |
| .audioplayer .container { | |
| float: left; | |
| display: inline; | |
| margin-right: 15px; | |
| padding: 3px; | |
| border: 1px solid #888; | |
| } | |
| .audioplayer .audiotitle { | |
| display: inline; | |
| float: right; | |
| color: #FFF; | |
| padding: 6px 0; | |
| font: normal 13px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | |
| } | |
| .linkplayer:hover, .audioplayer a:hover { | |
| color: #FFF !important; | |
| } | |
| .audioplayer a:hover { | |
| background-color: #000; | |
| } | |
| .minimeta { | |
| width: 66px; | |
| margin-left: -114px; | |
| float: left; | |
| display: inline; | |
| padding-bottom: 8px; | |
| text-align:center; | |
| /* background: url(http://themes.corywatilo.com/metalab-helvetica/fold.png) no-repeat left bottom;*/ | |
| background: transparent; | |
| } | |
| .minimeta a { | |
| display: block; | |
| height: 60px; | |
| background-color: #000 !important; | |
| background-position: 50% 50%; | |
| background-repeat: no-repeat; | |
| box-shadow: 0 1px 3px rgba(0,0,0,0.3); | |
| -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); | |
| -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); | |
| } | |
| .time-dd { | |
| display:block; | |
| padding-top:9px; | |
| padding-bottom:3px; | |
| font-size:36px; | |
| font-weight:bold; | |
| } | |
| .time-mmyy { | |
| display:block; | |
| font-size:12px; | |
| font-weight:normal; | |
| text-transform:uppercase; | |
| } | |
| a.mm-text { | |
| background-image: url(http://themes.corywatilo.com/metalab-helvetica/text.png); | |
| } | |
| a.timestamp { | |
| color:#fff; | |
| text-decoration:none; | |
| } | |
| #entries h2 { | |
| font: bold 24px/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | |
| margin-bottom: 20px; | |
| position:relative; | |
| z-index:11; | |
| } | |
| #entries h2 a { | |
| color: #000; | |
| } | |
| .quote h2, .chat h2, .link h2 { | |
| font: bold 20px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; | |
| } | |
| .link h2, .link h2 a, .audiotitle a { | |
| font-weight: 500 !important; | |
| color: #FEE035 !important; | |
| } | |
| h3, h4, h5, h6 { | |
| font: bold 17px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; | |
| } | |
| .media .container { | |
| display: inline-block; | |
| border: 5px solid #B2A454; | |
| background-color: #FFF; | |
| margin: 0 0 20px 0; | |
| } | |
| .container img, .container embed, .container object { | |
| vertical-align: bottom; | |
| } | |
| .entry p, .entry ul, .entry ol, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry pre, .entry blockquote, .media hr { | |
| margin-bottom: 20px; | |
| } | |
| .entry p:last-child, .entry ul:last-child, .entry ol:last-child, .entry h2:last-child, .entry h3:last-child, .entry h4:last-child, .entry h5:last-child, .entry h6:last-child, .entry pre:last-child, .entry blockquote:last-child, .media hr:last-child { | |
| margin-bottom: 0 !important; | |
| } | |
| .chat .label { | |
| font-weight: 500; | |
| text-transform: uppercase; | |
| } | |
| .chat ul { | |
| list-style-type: none; | |
| margin: 0; | |
| } | |
| .chat li { | |
| color: #FFF; | |
| margin-bottom: 2px; | |
| padding: 7px 15px; | |
| text-shadow: rgba(0,0,0,0.5) 0 1px 1px; | |
| } | |
| .chat li.even { | |
| background-color: #3D381D; | |
| } | |
| .chat li.odd { | |
| background-color: #000; | |
| } | |
| .chat li a { | |
| font-weight: normal !important; | |
| background-color: transparent !important; | |
| color: #FEE035 !important; | |
| } | |
| .chat li a:hover { | |
| color: #FFF !important; | |
| } | |
| .quote .content span { | |
| float: left; | |
| display: inline; | |
| text-indent: 15px; | |
| margin-right: 10px; | |
| } | |
| .open-quote { | |
| float: left; | |
| display: inline; | |
| margin-right: 8px; | |
| height: 21px; | |
| width: 28px; | |
| } | |
| /* Helvetica - Navigation */ | |
| .page-navigation { | |
| padding: 25px 22px; | |
| } | |
| .page-navigation .left, .page-navigation .right { | |
| float: right; | |
| display: inline; | |
| } | |
| .page-navigation .right { | |
| margin-left: 7px; | |
| } | |
| .page-navigation a { | |
| border: 1px solid #E9D461; | |
| display: block; | |
| } | |
| .page-navigation .left a { | |
| padding: 10px 15px 10px 35px; | |
| background: #FBF0B0 url(http://themes.corywatilo.com/metalab-helvetica/prev-arrow.png) no-repeat left 50%; | |
| } | |
| .page-navigation .right a { | |
| padding: 10px 35px 10px 15px; | |
| background: #FBF0B0 url(http://themes.corywatilo.com/metalab-helvetica/next-arrow.png) no-repeat right 50%; | |
| text-align: right; | |
| } | |
| /* Helvetica - Notes */ | |
| #notes { | |
| width: 510px; | |
| margin-left: 107px; | |
| padding: 40px 0; | |
| border-top: 1px dotted rgba(0,0,0,0.2); | |
| } | |
| #notes ol { | |
| list-style-type: none; | |
| margin: 0; | |
| } | |
| #notes ol li { | |
| background-color: #E5D36B; | |
| margin-bottom: 2px; | |
| padding: 7px 15px; | |
| } | |
| .avatar { | |
| vertical-align: text-bottom; | |
| width: 16px; | |
| height: 16px; | |
| border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| border: 1px solid #B3B3B3; | |
| padding: 2px; | |
| background-color: #FFF; | |
| box-shadow: 0 1px 2px rgba(0,0,0,0.3); | |
| -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3); | |
| -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); | |
| } | |
| #notes blockquote { | |
| margin: 5px 0 5px 7px; | |
| padding-left: 8px; | |
| border-left: 2px solid #FFEB78; | |
| } | |
| #notes blockquote a { | |
| color: #726935; | |
| font-weight: normal !important; | |
| } | |
| #notes .source_tumblelog, #notes .tumblelog, #notes .like a { | |
| text-transform: uppercase; | |
| text-shadow: 0 1px 1px rgba(255,255,255,0.2); | |
| } | |
| /* Helvetica - Footer */ | |
| #footer { | |
| font: bold 14px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; | |
| width: 894px; | |
| margin: 0 auto; | |
| padding: 25px 0 35px; | |
| } | |
| #footer .left { | |
| float: left; | |
| display: inline; | |
| } | |
| #footer .right { | |
| float: right; | |
| display: inline; | |
| } | |
| .posterous_retweet_widget { | |
| display:inline-block; | |
| float:right; | |
| } | |
| a.posterous_retweet { | |
| color:#fff !important; | |
| } | |
| a.posterous_retweet:hover { | |
| background:#36cdff; | |
| color:#fff !important; | |
| } | |
| .post-details { | |
| font-size:.75em; | |
| margin-left:107px; | |
| padding:10px 0; | |
| } | |
| .tags { | |
| color:#555; | |
| margin-bottom:5px; | |
| } | |
| .tags a { | |
| color:#000; | |
| font-weight:normal; | |
| padding:0 3px; | |
| } | |
| .tags a:hover { | |
| color:#000; | |
| text-decoration:underline; | |
| } | |
| .info { | |
| color:#555; | |
| margin-bottom:5px; | |
| } | |
| .info a { | |
| color:#000; | |
| font-weight:normal; | |
| } | |
| .info a:hover { | |
| color:#000; | |
| text-decoration:underline; | |
| } | |
| .comments { | |
| color:#555; | |
| margin-bottom:5px; | |
| } | |
| .comments a { | |
| color:#000; | |
| font-weight:normal; | |
| } | |
| .comments a:hover { | |
| color:#000; | |
| text-decoration:underline; | |
| } | |
| .sidebar { | |
| float:right; | |
| padding:25px 10px 0 0; | |
| width:242px; | |
| } | |
| .tagslist ul { | |
| margin-left:0; | |
| } | |
| .tagslist li { | |
| font-size:.75em; | |
| font-weight:normal; | |
| list-style:none; | |
| } | |
| .tagslist li a { | |
| font-weight:normal; | |
| } | |
| .search-inset { | |
| background:#eee ; | |
| border: 1px dotted #ddd; | |
| padding:0 15px 15px; | |
| } | |
| .back-to-blog { | |
| margin-left:105px; | |
| } | |
| .editbox { | |
| display:none; | |
| } | |
| .ec:hover .editbox { | |
| display:block; | |
| left:110px; | |
| position:absolute; | |
| top:0; | |
| z-index:10; | |
| } | |
| .search { | |
| background:url(http://posterous.com/images/icons/search16.png) no-repeat 3px 3px #fff; | |
| border:solid 1px #eee; | |
| border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| padding:2px 2px 2px 18px; | |
| width:180px; | |
| } | |
| div.comment_none_yet_msg,.commentunit,.comment { | |
| color:#555; | |
| } | |
| blockquote { | |
| border-left:4px solid #555 !important; | |
| } | |
| .map { | |
| height:300px; | |
| } | |
| .sidebar-block { | |
| margin-bottom:15px; | |
| } | |
| .subscribe a,.contributors a { | |
| display:block; | |
| font-size:.75em; | |
| font-weight:normal; | |
| text-decoration:none; | |
| } | |
| .subscribe a *,.contributors-list a * { | |
| display:inline-block; | |
| vertical-align:middle; | |
| } | |
| .subscribe-posterous,.profile_ajax_reply,.subscribe-rss { | |
| padding-left:18px; | |
| } | |
| .subscribe-posterous,.profile_ajax_reply { | |
| background:url(/images/favicon.png) no-repeat -1px 3px; | |
| margin-bottom:5px; | |
| } | |
| .subscribe-rss { | |
| background:url(/images/feed-icon-14x14.png) no-repeat 0 3px; | |
| } | |
| div.fav_star { | |
| margin-top:-40px; | |
| position:relative; | |
| z-index:12; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="outer"> | |
| <div id="inner"> | |
| <div id="header"> | |
| <h1>{block:HeaderImage}<a href="{SiteURL}">{Title}</a>{Else}<a href="{SiteURL}">{Title}</a>{/block:HeaderImage}</h1> | |
| </div> | |
| <div id="content"> | |
| <!-- <div class="corner-fold"></div> --> | |
| <div class="about"> | |
| <div class="pc"><div class="profilepic"><a href="/"><img src="{PortraitURL-96}" alt="{Title}"></a></div></div> | |
| <div class="description"><div> | |
| <!-- {block:Description}{Description}{/block:Description} --> | |
| <div class="profile-block"> | |
| <a href="{ProfileLink}">{OwnerName}</a> | |
| <p>{Profile}</p> | |
| {ProfileExternalLinks} | |
| </div> | |
| </div></div> | |
| <div class="elsewhere"><div> | |
| <h2>Search</h2> | |
| <form method="get"> | |
| <input type="hidden" name="sort" value="{SearchSort}"/> | |
| <input type="text" name="search" value="{SearchQuery}" class="search" id="searchbox"/> | |
| <input type="hidden" value="Search" class="searchbox_button" style="display:none;" id="searchbox_button"/> | |
| </form> | |
| {block:SearchBox searchbox_button='searchbox_button' searchbox='searchbox'/} | |
| </div></div> | |
| <div class="clear"></div> | |
| </div> | |
| <div class="sidebar"> | |
| {block:TagList} | |
| <div class="sidebar-block"> | |
| <h4>Tags</h4> | |
| <div class="tagslist"> | |
| <ul> | |
| {block:TagListing collapsible='true' count='10' action_id='seemore_link'} | |
| {block:TagListingMore} | |
| <li><a href="#" id="seemore_link">View all {NumTags} tags</a></li> | |
| {/block:TagListingMore} | |
| {block:TagItem} | |
| <li><a href="{TagLink}">{TagName} ({TagCount})</a></li> | |
| {/block:TagItem} | |
| {block:TagItemSelected} | |
| <li class="active-tag"><strong>{TagName} ({TagCount})</strong></li> | |
| {/block:TagItemSelected} | |
| {/block:TagListing} | |
| </ul> | |
| </div> | |
| </div> | |
| {/block:TagList} | |
| <div class="subscribe sidebar-block"> | |
| <h4>Subscribe</h4> | |
| {block:Subscription} | |
| {block:SubscriptionUnsubscribed action_id='subscribe_link' content_div='subscribe_div'} | |
| <div id="subscribe_div"> | |
| <a href="{SubscribeLink}" id="subscribe_link" class="subscribe-posterous">Subscribe to this posterous</a> | |
| </div> | |
| {/block:SubscriptionUnsubscribed} | |
| {block:SubscriptionSubscribed action_id='unsubscribe_link' content_div='unsubscribe_div'} | |
| <div id="unsubscribe_div"> | |
| <a href="{UnsubscribeLink}" id="unsubscribe_link" class="subscribe-posterous">Unsubscribe</a> | |
| </div> | |
| {/block:SubscriptionSubscribed} | |
| {block:SubscriptionLoading} | |
| <img src="/images/loading.gif"> | |
| {/block:SubscriptionLoading} | |
| {/block:Subscription} | |
| <a href="{RSS}" class="subscribe-rss">Subscribe via RSS</a> | |
| </div><!-- /.subscribe --> | |
| {block:Contributors} | |
| <div class="contributors sidebar-block"> | |
| <h4>Contributors</h4> | |
| <span class="contributors-list"> | |
| {block:Contributor} | |
| <a href="{ContributorProfileLink}"> | |
| <img src="{ContributorPortraitURL-20}" width='20' height='20' class='profile_border'/> {ContributorName} | |
| </a> | |
| {/block:Contributor} | |
| </span> | |
| </div><!-- /.contributors --> | |
| {/block:Contributors} | |
| </div><!-- /.sidebar --> | |
| <div id="entries"> | |
| {block:Show} | |
| <div class="back-to-blog"> | |
| <a href="{SiteURL}">« Back to blog</a> | |
| </div> | |
| {/block:Show} | |
| {block:SearchPage} | |
| <div class="ec"> | |
| <div id="post-{PostID}" class="entry text"> | |
| <div class="meta"> | |
| <div class="inner-meta"></div> | |
| </div> | |
| <h2> | |
| {block:SearchResultOne} | |
| One result found searching for | |
| {/block:SearchResultOne} | |
| {block:SearchResultMany} | |
| {SearchResultCount} results found searching for | |
| {/block:SearchResultMany} | |
| {block:SearchResultNone} | |
| No results found searching for | |
| {/block:SearchResultNone} | |
| </h2> | |
| <div class="content search-inset"> | |
| <br /> | |
| <form method='get'> | |
| <input type='hidden' name='sort' value="{SearchSort}"/> | |
| <input type='text' name='search' value='{SearchQuery}' class="png search" id="searchbox"/> | |
| <input type='submit' value='Search' class="searchbox_button" id="searchbox_button"/> | |
| <a href="{CurrentURL}" class="xsmall">clear</a> | |
| </form> | |
| <ul class="searchsort" style="color: #999; font-size: 10px;"> | |
| <li style="margin-left: 0px;">Sort by</li> | |
| <li>{block:SearchSortBestmatch}<b>Best match</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=bestmatch">Best match</a>{/block:SearchSortBestmatch}</li> | |
| <li>{block:SearchSortRecent}<b>Most recent</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=recent">Most recent</a>{/block:SearchSortRecent}</li> | |
| <li>{block:SearchSortInteresting}<b>Most interesting</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=interesting">Most interesting</a>{/block:SearchSortInteresting}</li> | |
| </ul> | |
| <br/> | |
| <a href="{PosterousURL}/explore/?search={SearchQuery}" style="font-size: 10px;">Search all of posterous for <b>{SearchQuery}</b> »</a> | |
| <br style="clear: left;"/> | |
| </div> | |
| <div class="clear"></div> | |
| </div> | |
| </div> | |
| {/block:SearchPage} | |
| {block:Posts} | |
| <div class="ec"> | |
| <div id="postunit_{PostID}" class="entry text"> | |
| {block:EditBox/} | |
| <div class="minimeta"> | |
| <a href="{Permalink}" rel="permalink" class="timestamp"> | |
| <span class="time-dd">{DayOfMonth}</span> | |
| <span class="time-mmyy">{ShortMonth} {Year}</span> | |
| </a> | |
| </div> | |
| <div class="meta"> | |
| <div class="inner-meta">{Month} {DayOfMonth}{DayOfMonthSuffix}, {12Hour}:{Minutes}{AmPm} {block:NoteCount}<span><a href="{Permalink}#notes">{NoteCountWithLabel}</a></span>{/block:NoteCount}</div> | |
| </div> | |
| {block:Title}<h2><a href="{Permalink}" rel="permalink">{Title}</a></h2>{/block:Title} | |
| <div id="post_{PostID}" class="content"> | |
| {Body} | |
| {block:More}<p><a href="{Permalink}">Read more …</a></p>{/block:More} | |
| </div> | |
| <div class="clear"></div> | |
| </div> | |
| </div> | |
| <div class="post-details"> | |
| <div class="tags"> | |
| {block:List} | |
| {block:TagList} | |
| Filed under | |
| {block:TagListing} | |
| <a href="{TagLink}">{TagName}</a> | |
| {/block:TagListing} | |
| {/block:TagList} | |
| {/block:List} | |
| </div> | |
| <div class="info"> | |
| {block:Retweet} | |
| <div style="float: left; padding: 5px;"> | |
| <img src="/images/icons/services/twitter11.png" style="vertical-align: middle; position: relative; top: -1px;" /> | |
| <span id="retweet_count_{PostID}"> | |
| <a href="{RetweetLink}"> | |
| {NumRetweets} | |
| <span id="retweet_count_label_{PostID}">mentions</span> | |
| </a> | |
| </span> | |
| {RetweetButton} | |
| </div> | |
| <div style="float: left; padding: 5px;"> | |
| <fb:like href="{Permalink}" layout="button_count"></fb:like> | |
| </div> | |
| <br style="clear: both;" /> | |
| {/block:Retweet} | |
| Posted {block:NewDayDate}<a href="{Permalink}">{TimeAgo}</a>{/block:NewDayDate} {block:Author}{block:AuthorUser}by <a href="{AuthorURL}">{AuthorName}</a>{/block:AuthorUser}{/block:Author} {block:PostLocations}<span id="location_collapsed_{PostID}">from <a href="#" id="post_location_expander_{PostID}">{LocationsSummary}</a></span>{/block:PostLocations} | |
| {block:PostLocations} | |
| <div class="location-map" style="display: none;" id="post_location_expanded_{PostID}"> | |
| <div class="map"> | |
| {MapIframe} | |
| </div> | |
| <div class="location-details"> | |
| Posted from | |
| {block:PostLocation uniq_by='summary'} | |
| {LocationSummary}<br/> | |
| {/block:PostLocation} | |
| <div class="clear"></div> | |
| </div> | |
| <div class="clear"></div> | |
| </div> | |
| {/block:PostLocations} | |
| {block:ShowOnClick action_id='post_location_expander_{PostID}' hidden_div='post_location_expanded_{PostID}' to_hide_id='location_collapsed_{PostID}'/} | |
| </div><!-- /.info --> | |
| {block:Comments} | |
| <div class="comments"> | |
| {block:CommentsList action_id='comment_link_{PostID}' target_element='post_commentarea_{PostID}'} | |
| <div id='post_commentarea_{PostID}'></div> | |
| <p><a href="#" id='comment_link_{PostID}'>{CommentCount} Comment{CommentCountPluralized}</a></p> | |
| {/block:CommentsList} | |
| {block:CommentsShow} | |
| <a name="comment"></a> | |
| <div class="spanningheader" style="margin-top: 0px;"> | |
| <h4>Comments ({CommentCount})</h4> | |
| </div> | |
| {CommentCode} | |
| <div class="posterousAddNewComment"> | |
| <div class="spanningheader"> | |
| <h4>Leave a comment...</h4> | |
| </div> | |
| {NewCommentCode} | |
| </div> | |
| {/block:CommentsShow} | |
| </div> | |
| {/block:Comments} | |
| </div><!-- /.post-details --> | |
| {block:Favorite hover_id='postunit_{PostID}' position_id='post_{PostID}'/} | |
| {/block:Posts} | |
| </div> | |
| {block:Pagination} | |
| <div class="page-navigation"> | |
| {block:NextPage}<div class="right"><a href="{NextPage}">Next</a></div>{/block:NextPage} | |
| {block:PreviousPage}<div class="left"><a href="{PreviousPage}">Prev</a></div>{/block:PreviousPage} | |
| <div class="clear"></div> | |
| </div> | |
| {/block:Pagination} | |
| {block:PermalinkPagination} | |
| <div class="page-navigation"> | |
| {block:NextPost}<div class="right"><a href="{NextPost}">Next</a></div>{/block:NextPost} | |
| {block:PreviousPost}<div class="left"><a href="{PreviousPost}">Prev</a></div>{/block:PreviousPost} | |
| <div class="clear"></div> | |
| </div> | |
| {/block:PermalinkPagination} | |
| </div> | |
| </div> | |
| </div> | |
| <div id="footer"> | |
| <div class="left"><a href="{RSS}">RSS</a> — <a href="/archive">Archive</a></div> | |
| <div class="right">Design by <a href="http://metalabdesign.com/">MetaLab</a> for <a href="http://posterous.com">Posterous</a></div> | |
| <div class="clear"></div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment