Kawaii 06 Tumblr Theme Code
Published by Tumble Guy on February 21st, 2012 | themes
Kawaii 06 - Cute Tumblr Theme Code<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>{Title}</title> <link rel="shortcut icon" href="{FavIcon}" /> <style type="text/css"> @font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); } body{ background:url() #F9E6E0; 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: 8px; color:#C0A695; font-family:tinytots; text-decoration:none; text-transform: uppercase; } .description { font-family: tinytots; font-size: 8px; text-transform: uppercase; } #post { background:url(); background-color: #FBF1ED; float:left; width:480px; padding:10px; margin:5px; border:1px solid #F1E9DD; } #post2 { background:url(); background-color: #FBF1ED; float:left; width:480px; padding:10px; margin:5px; border:1px solid #F1E9DD; } #wrapper{ width:100%; margin:auto; position:relative; margin-top:0px; } #body{ width:720px; margin:auto; margin-top:25px; } #side { width:210px; float:left; margin-top:5px; } #sidebar{ background:url() #FBF1ED; width:200px; float:left; padding:5px; margin-bottom:10px; border:1px solid #F1E9DD; } .sidenav { width:200px; } .topnavbg { background:#FFA1BC; 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:tahoma; font-size:12px; } .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:10px; 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:10px; 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:500px; float:left; margin-left:5px; } .border{border-bottom:1px solid #FEE3EB;margin-bottom: 7px; -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,.5); -moz-box-shadow: 1px 1px 1px rgba(255,255,255,.5); box-shadow: 1px 1px 1px rgba(255,255,255,.5);} h1 {color:#C0A681;} h2 {color:#FFA1BC;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:#FFA1BC; text-transform:none;} b {color: #FF74B2;} s {color: #868787;} i {color: #C2B971;} u {font-color: #5A93A1;} a:link, a:visited, a:active { text-decoration: none; color:#FF99B7; 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:8px; 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 { border: 10px solid #FFFFF5; padding: 0px; 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:#FFA1BC; 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:#FFBBBB; font-weight:bold; font-size:11px; 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: #FF99B7; color: #ffffff; } .pink2.awesome{ background-color: #FF99B7; 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: #FFA1BC; border:0px; color:#fff; font-family:Helvetica; } input[type=text] { width: 135px; background-color: #FFCFDD; 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" bgcolor="#FFE3E3" background="http://static.tumblr.com/g8yc4rs/uxvlz9hr9/pattern.png"><tr><td></td></tr> </table> <table width="100%"><tr><td> <div>{block:Date}{DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</div> </td><td align="right"> <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></div> {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>“{Quote}”</h4>{block:Source}{Source}{/block:Source}</center> {/block:Quote} {block:Link} <a href="{URL}" id="postlink" {Target}><h2>{Name}→</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} {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> {/block:Posts} <div id="post2"> {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>


