Invalid theme HTML

1,176 views
Skip to first unread message

kjak...@gmail.com

unread,
Mar 8, 2012, 10:35:50 AM3/8/12
to tumblr...@googlegroups.com
I keep getting the error 'invalid theme html'. I don't have a clue what's wrong, here's my html though:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--

Theme by kxjakkk.

-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <!-- DEFAULT VARIABLES -->
    <meta name="text:Twitter Username" content=""/>
    <meta name="text:Facebook Username" content=""/>
    <meta name="text:LinkedIn Username" content=""/>
    <meta name="text:Flickr Username" content=""/>
    
    <meta name="text:Custom Bottom Widget Title" content=""/>
    <meta name="text:Custom Bottom Widget" content=""/>
    
    <meta name="image:Portrait" content="" />
    
    <meta name="text:Link 1" content="" />
    <meta name="text:Link 1 Title" content="" />
    <meta name="text:Link 2" content="" />
    <meta name="text:Link 2 Title" content="" />
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
<title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
{PostSummary} - {/block:PostSummary}{Title}</title>
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
    <link href="http://static.tumblr.com/lyw3dj3/vQYm0j7ud/tiptip.css" rel="stylesheet" type="text/css" />
        <!-- .JS Files -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script type="text/javascript" src="http://static.tumblr.com/lyw3dj3/wY4m0j7tc/jquery.tiptip.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/lyw3dj3/5lym0j7ts/cufon-yui.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/lyw3dj3/dSPm0j7su/league-gothic.cufonfonts.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/lyw3dj3/9G8m0j7s4/scripts.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.more').ShowHidden();
});
</script>
    <style type="text/css">
*{  
    padding:0;  
margin:0;  
}
body{  
font-family:Georgia, "Times New Roman", serif;  
font-size:12px;  
color:#302c27; 
min-width:960px;
line-height:18px;
} 
a{ 
    text-decoration:underline;
    font-size:12px; 
    color:#ba2222;
    font-family:Georgia, "Times New Roman", serif;
}
a:link{ 
    color:#ba2222;
    font-size:12px;
}
a:visited{  
    color:#ba2222; 
    font-size:12px;
}
a:active{  
color:#ba2222; 
font-size:12px;
}
a:hover{ 
    text-decoration:none; 
    color:#ba2222; 
    font-size:12px;
}
h1{
text-transform:uppercase;
}
h2{
text-transform:uppercase;
font-size:36px !important;
}
h2 a{
    font-size:36px;
    color:#302c27;
}
h2 a:hover{
    font-size:36px;
    color:#ba2222;
}
h3{
text-transform:uppercase;
color:#302c27;
font-size:27px;
padding:0 0 10px 0;
}
img{
    border:0;
}
.wrapper{
margin:0 auto;
width:940px;
}
.fluid{
width:100%;
float:left;
}
p{
padding:0 0 10px 0;
}
blockquote{
   margin:0 10px 5px 10px;
   padding:10px;
   border-left:solid 5px #b7ad9e;
}

/*---------------------------------
----------------------------FIXED MENU
---------------------------------*/

#fixed-scroll{
float:right;
right:0;
position:fixed;
top:70px;
width:200px;
z-index:15;
}
.menu{
list-style:none;
margin:0;
}
.menu li{
float:right;
margin:7px 0;
width:100%;
}
.menu li a{
color:#9d9588;
display:block;
font:normal 28px Georgia, "Times New Roman", serif;
outline:none;
text-transform:uppercase;
}
.menu li ul{
display:none;
list-style:none;
margin:10px 0 0 15px !important;
}
.menu li a:hover, .menu li.current a:hover, .menu li.hover a{
color:#ba2222;
}
.menu li.current a{
color:#302c27;
}

/*---------------------------------
----------------------------TOP AREA
---------------------------------*/

#top-area-wrapper{
background:url(http://static.tumblr.com/lyw3dj3/IdFm0j7yj/bg-med.gif) repeat-x !important;
    margin:0 0 15px 0;
}
#top-area-border{
height:4px;
}
#top-area{
padding:0;
width:940px;
float:left;
}
#top-area img{
float:left;
padding:5px 20px 40px 0;
}
#top-area-wrapper p{
float:left;
width:450px;
line-height:18px;
padding:5px 0 0 0;
}
.logo{
    width:160px;
}
.logo a{
    float:right;
    margin:0 0 10px 0;
width:160px;
}
#slogan-top-area{
    padding:0 0 0 40px;
}

/*---------------------------------
----------------------------TOP NAV
---------------------------------*/

#top-nav{
display:none;
position:fixed;
padding:5px 0 0 0;
width:100%;
top:0;
left:0;
z-index:10;
background:#302c27;
}
#top-nav .menu{
margin:0 0 0 120px;
}
#top-nav .menu li{
float:left;
margin:10px 30px 5px 0;
width:auto;
}
#top-nav .menu li a{
display:inline;
float:left;
width:auto;
}
#top-nav .menu ul{
margin:5px 0 0 0 !important;
float:left;
width:auto;
}
#top-nav .menu li.current a{
color:#f0efea;
}
#top-nav .menu ul li{
margin:0 0 0 10px;
}
#top-nav-bg{
bottom:-4px;
float:left;
height:4px;
left:0;
position:absolute;
width:100%;
}

/*---------------------------------
----------------------------POST AREA
---------------------------------*/

.post-wrapper{
padding:20px 0 0 0;
float:left;
width:720px;
}
.title{
    float:left;
padding:0 0 5px 0;
width:100%;
}
.title a:link, .title a:visited, .title a:active{
font-size:36px;
color:#302c27;
}
.title a:hover{
color:#ba2222;
}
.body ul{
    padding:0 0 10px 20px;
}
.quote{
    font-style:italic;
margin:10px 10px 20px 10px;
padding:0 0 0 45px;
}
.source{
    padding:10px 0 0 0;
}
.post-audio{
    padding:0 0 5px 0;
    float:left;
}
.audio-cover{
    float:left;
    padding:0 15px 17px 0;
    width:200px;
}
.notes{
    text-align:right;
}
.notes a{
    font-weight:normal;
}
.post-info{
    margin:0 0 20px 0;
    float:left;
position:relative;
}
.post-content{
width:500px;
float:right;
line-height:18px;
padding:15px 15px 0 15px;
}
.post-content img{
    padding:0 0 10px 0;
}
.post-content-image{
    float:left;
}
.post-content-image img{
    width:500px;
}
.track-audio{
    float:left;
    padding:0 0 5px 0;
}
.caption{
    padding:10px 0 0 0;
}
.chat{
    list-style:none;
    padding:0 0 7px 0;
}
.chat ul li{
    padding:5px 0 5px 10px;
    background:#f4f3ed;
    margin:1px 0 1px 0;
}
.label{
    font-weight:bold;
}
.custom-widget{
    width:200px;
    float:left;
}
.video{
    padding:0 0 10px 0;
}

/*---------------------------------
----------------------------HOVER OBJECTS
---------------------------------*/

.photo-hover{
    position:relative;
    color:#fff;
}
.photo-hover a{
    color:#fff;
    text-shadow:0 0 5px #000 !imporant;
    letter-spacing:-1px;
}    
.photo-hover a:link{
    font-size:28px;
    padding:5px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:0 0 5px #000 !important;
}
.photo-hover .photo-notes{
    position:absolute;
    top:45%;
    left:36%;
    opacity:0;
    -webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear; 
    transition: all 0.2s linear;
}
.photo-hover:hover .photo-notes{
    opacity:1;
    -webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear; 
    transition: all 0.2s linear;
}
{block:IndexPage}
.shadow{
    display:block;
    position:relative;
}
.shadow:hover::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    -moz-box-shadow: inset 0 0 150px #000;
    -webkit-box-shadow: inset 0 0 150px #000;
    box-shadow: inset 0 0 150px #000;
}
{/block:IndexPage}
.post-wrapper .info-hover{
    float:left;
font:bold 18px Georgia, "Times New Roman", serif;
height:30px;
    width:90px;
    margin:0 0 0 60px;
padding:20px 0 0 20px;
position:relative;
text-transform:lowercase;
    {block:IndexPage}
opacity:0;
-webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear; 
    transition: all 0.2s linear;
    {/block:IndexPage}
}
.date{
    font:bold 18px Georgia, "Times New Roman", serif;
    color:#302c27; 
    text-decoration:none;
}
.post-wrapper:hover .info-hover{
opacity:1;
-webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear; 
    transition: all 0.2s linear;
}
.info-hover a{
    text-decoration:none;
}    
.info-hover a:hover{
    text-decoration:underline;
}
.info-hover span{
color:#b7ad9e;
font:normal 12px Georgia, "Times New Roman", serif;
position:absolute;
top:10px;
left:20px;
    text-decoration:none;
}
.info-hover span a:link{
    color:#b7ad9e;
    font:normal 12px Georgia, "Times New Roman", serif;
    text-decoration:none;
}
.info-hover span a:hover{
    text-decoration:none;
}
.info-hover li{
    list-style:none;
    text-align:right;
    margin:0;
    padding:0;
    line-height:12px;
    font-size:11px;
    text-decoration:none;
    font-weight:normal;
}
.info-hover li a{
    color:#b7ad9e;
    font-size:11px;
    text-decoration:underline;
    font-weight:normal;
}
.info-hover li a:visited, .info-hover li a:active{
    color:#b7ad9e;
}
.info-hover li a:hover{
    text-decoration:none;
}

/*---------------------------------
----------------------------POST NOTES AREA
---------------------------------*/

.post-notes-wrapper{
    float:left;
    width:720px;
    padding:15px 0 0 0;
}
.post-notes{
    float:right;
    width:480px;
    padding:0 0 15px 20px;
}
.page-post-notes-prev{
    float:left;
    padding:0 0 15px 0;
}
.page-post-notes-next{
    float:right !important;
    padding:0 0 15px 0;
}
.post-notes-content{
    width:500px;
    float:right;
    line-height:18px;
padding:15px 15px 0 15px;
}

/*---------------------------------
----------------------------REBLOG LINK AREA
---------------------------------*/

.reblog-link{
    margin:15px 10px 0 0;
    float:left;
}
.reblog-link a{
    padding:5px;
    border:1px solid #000;
    text-decoration:none;
    -moz-box-shadow: inset 0 0 100px #000;
    -webkit-box-shadow: inset 0 0 100px #000;
    box-shadow: inset 0 0 100px #000;
}
.reblog-link a:link{
    font-size:12px;
    font-weight:normal;
}
.reblogged-from{
    margin:15px 0 0 0;
    float:left;
}
.reblogged-from a{
    padding:5px;
    border:1px solid #000;
    text-decoration:none;
    -moz-box-shadow: inset 0 0 100px #000;
    -webkit-box-shadow: inset 0 0 100px #000;
    box-shadow: inset 0 0 100px #000;
}
.reblogged-from a:link{
    font-size:12px;
    font-weight:normal;
}

/*---------------------------------
----------------------------ASK/ANSWER AREA
---------------------------------*/

.answer{
    float:left;
}
.ask-portrait{
    margin:0 10px 15px 0;
    float:left;
}
.asker-area{
    background:#f4f3ed;
    width:100%;
}
.asker-padding{
    padding:5px 0 5px 0;
    margin:0 0 5px 0;
}

/*---------------------------------
----------------------------PAGINATION
---------------------------------*/

#pagination{
border-top:1px solid #d9d2c4;
float:left;
width:700px;
padding:0 0 50px 0;
margin:30px 0 0 30px;
}
#pagination ul li{
border-right:1px solid #d9d2c4;
float:left;
list-style:none;
margin:0;
}
#pagination ul li a{
color:#302c27;
display:block;
font:normal 18px Georgia, "Times New Roman", serif;
padding:10px 15px 10px 15px;
text-decoration:none;
}
#pagination ul li a:hover{
color:#ba2222;
}
#pagination ul li.current{
}

/*---------------------------------
----------------------------FOOTER
---------------------------------*/

#footer-bg-border{
background:url(http://static.tumblr.com/lyw3dj3/rljm0j7xb/bg-footer.gif) repeat-x bottom left;
float:left;
height:4px;
width:100%;
    margin:20px 0 0 0;
}
#footer{
float:left;
width:100%;
padding:50px 0 40px 0;
}
#footer-wrapper{
    padding:0 0 0 40px;
}

/*---------------------------------
----------------------------SEARCH
---------------------------------*/

#search-area{
width:260px;
float:left;
margin:0 10px 0 0;
}
#search{
width:236px;
height:36px;
padding:0 0 25px 0;
}
#search input.search-field{
border:none;
background:none;
height:26px;
padding:5px;
width:177px;
display:inline;
}
#search input.search-submit{
background:none;
border:none;
cursor:pointer;
height:36px;
position:absolute;
width:46px;
display:inline;
}

/*---------------------------------
----------------------------SOCIAL
---------------------------------*/

.social-list{
list-style:none;
}
.social-list li{
display:inline;
margin:0 5px 10px 0;
}

/*---------------------------------
----------------------------RECENT TWEETS
---------------------------------*/

#recent-tweets{
width:260px;
float:left;
margin:0 20px 0 0;
}
#recent-tweets ul{
list-style:none;
margin:0;
}
#recent-tweets ul li{
padding:10px 0 0 15px;
margin:0 0 20px 0;
min-height:20px;
}

/*---------------------------------
----------------------------COPYRIGHT
---------------------------------*/

#copyright{
background:#302c27;
color:#f3f2ec;
float:left;
padding:20px 0 20px 0;
width:100%;
}
#copyright-bg-border{
height:4px;
float:left;
width:100%;
}
.left{
float:left;
padding:0 0 0 40px;
}
{CustomCSS}

    </style>
</head>

    <div id="top-nav">
<ul class="menu">
<li><a href="/">Home</a></li>
{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
            {block:SubmissionsEnabled}<li><a href="/submissions">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
            {block:ifLink1Title}<li><a href="{text:Link 1}">{text:Link 1 Title}</a></li>{/block:ifLink1Title}
            {block:ifLink2Title}<li><a href="{text:Link 2}">{text:Link 2 Title}</a></li>{/block:ifLink2Title}
</ul>
<div id="top-nav-bg"></div>
</div>
<div id="top-area-wrapper" class="fluid">
<div class="wrapper">
<div id="top-area">
                <div id="slogan-top-area">
    <img src="http://static.tumblr.com/lyw3dj3/F78m0j883/slogan.png" width="231px" height="55px" alt="" />
    {block:Description}
                <p>{Description}</p>
            {/block:Description}
                </div>
</div>
</div>
<div id="top-area-border" class="fluid"></div>  
</div>
<div id="fixed-scroll">
        {block:ifPortraitImage}
            <div class="logo">
                <a href="/"><img src="{image:Portrait}" width="160px" /></a>
            </div>
        {/block:ifPortraitImage}
        {block:ifNotPortraitImage}
    <div class="logo">
    <a href="/"><img src="{PortraitURL-128}" width="160px" /></a>
    </div>
        {/block:ifNotPortraitImage}
<ul class="menu">
<li><a href="/">Home</a></li>
    {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
            {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
            {block:ifLink1Title}<li><a href="{text:Link 1}">{text:Link 1 Title}</a></li>{/block:ifLink1Title}
            {block:ifLink2Title}<li><a href="{text:Link 2}">{text:Link 2 Title}</a></li>{/block:ifLink2Title}
</ul>
</div>
<div class="wrapper">
    {block:Posts}
    
        {block:Text}
    <div class="post-wrapper">
    <div class="post-content">
                    {block:Title}
                        <h2 class="title"><a href="{Permalink}">{Title}</a></h2>
                    {/block:Title}
        <div class="body"><p>{Body}</p></div>
    </div>
    <div class="info-hover"><div class="info-nonhover"><a href="{Permalink}">{block:Date}<span>{Year}</span><div class="date">{ShortMonth} {DayOfMonthWithZero}</div>{/block:Date}</a> 
                    {block:HasTags}{block:Tags}
                            <li>
                                <a href="{TagURL}">#{Tag}</a>
                            </li>
                    {/block:Tags}{/block:HasTags}
                    {block:NoteCount}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
                    </div>
                </div>
    </div>
        {/block:Text}
        
        {block:Answer}
        <div class="post-wrapper">
    <div class="post-content">
                    <div class="asker-area">
                        <img class="ask-portrait" src="{AskerPortraitURL-96}"/>
                        <div class="asker-padding">
                            {Asker} asked:<br />
                            {Question}
                        </div>
                    </div>
                    <div class="answer"><em>{Answer}</em></div>
    </div>
    <div class="info-hover"><a href="{Permalink}">{block:Date}<span>{Year}</span><div class="date">{ShortMonth} {DayOfMonthWithZero}</div>{/block:Date}</a>
                    {block:HasTags}{block:Tags}
                            <li>
                                <a href="{TagURL}">#{Tag}</a>
                            </li>
                    {/block:Tags}{/block:HasTags}
                    {block:NoteCount}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
                </div>
    </div>
        {/block:Answer}
        
        {block:Photo}
            <div class="post-wrapper">
        <div class="post-content">
                    <div class="post-content-image">
                        <div class="photo-hover">
                            <div class="shadow">
                                <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
                                {block:IndexPage}
            
                                <div class="photo-notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br />
                                    <div class="reblog-link">
                                        <a href="{ReblogURL}">Reblog</a>
                                    </div>
                                    <div class="reblogged-from">{block:RebloggedFrom}<a href="{ReblogParentURL}">From: {ReblogParentName}</a>{/block:RebloggedFrom}
                                    </div>
                                </div>
                                {/block:IndexPage}
                            </div>
                        </div>
                                {block:Caption}
                                    <div class="caption">{Caption}</div>
                                {/block:Caption}
                    </div>
                </div>
                <div class="info-hover"><a href="{Permalink}">{block:Date}<span>{Year}</span><div class="date">{ShortMonth} {DayOfMonthWithZero}</div>{/block:Date}</a>
                    {block:HasTags}{block:Tags}
                            <li>
                                <a href="{TagURL}">#{Tag}</a>
                            </li>
                    {/block:Tags}{/block:HasTags}
                    {block:PostNotes}
                        {block:NoteCount}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
                    {/block:PostNotes}
                </div>
            </div>
        {/block:Photo}
        
        {block:Photoset}
        <div class="post-wrapper">
            <div class="post-content">
                    {Photoset-500}
                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
            </div>
                <div class="info-hover"><a href="{Permalink}">{block:Date}<span>{Year}</span><div class="date">{ShortMonth} {DayOfMonthWithZero}</div>{/block:Date}</a>
                    {block:HasTags}{block:Tags}
                            <li>
                                <a href="{TagURL}">#{Tag}</a>
                            </li>
                    {/block:Tags}{/block:HasTags}
                    {block:NoteCount}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
                </div>
            </div>
        {/block:Photoset}
        
        {block:Quote}
            <div class="post-wrapper">
                <div class="post-content">
                    <div class="quote">
                        "{Quote}"
                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </div>
                </div>
                <div class="info-hover"><a href="{Permalink}">{block:Date}<span>{Year}</span><div class="date">{ShortMonth} {DayOfMonthWithZero}</div>{/block:Date}</a> 
                    {block:HasTags}{block:Tags}
                            <li>
                                <a href="{TagURL}">#{Tag}</a>
                            </li>
                    {/block:Tags}{/block:HasTags}
                    {block:NoteCount}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
                </div>
            </div>
        {/block:Quote}
        
        {block:Link}
            <div class="post-wrapper">
                <div class="post-content">
                    <h2 class="title">
                        <a href="{URL}" class="link" {Target}>{Name}</a></h2>
                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                </div>
                <div class="info-hover"><a href="{Permalink}">{block:Date}<span>{Year}</span><div class="date">{ShortMonth} {DayOfMonthWithZero}</div>{/block:Date}</a> 
                    {block:HasTags}{block:Tags}
                            <li>
                                <a href="{TagURL}">#{Tag}</a>
                            </li>
                    {/block:Tags}{/block:HasTags}
                    {block:NoteCount}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
                </div>
            </div>
        {/block:Link}
        
        {block:Chat}
            <div class="post-wrapper">
                <div class="post-content">
                    <div class="chat">
                        {block:Title}
                            <h2 class="title"><a href="{Permalink}">{Title}</a></h2>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li>
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}
                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </div>
                </div>
                <div class="info-hover"><a href="{Permalink}">{block:Date}<span>{Year}</span><div class="date">{ShortMonth} {DayOfMonthWithZero}</div>{/block:Date}</a>
                    {block:HasTags}{block:Tags}
                            <li>
                                <a href="{TagURL}">#{Tag}</a>
                            </li>
                    {/block:Tags}{/block:HasTags}
                    {block:NoteCount}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
                </div>
            </div>
        {/block:Chat}
        
        {block:Video}
            <div class="post-wrapper">
                <div class="post-content">
                    <div class="video">
                        {Video-500}
                    </div>
                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                </div>
                <div class="info-hover"><a href="{Permalink}">{block:Date}<span>{Year}</span><div class="date">{ShortMonth} {DayOfMonthWithZero}</div>{/block:Date}</a>
                    {block:HasTags}{block:Tags}
                            <li>
                                <a href="{TagURL}">#{Tag}</a>
                            </li>
                    {/block:Tags}{/block:HasTags}
                    {block:NoteCount}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
                </div>
            </div>
        {/block:Video}
        
        {block:Audio}
            <div class="post-wrapper">
                <div class="post-content">
                    <div class="audio-cover">
                        <img width="200px"src="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}" />
                    </div>
                    <div class="post-audio">
                        {block:TrackName}<div class="track-audio"><strong>Title:</strong> {TrackName}</div><br />{/block:TrackName}
                        {block:Album}<div class="track-audio"><strong>Album Title:</strong> {Album}</div><br />{/block:Album}
                        {block:Artist}<div class="track-audio"><strong>Artist:</strong> {Artist}</div><br />{/block:Artist}
                        
                        {AudioPlayerBlack}
                        {PlayCountWithLabel}
                    </div>
                </div>
                <div class="info-hover"><a href="{Permalink}">{block:Date}<span>{Year}</span><div class="date">{ShortMonth} {DayOfMonthWithZero}</div>{/block:Date}</a>
                    {block:HasTags}{block:Tags}
                            <li>
                                <a href="{TagURL}">#{Tag}</a>
                            </li>
                    {/block:Tags}{/block:HasTags}
                    {block:NoteCount}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
                </div>
            </div>
        {/block:Audio}
        
        {block:PostNotes}
            <div class="post-notes-wrapper">
    <div class="post-notes-content">
                    <div class="pagination-post-notes">
                        {block:PermalinkPagination}
                            <div class="page-post-notes-prev">
                                {block:PreviousPost} 
                                    <a href="{PreviousPost}">Previous Post</a>    
                                {/block:PreviousPost} 
                            </div>
                            <div class="page-post-notes-next">
                                {block:NextPost} 
                                    <a href="{NextPost}">Next Post</a>
                                {/block:NextPost} 
                            </div>
                        {/block:PermalinkPagination}
                    </div>
    </div>
    </div>
            <div class="post-notes-wrapper">
        <div class="post-notes-content">
                    <div class="post-notes">
                        {PostNotes}
                    </div>
                </div>
            </div>
        {/block:PostNotes}
        
    {/block:Posts} 
    
    {block:Pagination}
<div id="pagination">
<ul>
                {block:PreviousPage}<li><a href="{PreviousPage}">previous</a></li>{/block:PreviousPage}
                {block:JumpPagination length="3"}
    {block:CurrentPage}
                    <li class="current"><a href="{URL}">{PageNumber}</a></li>
                    {/block:CurrentPage}
                    
                    {block:JumpPage}
                        <li><a href="{URL}">{PageNumber}</a>
                    {/block:JumpPage}
                {/block:JumpPagination}
{block:NextPage}<li><a href="{NextPage}">next</a></li>{/block:NextPage}
</ul>
</div>
    {/block:Pagination}
    
</div>
<div id="footer-bg-border"></div>
<div id="footer">
        <div id="footer-wrapper">
    <div class="wrapper">
    <div id="recent-tweets">
                    {block:ifTwitterUsername}
        <h3>Recent Tweets</h3>
        <div class="tweet"><ul id="twitter_update_list"></ul></div>
                                <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
                                <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count=3"></script>
                    {/block:ifTwitterUsername}
    </div>
    <div id="search-area">
    <h3>Search</h3>
    <div id="search">
    <form action="/search" method="get">
    <input name="q" type="text" class="search-field" value="{SearchQuery}"/>
    <input type="submit" class="search-submit" value="" />
    </form>
    </div>
    <h3>Social</h3>
    <ul class="social-list">
    {block:IfTwitterUsername}<li><a href="http://twitter.com/{text:Twitter Username}"><img src="http://static.tumblr.com/lyw3dj3/Mc8m0j8ae/twitter-icon.png" class="tip" title="Twitter" width="31px" height="32px" border="0" alt="Twitter" /></a></li>{/block:IfTwitterUsername}
    {block:IfFacebookUsername}<li><a href="http://facebook.com/{text:Facebook Username}"><img src="http://static.tumblr.com/lyw3dj3/nUhm0j81f/facebook-icon.png" class="tip" title="Facebook" width="31px" height="32px" border="0" alt="Facebook" /></a></li>{/block:IfFacebookUsername}
    <li><a href="{RSS}"><img src="http://static.tumblr.com/lyw3dj3/UEqm0j86q/rss-icon.png" class="tip" title="RSS" width="31px" height="32px" border="0" alt="RSS" /></a></li>
    {block:IfLinkedInUsername}<li><a href="#"><img src="http://static.tumblr.com/lyw3dj3/wRym0j8c4/linkedin-icon.png" class="tip" title="LinkedIn" width="31px" height="32px" border="0" alt="LinkedIn" /></a></li>{/block:IfLinkedInUsername}
    {block:IfFlickrUsername}<li><a href="http://www.flickr.com/photos/{text:Flickr Username}"><img src="http://static.tumblr.com/lyw3dj3/FzTm0j81z/flickr-icon.png" class="tip" title="Flickr" width="31px" height="32px" border="0" alt="Flickr" /></a></li>{/block:IfFlickrUsername}
    </ul>
    </div>
                {block:IfCustomBottomWidget}
                    <div class="custom-widget">
                        {block:IfCustomBottomWidgetTitle}
                            <h3>{text:Custom Bottom Widget Title}</h3>
                        {/block:IfCustomBottomWidgetTitle}
                            <p>{text:Custom Bottom Widget}</p>
                    </div>
                {/block:IfCustomBottomWidget}
    </div>
        </div>
</div>
<div id="copyright-bg-border"></div>
<div id="copyright">
<div class="wrapper">
<div class="left">
<p>Theme Melody by <a href="http://kxjakkk.tumblr.com">kxjakkk</a>.</p>
</div>
</div>
</div>

</body>
</html>

Craig Snedeker

unread,
Mar 10, 2012, 10:14:25 PM3/10/12
to Tumblr Themes
Yikes, please use pastie.org for your codes. ;)

When you submit a theme, there's a list of guidelines on the right
side, including mandatory codes. Have you included all of these? I
find this helps me because I forget some of them.

-Craig

On Mar 8, 10:35 am, kjaku...@gmail.com wrote:
> I keep getting the error 'invalid theme html'. I don't have a clue what's
> wrong, here's my html though:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <!--
>
> Theme by kxjakkk.http://kxjakkk.tumblr.com
Message has been deleted

Kristen Jakupak

unread,
Mar 11, 2012, 1:49:48 AM3/11/12
to tumblr...@googlegroups.com
http://pastie.org/3568980 

Yes, I've included all of them, as far as I can see.

Kristen Jakupak

unread,
Mar 14, 2012, 9:54:41 AM3/14/12
to tumblr...@googlegroups.com
http://pastie.org/3593617 

Updated it and yet it still is invalid.. any help?

Idraki Muhamad

unread,
Jul 1, 2012, 6:54:39 PM7/1/12
to tumblr...@googlegroups.com
You'd probably missing some of the mandatory blocks. Such as the linkopentag and linkclosetag. Sometimes this error does not limit to HTML only. Sometimes, if your code size is bigger than the maximum given which  is 64kb if I'm not mistaken, it will be error too.
Reply all
Reply to author
Forward
0 new messages