otsune's SnakeOil RSSフィード

python -c "print''.join([chr(x) for x in 111&1101,110+~-~11,10^11*11,110+~-~11,-~101,-~11^11*11,~-110,111&11*11,11+11+10,11|~-0110,1-~11^11*11,10^11*11,-~11^11*11,110,101])"

2008-06-09

現時点のtumblr themeソース

現時点のtumblr themeソース - otsune's SnakeOil  を含むブックマーク はてなブックマーク - 現時点のtumblr themeソース - otsune's SnakeOil  現時点のtumblr themeソース - otsune's SnakeOil  のブックマークコメント

主にmicroformats hAtom化

<!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="ja" lang="ja">
    <head>
<meta name="verify-v1" content="***" />
        <!-- DEFAULT COLORS -->
        <meta name="color:Background" content="#9b9"/>
        <meta name="color:Content Background" content="#9b9"/>
        <meta name="color:Title" content="#444"/>
        <meta name="color:Description" content="#666"/>
        <meta name="color:Post Title" content="#c00"/>    
        <meta name="color:Text" content="#444"/>
        <meta name="color:Inline Link" content="#c00"/>
        <meta name="color:Quote" content="#666"/>
        <meta name="color:Quote Source" content="#444"/>
        <meta name="color:Link Post" content="#c00"/>
        <meta name="color:Conversation Background" content="#9b9"/>
        <meta name="color:Conversation Border" content="#ddd"/>
        <meta name="color:Conversation Text" content="#444"/>
        <meta name="color:Conversation Label" content="#111"/>
        <meta name="color:Photo Border" content="#eee"/>   
        <meta name="color:Date" content="#fff"/>
        <meta name="color:Date Background" content="#ccc"/>
        <!-- END DEFAULT COLORS -->

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
        <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
        <style type="text/css">
            body {
                margin:           0px;
                background-color: {color:Background};
background: #9a9 url(http://www.otsune.com/diary/img/bg.gif);
background-repeat: repeat-y;
                font-family: AquaKana, meiryo, 'Lucida Grande', Helvetica, sans-serif;
            }
            address.author {
                display:         none;
            }
            #content {
                width:            420px;
                margin:           auto;
                padding:          15px;
                background-color: {color:Content Background};
                position:         relative;
            }

            a {
                color:            {color:Inline Link};
            }

            h1 {
                padding:          30px 0px 50px 0px;
                margin:           0px;
                text-align:       center;
                font:             Bold 55px AquaKana-bold,'Arial Black', Tahoma, Helvetica, sans-serif;
                letter-spacing:   -2px;
                line-height:      50px;
            }
            
            h1 a {
                color:            {color:Title};
                text-decoration:  none;
            }

            div#description {
                position:         relative;
            }

            div#description div {
                position:         absolute;
                left:             450px;
                font:             Normal 16px AquaKana,Helvetica,sans-serif;
                line-height:      20px;
                width:            150px;
                color:            {color:Description};
            }

            div#description div a {
                color:            {color:Description};
            }
            
            div.post {
                position:         relative;
                margin-bottom:    40px;
            }

            div.post div.labels {
                position:         absolute;
                right:            435px;
                text-align:       right;
                width:            150px;
            }

            div.post div.date {
                background-color: {color:Date Background};
/*                white-space:      nowrap;
*/
                font:             Normal 10px Helvetica, sans-serif;
                letter-spacing:   -1px;
                color:            {color:Date};
                display:          inline;
                padding:          3px 5px 0px 5px;
                line-height:      20px;
            }

            div.post div.date a {
                color:            {color:Date};
                text-decoration:  none;
            }

            div.post h2 {
                font-size:        16px;
                font-weight:      Bold;
                color:            {color:Post Title};
                letter-spacing:   -1px;
                margin:           0px 0px 10px 0px;
            }

            div.post h2 a {
                color:            {color:Post Title};
                text-decoration:  none;
            }
            
            /* Text Post */
            div.post div.text {
                font-size:        12px;
                color:            {color:Text};
                line-height:      17px;
            }

            div.post div.text blockquote {
                font-style: italic;
                margin: 5;
            }
            
            /* Photo Post */
            div.post div.photo img {
                border:           solid 5px {color:Photo Border};
            }

            div.post div.photo div.caption {
                font-size:        10px;
                color:            {color:Text};
                margin-top:       5px;
            }
            
            div.post div.photo div.caption a {
                color:            {color:Text};
            }
            
            /* Quote Post */
            div.post div.quote span.quote {
                font:             Bold 16px Helvetica, sans-serif;
                letter-spacing:   -1px;
                color:            {color:Quote};
            }

            div.post div.quote span.quote a {
                color:            {color:Quote};
            }

            div.post div.quote span.quote big.quote {
                font:             Bold 22px Georgia, serif;
                line-height:      8px;
                vertical-align:   -5px;
            }
            
            div.post div.quote span.source {
                font-size:        12px;
                font-weight:      Bold;
                color:            {color:Quote Source};
                letter-spacing:   -1px;
            }

.post blockquote {
margin-left: 0 !important;
padding-left: 10px !important;
border-left: 4px solid #b4d0ec !important;
}

            div.post div.quote span.source a {
                color:            {color:Quote Source};
            }
            
            /* Link Post */
            div.post div.link a.link {
                font:             Bold 18px AquaKana, meiryo, Helvetica, sans-serif;
                letter-spacing:   -1px;
                color:            {color:Link Post};
            }
            
            div.post div.link span.description {
                font-size: 12px;
                font-weight: normal;
                letter-spacing: -1px;
            }

            /* Conversation Post */
            div.post div.conversation ul {
                background-color: {color:Conversation Background};
                list-style-type:  none;
                margin:           0px;
                padding:          0px;
                border-left:      solid 5px {color:Conversation Border};
            }
            
            div.post div.conversation ul li {
                border-bottom:    solid 1px {color:Conversation Border};
                font-size:        12px;
                padding:          4px 0px 4px 8px;
                color:            {color:Conversation Text};
            }
            
            div.post div.conversation ul li span.label {
                font-weight:      bold;
                color:            {color:Conversation Label};
            }
            
            /* Video Post */
            div.post div.video div.audio {
                width:            400px;
                margin:           auto;
            }

            div.post div.video div.audio div.caption {
                font-size:        10px;
                color:            {color:Text};
                margin-top:       5px;
            }
            
            div.post div.video div.audio div.caption a {
                color:            {color:Text};
            }

            /* Footer */
            #footer {
                margin:           40px 0px 30px 0px;
                text-align:       center;
                font-size:        12px;
            }
            
            #footer a {
                text-decoration:  none;
                color:            {color:Text};
            }
            
            #footer a:hover {
                text-decoration:  underline;
            }
{CustomCSS}
        </style>

        <!--[if lt IE 7]>
            <style type="text/css">
                div.post div.labels {
                    right: 450px;
                }
            </style>
        <![endif]-->
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '****';
Hatena.Star.EntryLoader.headerTagAndClassName = [['div','date'], ['div','link']];
/*
Hatena.Star.SiteConfig = {
    entryNodes: {
        'div.hentry': [
            {
                uri: 'div.labels div.date a.permalink',
                title: '.entry-title',
                container: 'div.labels'
            },
            {
                uri: 'div.link a.entry-title',
                title: 'div.link a.entry-title',
                container: 'div.link a.entry-title'
            }
        ]
    }
};
*/
</script>
    </head>
    <body>
        <div id="content" class="hfeed">
            <h1><a href="/">{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</a></h1>
            
            {block:Description}
                <div id="description">
                    <div>{Description}</div>
                </div>
            {/block:Description}
        {block:DayPage}
            <h3>{Month} {DayOfMonth}, {Year}</h3>
        {/block:DayPage}
            {block:Posts}
                <div class="post hentry">
                    <div class="labels">

                        {block:NewDayDate}
                        <div class="date newdaydate">
                            <a class="permalink" rel="bookmark" href="{Permalink}">
                                <abbr class="published" title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24HourWithZero}:{Minutes}:{Seconds}Z">{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24HourWithZero}:{Minutes}:{Seconds}Z</abbr>
                            </a>
                            <a href="http://b.hatena.ne.jp/entry/{Permalink}" rel="nofollow" {Target}>
                                <img src="http://b.hatena.ne.jp/entry/image/{Permalink}" style="border: none;" />
                            </a>
                        </div>
                        {/block:NewDayDate}
                    
                        {block:SameDayDate}
                        <div class="date somedaydate">
                            <a class="permalink" rel="bookmark" href="{Permalink}">
                                <abbr class="published" title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24HourWithZero}:{Minutes}:{Seconds}Z">{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24HourWithZero}:{Minutes}:{Seconds}Z</abbr>
                            </a>
                            <a href="http://b.hatena.ne.jp/entry/{Permalink}" rel="nofollow" {Target}>
                                <img src="http://b.hatena.ne.jp/entry/image/{Permalink}" style="border: none;" />
                            </a>
                        </div>
                        {/block:SameDayDate}
                    </div>

                    {block:Text}
                    <div class="post text {TagsAsClasses}">
                        {block:Title}<h2 class="entry-title"><a rel="bookmark" href="{Permalink}">{Title}</a></h2>{/block:Title}
                        <span class="entry-content">{Body}</span>
                    </div>
                    {/block:Text}
                    
                    {block:Photo}
                    <div class="post photo {TagsAsClasses}">
                        <span class="entry-content">
                        <img src="{PhotoURL-400}" alt="{PhotoAlt}"/><br />
                        {block:Caption}
                        <div class="caption entry-title">{Caption}</div>
                       {/block:Caption}
                        </span>
                    </div>
                    {/block:Photo}

                    {block:Quote}
                    <div class="post quote {TagsAsClasses}">
                        <span class="quote entry-content">
                            <big class="quote">&#147;</big>{Quote}<big class="quote">&#148;</big>
                        </span>
                        {block:Source}<span class="source entry-title">{Source}</span>{/block:Source}
                    </div>
                    {/block:Quote}
                    
                    {block:Link}
                    <div class="post link {TagsAsClasses}">
                        <a href="{URL}" class="link entry-title" {Target}>{Name}</a>
                        <a href="http://b.hatena.ne.jp/entry/{URL}" rel="nofollow" {Target}>
                            <img src="http://b.hatena.ne.jp/entry/image/{URL}" style="border: none;" />
                        </a>
                        {block:Description}
                        <span class="description entry-content">{Description}</span>
                        {/block:Description}
                    </div>
                    {/block:Link}

                    {block:Conversation}
                    <div class="post conversation">
                            {block:Title}<h2><a class="entry-title" href="{Permalink}">{Title}</a></h2>{/block:Title}
                            <span class="entry-content">
                            <ul>
                                {block:Lines}
                                    <li>
                                        {block:Label}<span class="label">{Label}</span>{/block:Label}
                                        {Line}
                                    </li>
                                {/block:Lines}
                            </ul>
                            </span>
                        </div>
                    {/block:Conversation}

                    {block:Audio} 
                    <div class="post audio {TagsAsClasses}">
                        <span class="entry-content">
                            {AudioPlayer}
                            {block:Caption}
                            <div class="caption entry-title">{Caption}</div>
                            {/block:Caption}
                        </span>
                    </div>
                    {/block:Audio} 

                    {block:Video}
                    <div class="post video {TagsAsClasses}">
                        <span class="entry-content">
                            {Video-400}
                            {block:Caption}
                            <div class="caption entry-title">{Caption}</div>
                            {/block:Caption}
                        </span>
                    </div>
                    {/block:Video}
                    <address class="vcard author">
                        <a class="url fn" href="http://www.otsune.com/">otsune</a>
                    </address>
                </div>
            {/block:Posts}

                {block:HasTags}
                    <ul class="tags">
                        {block:Tags}
                            <li>
                                <a href="{TagURL}">{Tag}</a>
                            </li>
                        {/block:Tags}
                    </ul>
                {/block:HasTags}

        {block:TagPage}
            <h3>Posts tagged "{Tag}"</h3>
        {/block:TagPage}

            <div id="footer">
            {block:Pagination}
                {block:PreviousPage}
                    <a href="{PreviousPage}" rel="prev">&#171; Previous</a> &nbsp;&nbsp;
                {/block:PreviousPage}

                {block:NextPage}
                    <a href="{NextPage}" rel="next">Next &#187;</a>
                {/block:NextPage}
            {/block:Pagination}

            {block:DayPagination}
                {block:PreviousDayPage}
                    <a href="{PreviousDayPage}" rel="prev">
                        &#171; {ShortMonth} {DayOfMonth}
                    </a>
                {/block:PreviousDayPage}

                {block:NextDayPage}
                    <a href="{NextDayPage}" rel="next">
                        {ShortMonth} {DayOfMonth} &#187;
                    </a>
                {/block:NextDayPage}
            {/block:DayPagination}

            </div>
<!--<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>-->
        </div>
    </body>
</html>
トラックバック - http://subtech.g.hatena.ne.jp/otsune/20080609