Customize | 2Blog

<!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>
        
        <meta name="color:Background" content="#666"/>
        <meta name="color:Content Background" content="#fff"/>
        <meta name="color:Header Background" content="#4AADF0"/>
        <meta name="color:Title" content="#fff"/>
        <meta name="color:Description" content="#094E7C"/>
        <meta name="color:Date" content="#666"/>
        <meta name="color:Permalinks" content="#4AADF0"/>
        <meta name="color:Post Title" content="#222"/>    
        <meta name="color:Text" content="#222"/>
        <meta name="color:Inline Link" content="#ff9900"/>
        <meta name="color:Quote" content="#333"/>
        <meta name="color:Quote Source" content="#666"/>
        <meta name="color:Link Post" content="#ff9900"/>
        <meta name="color:Conversation Background 1" content="#f4f4f4"/>
        <meta name="color:Conversation Background 2" content="#e8e8e8"/>
        <meta name="color:Conversation Border" content="#ccc"/>
        <meta name="color:Conversation Text" content="#000"/>
        <meta name="color:Photo Background" content="#ccc"/>   
        <meta name="color:Video Background" content="#eee"/>

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

h1 {
                padding:          0px;
                margin:           0px;
                font:             Normal 30px Helvetica, sans-serif;
                line-height:      33px;
                letter-spacing:   -1px;
            }
            
            h1 a {
                color:            {color:Title};
                text-decoration:  none;
            }

div#header {
                background-color: {color:Header Background};
                margin:           -20px -20px 30px -20px;
                padding:          20px 30px 10px 30px;
            }

div#description {
                font-size:        15px;
                margin-top:       10px;
                color:            {color:Description};
            }
            
            div#description a {
                color:            {color:Description};
            }

div#search {
								text-align:				right;
								margin:						10px 0 0;
						}
            
            .date {
                font:             Normal 16px Helvetica, sans-serif;
                color:            {color:Date};
                line-height:      32px;
                height:           28px;
                padding-top:      7px;
                background:       {color:Content Background} url('/themes/3/stripes.gif') top repeat-x;
                border-bottom:    dotted 1px #bbb;
                margin-bottom:    10px;
                text-transform:   uppercase;
            }
            
            .post {
                margin-bottom:    40px;
                position:         relative;
            }

.post h2 {
                font-weight:      Normal;
                font-size:        20px;
                color:            {color:Post Title};
                margin:           0px 0px 10px 0px;
            }

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

.post .regular blockquote {
                font-style:       italic;
            }
            
            /* Photo Post */
            .post .photo {
                padding:          18px;
                background-color: {color:Photo Background};
            }
            
            .post .photo img {
                border:           solid 17px {color:Content Background};
            }

.post .photo .caption {
                font-size:        13px;
                margin-top:       17px;
            }
            
            .post .photo .caption a {
                color:            {color:Text};
            }
            
            /* Quote Post */
            .post div.quote {
                padding: 0px 30px 0px 30px;
            }
            
            .post div.quote span.quote {
                font-size:        28px;
                letter-spacing:   -1px;
                color:            {color:Quote};
            }

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

.post div.quote span.quote big.quote {
                font-weight:      bold;
                font-size:        60px;
                line-height:      0px;
                vertical-align:   -28px;
                opacity:          0.5;
                -moz-opacity:     0.5;
                filter:           alpha(opacity=50);
            }
            
            .post div.quote .source {
                font-size:        16px;
                color:            {color:Quote Source};
            }

.post div.quote .source a {
                color:            {color:Quote Source};
            }
            
            /* Link Post */
            .post .link a.link {
                font:             Bold 30px Helvetica, sans-serif;
                letter-spacing:   -1px;
                color:            {color:Link Post};
                text-decoration:  none;
                border-bottom:    dotted 1px {color:Link Post};
                line-height:      36px;
            }

.post .link .description {
                font-weight:      normal;
                font-size:        14px;
                margin-top:       5px;
            }
            
            /* Conversation Post */
            .post .conversation ul {
                list-style-type:  none;
                margin:           0px 0px 5px 0px;
                padding:          1px;
                border:           solid 5px {color:Conversation Border};
            }
            
            .post .conversation ul li {
                font-size:        12px;
                padding:          4px 0px 4px 8px;
                color:            {color:Conversation Text};
            }
            
            .post .conversation ul li span.label {
                font-weight:      bold;
            }
            
            .post .conversation ul li.odd {
                background-color: {color:Conversation Background 1};
            }
            
            .post .conversation ul li.even {
                background-color: {color:Conversation Background 2};
            }
            
            /* Audio Post */

.post .audio .caption {
                margin-top:       5px;
                font-size:        11px;
                color:            {color:Text};
            }
            
            .post .audio .caption a {
                color:            {color:Text};
            }
            
            /* Video Post */
            .post .video {
                width:            500px;
                margin:           auto;
                padding:          35px;
                background-color: {color:Video Background};
            }

.post .video .caption {
                margin-top:       15px;
                font-size:        13px;
                color:            {color:Text};
            }
            
            .post .video .caption a {
                color:            {color:Text};
            }

/* Footer */
            #footer {
                margin:           20px 0px 0px 0px;
                text-align:       center;
                font-size:        18px;
            }
            
            #footer a {
                text-decoration:  none;
                color:            {color:Text};
            }
            
            #footer a:hover {
                text-decoration:  underline;
            }

#footer p.tiny {
                margin:           30px 0px 0px 0px;
                font-size:        11px;
            }
            
            #footer p.tiny a {
                text-decoration:  underline;
                color:            {color:Text};
                font-weight:      bold;
            }
            
            #footer p.tiny .dim {
                filter:           alpha(opacity=50); 
                -moz-opacity:     0.5; 
                opacity:          0.5;
            }
            
            /* Permalinks */
            .post a.permalink,
            .post .audio .caption a.permalink,
            .post .quote .source a.permalink {
                font-size:        10px;
                font-weight:      bold;
                color:            {color:Permalinks};
            }

.searchresultcount {
								text-align: 			center;
						}
						
						.query {
								font-weight:			bold;
						}
            
            {CustomCSS}
        </style>
    </head>
    <body>
        <div id="content">
            <div id="header">
                <h1><a href="/">{Title}</a></h1>
                
                {block:Description}
                    <div id="description">
                        {Description}
                    </div>
                {/block:Description}

<div id="search">
									<form action="/search" method="get">
									    <input type="text" name="q" value="{SearchQuery}"/>
									    <input type="submit" value="Search"/>
									</form>
								</div>
            </div>
            
						{block:SearchPage}
							<div class="searchresultcount">
								<p>Your search for <span class="query">{SearchQuery}</span> returned {SearchResultCount} result(s)</p>
							</div>
						{/block:SearchPage}

{block:Posts}
                {block:NewDayDate}
                    <div class="date">
                        {Month} {DayOfMonth}, {Year}
                    </div>
                {/block:NewDayDate}
            
                <div class="post">
                    {block:Regular}
                        <div class="regular">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            {Body}
                            <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                        </div>
                    {/block:Regular}
                    
                    {block:Photo}
                        <div class="photo">
                            {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Photo}
                    
                    {block:Quote}
                        <div class="quote">
                            <span class="quote">
                                <big class="quote">&#147;</big> {Quote}
                            </span>
                            <div class="source">
                                {Source}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Quote}
                    
                    {block:Link}
                        <div class="link">
                            <a href="{URL}" class="link" {Target}>{Name}</a>
                            <div class="description">
                                {Description}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </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">{Label}</span>{/block:Label}
                                        {Line}
                                    </li>
                                {/block:Lines}
                            </ul>
                            <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                        </div>
                    {/block:Conversation}
                    
                    {block:Audio}
                        <div class="audio">
                            {AudioPlayerBlack}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Audio}
                    
                    {block:Video}
                        <div class="video">
                            {Video-500}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Video}
                </div>
            {/block:Posts}

<div id="footer">
                {block:PreviousPage}
                    <a href="{PreviousPage}">&#8592; Previous</a> &nbsp;&nbsp;
                {/block:PreviousPage}
                
                {block:NextPage}
                    <a href="{NextPage}">Next &#8594;</a>
                {/block:NextPage}

<p class="tiny">
                    Browse the <a href="/archive">Archive</a>
                    &nbsp;<span class="dim">/</span>&nbsp;
                    Subscribe via <a href="/rss">RSS</a>
                    &nbsp;<span class="dim">/</span>&nbsp;
                    Powered by <a href="http://tumblr.com/">Tumblr</a>
                </p>
            </div>
        </div>
    </body>
</html>