P. 1
Tumblr Styles Template

Tumblr Styles Template

|Views: 2|Likes:
Published by Bernard
Tumblr style template.
Tumblr style template.

More info:

Categories:Topics, Art & Design
Published by: Bernard on Jul 31, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

10/28/2014

pdf

text

original

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.

dtd"> <!-Theme: The Minimalist v1. Design: The Minimalist (http://minimalist.co) --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}</title> <meta name="description" content="{MetaDescription}" /> <meta name="if:Show description" content="1" /> <meta name="if:Show search" content="1" /> <meta name="text:Twitter name" content="" /> <meta name="text:Disqus Shortname" content="" /> <meta name="text:Google Analytics ID" content="" /> <link rel="shortcut icon" href="{Favicon}" />

<!-- Styles --> <link rel="stylesheet" href="http://static.tumblr.com/f1whv92/Mp9l6ewcg/reset.css" /> <style type="text/css"> /*----- GENERAL -----*/ header, footer, section, article, nav, aside { display: block; } body { background: #ffffff; color: #222; font: 12px/20px Helvetica, "Helvetica", Helvetica, mono; padding-top: 25px; text-align: center; width:500px; margin: 0 auto; } h1, h2, h3, hQ { font-family: Helvetica; } h1 {

clear:both. a:visited { color: #222222.h4.table. } h3 { font-size: 21px.hr.MASTHEAD -----*/ .font-size: 50px. } #masthead { .dl.pre. text-decoration: none.ol. } hr{ border:0 #ccc solid.h3. line-height: 27px.h5. line-height: 37px. a:active { text-decoration: underline.ul.h1. } a:link. } h2 { font-size: 31px. } a:hover.noMeta > div { padding: 0px.h6. } /*----. border-top-width:1px. height:0. } ol{list-style:decimal} ul{list-style:disc} li{margin-left:30px} p.fieldset{margin-bottom:15px} #main { padding: 0px.h2. font-weight: bold.address. line-height: 50px.

color: #222. color: #bca474. #masthead h1 a:visited { text-transform: Uppercase. } #siteDescription{ font-size: 15px. } #masthead h1 a:active { outline: 0.jpg) left no-repeat. padding: 2px 0 0 20px. text-transform: Uppercase. } #masthead h1 { margin-bottom: 0. margin-bottom: 0. margin-bottom: -5px. width: 225px.margin-bottom: 0px. font-size: 20px. display: none. #masthead a:visited { color: #fff.SEARCH FORM -----*/ #frmSearch { padding-top: 20px.com/bpryy0m/6lRl6gmys/search.tumblr. margin-top: 20px. text-decoration: none. color: #fff. } /*----. } #masthead p { font-family: Helvetica. } #txtSearch { background: url(http://static. padding: 10px 0 0 0. font-family: Helvetica. border-top: 1px solid #bca474. . } #masthead h1 a:link. } #masthead a:link. Sans.

MAIN HEADER NAV STRIP -----*/ #mainNav { border-top: 1px solid #bca474. color: #bca474. #mainNav a:visited { padding: 0. } /*----. } #mainNav a. border-bottom: 2px solid #bca474. text-decoration: none.active { text-decoration: none. padding: 13px 0 14px 0. padding: 0. display: inline. } #mainNav a:link. "Times New Roman". color: #bca474. border-bottom: 1px solid #bca474. } #mainNav ul { list-style: none.font: 12px/12px Georgia. serif. } #mainNav a:hover. text-decoration: none. line-height: 14px. border: 0px. margin: 0. } #mainNav li { margin: 5px. font-size: 14px. Times. #mainNav a:active { outline: none. border-bottom: 1px solid #bca474. margin: 0 2px. } /*----. margin-top: 20px.ARTICLE META INFO -----*/ . padding: 0. font-family: Cufon. text-transform: Uppercase.

color: #bca474. . margin-bottom: 20px. margin-bottom: 0px. } h5 a:hover{ text-decoration: underline. text-decoration: none. serif.#designline { margin-top: 50px. serif. color: #bca474. text-decoration: none. text-align: left. . } h5 a:link. } h5 abbr{ display: inline-block. padding: 0 8px. font-family: Georgia. font-size: 10px. font-weight: bold.postDate a{ color: #bca474. background: #fff. top: -35px. text-transform: Uppercase. text-transform: Uppercase. } h5{ position: relative. top: 10px.ARTICLE -----*/ article { background: #fff. font-weight: bold. position: relative. font-size: 10px. } /*----. background: #fff.line a:visited{ font-family: Georgia. } h5. margin: 0 auto. border-bottom: 1px solid #bca474.

position: relative. } blockquote { border-left: 2px solid #bca474. margin-bottom: 15px. } article . } article h2 a:link. article . } article h2 { text-align: center.meta a:active { text-decoration: underline. } article p img { margin: 0. color: #222222. overflow: hidden. . } article . article . max-width: 500px. article h2 a:active { text-decoration: none.meta a:visited { text-decoration: none. article h2 a:visited { text-transform: Uppercase. } article h2 a:hover. } . } article .meta a:hover.searchPage { margin: 35px 0 0 0. border-bottom: 1px solid #222.searchPageText { margin: 0 0 30px 0. } article img { border: none. color: #222. } article > div { padding: 0px.meta a:link. text-decoration: none.

chat li { margin: 0 0 2px. background-repeat: no-repeat. width: 41px. padding: 2px 0 2px 0. color: #222222. } .com/f1whv92/9iCl6bfgp/audiocircle.photoCaption { text-align: center. padding-top: 7px. padding-left: 1em. } . } article .audio { height: 28px. margin: 0.audioc { background-image:url('http://static. } article . } #quoteSource{ margin: 0 auto.margin-left: 0. } . margin: auto.chat { list-style: none. overflow: hidden.tumblr. height: 41px.png'). padding: 0. text-align: left. width: 26px. } #quoteText h2 { text-align: left. } .AUDIO PLAYER -----*/ . } /*----.audioCaption { margin-top: 1px.

margin-bottom: 20px. float: right. } .notes { border-top: 1px solid #bca474.audioleft { width: 41px. border-left: 2px solid #222222.PAGE NAVIGATION -----*/ #pageNav { . top: 5px. margin: 30px 0 0 0.notes . } .audioClear { clear:both. padding-left: 10px. padding: 20px 0 5px 0. } .notes blockquote { margin: 10px 0 0 35px. } .media { width: 500px. } . float: left. } . } .notes li { margin: 0. } /*----. list-style: none.audioContainer { margin-top: 5px.audioright { width: 444px.avatar { margin: 0 5px 0 0. position: relative.. } /*----.ARTICLE NOTES -----*/ .

"Times New Roman". background: #34hdf5. "Times New Roman". margin: 0 2px.margin-top: 20px. padding: 20px 0 32px 0. font-size: 10px. border-top: 1px solid #222. } #pageNavNewer:before { content: "« ". serif.active:link. #pageNav a. color: #222. text-decoration: none.FOOTER META -----*/ #sitemeta { border-top: 2px solid #222. } #pageNav li { margin: 0. padding: 10px 15px. } #pageNav a:hover. } #pageNavOlder:after { content: " »". serif. Times. Times. font-size: 11px. #pageNav a:active. } /*----. display: inline. } . margin: 10px 0. } #pageNav ul { list-style: none. #pageNav a. } #sitemeta p { margin: 0. } #pageNav a:link. color: #222. #pageNav a:visited { font: 11px Georgia. padding: 0.active:visited { text-decoration: underline. font-family: Georgia.

} {CustomCSS} </style> <!-.val(placeholder).com/f1whv92/fgIl65bo1/cufon_300.val().tumblr.com/svn/trunk/html5..fadeTo("normal".Scripts --> <!--[if IE]> <script src="http://html5shim.{ fontFamily: "Cufon" }).blur(function() { search = $("#txtSearch"). }).fadeTo("normal".tumblr. Cufon. if (search == placeholder) { $("#txtSearch"). fadeToOpacity). var fadeToOpacity = 0.replace('#siteDescription'.4. $("#txtSearch").font. if (search == "") { $("#txtSearch").val().{ fontFamily: "Cufon" }). Cufon. } .{ fontFamily: "Cufon" }).".val()..{ fontFamily: "Cufon" }). var placeholder = "Search.{ fontFamily: "Cufon" }). fadeToOpacity).com/oawavkn/JPAlyq9zp/cufon-yui.replace('h1'. #sitemeta a:visited { color: #222.2/jquery.js"></script> <script src="http://static.com/ajax/libs/jquery/1. } $("#txtSearch"). Cufon.4.js" type="text/javascript"></script> <script src="http://static.replace('h2'. font-weight: bold.replace('h3'.js" type="text/javascript"></script> <script type="text/javascript"> Cufon. if (!(search != "" && search != placeholder)) { $("#txtSearch").js"></script> <![endif]--> <script src="http://ajax.googlecode.val(""). } $("#txtSearch"). </script> <script> $(function() { var search = $("#txtSearch").min.replace('#mainNav'.val(placeholder).focus(function() { search = $("#txtSearch"). $("#txtSearch").#sitemeta a:link. Cufon.googleapis.

$(this). $("#btnSearch")." id="btnSearch">Search</a></li> {block:IfTwitterName} <li><a href="http://twitter.com/{text:Twitter name}">Twitter</a></li> {/block:IfTwitterName} </nav> </div> </header> <section id="main" class="clearfix"> <div class="layout"> {block:SearchPage} <article> <div> <div class="searchPage"> <h2>Search results for <a href="{URLSafeSearchQuery}">{SearchQuery}</a></h2> .toggleClass("active").focus(). // $("#txtSearch").$("#txtSearch"). }). }).fadeTo("normal". 1). </script> </head> <body> <header id="masthead" class="clearfix"> <div id="thehead"> <h1 class="cufon"><a href="/">{Title}</a></h1> <form action="/search" method="get" id="frmSearch"> <input type="text" id="txtSearch" name="q" value="{SearchQuery}" /> </form> {block:Description} <div id="siteDescription">{Description}</div> {block:Description} <nav id="mainNav"> {block:HasPages} {block:Pages}<li><a href="{URL}">{Label}</a></li>{block:Pages} {/block:HasPages} {block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled} {block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled} <li><a href="/archive">Archive</a></li> <li><a href="/random">Random</a></li> <li><a href="{RSS}">RSS</a></li> <li><a href="javascript:. }).click(function() { $("#frmSearch").slideToggle("normal").

</li> <li>Try more general keywords. but we couldn't find anything matching "<b>{SearchQuery}</b>".</li> </ul> </div> {/block:NoSearchResults} </div> </article> {/block:SearchPage} {block:TagPage} <article> <div> <div class="searchPage"> <h2>Posts tagged <a href="{TagURL}">{Tag}</a></h2> </div> </div> </article> {/block:TagPage} {block:Posts} <div id="designline"> <h5 class="postDate"> <abbr>{block:Date}<a href="{Permalink}">{DayOfMOnth}{DayOfMonthSuffix} {ShortMonth} {Year}</a>{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount} </abbr> </h5> </div> <article> <div> {block:Text} {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title} {Body} {/block:Text} {block:Photo} {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag} {block:Caption}<div class="photoCaption">{Caption}</div>{/block:Caption} {/block:Photo} {block:Photoset} <div class="media">{Photoset-500}</div> . Suggestions:</p> <ul> <li>Make sure all words are spelled correctly.</li> <li>Try different keywords.</div> {block:NoSearchResults} <div class="searchPageText"> <p>I’m sorry.

{block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:Photoset} {block:Quote} <div id="quoteText"><h2>{Quote}</h2></div> {block:Source}<div id="quoteSource"><p>&mdash.{block:TrackName}{TrackName}{/block:TrackName}</p> </div> </div> <div class="audioClear"></div> <div class="audioContainer"> {block:Caption}{Caption}{/block:Caption} </div> {/block:Audio} {block:Video} <div class="media">{Video-500}</div> {block:Caption}<div>{Caption}</div>{/block:Caption} {/block:Video} {block:Answer} <h3>{Asker} asked: {Question}</h3> {Answer} .{Source}</p></div>{/block:Source} {/block:Quote} {block:Link} <h2><a href="{URL}" {Target}>{Name}</a></h2> {block:Description} <div>{Description}</div> {/block:Description} {/block:Link} {block:Chat} {block:Title}<h2>{Title}</h2>{/block:Title} <ul class="chat"> {block:Lines} <li>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li> {/block:Lines} </ul> {/block:Chat} {block:Audio} <div class="audioleft"> <div class="audioc"> <div class="audio">{AudioPlayerBlack}</div> </div> </div> <div class="audioright"> <div class="audioCaption">{block:Artist}<b>{Artist}</b>{/block:Artist} <p>&mdash.

getElementsByTagName('a'). var query = '?'.length.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].{/block:Answer} {block:Date} {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.js' + query + '"></' + 'script>').href. for(var i = 0.com/forums/{text:Disqus Shortname}/get_num_replies. i < links.href) + '&'. })(). //]]> </script> {/block:IfDisqusShortname} {block:PostNotes} {PostNotes} {/block:PostNotes} {block:Date} </div> </article> {/block:Posts} {block:PermalinkPagination} <nav id="pageNav"> <ul class="clearfix"> {block:PreviousPost}<li><a href="{PreviousPost}" id="pageNavNewer">Previous</a></li>{/block:PreviousPost} {block:NextPost}<li><a href="{NextPost}" id="pageNavOlder">Next</a></li>{/block:NextPost} </ul> </nav> {/block:PermalinkPagination} {block:Pagination} <nav id="pageNav"> <ul class="clearfix"> {block:PreviousPage}<li><a href="{PreviousPage}" id="pageNavNewer">Newer</a></li>{/block:PreviousPage} {block:JumpPagination length="5"} .write('<script charset="utf-8" type="text/javascript" src="http://disqus. } } document. i++) { if(links[i].

wri te(unescape("%3Cscript src='"+gaJsHost+"google-analytics.":"http://www.</a></li>{block:NextDayPage} </ul> </nav> {/block:DayPagination} </div><!-._getTracker("{text:Google Analytics ID}").pageTracker.END layout --> </section> <footer id="sitemeta"> <div class="clearfix"> <div class="thefooter"> <p><a href="http://www. {DayOfMonth} {ShortMonth}</a></li>{/block:PreviousDayPage}{block:NextDayPage}|<li><a href="{NextDayPage}">{DayOfMonth} {ShortMonth} &raquo.document.location.</script><script type="text/javascript">try{var pageTracker=_gat._trackPageview()}catch(err){}</script> {block:IfGoogleAnalyticsID} </body> </html> .{block:CurrentPage}<li><a href="{URL}" class="active">{PageNumber}</a></li>{/block:CurrentPage} {block:JumpPage}<li><a href="{URL}">{PageNumber}</a></li>{/block:JumpPage} {/block:JumpPagination} {block:NextPage}<li><a href="{NextPage}" id="pageNavOlder">Older</a></li>{/block:NextPage} </ul> </nav> {/block:Pagination} {block:DayPagination} <nav id="pageNav"> <ul class="clearfix"> {block:PreviousDayPage}<li><a href="{PreviousDayPage}">&laquo.protocol)?"https://ssl.com/ga.tumblr.co">The Minimalist</a> | Powered by <a href="http://tumblr.com">Tumblr</a></p> </div> </div> </footer> {block:IfGoogleAnalyticsID} <script type="text/javascript">var gaJsHost=(("https:"==document.js' type='text/javascript'%3E%3C/script%3E")).").com/theme/12051">The Minimalist Theme</a> designed by <a href="http://minimalist.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->