Published on February 21st, 2012 | by Tumble Guy
Kawaii Theme 01 – Cute Tumblr Themes

Published by Tumble Guy on February 21st, 2012 | themes
Kawaii 01 – Cute Tumblr Theme
Kawaii 01 - Cute Tumblr Theme Code
<html>
<head>
<title>{Title}</title>

<link rel="shortcut icon" href="{FavIcon}" />

<style type="text/css">

body{
background:url(http://static.tumblr.com/xjqjg7j/gPJlqxvs0/bg_new.jpg) #FEF6F3;
background-repeat:repeat;
cursor:url(http://static.tumblr.com/xjqjg7j/NPAlqqlih/21.gif), url(http://static.tumblr.com/xjqjg7j/NPAlqqlih/21.gif), auto;
margin:0px;
font-size: 11px;
color:#AA968B;
font-family: arial;
text-decoration:none;
}

#post {
background:url(http://static.tumblr.com/xjqjg7j/Fy9lqxw0b/postbg3.png);
background-color: #F9F5F1;
float:left;
width:552px;
{block:IndexPage}
width:260px;
height:220px;
overflow:hidden;
{/block:IndexPage}
padding:10px;
margin:5px;
border:1px solid #E7E1D8;
}

#post2 {
{block:IndexPage}
height:180px;
overflow:hidden;
{/block:IndexPage}
}

#post3 {
background:url(http://static.tumblr.com/xjqjg7j/Fy9lqxw0b/postbg3.png);
background-color: #F9F5F1;
float:left;
width:552px;
padding:10px;
margin:5px;
border:1px solid #F1E9DD;
}

#wrapper{
width:100%;
margin:auto;
position:relative;
margin-top:0px;
}

#body{
width:820px;
margin:auto;
margin-top:25px;
}

#side
{
width:210px;
float:left;
margin-top:5px;
}

#sidebar{
background:url(http://static.tumblr.com/xjqjg7j/Fy9lqxw0b/postbg3.png) #FCF4F1;
width:200px;
float:left;
padding:5px;
margin-bottom:10px;
border:1px solid #F1E9DD;
}

.sidenav
{
width:200px;
}

.topnavbg
{
background:#DCCAB1;
width:194px;
height:15px;
display: inline-block;
padding:3px;
margin-top:2px;
text-align:center;
border:1px dashed #FCF4F1;
}

.sidenavheader
{
background:;
color:#ffffff;
text-decoration:none;
text-align:center;
font-weight:bold;
font-family:helvetica;
font-size:13px;
}

.sidenav a:link, .sidenav a:active, .sidenav a:visited
{
width:188px;
background:url(http://static.tumblr.com/xjqjg7j/PqUlpjxqn/woodbg3.png) #FFFAE8;
color:#AA9C75;
display: inline-block;
text-decoration:none;
font-family:arial;
font-weight:bold;
font-size:12px;
padding:2px;
padding-left:10px;
border-bottom:2px solid #EEE7CB;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
}

.sidenav a:hover
{
width:179px;
color:#56C0DE;
padding-left:20px;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
}

.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#EEEAD2;
color:#938B54;
display: inline-block;
text-decoration:none;
text-align:center;
font-family:arial;
font-size:11px;
font-weight:bold;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:1px solid #DDD9BE;
}

.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#FFF1F9;
color:#FF83C6;
border-bottom:1px solid #FFD9EE;
}
#contents{
width:600px;
float:left;
margin-left:5px;
}

.border{border-bottom:1px solid #F1E9DD;margin-bottom: 7px;
-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,1);
-moz-box-shadow: 1px 1px 1px rgba(255,255,255,1);
box-shadow: 1px 1px 1px rgba(255,255,255,1);}

h1
{color:#C0A681;}

h2
{color:#C0A681;font-size:20px;font-family:helvetica;}

h2:hover
{color:#F392A0;}

h3
{color:#C0A681;}

h4
{font-size:25px; font-family:georgia; font-style:oblique; font-weight:bold; color:#C0A681;}

b {color: #FF74B2;}
s {color: #868787;}
i {color: #C2B971;}
u {font-color: #5A93A1;}

a:link, a:visited, a:active
{ text-decoration: none; color:#C0A681; font-weight: bold; border-bottom: 0px solid #d0d0d0;
cursor:url(http://media.tumblr.com/tumblr_lpyq0xE8Ut1qcn2vb.gif), url(http://media.tumblr.com/tumblr_lpyq0xE8Ut1qcn2vb.gif), auto;
font-size:11px; border:0px; text-decoration:none;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
}

a:hover {
color: #ff88cc;
cursor:url(http://media.tumblr.com/tumblr_lpyq0xE8Ut1qcn2vb.gif), url(http://media.tumblr.com/tumblr_lpyq0xE8Ut1qcn2vb.gif), auto;
text-decoration:none;
border:0px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
}

.postlink a:link, .postlink a:active, .postlink a:visited, .postlink
{
font-weight:normal;
text-transform:uppercase;
font-family:tahoma;
font-size:8px;
color:#DCCAB1;
letter-spacing:1px;
text-align:right;
}

.postlink a:hover
{
color:#F8BBC7;
}

.photo
{
width:252px;
height:170px;
border: 2px dotted #FFFFF5;
padding: 2px;
background-color:#E0CDBD;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
}

.photo:hover
{
opacity:0.6;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
}

.photo2
{
border: 10px solid #FFFFF5;
background-color:#E0CDBD;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
}

.photo2:hover
{
opacity:0.6;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
}

.title
{
color:#C0A681;
font-size:20px;
font-family:georgia;
letter-spacing:1px;
display:block;
background:#F7ECE7;
line-height:20px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
}

.title:hover
{
color:#F07183;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
}

.dates
{
color:#FFA5BE;
font-weight:bold;
font-size:12px;
font-family:helvetica;
line-height:10px;
}

.awesome{
background: #222 url(http://www.zurb.com/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
text-shadow: 0 -1px 1px rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
position: relative;
cursor: pointer;
text-align:center;
font-family:tahoma;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
}

.small.awesome {
font-size: 11px;
}

.pink.awesome{
background-color: #C0A681;
color: #ffffff;
}

.pink2.awesome{
background-color: #FF7AA0;
width:293px;
color: #ffffff;
margin-bottom:3px;
}

.pink.awesome:hover{
opacity: .50;
-webkit-transition-duration:.2s;
-moz-transition:.2s;
color: #ffffff;
cursor:url(http://static.tumblr.com/xjqjg7j/5jPlnr2zk/pinkcursor.png), url(http://static.tumblr.com/xjqjg7j/5jPlnr2zk/pinkcursor.png), auto;
}

img{border:0px;}

input[type=submit]
{
width: 60px;
background-color: #D2BC9D;
border:0px;
color:#fff;
font-family:Helvetica;
}

input[type=text]
{
width: 137px;
background-color: #E5DCCF;
border:none;
}

</style>

<meta name="image:Photo" content="http://static.tumblr.com/xjqjg7j/kKplqxwi3/tumblr_li34ghg8r51qa3cdao1_500.png"/>
<meta name="text:Link 1 Name" content="link here"/>
<meta name="text:Link 1 URL" content=""/>
<meta name="text:Link 2 Name" content="link here"/>
<meta name="text:Link 2 URL" content=""/>
<meta name="text:Link 3 Name" content="link here"/>
<meta name="text:Link 3 URL" content=""/>
<meta name="text:Link 4 Name" content="link here"/>
<meta name="text:Link 4 URL" content=""/>
<meta name="text:Link 5 Name" content="link here"/>
<meta name="text:Link 5 URL" content=""/>
<script src="http://static.tumblr.com/xjqjg7j/Pomlnr2pb/sparklingcursor.js"></script>

</head>

<body>

<div style="float:right; margin-top:-20px; margin-right:3px;">
<a href="http://kawaiisecrets.tumblr.com" target="_blank"><img src="http://static.tumblr.com/xjqjg7j/pVSlqy3gd/gettheme.png"></a>
</div>

<div id="wrapper">

<div id="body">

<div id="side">
<div id="sidebar">
<img src="{image:Photo}" width="200px">
<div>
<a href="/">Home</a>
<a href="/ask">Contact</a>
</div>
</div>

<div id="sidebar">
<div><div>About Me</div></div>
<div>{description}</div>
</div>

<div id="sidebar">

<div><div>Check These Out!</div></div>
<div>
<a href="{text:Link 1 URL}">{text:Link 1 Name}</a>
<a href="{text:Link 2 URL}">{text:Link 2 Name}</a>
<a href="{text:Link 3 URL}">{text:Link 3 Name}</a>
<a href="{text:Link 4 URL}">{text:Link 4 Name}</a>
<a href="{text:Link 5 URL}">{text:Link 5 Name}</a>
</div>

</div>

<div id="sidebar">
<div><div>RECOMMENDED!</div></div>
<div>
<a href="http://codesecrets.tumblr.com" target="_blank">Codes/Tutorials</a>
<a href="http://kawaiisecrets.tumblr.com" target="_blank">Kawaii Themes</a>
</div>
</div>

<div id="sidebar">
<form action="/search" method="get">
<input type="text" name="q" onclick="this.className='onclick'" value=""/>
<input type="submit" value="Search"/>
</form>
</div>

</div>

<div id="contents">

{block:Posts}

<div id="post">
<table width="100%" height="10px" background="http://static.tumblr.com/xjqjg7j/80Glqxw9t/pattern2.png"><tr><td></td></tr>
</table>

<div id="post2">

{block:Text}<a href="{Permalink}"><div>{Title}</div></a>{block:IndexPage}{Body}{/block:IndexPage}{block:PermalinkPage}{Body}{/block:PermalinkPage}{/block:Text}

{block:Photo}<center>{block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}
<br><br><img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}<br>{block:Caption}
<p>{Caption}</p>
{/block:Caption}{/block:PermalinkPage}</center>{/block:Photo}

{block:Photoset}<center>{block:IndexPage}{Photoset-400}{/block:IndexPage}
{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}</center>{block:PermalinkPage}
{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}<center><h4>&ldquo;{Quote}&rdquo;</h4>{block:Source}{Source}{/block:Source}</center>
{/block:Quote}

{block:Link} <a href="{URL}" id="postlink" {Target}><h2>{Name}&rarr;</h2></a><BR>{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}<a href="{Permalink}"><div>{Title}</div></a><ul>{block:Lines}<li>{block:Label}<span>{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
{/block:Chat}

{block:Video}<center>{block:IndexPage}<div id="video">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
{/block:Video}

{block:Audio}{block:IndexPage}{block:AlbumArt}<img src="{AlbumArtURL}" width="250px" height="100px" />{/block:AlbumArt}<div style="width:260; height:30; background: #000; "><span><center>{AudioPlayerBlack}</center></span></div><b><center>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}<br></b> <i>with {PlayCountWithLabel}</i></center>{/block:IndexPage}{block:PermalinkPage}<br><center>
{block:AlbumArt}<img src="{AlbumArtURL}" width="500px" height="300px" />{/block:AlbumArt}<div style="width:500; height:30; background: #000; "><span><center>{AudioPlayerBlack}</center></span></div><b><center>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}<br></b> <i>with {PlayCountWithLabel}</i></center>
{block:Caption}{Caption}{/block:Caption}</center>{/block:PermalinkPage}
{/block:Audio}

{block:Answer}<span><div id="question"><div id="asked"><img src="{AskerPortraitURL-40}"align="left" /><b>{Asker} asked:</b><BR> {Question}</div></div>{Answer}</span>{/block:Answer}

{block:PermalinkPage}
<center><img src="http://static.tumblr.com/xjqjg7j/G18lqy4su/divider.gif"></center>
{/block:PermalinkPage}

{block:PostNotes} <br><br>
<B>POST DETAILS:</B><BR>
{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
{block:HasTags}<br>Tagged as:

{block:Tags}
<a href="{TagURL}">{Tag}</a>,
{/block:Tags}
{/block:HasTags}{block:ContentSource}<br>Originally Posted by:<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}{block:RebloggedFrom}Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
<br><B>POST NOTES:</B><BR>
{PostNotes}
{/block:PostNotes}

</div>

<table width="100%" height="10px" background="http://static.tumblr.com/xjqjg7j/80Glqxw9t/pattern2.png"><tr><td></td></tr>
</table>

<table width="100%"><tr><td bgcolor="#F5EEE4" style="border:1px dotted #DCCAB1;">
<div>
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
/
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog</a>
/
<a href="{Permalink}">Read More!</a>
</div>
</td></tr></table>

</div>

{/block:Posts}

<div id="post3">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">Previous</a>
{/block:PreviousPage}

{block:JumpPagination length="10"}
{block:CurrentPage}
<span>{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

{block:NextPage}
<a href="{NextPage}">Next</a>
{/block:NextPage}
{/block:Pagination}

<br><br>
<div></div>
<center>Theme by: <a href="http://kawaiisecrets.tumblr.com" target="_blank">KAWAIISECRETS</a>. Powered by: <a href="http://tumblr.com" target="_blank">Tumblr</a>.</center>
</div>

</div>
</body></html>

		
					
					
				
			
		
		Tags: themes

		
				
		

		
			
		
			About the Author	
			
			
			
			Tumble Guy Tumble Guy is the chief-monster-editor and founder of Tumbtips. He writes killer tutorials for Tumblr, provides great tips for budding Tumblr superstars, and thinks you should like Tumbtips Facebook page and follow them on Tumblr.	
			
		
		
		
	
			Related Posts
			
				
											
								
								
									
									
																		
									
									
									
									Flourescent Tumblr Theme Code →
								
								

								
														
								
								
									
									
																		
									
									
									
									Ettudis 9 Tumblr Theme Code →
								
								

								
														
								
								
									
									
																		
									
									
									
									Choosing the Perfect Tumblr Avatar →
								
								

								
														
								
								
									
									
																		
									
									
									
									Peaches n’ Cream Tumblr Theme Code →
								
								

								
														
							

							
											
		

		
		

		
				
		
				
				
			
			



					
		
			Cancel Reply