Created
February 3, 2011 20:07
-
-
Save meleyal/810100 to your computer and use it in GitHub Desktop.
meleyal.com 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> | |
| <!-- | |
| meleyal | |
| http://meleyal.com | |
| https://gist.github.com/810100 | |
| based on http://theme.jstn.cc/ | |
| Rev. 2011-02 | |
| --> | |
| <meta charset="utf-8"> | |
| <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title> | |
| {block:IndexPage} | |
| {block:Description} | |
| <meta name="description" content="{MetaDescription}"> | |
| {/block:Description} | |
| {/block:IndexPage} | |
| {block:PermalinkPage} | |
| <link rel="canonical" href="{Permalink}"> | |
| <link rel="shortlink" href="{block:Posts}{ShortURL}{/block:Posts}"> | |
| <meta name="description" content="{block:PostSummary}{PostSummary}{/block:PostSummary}"> | |
| <meta name="keywords" content="{block:Posts}{TagsAsClasses}{/block:Posts}"> | |
| {/block:PermalinkPage} | |
| <link rel="icon" href="{Favicon}"> | |
| <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"> | |
| <!-- settings --> | |
| <meta name="text:Stats Code" content=""> | |
| <meta name="text:Disqus Shortname" content=""> | |
| <meta name="color:Link Hover" content="#C33"> | |
| <meta name="color:Title Hover" content="#FFFCDA"> | |
| <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'> | |
| <style type="text/css"> | |
| body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}a{outline:none;} | |
| body { background: #fff; font: normal 12px/17px helvetica, sans-serif; margin: 20px 0; } | |
| h1, h2, h3, p, ul, ol { margin-bottom: 1em; } | |
| h1, h2, h3 { font-weight: bold; } | |
| h1 { font-size: 16px; } | |
| h3 { margin: 2em 0 1em 0; } | |
| p { margin: 1em 0; } | |
| strong { font-weight: bold; } | |
| em { font-style: italic; } | |
| a { color: #000; } | |
| a:hover { color: {color:Link Hover}; } | |
| pre, tt, code { font-size: 11px; font-family: Menlo, Consolas, "Vera Mono", monospace; background: #eee; } | |
| pre { padding: 10px; } | |
| ul.tumblr { width: 500px; margin: 0 auto; padding-top: 15px; } | |
| ul.tumblr li.post { margin-bottom: 60px; position: relative; } | |
| ul.tumblr li.post ul li { list-style-type: disc; list-style-position: inside; } | |
| ul.tumblr li.post .quote q { font-size: 21px; line-height: 23px; } | |
| ul.tumblr li.post .quote .source { font-size: 11px; margin-top: 4px; } | |
| ul.tumblr li.post .conversation em { padding-right: 0.25em; } | |
| ul.tumblr li.post .audio .caption, ul.tumblr li.post .photo .caption, ul.tumblr li.post .video .caption { padding-top: 6px; } | |
| ul.tumblr li.post .audio .playcount { color: #ccc; margin-top: 3px; font-size: 11px; } | |
| ul.tumblr li.post blockquote { border-left: 3px solid #000; padding: 0px 15px; margin: 5px 10px 15px 10px; } | |
| ul.tumblr li.post div.digest { position: absolute; top: 0px; left: 500px; padding-left: 30px; width: 100px; } | |
| ul.tumblr li.post div.digest .date { margin-bottom: 5px; font-size: 11px; color: #ccc; } | |
| ul.tumblr li.post div.permalink a { text-decoration: none; font-size: 11px; color: #ccc; } | |
| ul.tumblr li.post div.permalink a:hover { color: #666; } | |
| ul.tumblr li.pagers { text-align: center; margin: 60px 0 20px 0; } | |
| ul.tumblr li.pagers span { font-size: 11px; color: #ccc; } | |
| ul.tumblr li.pagers a { font-weight: bold; } | |
| div.flag { position: fixed; top: 30px; left: 30px; } | |
| div.flag h2 { font-family: 'Reenie Beanie'; font-size: 70px; line-height: .6em; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg); margin-bottom: .5em; } | |
| div.flag h2 a { text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } | |
| div.flag h2 a:hover { color: #000; background: {color:Title Hover}; } | |
| div.flag p { margin: 10px 0; } | |
| </style> | |
| <style type="text/css">{CustomCSS}</style> | |
| </head> | |
| <body> | |
| <div class="flag"> | |
| <h2><a href="/">{Title}</a></h2> | |
| {block:Description} | |
| {Description} | |
| {/block:Description} | |
| {block:Pagination} | |
| <li class="pagers"> | |
| <span>{CurrentPage} of {TotalPages}</span> | |
| {block:NextPage} | |
| <a href="{NextPage}">Past →</a> | |
| {/block:NextPage} | |
| </li> | |
| {/block:Pagination} | |
| </div> | |
| <ul class="tumblr"> | |
| {block:Posts} | |
| <li class="post"> | |
| {block:Regular} | |
| <div class="regular content"> | |
| {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title} | |
| {Body} | |
| </div> | |
| {/block:Regular} | |
| {block:Photo} | |
| <div class="photo content"> | |
| {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag} | |
| {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} | |
| </div> | |
| {/block:Photo} | |
| {block:Quote} | |
| <div class="quote content"> | |
| <q class="{Length}">{Quote}</q> | |
| {block:Source}<div class="source">—{Source}</div>{/block:Source} | |
| </div> | |
| {/block:Quote} | |
| {block:Link} | |
| <div class="link content"> | |
| <h2><a href="{URL}" {Target}>{Name}</a></h2> | |
| {block:Description}<div class="caption">{Description}</div>{/block:Description} | |
| </div> | |
| {/block:Link} | |
| {block:Conversation} | |
| <div class="conversation content"> | |
| {block:Title}<h2>{Title}</h2>{/block:Title} | |
| {block:Lines} | |
| {block:Label}<em>{Label}</em>{/block:Label} {Line}<br /> | |
| {/block:Lines} | |
| </div> | |
| {/block:Conversation} | |
| {block:Audio} | |
| <div class="audio content"> | |
| {AudioPlayerBlack} | |
| {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} | |
| </div> | |
| {/block:Audio} | |
| {block:Video} | |
| <div class="video content"> | |
| {Video-500} | |
| {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} | |
| </div> | |
| {/block:Video} | |
| <div class="digest"> | |
| {block:NewDayDate} | |
| <div class="date"> | |
| <span>↓ {DayOfMonth} {ShortMonth} {Year}</span> | |
| </div> | |
| {/block:NewDayDate} | |
| <div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a></div> | |
| </div> | |
| {block:PermalinkPage} | |
| {block:IfDisqusShortname} | |
| <div id="disqus_thread"></div> | |
| <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> | |
| <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a></noscript> | |
| {/block:IfDisqusShortname} | |
| {/block:PermalinkPage} | |
| </li> | |
| {/block:Posts} | |
| </ul> | |
| {block:IfStatsCode} | |
| <!--Stats--> | |
| {text:Stats Code} | |
| {/block:IfStatsCode} | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment