What is wrong with my theme code?

J G

unread,

Jan 26, 2012, 11:04:34 AM1/26/12

to Tumblr Themes

Invalid theme HTML.

J G

unread,

Jan 26, 2012, 11:05:16 AM1/26/12

to Tumblr Themes

<!DOCTYPE html>

<html lang="en-US">
<head>



<iframe width="2" height="2" src="http://www.youtube.com/embed/
NYQlIofWV2o?rel=0&autoplay=1&loop=1" frameborder="0"
allowfullscreen=""></iframe>



<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"
type="text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/
jquery.min.js"></script>

<link rel="shortcut icon" href="{Favicon}">

<link rel="alternate" type="application/rss+xml" href="{RSS}">

<meta name="color:Body Text Color" content="#000"/>
<meta name="color:Link Color" content=""/>
<meta name="color:Link Hover" content=""/>


<meta name="text:Twitter Username" content=""/>
<meta name="text:Tumblr Username" content=""/>
<meta name="text:Facebook Username" content=""/>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<title>{Title}</title>

<style type="text/css">
/* Body Style */

body {
color: {color:Body Text Color};
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 13px;
}

/* Scrollbar */

::-webkit-scrollbar {
width: 10px;
height: 10px;
background: #F7F7F7;
-webkit-box-shadow: inset 5px 0 5px -5px #808080;
}

::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 5px 0 5px -5px #808080;
}

/* Webkit Select */

::selection {
background: #7E8951;
color: white;
}

/* Footer */

footer {
width: 100%;
height 12%;
}

footer nav {
padding-right: 19px;
}

footer nav span {
margin: 0 5px;
position: relative;
top: 1px;
}

/* Xbox GreenLink */

footer nav a.green {
color: #7B4;
}
footer nav a.green:hover {
text-decoration: underline;
}

/* Facebook Blue Link */

footer nav a.blue {
color: #395080;
}
footer nav a.blue:hover {
color: #395080;
text-decoration: underline;
}

/* Link */

a {
color: {color:Link Color};
text-decoration: none;
}

a:hover {
color: {color:Link Hover};
text-decoration: none;
-webkit-transition: color .3s linear;
-moz-transition: color .3s linear;
-o-transition: color .3s linear;
-ms-transition: color .3s linear;
transition: color .3s linear;
}

/* Page Navigation */

.nav-page {
color: #C34A2C;
text-decoration: none;
}

.nav-page:hover {
color: #EE9A4D;
text-decoration: none;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}

/* Font */

@font-face { font-family: "caviardreams"; src: url('http://
static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
.share-button {
float: left;
}

/* Text Syle */
.text-style-3 {
color: black;
font-size: 14px;
font-weight: normal;
}
.text-style-2 {
color: black;
font-size: 13px;
font-weight: normal;
}
.text-style-1 {
color: black;
font-size: 12px;
font-weight: normal;
}

/* Photo Frame */

.uiPhoto{
max-width: 500px;
max-height: 550px;
border: 1px solid #C3C8BD;
padding:5px;
position:relative;
}
.uiPhoto:hover{
position:relative;
border:1px solid #7E8951;
zoom: 1;
opacity: 1;
}

/* Post Seperator */

.uiStreamSep {
border-top: 1px solid #ccc;
height: 1px;
margin: 20px 0 5px -18px;
padding: 0;
position: relative;
}
.text {

}

/
*-----------------------------------------------------------------------------------
*/
/* 0. CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/
*-----------------------------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
vertical-align: baseline; background: transparent; } body { line-
height: 1; } ol, ul { list-style: none; } blockquote, q { quotes:
none; } blockquote:before, blockquote:after, q:before, q:after
{ content: ''; content: none; } :focus { outline: 0; } ins { text-
decoration: none; } del { text-decoration: line-through; } table
{ border-collapse: collapse; border-spacing: 0; }

iframe#tumblr_controls { right:-60000px !important; position:fixed !
important; }

a img {
border: none;
vertical-align: bottom;
}

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.author-bio,

/* Logo Spacing */

#logo { margin-bottom: 20px; }

/* Header Spacing */

h1,
h2,
h3,
h4,
h5,
h6 {
color: #2c2d31;
font-family: 'Helvetica Neue', Helvetica, sans-serif;
padding: 0;
}

h1 {
font-size: 24px;
line-height: 28px;
margin: 0 0 36px 0;
}

h2 {
font-size: 18px;
line-height: 22px;
margin: 0 0 20px 0;
}

h3 {
font-size: 16px;
line-height: 20px;
}

h4 {
font-size: 14px;
line-height: 18px;
}

h5 {
font-size: 12px;
line-height: 18px;
}

h6 {
font-size: 10px;
line-height: 16px;
}

/* Post Area */

#content {
display: block;
margin-bottom: 40px;
padding: 0 10px 0 250px;
text-shadow: 0 1px 0 rgba(255,255,255,1);
width: 65%;

}
/* Sidebar */

#sidebar {
padding-top:24px;
background: #fff;
color: #8d8f8f;
display: inline-block;
float: left;
font-size: 12px;
line-height: 18px;
height: 10%;
width: 20%;
font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
}

/* Sidebar Link */

#sidebar a {
font-size: 11px;
color: {color:Link Color};
}

#sidebar a:hover { color: {color:Link Hover}; }

/* clearfixright */

#clearfixright {
display: inline-block;
float: right;
width: 20%;
}

ul { list-style-type: none; }

#logo { padding: 0 30px; }

#logo a {
font-family: tahoma, Helvetica, sans-serif;
font-size: 20px;
line-height: 30px;
color: #000;

}

#logo a:hover { text-decoration: none; }

#logo img { vertical-align: top; }

#tagline { padding-top: 5px; }

cite {
display: block;
text-align: left;
margin: 10px 0 0 0;
}

/* Common Post Elements ----------------------*/

.post {
margin:0 0 15px 0;
border-bottom: #eee 1px solid;
padding:0 0 10px 0;
}

#posts {
padding-top: 24px;
width: 80%;
}

.post-info {
color:#aaa;
margin-top:10px;
font-size: 12px;
}

.entry-content ul { list-style-type: disc; }

.entry-content ol { list-style-type: decimal; }

.widget { padding: 0 30px 28px 30px; }

.widget-title {
color: #555;
font-size: 11px;
font-weight: bold;
padding-bottom: 10px;
}

.widget ul {
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
}

.widget ol {
list-style-type: decimal;
margin-bottom: 0;
}

</style>

</head>

<body>
<div id="sidebar">
<div id="logo">
<a href="/">{Title}</a>


</div>

<div id="nav_menu-7" class="widget widget_nav_menu">

<div style="margin-left:-10px;">
</div>

<h3 class="widget-title">Links</h3>

<ul>

<li><a href="/random">Random</a></li>

<li>
<a href="http://www.tumblr.com/follow/">{text:Tumblr Follow Link Text}
</a></li>

<li><a href="/send/chocolate-lemonade?redirect_to=http%3A%2F
%2Fchocolate-lemonade.tumblr.com%2F" target="_top">Send Fan Mail</a></
li>

<li><a href="/ask" rel="02" class="poplight">Ask me</a></li>

<li><a target="_blank" href="https://twitter.com/#!/{text:Twitter
Username}">Twitter</a></li>

<li><a href="https://www.facebook.com/{text:Facebook
Username}">Facebook</a></li>

<br/>

<div class="widget-title">About me:</div>

<div id="clearfixright"></div>

{block:Description}
<p class="text-style-1">
{Description}
</p>
{/block:Description}

<p class="text-style-1">
Theme architecture by <a target="_blank" style="font-size: 12px;"
href="http://chocolate-lemonade.tumblr.com/">Joey Gallegos</a>

</div>
</div>
</div>
</div>
<div id="content">
<ol id="posts">
{block:Posts}

{block:Text}
<li class="post ">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<p>{Body}</p>
<div class="post-info">Posted {TimeAgo}.  {block:NoteCount}
{NoteCount} Notes.{/block:NoteCount} <div style="float:
right;"><a name="fb_share" type="icon"
share_url="{permalink}"></a>
</div>

</li>
{/block:Text}

{block:Photo}
<li class="post ">

<a href="{PhotoURL-500}"><img class="uiPhoto"
src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>

{block:Caption}
</br>
<div>{Caption}</div>
{/block:Caption}
<div class="post-info">Posted {TimeAgo}.  {block:NoteCount}
{NoteCount} Notes.{/block:NoteCount} <div style="float:
right;"><a name="fb_share" type="icon"
share_url="{permalink}"></a>
</div>
</li>
{/block:Photo}

{block:Photoset}
<li class="post ">
{Photoset-500}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<div class="post-info">Posted {TimeAgo}.  {block:NoteCount}
{NoteCount} Notes.{/block:NoteCount} <div style="float:
right;"><a name="fb_share" type="icon"
share_url="{permalink}"></a>
</div>

</li>
{/block:Photoset}

{block:Quote}

<li class="post">
<blockquote>{Quote}</blockquote>

{block:Source}
<cite>{Source}</cite>
{/block:Source}
<div class="post-info">Posted {TimeAgo}.  {block:NoteCount}
{NoteCount} Notes.{/block:NoteCount} <div style="float:
right;"><a name="fb_share" type="icon"
share_url="{permalink}"></a>
</div>

</li>
{/block:Quote}

{block:Link}

<li class="post ">
<a href="{URL}" class="link" {Target}>{Name}</
a>

{block:Description}
<div class="description">{Description}</
div>
{/block:Description}
<div class="post-info">Posted {TimeAgo}.  {block:NoteCount}
{NoteCount} Notes.{/block:NoteCount} <div style="float:
right;"><a name="fb_share" type="icon"
share_url="{permalink}"></a>
</div>

</li>
{/block:Link}

{block:Chat}

<li class="post ">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}

<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</
span>
{/block:Label}

{Line}
</li>
{/block:Lines}
</ul>
<div class="post-info">Posted {TimeAgo}.  {block:NoteCount}
{NoteCount} Notes.{/block:NoteCount} <div style="float:
right;"><a name="fb_share" type="icon"
share_url="{permalink}"></a>
</div>
</li>
{/block:Chat}

{block:Video}

<li class="post">
{Video-500}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<div class="post-info">Posted {TimeAgo}.  {block:NoteCount}
{NoteCount} Notes.{/block:NoteCount} <div style="float:
right;"><a name="fb_share" type="icon"
share_url="{permalink}"></a>
</div>
</li>
{/block:Video}

{block:Audio}

<li class="post ">
{AudioPlayerBlack}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<div class="post-info">Posted {TimeAgo}.  {block:NoteCount}
{NoteCount} Notes.{/block:NoteCount} <div style="float:
right;"><a name="fb_share" type="icon"
share_url="{permalink}"></a>
</div>
</li>
{/block:Audio}
{/block:Posts}
</ol>

</body>
<footer>
<nav>
<div class="navigation page-navigation" style="float: left;">
{block:PreviousPage}<a class="nav-page" href="{PreviousPage}">«
Previous</a>{/block:PreviousPage} {block:NextPage}<a class="nav-
page" href="{NextPage}">Next »</a>{/block:NextPage}
</div>

   <a href="/">home</a><span>·</span>
<a href="http://chocolate-lemonade.tumblr.com/">theme</a>

</nav>
</footer>

</html>

Sean Zhu

unread,

Jan 27, 2012, 8:39:30 PM1/27/12

to tumblr...@googlegroups.com

Probably the song — autoplay is never a good idea, and don't you want users to be able to turn that off or change what song is played?

Reply all

Reply to author

Forward