Skip to content

Instantly share code, notes, and snippets.

@jcanfield

jcanfield/bootstraped-tumblr-theme.html

Created May 2, 2012 18:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jcanfield/2578773 to your computer and use it in GitHub Desktop.
Save jcanfield/2578773 to your computer and use it in GitHub Desktop.
Download ZIP
bootstrap tumblr theme for quickredthought.tumblr.com
Raw
bootstraped-tumblr-theme.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{Title}</title>
<link rel='icon' href='{Favicon}'>
<link rel='shortcut icon' href='{Favicon}'>
<link rel='alternate' type='application/rss+xml' href='{RSS}'>
<meta name='description' content='{MetaDescription}'>
<meta name='color:Link' content='#6699cc'>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Das styles -->
<link rel="stylesheet" media="screen" href="http://assets.needium.com/lib/bootstrap/1.4.0/bootstrap.min.css" />
<!--
El fav and touch icons
<link rel="shortcut icon" type="image/x-icon" href="assets/ico/favicon.ico">
<link rel="apple-touch-icon" href="assets/ico/bootstrap-apple-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
-->
</head>
<style type="text/css" media="screen">
a {
text-decoration:none;
color:{color:Link};
}
a:hover {
color:#333;
}
h1 a:hover,h2 a:hover{text-decoration:none;}
.jumbotron{background:#f0f0f0;text-align:center}
.jumbotron .inner{padding:65px 0 30px 0;}
.post{box-shadow:0 0 6px #f0f0f0;border-radius:0.25em;padding-top:0.5em;padding-bottom:0.5em;margin-bottom:0.5em;margin-top:0.5em;border:1px solid #f9f9f9}
html body iframe{top:45px!important;}
</style>
<body>
<!-- Topbar
================================================== -->
<div class="topbar" data-scrollspy="scrollspy" >
<div class="topbar-inner">
<div class="container">
<a class="brand" href="/">{Title}</a>
<ul class="nav">
<li><a href="/">Home</a></li>
{block:PreviousPage}
<li><a href="{PreviousPage}">Previous Page</a></li>
{/block:PreviousPage}
{block:NextPage}
<li><a href="{NextPage}">Next Page</a></li>
{/block:NextPage}
{block:PreviousPost}
<li><a href="{PreviousPost}">Previous Post</a></li>
{/block:PreviousPost}
{block:NextPost}
<li><a href="{NextPost}">Next Post</a></li>
{/block:NextPost}
<li><a class="pull-right" href="/archive">Archive</a></li>
</ul>
</div>
</div>
</div>
<!-- Masthead
================================================== -->
<header class="jumbotron masthead" id="overview">
<div class="inner">
<div class="container">
<h1><a href="/">{Title}</a></h1>
{block:Description}
<p>{Description}</p>
{/block:Description}
</div>
</div>
</header>
<div class="container">
{block:Posts}
<div class="post row">
<div class="span5">
<h1>
<a href='{Permalink}'>{ShortMonth} {DayOfMonth} {Year} <small>{12Hour}:{Minutes} {AmPm}</small></a>
</h1>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a>
</div>
<div class="span10">
{block:Text}
{block:Title}
<header class='page-header'>
<h2>{Title}</h2>
</header>
{/block:Title}
{/block:Text}
{block:Chat}
{block:Title}
<header class='page-header'>
<h2>{Title}</h2>
</header>
{/block:Title}
{/block:Chat}
{block:Text}
{Body}
{/block:Text}
{block:Photo}
{LinkOpenTag}<img src='{PhotoURL-500}' alt='{PhotoAlt}'/>{LinkCloseTag}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
{/block:Photo}
{block:Photoset}
{Photoset-500}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
{/block:Photoset}
{block:Quote}
<p class='quote'>"{Quote}"</p>
{block:Source}
<p>{Source}</p>
{/block:Source}
{/block:Quote}
{block:Link}
<a href='{URL}' class='link' {Target}>{Name}</a>
{block:Description}
<p>{Description}</p>
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}
<h3>{Title}</h3>
{/block:Title}
<table cellpadding='0' cellspacing='0' width='100%' border='0' class='chat'>
{block:Lines}
<tr class='{Alt}'>
{block:Label}
<td class='label'>{Label}</td>
{/block:Label}
<td>{Line}</td>
</tr>
{/block:Lines}
</table>
{/block:Chat}
{block:Audio}
<div class='audio'>
<div class='audioLeft'>
{AudioPlayerWhite}
</div>
<div class='audioRight'>
{FormattedPlayCount} Plays
</div>
<br class='clear' />
</div>
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
{/block:Audio}
{block:Video}
{Video-500}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
{/block:Video}
</div>
</div>
{/block:Posts}
</div><!-- /container -->
<footer class="footer">
<div class="container">
</div>
</footer>
<script src="http://assets.needium.com/lib/jquery/1.7.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<!-- <script src="http://assets.needium.com/lib/bootstrap/1.4.0/js/bootstrap-alerts.js" type="text/javascript" charset="utf-8"></script>
<script src="http://assets.needium.com/lib/bootstrap/1.4.0/js/bootstrap-buttons.js" type="text/javascript" charset="utf-8"></script>
<script src="http://assets.needium.com/lib/bootstrap/1.4.0/js/bootstrap-dropdown.js" type="text/javascript" charset="utf-8"></script>
<script src="http://assets.needium.com/lib/bootstrap/1.4.0/js/bootstrap-tabs.js" type="text/javascript" charset="utf-8"></script>
<script src="http://assets.needium.com/lib/bootstrap/1.4.0/js/bootstrap-twipsy.js" type="text/javascript" charset="utf-8"></script>
<script src="http://assets.needium.com/lib/bootstrap/1.4.0/js/bootstrap-popover.js" type="text/javascript" charset="utf-8"></script>
<script src="http://assets.needium.com/lib/bootstrap/1.4.0/js/bootstrap-modal.js" type="text/javascript" charset="utf-8"></script> -->
<script src="http://assets.needium.com/lib/bootstrap/1.4.0/js/bootstrap-scrollspy.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment