Created
January 19, 2009 05:03
-
-
Save maraigue/48878 to your computer and use it in GitHub Desktop.
h-hiro.tumblr.com で用いているテーマ
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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
| <head> | |
| <!-- DEFAULT COLORS --> | |
| <meta name="color:Background" content="#fff"/> | |
| <meta name="color:Title" content="#444"/> | |
| <meta name="color:Description" content="#777"/> | |
| <meta name="color:Post Title" content="#6498cc"/> | |
| <meta name="color:Text" content="#444"/> | |
| <meta name="color:Inline Link" content="#6498cc"/> | |
| <meta name="color:Quote" content="#888"/> | |
| <meta name="color:Quote Border" content="#6498cc"/> | |
| <meta name="color:Quote Source" content="#555"/> | |
| <meta name="color:Link Post" content="#c00"/> | |
| <meta name="color:Conversation Background 1" content="#f4f4f4"/> | |
| <meta name="color:Conversation Background 2" content="#e8e8e8"/> | |
| <meta name="color:Conversation Border" content="#bbb"/> | |
| <meta name="color:Conversation Text" content="#444"/> | |
| <meta name="color:Date" content="#ccc"/> | |
| <meta name="color:Date Block" content="#6498cc"/> | |
| <meta name="color:Date Block Text" content="#bbd5f1"/> | |
| <!-- END DEFAULT COLORS --> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
| <title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title> | |
| <link rel="icon" href="{Favicon}"/> | |
| <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> | |
| <meta name="viewport" content="width=800"/> <!-- iPhone --> | |
| <style type="text/css"> | |
| body { | |
| margin: 0px; | |
| background-color: {color:Background}; | |
| font-family: 'Lucida Grande', Helvetica, sans-serif; | |
| } | |
| a { | |
| color: {color:Inline Link}; | |
| } | |
| h1 { | |
| /* width: 600px; */ | |
| /* padding: 0px 100px 20px 100px; */ | |
| /* margin: 50px auto 40px auto; */ | |
| padding: 20px; | |
| margin: 0px auto 40px auto; | |
| border-bottom: solid 1px #ccc; | |
| text-align: center; | |
| font: Bold 44px 'courier new', 'courier', monospace; | |
| letter-spacing: -2px; | |
| line-height: 50px; | |
| position: relative; | |
| background: black; /* added by Maraigue */ | |
| } | |
| h1 a { | |
| color: {color:Title}; | |
| text-decoration: none; | |
| } | |
| h1 img { | |
| border-width: 0px; | |
| position: absolute; | |
| right: 0px; | |
| bottom: 10px; | |
| width: 43px; | |
| height: 23px; | |
| } | |
| h1 img.selficon { | |
| border-width: 0px; | |
| position: relative; | |
| right: 0px; | |
| bottom: 0px; | |
| width: 0px; | |
| height: 0px; | |
| } | |
| div#content { | |
| width: 462px; /* Changed by Maraigue / width: 420px; */ | |
| margin: auto; | |
| position: relative; | |
| } | |
| div#content div#description { | |
| position: absolute; | |
| right: -186px; /* Changed by Maraigue / right: -170px; */ | |
| width: 176px; /* Changed by Maraigue / width: 160px; */ | |
| text-align: right; | |
| } | |
| div#description { | |
| font: Normal 17px Helvetica,sans-serif; | |
| line-height: 20px; | |
| color: {color:Description}; | |
| } | |
| div#description a { | |
| color: {color:Description}; | |
| } | |
| div.post { | |
| position: relative; | |
| margin-bottom: 40px; | |
| padding-right: 20px; | |
| } | |
| div.post div.date { | |
| position: absolute; | |
| left: -260px; | |
| text-align: right; | |
| width: 230px; | |
| white-space: nowrap; | |
| font: Normal 34px Helvetica, sans-serif; | |
| letter-spacing: -2px; | |
| color: {color:Date}; | |
| text-transform: uppercase; | |
| line-height: 35px; | |
| } | |
| div.post div.date div.date_brick { | |
| float: right; | |
| height: 30px; | |
| width: 45px; | |
| background-color: {color:Date Block}; | |
| color: {color:Date Block Text}; | |
| font: Bold 12px Verdana, Sans-Serif; | |
| text-align: center; | |
| line-height: 12px; | |
| margin-left: 10px; | |
| padding-top: 5px; | |
| letter-spacing: 0px; | |
| overflow: hidden; | |
| } | |
| div.post img.permalink { | |
| width: 14px; | |
| height: 13px; | |
| border-width: 0px; | |
| background-color: #000; | |
| display: none; | |
| position: absolute; | |
| right: 0px; | |
| top: 0px; | |
| z-index: 10; | |
| } | |
| div.post:hover img.permalink { | |
| display: inline; | |
| } | |
| div.post h2 { | |
| font-size: 18px; | |
| font-weight: Bold; | |
| color: {color:Post Title}; | |
| letter-spacing: -1px; | |
| margin: 0px 0px 5px 0px; | |
| } | |
| div.post h2 a { | |
| color: {color:Post Title}; | |
| text-decoration: none; | |
| } | |
| div.post div.caption { | |
| font-size: 14px; | |
| font-weight: bold; | |
| color: {color:Text}; | |
| margin-top: 10px; | |
| padding: 0px 20px 0px 20px; | |
| } | |
| div.post div.caption a { | |
| color: {color:Text}; | |
| } | |
| /* Regular Post */ | |
| div.post div.regular { | |
| font-size: 15px; /* font-size: 12px; */ | |
| color: {color:Text}; | |
| line-height: 17px; | |
| } | |
| div.post div.regular blockquote { | |
| font-style: italic; | |
| border-left: solid 2px {color:Text}; | |
| padding-left: 10px; | |
| } | |
| /* Quote Post */ | |
| div.post div.quote div.quote_text { | |
| font-family: Helvetica, sans-serif; | |
| font-weight: bold; | |
| color: {color:Quote}; | |
| border-left: solid 5px {color:Quote Border}; | |
| padding-left: 10px; | |
| } | |
| div.post div.quote div.quote_text span.short { | |
| font-size: 36px; | |
| line-height: 40px; | |
| letter-spacing: -1px; | |
| } | |
| div.post div.quote div.quote_text span.medium { | |
| font-size: 25px; | |
| line-height: 27px; | |
| letter-spacing: -1px; | |
| } | |
| div.post div.quote div.quote_text span.long { | |
| font-size: 16px; | |
| line-height: 20px; | |
| } | |
| div.post div.quote div.quote_text a { | |
| color: {color:Quote}; | |
| } | |
| div.post div.quote div.source { | |
| font-size: 16px; | |
| font-weight: Bold; | |
| color: {color:Quote Source}; | |
| margin-top: 5px; | |
| } | |
| div.post div.quote div.source a { | |
| color: {color:Quote Source}; | |
| } | |
| /* Link Post */ | |
| div.post div.link a.link { | |
| font: Bold 26px Helvetica, sans-serif; /* font: Bold 20px Helvetica, sans-serif; */ | |
| font-weight: bold; /* (newly added) */ | |
| letter-spacing: -1px; | |
| color: {color:Link Post}; | |
| } | |
| div.post div.link span.description { | |
| font-size: 17px; /* font-size: 13px; */ | |
| font-weight: bold; /* font-weight: normal; */ | |
| letter-spacing: -1px; | |
| color: {color:Text}; | |
| } | |
| /* Conversation Post */ | |
| div.post div.conversation ul { | |
| list-style-type: none; | |
| margin: 0px; | |
| padding: 0px 0px 0px 1px; | |
| border-left: solid 5px {color:Conversation Border}; | |
| } | |
| div.post div.conversation ul li { | |
| font-size: 12px; | |
| padding: 4px 10px 4px 8px; | |
| color: {color:Conversation Text}; | |
| margin-bottom: 1px; | |
| } | |
| div.post div.conversation ul li span.label { | |
| font-weight: bold; | |
| } | |
| div.post div.conversation ul li span.user_1 { color: #a00; } | |
| div.post div.conversation ul li span.user_2 { color: #00a; } | |
| div.post div.conversation ul li span.user_3 { color: #0a0; } | |
| div.post div.conversation ul li span.user_4 { color: #aa0; } | |
| div.post div.conversation ul li span.user_5 { color: #a0a; } | |
| div.post div.conversation ul li span.user_6 { color: #0aa; } | |
| div.post div.conversation ul li.odd { | |
| background-color: {color:Conversation Background 1}; | |
| } | |
| div.post div.conversation ul li.even { | |
| background-color: {color:Conversation Background 2}; | |
| } | |
| /* Video Post */ | |
| div.post div.video { | |
| width: 400px; | |
| margin: auto; | |
| } | |
| /* Footer */ | |
| div#footer { | |
| margin: 40px 0px 30px 0px; | |
| text-align: center; | |
| font-size: 15px; | |
| font-weight: bold; | |
| color: {color:Text}; | |
| } | |
| div#footer a { | |
| text-decoration: none; | |
| color: {color:Text}; | |
| } | |
| div#footer a:hover { | |
| text-decoration: underline; | |
| } | |
| div#footer div#credit { | |
| font: Normal 13px Georgia, serif; | |
| font-size: 13px; | |
| margin-top: 15px; | |
| } | |
| <!-- [Added by Maraigue] --> | |
| img.friends_icon { | |
| border:none; | |
| width:24px; | |
| height:24px; | |
| } | |
| body { | |
| width: auto; | |
| margin: auto; | |
| } | |
| a.followinglink{ | |
| display:block; | |
| /* padding:0px 3px; */ | |
| white-space:nowrap; | |
| /* width:4em; */ | |
| /* overflow:hidden; */ | |
| } | |
| <!-- /[Added by Maraigue] --> | |
| {CustomCSS} | |
| </style> | |
| </head> | |
| <body> | |
| <h1> | |
| <img class="selficon" src="{PortraitURL-40}" alt="[icon]" style="width:40px;height:40px" /> | |
| <a href="/">{Title}</a> | |
| <a href="/rss"><img src="/themes/5/rss.gif" id="rss" alt="RSS"/></a> | |
| </h1> | |
| <div id="content"> | |
| <div id="description" class="navigation"> | |
| <div style="text-align:left"><!-- [Added by Maraigue] source: <div> --> | |
| {Description} | |
| <p><a href="/archive">Archive</a> <a href="/dashboard">Dashboard</a></p> <!-- Added "Dashboard" --> | |
| <!-- [Added by Maraigue] --> | |
| <form action="/search" method="get"><p> | |
| <span style="font-size:small">検索（日本語は無理っぽい）</span><br /> | |
| <input type="text" name="q" value=""/> | |
| <input type="submit" value="Search"/> | |
| </p></form> | |
| {block:Following} | |
| <h2>Following</h2> | |
| {block:Followed} | |
| <div class="navigation" style="float:left"><a class="followinglink" href="{FollowedURL}" title="{FollowedTitle}" target="_blank"><img class="friends_icon" src="{FollowedPortraitURL-24}" /></a></div> | |
| {/block:Followed} | |
| {/block:Following} | |
| <!-- /[Added by Maraigue] --> | |
| </div> | |
| </div> | |
| {block:Posts} | |
| <div class="post"> | |
| {block:NewDayDate} | |
| <div class="date"> | |
| <div class="date_brick"> | |
| {ShortMonth}<br/> | |
| {DayOfMonth}{DayOfMonthSuffix} | |
| </div> | |
| {ShortDayOfWeek} | |
| </div> | |
| {/block:NewDayDate} | |
| <a href="{Permalink}"><img src="/themes/5/permalink.gif" | |
| class="permalink" alt="permalink"/></a> | |
| {block:Regular} | |
| <div class="regular"> | |
| {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title} | |
| {Body} | |
| <!-- [Added by Maraigue] --> | |
| <p style="font-size:smaller"> ― | |
| {block:RebloggedFrom} | |
| [from: <a href="{ReblogParentURL}">{ReblogParentName}</a>; first: <a href="{ReblogRootURL}">{ReblogRootName}</a>] | |
| {/block:RebloggedFrom} | |
| [<a href="http://www.tumblr.com/dashboard/notes/{PostID}/YGnfLzfAM" target="_blank">All reblogs</a>]</p> | |
| <!-- [/Added by Maraigue] --> | |
| </div> | |
| {/block:Regular} | |
| {block:Photo} | |
| <div class="photo"> | |
| {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
| {block:Caption} | |
| <div class="caption">{Caption}</div> | |
| {/block:Caption} | |
| <!-- [Added by Maraigue] --> | |
| <p style="font-size:smaller"> ― | |
| {block:RebloggedFrom} | |
| [from: <a href="{ReblogParentURL}">{ReblogParentName}</a>; first: <a href="{ReblogRootURL}">{ReblogRootName}</a>] | |
| {/block:RebloggedFrom} | |
| [<a href="http://www.tumblr.com/dashboard/notes/{PostID}/YGnfLzfAM" target="_blank">All reblogs</a>]</p> | |
| <!-- [/Added by Maraigue] --> | |
| </div> | |
| {/block:Photo} | |
| {block:Quote} | |
| <div class="quote"> | |
| <div class="quote_text"><span class="{Length}">{Quote}</span></div> | |
| {block:Source} | |
| <div class="source">— {Source}</div> | |
| {/block:Source} | |
| <!-- [Added by Maraigue] --> | |
| <p style="font-size:smaller"> ― | |
| {block:RebloggedFrom} | |
| [from: <a href="{ReblogParentURL}">{ReblogParentName}</a>; first: <a href="{ReblogRootURL}">{ReblogRootName}</a>] | |
| {/block:RebloggedFrom} | |
| [<a href="http://www.tumblr.com/dashboard/notes/{PostID}/YGnfLzfAM" target="_blank">All reblogs</a>]</p> | |
| <!-- [/Added by Maraigue] --> | |
| </div> | |
| {/block:Quote} | |
| {block:Link} | |
| <div class="link"> | |
| <p><a href="{URL}" class="link" {Target}>{Name}</a></p> | |
| {block:Description} | |
| <p><span class="description">{Description}</span></p> | |
| {/block:Description} | |
| <!-- [Added by Maraigue] --> | |
| <p style="font-size:smaller"> ― | |
| {block:RebloggedFrom} | |
| [from: <a href="{ReblogParentURL}">{ReblogParentName}</a>; first: <a href="{ReblogRootURL}">{ReblogRootName}</a>] | |
| {/block:RebloggedFrom} | |
| [<a href="http://www.tumblr.com/dashboard/notes/{PostID}/YGnfLzfAM" target="_blank">All reblogs</a>]</p> | |
| <!-- [/Added by Maraigue] --> | |
| </div> | |
| {/block:Link} | |
| {block:Conversation} | |
| <div class="conversation"> | |
| {block:Title} | |
| <h2><a href="{Permalink}">{Title}</a></h2> | |
| {/block:Title} | |
| <ul> | |
| {block:Lines} | |
| <li class="{Alt}"> | |
| {block:Label} | |
| <span class="label user_{UserNumber}">{Label}</span> | |
| {/block:Label} | |
| {Line} | |
| </li> | |
| {/block:Lines} | |
| </ul> | |
| <!-- [Added by Maraigue] --> | |
| <p style="font-size:smaller"> ― | |
| {block:RebloggedFrom} | |
| [from: <a href="{ReblogParentURL}">{ReblogParentName}</a>; first: <a href="{ReblogRootURL}">{ReblogRootName}</a>] | |
| {/block:RebloggedFrom} | |
| [<a href="http://www.tumblr.com/dashboard/notes/{PostID}/YGnfLzfAM" target="_blank">All reblogs</a>]</p> | |
| <!-- [/Added by Maraigue] --> | |
| </div> | |
| {/block:Conversation} | |
| {block:Audio} | |
| <div class="audio"> | |
| {AudioPlayerBlack} | |
| {block:Caption} | |
| <div class="caption">{Caption}</div> | |
| {/block:Caption} | |
| <!-- [Added by Maraigue] --> | |
| <p style="font-size:smaller"> ― | |
| {block:RebloggedFrom} | |
| [from: <a href="{ReblogParentURL}">{ReblogParentName}</a>; first: <a href="{ReblogRootURL}">{ReblogRootName}</a>] | |
| {/block:RebloggedFrom} | |
| [<a href="http://www.tumblr.com/dashboard/notes/{PostID}/YGnfLzfAM" target="_blank">All reblogs</a>]</p> | |
| <!-- [/Added by Maraigue] --> | |
| </div> | |
| {/block:Audio} | |
| {block:Video} | |
| <div class="video"> | |
| {Video-400} | |
| {block:Caption} | |
| <div class="caption">{Caption}</div> | |
| {/block:Caption} | |
| <!-- [Added by Maraigue] --> | |
| <p style="font-size:smaller"> ― | |
| {block:RebloggedFrom} | |
| [from: <a href="{ReblogParentURL}">{ReblogParentName}</a>; first: <a href="{ReblogRootURL}">{ReblogRootName}</a>] | |
| {/block:RebloggedFrom} | |
| [<a href="http://www.tumblr.com/dashboard/notes/{PostID}/YGnfLzfAM" target="_blank">All reblogs</a>]</p> | |
| <!-- [/Added by Maraigue] --> | |
| </div> | |
| {/block:Video} | |
| </div> | |
| {/block:Posts} | |
| <div id="footer"> | |
| {block:PreviousPage} | |
| <a href="{PreviousPage}">« Previous</a> | |
| {/block:PreviousPage} | |
| {block:NextPage} | |
| <a href="{NextPage}">Next »</a> | |
| {/block:NextPage} | |
| <div id="credit"> | |
| Powered by <a href="http://www.tumblr.com/" | |
| target="_blank">Tumblr</a> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment