-
-
Save kant/2054559 to your computer and use it in GitHub Desktop.
This is the tumblr theme I wrote for http://Johnneylee.tumblr.com/
This file contains hidden or 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
| <!-- Author: Johnneylee Jack Rollins; Email: [email protected]; --> | |
| <html> | |
| <head> | |
| <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title> | |
| <link rel="shortcut icon" href="{Favicon}"> | |
| <link rel="alternate" type="application/rss+xml" href="/rss"> | |
| <link rel="stylesheet" href="http://hr1v.com/remote/black-tie/sIFR-screen.css" type="text/css" media="screen" /> | |
| <link rel="stylesheet" href="http://hr1v.com/remote/black-tie/sIFR-print.css" type="text/css" media="print" /> | |
| <script src="http://hr1v.com/sifr/sifr.js" type="text/javascript"></script> | |
| <script src="http://hr1v.com/sifr/sifr-addons.js" type="text/javascript"></script> | |
| <script type="text/javascript" src="http://www.google.com/jsapi"></script> | |
| <script type="text/javascript"> | |
| google.load("jquery", "1.4"); | |
| google.setOnLoadCallback(function() { | |
| jQuery(function($) { | |
| $("a.permalink, h2").hover( | |
| function () { | |
| $("div.post-meta").fadeIn(400); | |
| }, | |
| function () { | |
| $("div.post-meta").fadeOut(400); | |
| }); | |
| $(".next-link, .prev-link, a#home, h2, a.permalink").click(function() { | |
| $("div.post-container").slideUp(500) | |
| $("div#top-right, ul#top-left, h2, .next-link, .prev-link, #footer").fadeOut(500); | |
| }); | |
| $("div#top-right, ul#top-left, h2").fadeIn(2000); | |
| $(".next-link, .prev-link, #footer").delay(2000).fadeIn(2000) | |
| $("div.post-container").slideDown(2000); | |
| }); | |
| }); | |
| </script> | |
| <style type="text/css"> | |
| /* General */ | |
| * {margin:0;padding:0;} | |
| body {font-family:"Lucida Grande",verdana,sans-serif;background-color:#121212;color:#999;font-size:11px;line-height:1.8;background-image: url('http://amberlampdesign.com/spaceghost/Tumblr/swirl.png');background-repeat:no-repeat;background-position:top right;background-attachment: scroll;} | |
| a:link, a:visited {text-decoration:none;color:#ccc;font-weight:bold;border-bottom:1px dotted #ccc;} | |
| a:hover {border:0;} | |
| a img {border:0;} | |
| h1, h2, h3 {font-family:georgia,serif;font-weight:normal;letter-spacing:-.05em;margin:0;padding:0;line-height:1em;color:#fff;} | |
| div#container {width:430px;margin:0 auto;background-color:#000;border-left:1px solid #333;border-right:1px solid #333; | |
| -moz-box-shadow: 0px 0px 100px #000; | |
| -webkit-box-shadow: 0px 0px 100px #000; | |
| box-shadow: 0px 0px 100px #000; /* CSS3 */ | |
| } | |
| /* Header */ | |
| div#header {padding:15px;position:relative;} | |
| div#header h1 {text-align:center;font-size:55px;padding:20px 0 20px 0;margin:0 20px 0 20px;} | |
| div#header h1 a {border:0 !important;} | |
| ul#top-left, div#top-right {position:absolute;top:15px;width:100px;display:none;} | |
| ul#top-left {left:-115px;text-align:right;list-style:none;} | |
| div#top-right {right:-115px;text-align:left;} | |
| div.subtitle h2 {background-color:#121212;border-top:1px solid #333;border-bottom:1px solid #333;text-align:center;font-family:verdana;font-size:11px;letter-spacing:0;text-transform:uppercase;padding:3px;} | |
| /* Posts */ | |
| div.post-container {position:relative;min-height:50px;display:none;} | |
| div.post h2 {font-size:18px;line-height:24px;text-transform:uppercase;letter-spacing:2px;margin-bottom:18px;} | |
| h2 a {font-weight:normal !important;} | |
| h3 {font-size:32px;} | |
| div.post {width:400px;padding:20px 15px;position:relative;} | |
| div.post p {margin:.5em 0 1em 0;} | |
| div.post blockquote {margin-left:2em;} | |
| div.post ol, div.post ul {margin-left:1.5em;} | |
| /* Post meta (permalink, date, tags, reblog links) */ | |
| a.permalink {display:block;width:23px;height:23px;background-image:url(http://hr1v.com/remote/black-tie/permalink.png);position:absolute;left:-16px;top:20px;border:0 !important;} | |
| {block:PermalinkPage}a.permalink {display:none;}{/block:PermalinkPage} | |
| div.post-meta {width:200px;position:absolute;left:-215px;top:50px;text-align:right;color:#333;display:none;} | |
| div.post-meta ul {list-style:none;} | |
| div.post-meta a {color:#666;border:0 !important;} | |
| span.date-link {line-height:22px;font-size:11px;} | |
| /* Bottom */ | |
| div#bottom {position:relative;text-align:center;margin:0 auto 30px auto;width:430px;height:122px;background-image:url(http://amberlampdesign.com/images/tie-bottom.png);} | |
| div#bottom ul {list-style:none;} | |
| div#bottom a {border:0;font-size:50px;font-weight:normal !important;} | |
| div#bottom a.prev-link, .next-link {position:absolute;bottom:15px;} | |
| div#bottom a.prev-link {left:0;display:none;} | |
| div#bottom a.next-link {right:0;display:none;} | |
| /* Footer */ | |
| #footer {text-align:center;padding:5px;color:#333;display:none;} | |
| #footer a {color:#666;border:0 !important;} | |
| /* Photo post */ | |
| div.photo div.the-image {margin-bottom:6px;} | |
| div.photo div.the-image img {margin:0 auto;} | |
| div.photo div.the-image a {border:0 !important;} | |
| /* Chat post */ | |
| div.chat ul {list-style:none;margin-left:0 !important;} | |
| div.chat ul li {padding:2px 0;} | |
| div.chat ul span.label {text-transform:uppercase;font-weight:bold;color:#fff;letter-spacing:1px;} | |
| /* Audio post */ | |
| div.audio {text-align:center;} | |
| /* Do what you will, supposed outsiders of my soul */ | |
| {CustomCSS} | |
| </style> | |
| </head> | |
| <body> | |
| <div id="container"> | |
| <div id="header"> | |
| <ul id="top-left"> | |
| <li><a href="/" id="home">Home</a></li> | |
| <li><a href="/archive">Archive</a></li> | |
| <li><a href="/rss">RSS</a></li> | |
| </ul> | |
| <div id="top-right"> | |
| {block:Description}{Description}{/block:Description} | |
| </div> | |
| <h1>{Title}</h1> | |
| </div> | |
| <div id="posts"> | |
| {block:Posts} | |
| <div class="post-container"> | |
| {block:Text} | |
| <div class="post text {TagsAsClasses}"> | |
| {block:Title} | |
| <h2><a href="{Permalink}#{Title}">{Title}</a></h2> | |
| {/block:Title} | |
| {Body} | |
| </div> | |
| {/block:Text} | |
| {block:Photo} | |
| <div class="post photo {TagsAsClasses}"> | |
| <div class="the-image">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</div> | |
| {block:Caption} | |
| <div class="caption"> | |
| {Caption} | |
| </div> | |
| {/block:Caption} | |
| </div> | |
| {/block:Photo} | |
| {block:Quote} | |
| <div class="post quote"> | |
| <h3 class="length">“{Quote}”</h3> | |
| {block:Source} | |
| <div class="source">—{Source}</div> | |
| {/block:Source} | |
| </div> | |
| {/block:Quote} | |
| {block:Link} | |
| <div class="post link {TagsAsClasses}"> | |
| <h2><a href="{URL}" class="link" {Target}>{Name} »</a></h2> | |
| {block:Description} | |
| <div class="description">{Description}</div> | |
| {/block:Description} | |
| </div> | |
| {/block:Link} | |
| {block:Chat} | |
| <div class="post chat {TagsAsClasses}"> | |
| {block:Title} | |
| <h2><a href="{Permalink}#{Title}">{Title}</a></h2> | |
| {/block:Title} | |
| <ul> | |
| {block:Lines} | |
| <li class="{Alt} user_{UserNumber}"> | |
| {block:Label} | |
| <span class="label">{Label}</span> | |
| {/block:Label} | |
| {Line} | |
| </li> | |
| {/block:Lines} | |
| </ul> | |
| </div> | |
| {/block:Chat} | |
| {block:Video} | |
| <div class="post video {TagsAsClasses}"> | |
| {Video-400} | |
| {block:Caption} | |
| <div class="caption">{Caption}</div> | |
| {/block:Caption} | |
| </div> | |
| {/block:Video} | |
| {block:Audio} | |
| <div class="post audio"> | |
| {AudioPlayerGrey} | |
| {block:Caption} | |
| <div class="caption"> | |
| {Caption} | |
| <p>Play count: {FormattedPlayCount}</p> | |
| </div> | |
| {/block:Caption} | |
| </div> | |
| {/block:Audio} | |
| <a href="{Permalink}#{Title}" class="permalink"></a> | |
| <div class="post-meta"> | |
| <ul> | |
| <li class="post-date"><span class="date">{DayOfMonth} {ShortMonth} {ShortYear}</span></li> | |
| <!-- Good place to add "# Comments" link --> | |
| <!-- | |
| <li><a href=""># Comments</a></li> | |
| --> | |
| {block:HasTags} | |
| <li>Tags:</li> | |
| {block:Tags} | |
| <li><span>{Tag}</span></li> | |
| {/block:Tags} | |
| {/block:HasTags} | |
| {block:RebloggedFrom} | |
| <li>Via:</li> | |
| <li><a href="{ReblogParentURL}">{ReblogParentName}</a></li> | |
| {/block:RebloggedFrom} | |
| </ul> | |
| </div> | |
| </div> | |
| {/block:Posts} | |
| </div> | |
| </div> | |
| <div id="bottom"> | |
| <ul> | |
| {block:Pagination} | |
| {block:PreviousPage} | |
| <li><a href="{PreviousPage}" class="prev-link" title="Previous Page">«</a></li> | |
| {/block:PreviousPage} | |
| {block:NextPage} | |
| <li><a href="{NextPage}" class="next-link" title="Next Page">»</a></li> | |
| {/block:NextPage} | |
| {/block:Pagination} | |
| {block:PermalinkPagination} | |
| {block:PreviousPost} | |
| <li><a href="{PreviousPost}" class="prev-link" title="Previous Post">«</a></li> | |
| {/block:PreviousPost} | |
| {block:NextPost} | |
| <li><a href="{NextPost}" class="next-link" title="Next Post">»</a></li> | |
| {/block:NextPost} | |
| {/block:PermalinkPagination} | |
| </ul> | |
| </div> | |
| <div id="footer"> | |
| <p>Powered by <a href="http://tumblr.com/">Tumblr</a> & Lots of <a href="http://en.wikipedia.org/wiki/Coffee">Coffee</a></p> | |
| </div> | |
| <script type="text/javascript"> | |
| //<![CDATA[ | |
| if(typeof sIFR == "function"){ | |
| sIFR.replaceElement(named({sSelector:"body h1", sFlashSrc:"http://hr1v.com/sifr/anziano.swf", sColor:"#ffffff", sLinkColor:"#ffffff", sBgColor:"#000000", sHoverColor:"#cccccc", nPaddingTop:20, nPaddingBottom:20, sFlashVars:"textalign=center&offsetTop=6"})); | |
| sIFR.replaceElement(named({sSelector:"body h3", sFlashSrc:"http://hr1v.com/sifr/jensonpro.swf", sColor:"#ffffff", sLinkColor:"#ffffff", sBgColor:"#000000", sHoverColor:"#cccccc", nPaddingTop:20, nPaddingBottom:20, sFlashVars:"textalign=left&offsetTop=0"})); | |
| }; | |
| //]]> | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment