Created
August 16, 2012 02:25
-
-
Save thomaspark/3365814 to your computer and use it in GitHub Desktop.
Bootswatch Tumblr theme
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> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <!-- TUMBLR APPEARANCE OPTIONS --> | |
| <meta name="if:Include Like Button" content="0"> | |
| <meta name="if:Include Tweet Button" content="0"> | |
| <meta name="if:Show Description On Index" content="1"> | |
| <meta name="if:Show Link To Archive" content="1"> | |
| <meta name="if:Show Link To RSS" content="0"> | |
| <meta name="text:Bootswatch Theme" content="default"/> | |
| <meta name="if:Use Responsive Styles" content="0"> | |
| <meta name="if:Use Alternate Navbar" content="0"> | |
| <meta name="image:Background" content=""> | |
| <meta name="text:Disqus Shortname" content=""> | |
| <meta name="text:Google Analytics UA Code" content=""> | |
| <meta name="text:Tweet Via Account" content=""> | |
| <meta name="text:Tweet Follow Account" content=""> | |
| <!-- END TUMBLR APPEARANCE OPTIONS --> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| <meta name="description" content="{MetaDescription}"> | |
| <link href="{Favicon}" rel="shortcut icon"> | |
| <link rel="apple-touch-icon" href="{PortraitURL-128}"> | |
| <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
| <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}{block:Pagination} - {lang:Page CurrentPage of TotalPages}{/block:Pagination}</title> | |
| <!-- ======== STYLES ======== --> | |
| {block:IfBootswatchTheme} | |
| <link href="http://bootswatch.com/{text:Bootswatch Theme}/bootstrap.min.css" rel="stylesheet"> | |
| {/block:IfBootswatchTheme} | |
| {block:IfNotBootswatchTheme} | |
| <link href="http://bootswatch.com/default/bootstrap.min.css" rel="stylesheet"> | |
| {/block:IfNotBootswatchTheme} | |
| {block:IfUseResponsiveStyles} | |
| <link href="http://bootswatch.com/default/bootstrap-responsive.min.css" rel="stylesheet"> | |
| {/block:IfUseResponsiveStyles} | |
| <style type="text/css"> | |
| body { | |
| padding-top: 80px; /* room for fixed nav-bar */ | |
| background-image: url('{image:Background}'); | |
| } | |
| .hero-unit { | |
| padding: 20px 40px; | |
| } | |
| .hero-unit h1, | |
| .hero-unit p { | |
| line-height: 1.3em; | |
| } | |
| .post { | |
| padding: 20px 0; | |
| } | |
| .title > h2 { | |
| margin-top: 0; | |
| margin-bottom: 10px; | |
| line-height: 1em; | |
| } | |
| .title > h2 > a { | |
| vertical-align: top; | |
| } | |
| .entry img { | |
| margin: 30px 0; | |
| } | |
| .thumbnails, | |
| .thumbnails > .thumbnail { | |
| margin-left: 0; | |
| } | |
| footer { | |
| padding: 10px 0 40px; | |
| } | |
| .notes-container ol.notes { | |
| margin-bottom: 0; | |
| list-style: none; | |
| } | |
| {block:IfUseResponsiveStyles} | |
| @media (max-width:767px) { | |
| .entry { | |
| margin: 20px 0; | |
| } | |
| } | |
| @media (max-width:979px) { | |
| body { | |
| padding-top: 0; | |
| } | |
| } | |
| {/block:IfUseResponsiveStyles} | |
| <!-- | |
| {CustomCSS} | |
| --> | |
| </style> | |
| </head> | |
| <body> | |
| {block:IfIncludeLikeButton} | |
| <div id="fb-root"></div> | |
| <script>(function(d, s, id) { | |
| var js, fjs = d.getElementsByTagName(s)[0]; | |
| if (d.getElementById(id)) return; | |
| js = d.createElement(s); js.id = id; | |
| js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=325405900855984"; | |
| js.parentNode.insertBefore(js, fjs); | |
| }(document, 'script', 'facebook-jssdk'));</script> | |
| {/block:IfIncludeLikeButton} | |
| <header> | |
| <div class="navbar navbar-fixed-top {block:IfUseAlternateNavbar}navbar-inverse{/block:IfUseAlternateNavbar}"> | |
| <div class="navbar-inner"> | |
| <div class="container"> | |
| <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| </a> | |
| <a class="brand" href="/"> | |
| {Title} | |
| </a> | |
| <div class="nav-collapse"> | |
| <ul class="nav"> | |
| {block:Pages} | |
| <li> | |
| <a href="{URL}">{Label}</a> | |
| </li> | |
| {/block:Pages} | |
| {block:IfShowLinkToArchive} | |
| <li> | |
| <a href="/archive">{lang:Archive}</a> | |
| </li> | |
| {/block:IfShowLinkToArchive} | |
| {block:AskEnabled} | |
| <li> | |
| <a href="/ask">Ask Me Anything</a> | |
| </li> | |
| {/block:AskEnabled} | |
| {block:SubmissionsEnabled} | |
| <li> | |
| <a href="/submit">Submit Something</a> | |
| </li> | |
| {/block:SubmissionsEnabled} | |
| {block:English} | |
| <li> | |
| <a href="http://tumblr.com/follow/{Name}">Follow</a> | |
| </li> | |
| {/block:English} | |
| {block:NotEnglish} | |
| <li> | |
| <a href="http://tumblr.com/follow/{Name}">{lang:Follow me}</a> | |
| </li> | |
| {/block:NotEnglish} | |
| {block:IfShowLinkToRSS} | |
| <li> | |
| <a href="{RSS}">RSS</a> | |
| </li> | |
| {/block:IfShowLinkToRSS} | |
| </ul> | |
| <form class="navbar-search pull-right" action="/search" method="get"> | |
| <input type="text" class="search-query" placeholder="{lang:Search}..." id="search" name="q" value="" /> | |
| </form> | |
| </div> <!-- nav-collapse --> | |
| </div> <!-- container --> | |
| </div> <!-- navbar-inner --> | |
| </div> <!-- navbar navbar-fixed-top --> | |
| </header> | |
| <div class="container"> | |
| {block:IndexPage} | |
| {block:IfShowDescriptionOnIndex} | |
| <div class="hero-unit"> | |
| <h1>{Title}</h1> | |
| <p>{Description}</p> | |
| </div> | |
| {/block:IfShowDescriptionOnIndex} | |
| {/block:IndexPage} | |
| <div class="posts"> | |
| {block:SearchPage} | |
| <li class="POST ALT TEXT MINI"> | |
| <div class="ENTRY"> | |
| <div class="TITLE CENTER"> | |
| {lang:Your search for SearchQuery returned SearchResultCount results 2} | |
| </div> | |
| {block:NoSearchResults} | |
| <div class="TITLE"> | |
| {lang:No search results for SearchQuery 2} | |
| </div> | |
| {/block:NoSearchResults} | |
| </div> | |
| </li> | |
| {/block:SearchPage} | |
| {block:DayPage} | |
| <li class="POST ALT TEXT MINI"> | |
| <div class="ENTRY"> | |
| <div class="TITLE CENTER"> | |
| {lang:Viewing everything posted on Month DayOfMonth Year} | |
| </div> | |
| </div> | |
| </li> | |
| {/block:DayPage} | |
| {block:Posts} | |
| <div class="row post {block:Text}text{/block:Text}{block:Photo}photo{/block:Photo}{block:Quote}quote{/block:Quote}{block:Video}video{/block:Video}{block:Link}link{/block:Link}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Answer}answer{/block:Answer}"> | |
| <div class="span3"> | |
| {block:GroupMembers} | |
| <div class="author"> | |
| <div class="author-name">Posted by <a href="{PostAuthorURL}" target="_blank">{PostAuthorTitle}</a></div> | |
| </div> | |
| {/block:GroupMembers} | |
| <div class="date"> | |
| {block:Date} | |
| {block:NotReblog} | |
| <a href="{Permalink}">{TimeAgo}</a> | |
| {/block:NotReblog} | |
| {block:Reblog} | |
| {lang:PostTypeNoun reblogged from ReblogParentTitle 2} | |
| {/block:Reblog} | |
| {/block:Date} | |
| </div> <!-- .date --> | |
| {block:HasTags} | |
| <div class="tags"> | |
| {block:Tags} | |
| <a class="label" href="{TagURL}">{Tag}</a> | |
| {/block:Tags} | |
| </div> <!-- .tags --> | |
| {/block:HasTags} | |
| </div> <!-- .span3 --> | |
| <div class="span6 entry"> | |
| <div class="title"> | |
| {block:Title} | |
| <h2><a href="{Permalink}">{Title}</a></h2> | |
| {/block:Title} | |
| </div> <!-- .title --> | |
| <div class="POST"> | |
| <!-- ANSWER --> | |
| {block:Answer} | |
| <blockquote class="pull-right"> | |
| <p>{Question}</p> | |
| <small>{lang:Asked by Asker}</small> | |
| </blockquote> | |
| <blockquote> | |
| <p>{Answer}</p> | |
| </blockquote> | |
| {/block:Answer} | |
| <!-- /ANSWER --> | |
| <!-- TEXT --> | |
| {block:Text} | |
| {Body} | |
| {/block:Text} | |
| <!-- /TEXT --> | |
| <!-- VIDEO --> | |
| {block:Video} | |
| {Video-500} | |
| {block:Caption} | |
| {Caption} | |
| {/block:Caption} | |
| {/block:Video} | |
| <!-- /VIDEO --> | |
| <!-- PHOTO --> | |
| {block:Photo} | |
| <div class="CENTER"> | |
| <ul class="thumbnails"> | |
| <li class="thumbnail">{LinkOpenTag}<img alt="{PhotoAlt}" src="{PhotoURL-500}" />{LinkCloseTag}</li> | |
| </ul> | |
| </div> | |
| {block:Caption} | |
| <div class="CAPTION"> | |
| {Caption} | |
| </div> | |
| {/block:Caption} | |
| {/block:Photo} | |
| <!-- /PHOTO --> | |
| <!-- QUOTE --> | |
| {block:Quote} | |
| <blockquote> | |
| <p>{Quote}</p> | |
| {block:Source} | |
| <small>{Source}</small> | |
| {/block:Source} | |
| </blockquote> | |
| {/block:Quote} | |
| <!-- /QUOTE --> | |
| <!-- LINK --> | |
| {block:Link} | |
| <div class="THE-LINK"> | |
| <a href="{URL}" target="{Target}">{Name}</a> | |
| </div> | |
| {block:Description} | |
| <div class="MARGIN">{Description}</div> | |
| {/block:Description} | |
| {/block:Link} | |
| <!-- /LINK --> | |
| <!-- CHAT --> | |
| {block:Chat} | |
| <ul class="CHAT"> | |
| {block:Lines} | |
| <li class="{Alt} {UserNumber}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li> | |
| {/block:Lines} | |
| </ul> | |
| {/block:Chat} | |
| <!-- /CHAT --> | |
| <!-- AUDIO --> | |
| {block:Audio} | |
| <div class="PLAYER"> | |
| <div class="ALBUMART"> | |
| {block:AlbumArt}<img alt="" src="{AlbumArtURL}" />{/block:AlbumArt} | |
| </div> | |
| <div class="OVERLAY"> | |
| <div class="OBJ"> | |
| {AudioPlayerGrey} | |
| </div> | |
| <div class="COUNT"> | |
| This track has had {PlayCountWithLabel} | |
| </div> | |
| <div class="TRACK"> | |
| {block:TrackName} | |
| <strong>{TrackName}</strong> | |
| {/block:TrackName} | |
| {block:TrackName} | |
| {block:Artist} | |
| by | |
| {/block:Artist} | |
| {/block:TrackName} | |
| {block:Artist} | |
| <a href="http://last.fm/{Artist}">{Artist}</a> | |
| {/block:Artist} | |
| </div> | |
| </div> | |
| {block:Caption} | |
| {Caption} | |
| {/block:Caption} | |
| </div> | |
| {/block:Audio} | |
| <!-- /AUDIO --> | |
| </div> | |
| </div> <!-- .entry --> | |
| <div class="span3"> | |
| {block:NoteCount} | |
| <div class="notes"> | |
| <a href="{Permalink}#notes"> | |
| <i class="icon-heart"></i> {NoteCountWithLabel} | |
| </a> | |
| </div> | |
| {/block:NoteCount} | |
| {block:IfDisqusShortname} | |
| <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a> | |
| {/block:IfDisqusShortname} | |
| {block:IfIncludeLikeButton} | |
| <div class="like share-link"> | |
| <div class="fb-like" data-href="{PlaintextPermalink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="lucida grande"></div> | |
| </div> | |
| {/block:IfIncludeLikeButton} | |
| {block:IfIncludeTweetButton} | |
| <div class="tweet share-link clearfix"> | |
| <a href="https://twitter.com/share" | |
| class="twitter-share-button" | |
| data-url="{PlaintextPermalink}" | |
| data-text="{PlaintextTitle}" | |
| {block:IfTweetViaAccount} | |
| data-via="{text:Tweet Via Account}" | |
| {/block:IfTweetViaAccount} | |
| {block:IfTweetFollowAccount} | |
| data-related="{PlaintextTweetFollowAccount}" | |
| {/block:IfTweetFollowAccount} | |
| >Tweet</a> | |
| </div> | |
| {/block:IfIncludeTweetButton} | |
| </div> <!-- .span3 --> | |
| </div> <!-- .row .post --> | |
| {block:PermalinkPagination} | |
| {block:IfDisqusShortname} | |
| <div class="row"> | |
| <div class="span6 offset3 comments-container well"> | |
| <div id="disqus_thread"></div> | |
| <script type="text/javascript" src="http://{text:Disqus Shortname}.disqus.com/embed.js"></script> | |
| <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> | |
| </div> <!-- .comments-container --> | |
| </div> | |
| {/block:IfDisqusShortname} | |
| {/block:PermalinkPagination} | |
| {block:PermalinkPage} | |
| {block:NoteCount} | |
| <div class="row"> | |
| <div class="span6 offset3 notes-container well" id="notes"> | |
| {PostNotes} | |
| </div> <!-- .notes-container --> | |
| </div> | |
| {/block:NoteCount} | |
| {/block:PermalinkPage} | |
| <hr/> | |
| {/block:Posts} | |
| </div> <!-- .posts --> | |
| {block:Pagination} | |
| <ul class="pager"> | |
| {block:PreviousPage} | |
| <li><a href="{PreviousPage}">{lang:Previous page}</a></li> | |
| {/block:PreviousPage} | |
| {block:NextPage} | |
| <li><a href="{NextPage}">{lang:Next page}</a></li> | |
| {/block:NextPage} | |
| </ul> | |
| {/block:Pagination} | |
| <footer> | |
| <p class="pull-right"><a href="#">Back to top</a></p> | |
| <p><a href="http://bootswatch.com">Bootswatch theme</a> by <a href="http://thomaspark.me">Thomas Park</a></p> | |
| </footer> | |
| </div> | |
| {block:IfGoogleAnalyticsUACode} | |
| <script type="text/javascript"> | |
| var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); | |
| document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); | |
| </script> | |
| <script type="text/javascript"> | |
| try { | |
| var pageTracker = _gat._getTracker("{text:Google Analytics UA Code}"); | |
| pageTracker._trackPageview(); | |
| } catch(err) {} | |
| </script> | |
| {/block:IfGoogleAnalyticsUACode} | |
| <!-- ======== SCRIPTS ======== --> | |
| <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | |
| <script type="text/javascript" src="http://static.tumblr.com/m0grfcc/OLNm8b7eu/bootstrap.min.js"></script> | |
| {block:IfIncludeTweetButton} | |
| <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> | |
| {/block:IfIncludeTweetButton} | |
| {block:IfDisqusShortname} | |
| <script type="text/javascript"> | |
| //<![CDATA[ | |
| (function() { | |
| var links = document.getElementsByTagName('a'); | |
| var query = '?'; | |
| for(var i = 0; i < links.length; i++) { | |
| if(links[i].href.indexOf('#disqus_thread') >= 0) { | |
| query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; | |
| } | |
| } | |
| document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); | |
| })(); | |
| //]]> | |
| </script> | |
| {/block:IfDisqusShortname} | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Originally forked from https://github.com/mikejarema/bootstrap-tumblr-theme.