Free Tumblr Themes
Welcome to Free Tumblr Themes

Free Tumblr Themes

Icy Blue

Here is my first theme post:

Icy Blue

Preview Pic:

And Code:

<!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 http-equiv=”Content-Type” content=”text/html; charset=utf-8”/>
        <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
        <link rel=”icon” href=”{Favicon}”/>
        <link rel=”alternate” type=”application/rss+xml” title=”RSS” href=”{RSS}”/>
        <meta name=”viewport” content=”width=775”/> <!— iPhone —>

        <style type=”text/css”>
            body {
               {margin: 0; padding: 0; font-family: arial,sans; font-size: 13px;}

body     {background: #fff url(‘http://heartxo.co.cc/tumblr/images/icebg.gif’) top left;}

a      {text-decoration: none;}
a:hover     {text-decoration: underline;}

img     {border: none;}

#wrapper    {margin: 20px auto; width: 900px; padding: 30px; background: #fff; border: 5px solid #deedec;}

/* —— Header part */

#topmenu    {margin: -30px 0 20px 0; border-bottom: 1px dotted #ccc;}

#topmenu  .descri {color: #666; padding: 6px 0 0 5px; }

#topmenu ul   {list-style: none; float: right;}
#topmenu ul li   {display: inline;}

#topmenu a    {display: block; float: left; padding: 6px 10px; color: #AAA; border-right: 1px solid #fff; font-weight: bold; font-size: 11px;}
#topmenu a:hover  {background: #deedec; color: #000; text-decoration: underline;}
#topmenu a.feed   {background: #f57100; color: #fff;}
#topmenu a.feed :hover{background: #f57100; color: #fff; text-decoration: underline;}

/* —— */

#header     {margin: 0 0 20px 0;}

#header h1   {background: #deedec; padding: 5px 10px;}

#header h1,
#header h1 a   {color: #327eb0; letter-spacing: -1px; text-decoration: none; font-size: 30px;}

#searchform   {float: right; margin: 10px 10px 0 0;}

#s     {padding: 3px; border: 2px solid #ccc; width: 300px; color: #333;}
#s:hover   {border: 2px solid #999;}

/* —— Content */

#content    {width: 515px; padding-right: 30px; border-right: 5px solid #deedec; line-height: 180%; font-size: 14px; color: #222;}

#content ul  {margin: 10px 0 10px 10px; list-style: none;}
#content ul li  {background: url(‘images/bullet.gif’) 0 5px no-repeat; margin: 5px 0; padding-left: 15px; font-size: 14px; }

#content ol  {margin: 10px 0 10px 10px; list-style: decimal inside;}
#content ol li  {margin: 5px 0; font-size: 14px; }

#content p  {margin: 10px 0; font-size: 14px;}

#content a  {color: #327eb0; font-weight: bold;}
#content a:hover {color: #40a2e3;}

#content blockquote {border-left: 1px solid #327eb0; padding: 10px; font-style: italic; background: #ddd;}

#content .indicator  {float: left; margin-left: -30px; font-size: 30px; color: #999;}

#content h1,
#content h2     {background: #deedec; margin-left: -30px; padding: 5px 0 5px 30px;}

#content h1,
#content h2,
#content h1 a,
#content h2 a     {color: #000; letter-spacing: -1px; text-decoration: none;}

#content h1,
#content h1 a     {font-size: 20px; }

#content h1 .numbercomments a {font-size: 13px; color: #999;}

#content h2,
#content h2 a     {font-size: 17px; margin-bottom: 10px;}

#content h1 a:hover,
#content h2 a:hover   {color: #000; text-decoration:underline;}

#content h2     {margin-top: 10px; }

#content h3     {font-size: 14px; margin-top: 10px; color: #666; }

#content .metadata   {color: #666; margin: 5px 0 30px 0; padding: 5px; border-bottom: 1px dotted #ccc;}
#content .metadata_bottom {color: #666; padding: 5px; }

#content .entry  {margin-bottom: 50px; }

/* —— Comments listing  */

#content .comments-template    {margin-top: 50px;}
#content .commentlist     {list-style: none; margin: 10px 0 0 0;}
#content .commentmetadata    {padding: 5px 10px; background: #deedec; margin: 5px 0 5px -30px; }
#content .commentmetadata img   {float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; position: relative;}

#content .commentmetadata_author  {padding: 5px 10px; background: #deedec; margin: 5px 0 5px -30px; border-right: 3px solid #f57100;}
#content .commentmetadata_author img {float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; position: relative;}

#content .commentnumber    {color: #fafcf8; font-size: 30px; font-weight: bold; float: right; font-style: italic;}

/* —— Sidebar */

#sidebar    {width: 300px; float: right; line-height: 180%; color: #333;}

#sidebar .leftbar {width: 150px;}
#sidebar .rightbar {float: right; width: 150px;}

#sidebar a   {color: #333; }
#sidebar a img  {padding: 20px; border: none; }

#sidebar h4,
#sidebar h5   {color: #327eb0; letter-spacing: -1px; margin: 25px 0 5px 0;}

#sidebar h4   {font-size: 14px;}

#sidebar h5   {font-size: 13px;}

#sidebar ul   {margin: 10px 0 10px 5px; list-style: none;}
#sidebar ul li   {background: url(‘images/bullet_pale.gif’) 0 5px no-repeat; padding-left: 15px;}
#sidebar ul.new li  {background: url(‘images/bullet_new.gif’) 0 5px no-repeat; padding-left: 15px;}

#sidebar ol   {margin: 10px 0 10px 5px; list-style: decimal inside;}

/* —— subfooter */

#subfooter   {color: #ccc; background: #deedec; padding: 5px 10px; margin: 30px 0 20px 0;}

#subfooter a   {color: #327eb0; font-weight: bold;}
#subfooter a:hover {color: #40a2e3;}

/* —— Footer */

#footer     {border-top: 1px dotted #ccc; color: #666; padding: 5px 5px 10px 5px; margin-bottom: -30px;}

#footer a   {color: #333; text-decoration: underline;}
#footer a:hover  {text-decoration: none;}

#footer a.authorlink   {color: #666; text-decoration: none;}
#footer a.authorlink:hover  {text-decoration: underline;}

            </style>
      
    </head>
    <body>

<a name=”topofpage”></a>

<div id=”wrapper”>

 <div id=”topmenu”>
 
  
  
  <div class=”descri”>Free Tumblr Themes</div>

  <div style=”clear: both;”></div>

 </div>

 <div id=”header”>
 
  <form method=”get” id=”searchform” action=”“>

  <form action=”/search” method=”get”>
               <input type=”text” name=”q” value=”{SearchQuery}”/>
               <input type=”submit” value=”Search”/>
          

 </form>

  <h1><a href=”/”>{title}</a></h1>

 </div>
 
 <div id=”topimage”>
 
 </div>
 


   Welcome to {title} 

<div id=”sidebar”>


 <h4 style=”margin-top: 0;”>About</h4>
 <p>{description}</p>
 
  
 
  <h4>Links</h4>
  <ul><li><a href=”http://”>Link 1</a></li>
<li><a href=”http://”>Link 2</a></li>
<li><a href=”http://”>Link 3</a></li>

</ul>
  
 
</div>

  <div id=”content”>
            <h1><a href=”/”>{Title}</a></h1>

            <div id=”description”>
                <div>
          
          </div>
 
                   
            {block:Posts}
                <div class=”post”>
                    <div class=”labels”>
                        {block:NewDayDate}
                            <div class=”date”><a href=”{Permalink}”>{Month} {DayOfMonth}</a></div>
                        {/block:NewDayDate}
                   
                        {block:SameDayDate}
                            <div class=”date”><a href=”{Permalink}”>+</a></div>
                        {/block:SameDayDate}
                    </div>

                    {block:Regular}
                        <div class=”regular”>
                            {block:Title}<h2><a href=”{Permalink}”>{Title}</a></h2>{/block:Title}
                            {Body}
                        </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}
                        </div>
                    {/block:Photo}
                   
                    {block:Quote}
                        <div class=”quote”>
                            <span class=”quote”>
                                <big class=”quote”>&#147;</big> {Quote}
                            </span>
                            {block:Source}<span class=”source”>{Source}</span>{/block:Source}
                        </div>
                    {/block:Quote}
                   
                    {block:Link}
                        <div class=”link”>
                            <a href=”{URL}” class=”link” {Target}>{Name}</a>
                            {block:Description}
                                <span class=”description”>{Description}</span>
                            {/block:Description}
                        </div>
                    {/block:Link}
                   
                    {block:Conversation}
                        <div class=”conversation”>
                            {block:Title}<h2><a href=”{Permalink}”>{Title}</a></h2>{/block:Title}
                            <ul>
                                {block:Lines}
                                    <li>
                                        {block:Label}<span class=”label”>{Label}</span>{/block:Label}
                                        {Line}
                                    </li>
                                {/block:Lines}
                            </ul>
                        </div>
                    {/block:Conversation}
                   
                    {block:Audio}
                        <div class=”audio”>
                            {AudioPlayerGrey}
                            {block:Caption}
                                <div class=”caption”>{Caption}</div>
                            {/block:Caption}
                        </div>
                    {/block:Audio}
                   
                    {block:Video}
                        <div class=”video”>
                            {Video-400}
                            {block:Caption}
                                <div class=”caption”>{Caption}</div>
                            {/block:Caption}
                        </div>
                    {/block:Video}
                </div>
            {/block:Posts}

            <div id=”footer”>
                {block:PreviousPage}
                    <a href=”{PreviousPage}”>&#171; Previous</a> &nbsp;&nbsp;
                {/block:PreviousPage}
               
                {block:NextPage}
                    <a href=”{NextPage}”>Next &#187;</a>
                {/block:NextPage}
            </div>
        </div>

 </div>
      

<div style=”clear: both;”></div>

<div id=”footer”>

 <div class=”alignright”>

  <a href=”http://tumblrthemes.tumblr.com/" class="authorlink">Icy Blue</a> Theme by <a href="http://tumblrthemes.tumblr.com/" class="authorlink">TumblrThemes</a> &copy; 2008 
 </div>

</div>

</div>

 
    </body>
</html>