Peaches n’ Cream Tumblr Theme Code
Published by Tumble Guy on February 24th, 2012 | themes
Peaches n’ Cream Tumblr Theme
Copy the entire code below and paste it to your theme’s HTML:
Peaches n’ Cream Tumblr Theme – Kawaii Tumblr Themes
<!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">
<!--</pre>
THEME BY: vivite.tumblr.com
PLEASE DON'T REMOVE CREDITS! Thank you! 
Background Credits: Fivepointsapart
-->
<html>
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="color:background" content="#ffffff" />
<meta name="color:entry background" content="#ffffff" />
<meta name="color:entry" content="#ffffff" />
<meta name="color:entry text" content="#999999" />
<meta name="color:entry bold" content="#E98976" />
<meta name="color:entry italic" content="#999999" />
<meta name="color:post underline" content="#E98976" />
<meta name="color:sidebar" content="#ffffff" />
<meta name="color:sidebar text" content="#999999" />
<meta name="color:info bold" content="#E98976" />
<meta name="color:info italic" content="#999999" />
<meta name="color:link" content="#E98976" />
<meta name="color:link hover" content="#aeaeae" />
<meta name="color:sidelink" content="#ffffff" />
<meta name="color:sidelink hover" content="#E98976" />
<meta name="color:sidelink bg" content="#E98976" />
<meta name="color:sidelink bg hover" content="#ffffff" />
<meta name="color:navi link" content="#ffffff" />
<meta name="color:navi link hover" content="#E98976" />
<meta name="color:navi link bg" content="#E98976" />
<meta name="color:navi link bg hover" content="#ffffff" />
<meta name="color:blogtitle" content="#E98976" />
<meta name="color:perma bg" content="#ffffff" />
<meta name="color:nextpage arrow" content="#E98976" />
<meta name="color:nextpage arrow hover" content="#aeaeae" />
<meta name="color:nextpage arrow bg" content="#ffffff" />
<meta name="color:ask bg" content="#ffffff" />
<meta name="color:scrollbar face" content="#E98976" />
<meta name="color:scrollbar bg" content="#ffffff" />
<meta name="image:background" content="http://static.tumblr.com/h5tdsbo/Bdgm04w1r/tumblr_ls2e05cme11r3vazto3_500.png" />
<meta name="image:entry background" content="" />
<meta name="image:sidebar" content="http://static.tumblr.com/jtqlgf2/A5im1gsjt/image.png" />
<meta name="text:Link1" content="Link" />
<meta name="text:Link1URL" content="" />
<meta name="text:Link2" content="Link" />
<meta name="text:Link2URL" content="" />
<meta name="text:Link3" content="Link" />
<meta name="text:Link3URL" content="" />
<meta name="text:Link4" content="Link" />
<meta name="text:Link4URL" content="" />
<meta name="font:body" content="georgia" />
<meta name="font:sidebar" content="georgia" />
<meta name="if:ShowCaptions" content="0" />
<meta name="if:InfiniteScroll" content="0" />
<meta name="if:Bigger Posts" content="1" />
<meta name="if:HoveringPermalink" content="1" />
<meta name="if:ShowTags" content="0" />
<meta name="if:Links" content="1" />
<head>
<style type="text/css">
body {
background-color:{color:background};
background-image: url('{image:Background}');
background-attachment:fixed;
font-family:{font:body};
font-size:10px;
line-height:14px;
text-align:justify;}
::-webkit-scrollbar-thumb:vertical {
background-color: {color:scrollbar face};
height: 30px;}
::-webkit-scrollbar {
height: 30px;
width: 8px;
background-color: {color:scrollbar bg};}
iframe#tumblr_controls {
position: fixed !important;
right:2px !important;
-moz-transition: all 0.8s ease-out;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
opacity: 0.5;}
iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity: 1;}
#topborder{
position:fixed;
width:265px;
height:25px;
margin-left:-8px;
margin-top:-33px;
z-index:7;
border-radius: 0px 200px 0px 0px;
background-color:{color:sidebar};}
#blogtitle {
color:{color:blogtitle};
font-family: georgia;
font-size:13px;
line-height:10px;
font-style:italic;
padding-top:2px;
margin-left:-25px;
margin-top:-24px;
position:fixed;
height:25px;
overflow:hidden;
width:230px;
padding-left:20px;
border-left: 10px solid {color:link};
text-align:left;
letter-spacing:5px;
z-index:99;}
#posts {
margin-left:100px;
margin-top:-10px;
width:415px;
{block:IfBiggerPosts}width:515px;{/block:IfBiggerPosts}
padding-left:8px;
padding-right:8px;
padding-top:8px;
background-color:{color:entry background};
background-image: url('{image:entry Background}');
background-attachment:fixed;}
.post {
{block:IfNotBiggerPosts}width:410px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}width:510px;{/block:IfBiggerPosts}
}
.entries {
color:{color:entry text};
overflow:hidden;
background-color:{color:entry};
{block:IfBiggerPosts}width:500px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:400px;{/block:IfNotBiggerPosts}
margin-bottom:10px;
position:relative;
z-index:6;
text-align:justify;
letter-spacing:1px;
line-height:13px;
font-size:10px;
font-family:{font:body};
border: 8px solid {color:entry};
}
{block:IfHoveringPermalink}
.entries:hover .perma{
bottom:-6px;
opacity:1;}
{/block:IfHoveringPermalink}
.entries a{
color:{color:link};
text-decoration:none;
}
.entries a:hover {
color:{color:link hover};
text-decoration:none;
}
.entries h1 {
font-family: georgia;
font-size:11px;
letter-spacing:2px;
text-align:center;
text-transform:lowercase;
padding-bottom:8px;
border-bottom: 1px dashed {color:post underline};
}
.entries h2 {
font-family: arial;
font-weight:normal;
font-style:Italic;
font-size:14px;
padding-left:10px;
padding-right:10px;
letter-spacing:2px;
text-align:left
padding-bottom:4px;
margin-top:-5px;
margin-left:10px;
border-left: 0px solid {color:post underline};
}
.entries h3 {
font-family: georgia;
font-size:12px;
font-style:italic;
letter-spacing:3px;
line-height:12px;
text-align:center;
padding-bottom:4px;
margin-left:6px;
padding-top:3px;
padding-left:10px;
border-left: 10px solid {color:post underline};
border-right: 10px solid {color:post underline};}
.entries img {
{block:IfNotBiggerPosts}max-width:400px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}max-width:500px;{/block:IfBiggerPosts}
opacity:.7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.entries img:hover{
opacity:.8;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.entries b, strong{
color: {color:entry bold};
font-weight:heavy;}
.entries i, em{
color:{color:entry italic};
font-weight:normal;}
.ask {
border-radius: 30px 30px 0px 0px;
padding-left:6px;
padding-top:6px;
padding-right:11px;
font-style:italic;
border-bottom: 1px dashed {color:link};
background-color:{color:ask bg};
padding-bottom:4px;}
.answer{
padding-left:20px;
padding-bottom:4px;}
.chat{
padding-top:6px;
padding-left:6px;
line-height:14px;}
.audio{
background: #000;
display:block;
margin-bottom:0px;}
.photo {
opacity:.7;
border-radius: 0px 0px 30px 30px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.photo:hover{
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.quote {
font-size:22px;
margin-bottom:-15px;
margin-top:13px;
letter-spacing:1px;
font-family:georgia;
}
.perma{
left:0px;
margin-top:-5px;
margin-bottom:8px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
{block:IfHoveringPermalink}
bottom:-20px;
margin-left:-5px;
{block:IfBiggerPosts}width:480px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:380px;{/block:IfNotBiggerPosts}
{/block:IfHoveringPermalink}
{block:IfBiggerPosts}width:496px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:396px;{/block:IfNotBiggerPosts}
font-family: {font:body};
font-size: 9px;
{block:IfHoveringPermalink}position:absolute;{/block:IfHoveringPermalink}
{block:IfNotHoveringPermalink}position:relative;
margin-top:-10px;{/block:IfNotHoveringPermalink}
padding-right:20px;
padding-bottom:5px;
padding-top:5px;
background-color: {color:perma bg};
line-height:10px;
color: {color:link};
text-transform: lowercase;
text-align: center;
{block:IfHoveringPermalink}opacity:0;{/block:IfHoveringPermalink}
{block:IfNotHoveringPermalink}opacity:1;{/block:IfNotHoveringPermalink}
z-index:999;}
.perma a{
color: {color:link};
font-family:consolas;
font-size:10px;
letter-spacing:1px;
text-transform:lowercase;
text-decoration:none;
}
.perma a:hover {
color: {color:link hover};
}
{block:PermalinkPage}
.permalink {
{block:IfBiggerPosts}width:516px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:416px;{/block:IfNotBiggerPosts}
text-align: left;
margin-left:-10px;
padding-left:10px;
font-size:10px;
line-height:11px;
letter-spacing;1px;
font-family:georgia;
text-align:center;
color: {color:entry text};
text-transform: lowercase;
position: relative;
}
{/block:PermalinkPage}
.permalink a {
color: {color:link};
text-decoration: none;
font-family:consolas;
text-transform:lowercase;
letter-spacing:1px;
font-size:10px;
}
.permalink a:hover {
color: {color:link hover};
text-decoration: none;
}
ol.notes {
padding: 0px;
letter-spacing: 0px;
border: 0px;
color:{color:entry text};
list-style-type: none;
}
ol.notes a{
color:{color:link};
text-decoration:none;
}
ol.notes li.note {
padding: 1px;
color:{color:entry text};
letter-spacing: 0px;
text-align: left;
}
ol.notes li.note span.action {
font-weight: none;
text-decoration:none;
color:{color:entry text};
}
ol.notes li.note blockquote a {
text-decoration: none;
color:{color:link};}
#sidebar {
width:250px;
position:fixed;
z-index:15;
left:570px;
{block:IfBiggerPosts}left:670px;{/block:IfBiggerPosts}
top:38px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
z-index:99;
background-color: {color:sidebar};
color: {color:sidebar text};
border-radius: 200px;}
#sidebar img{
width:250px;
height:250px;
z-index:999;
opacity:1;
border-radius: 200px;
}
#rightside{
width:250px;
position:fixed;
font-family: georgia;
margin-top:50px;
text-align:justify;
padding-top:8px;
padding-left:8px;
padding-right:8px;
background-color: {color:sidebar};
color: {color:sidebar text};}
#rightside img{
border-radius:0px;
margin-bottom:-4px;
margin-left:-5px;
opacity:.8;
padding:6px;}
#mainlinks{
position:fixed;
width:250px;
margin-top:10px;
z-index:99;}
.mainlinks {
display:inline-block;
text-decoration:none;
color:{color:navi link};
font-family:consolas;
text-transform:uppercase;
letter-spacing:1px;
width:50px;
height:10px;
padding:5px;
background-color:{color:navi link bg};
text-align:center;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.mainlinks:hover {
background-color:{color:navi link bg hover};
color:{color:navi link hover};
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
#extra{
position:fixed;
width:200px;
margin-top:-155px;
margin-left:230px;
z-index:-999;}
.extra {
width:80px;
display:block;
height:10px;
padding-left:8px;
padding-right:2px;
margin-bottom:6px;
text-align:right;
background-color: {color:sidelink bg};
padding-bottom:6px;
border-radius: 0px 10px 10px 0px;
padding-right:10px;
text-decoration:none;
color:{color:sidelink};
font-family:consolas;
font-size:8px;
text-transform:uppercase;
letter-spacing:2px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
z-index:-999;}
.extra:hover{
padding-left:22px;
background-color: {color:sidelink bg hover};
text-align:right;
color:{color:sidelink hover};}
#info {
padding:6px;
line-height:13px;
font-family:{font:sidebar};}
#info a {
text-decoration:none;
color:{color:link};
font-size:9px;
letter-spacing:2px;
text-transform:lowercase;}
#info b, strong{
color:{color:info bold};
font-weight:heavy;}
#info i, em {
color:{color:info italic};
font-weight:normal;}
#pages {
position:fixed;
margin-top:-8px;
margin-left:1px;
width:50px;
z-index:9999;
text-align:center;
background-color: {color:nextpage arrow bg};
}
#pages a{
color:{color:nextpage arrow};
font-family:impact;
font-size:14px;
text-align:center;
text-decoration:none;
padding:8px;}
#pages a:hover{
color:{color:nextpage arrow hover};}
iframe#tumblr_controls {
position: fixed !important;
right:2px !important;
-moz-transition: all 0.8s ease-out;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
opacity: 0.5;}
iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity: 1;}
{CustomCSS}
</style>
{block:IfInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScroll}
</head>
<body>
<div id="sidebar">
<div align="center"><img src="{image:sidebar}"></div>
{block:IfNotInfiniteScroll}
<div id="pages">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
{/block:Pagination}
</div>
{/block:IfNotInfiniteScroll}
<div id="extra">
{block:IfLinks}
{block:IfLink1}<a href="{text:link1url}" class="extra">{text:link1}</a>{/block:IfLink1}
{block:IfLink2}<a href="{text:link2url}" class="extra">{text:link2}</a>{/block:IfLink2}
{block:IfLink3}<a href="{text:link3url}" class="extra">{text:link3}</a>{/block:IfLink3}
{block:IfLink4}<a href="{text:link4url}" class="extra">{text:link4}</a>{/block:IfLink4}
{/block:IfLinks}
</div>
<div id="rightside">
<div id="topborder"></div>
<div id=blogtitle>{title}</div>
<div id="info">
{Description}
</div>
<div id="mainlinks">
<a href="/" class="mainlinks">home</a>
<a href="/ask" class="mainlinks">ask</a>
<a href="/archive" class="mainlinks">archive</a>
<a href="http://vivite.tumblr.com" class="mainlinks">theme</a>
</div>
</div>
</div>
<div id="posts">
{block:Posts}
<div class="post">
<div class="entries">
{block:IfHoveringPermalink}
{block:IndexPage}
<div class="perma">
{block:Date}<a href="{Permalink}">{TimeAgo} {block:NoteCount} </a>| <a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">Reblog</a>{/block:NoteCount}</a>{/block:Date}</br>
{block:IfShowTags}{block:HasTags}tags: {block:Tags}
<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}
</div>
{/block:IndexPage}
{/block:IfHoveringPermalink}
{block:Text}
{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photo}
{block:Photoset}
{block:IfNotBiggerPosts}<div class="photo">{Photoset-400}</div>{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}<div class="photo">{Photoset-500}</div>{/block:IfBiggerPosts}
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photoset}
{block:Quote}
<div class="quote">&#10077;</div>
<h2>{Quote}</h2>
{block:Source}
<p align="right"><b>{Source}</b>{/block:Source}</p>
{/block:Quote}
{block:Link}
<h3>─ <a href="{URL}" {Target}>{Name}</a> ─ </h3>
{block:Description}
{Description}
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="chat">{block:Lines}
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}<br />
{/block:Lines}</div>
{/block:Chat}
{block:Video}
<div class="photo">{block:IfNotBiggerPosts}{Video-400}{block:IfNotBiggerPosts}
{block:IfBiggerPosts}{Video-500}{/block:IfBiggerPosts}</div>
<center><i>{FormattedPlayCount}</i> plays</center><br />
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Video}
{block:Audio}
<div class="audio">{AudioPlayerBlack}</div>
{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Audio}
{block:Answer}
<img src="{AskerPortraitURL-24}" border="0" style="float:left;margin:4px; padding-bottom:2px; padding-left:2px; border-radius:10px; opacity:1;"><div class="ask">{Asker} <b>sent:</b> {Question}</div>
<div class="answer">{Answer}</div>
{/block:Answer}
</div>
{block:IfNotHoveringPermalink}
{block:IndexPage}
<div class="perma">
{block:Date}<a href="{Permalink}">{TimeAgo} {block:NoteCount} </a>|<a href="{Permalink}"> {NoteCountWithLabel} </a>| <a href="{ReblogURL}" target="_blank">Reblog</a>{/block:NoteCount}</a>{/block:Date}</br>
{block:IfShowTags}{block:HasTags}tags: {block:Tags}
<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}
</div>
{/block:IndexPage}
{/block:IfNotHoveringPermalink}
</div>
{block:PermalinkPage}
<div class="permalink">
{block:RebloggedFrom}
<div style="font-family: {font:body};
font-size: 10px;
height:15px;
padding-right:20px;
padding-bottom:5px;
padding-top:5px;
margin-bottom:10px;
line-height:10px;
letter-spacing:1px;
color: {color:entry text};
text-transform: lowercase;
text-align: center;">
<b>posted</b>:{TimeAgo} // {Month} {DayOfMonth}, {ShortYear}<br>
<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> // <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
{block:HasTags}tags: {block:Tags}
<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
<div style="text-decoration:none;">{block:PostNotes}
{PostNotes}
{/block:PostNotes}</div>
</div>
{/block:PermalinkPage}
{/block:Posts}
</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.
