Ettudis 9 Tumblr Theme Code
Published by Tumble Guy on February 24th, 2012 | themes
Ettudis Tumblr Theme
Ettudis 9 Tumblr Theme – Cute Tumblr Themes
<!--
Tumblr Theme 009 VERSION 2 (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
CONTACT INFO [email: admin@ettudis.three-words.net]
FOLLOW THEME BLOG [http://ettudis.tumblr.com]
TERMS OF USE [http://ettudis.tumblr.com/post/8327340215/terms-of-usage]
-->
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<meta name="color:background" content="#F9F9F9" />
<meta name="color:sidebar background" content="EFEFEF" />
<meta name="color:sidebar text" content="#666666" />
<meta name="color:side image border" content="#222222" />
<meta name="color:side image border hover" content="#111111" />
<meta name="color:links hover" content="#FFFFFF" />
<meta name="color:post background" content="#F2f2f2" />
<meta name="color:post background 2" content="#f6f6f6" />
<meta name="color:post text" content="#999999" />
<meta name="color:post text link" content="#666666" />
<meta name="if:side image" content="1"/>
<meta name="if:Show pagination" content="0"/>
<meta name="image:side" content=""/>
<meta name="image:background" content=""/>
<meta name="image:sidebar background" content=""/>
<meta name="image:sidebar links hover" content=""/>
<meta name="image:side image border" content="http://i53.tinypic.com/2hrpxub.jpg"/>
<meta name="image:post background" content=""/>
<meta name="image:post background 2" content=""/>
<meta name="text:previous button" content="-"/>
<meta name="text:next button" content="+"/>
<meta name="text:Link 1 Title" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 5 Title" content="" />
<meta name="text:Link 5" content="" />
<style type="text/css">
body {
font: 10px consolas, monospace, sans-serif;
margin: 0px;
padding:0px;
background:{color:background} url('{image:background}') fixed;
}
a {
text-decoration: none;
}
small {
font-size:9px!important;
}
#sidebar {
left: 10px;
top: 35px;
position:fixed;
width: 180px;
padding: 15px;
background:{color:sidebar background} url('{image:sidebar background}');
}
#simage {
max-width: 150px;
height: auto;
}
#sideimage a {
padding: 12px;
max-width: 150;
height: auto;
display: block;
margin-bottom:5px;
background:{color:side image border hover} url('{image:side image border}');
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#sideimage a:hover{
background:{color:side image border} url('none');
}
#desc {
color: {color:sidebar text};
font: 10px consolas, monospace, sans-serif;
letter-spacing: 1px;
margin-top: 3px;
}
#desc a{
padding: 3px;
color: {color:sidebar text};
margin-bottom: 2px;
background:{color:side image border} url('none');
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
}
#desc a:hover {
background:{color:side image border hover} url('{image:sidebar links hover}');
color:{color:links hover} ;
}
#title a{
font: 36px/20px "Courier New", Courier, monospace;
color: {color:sidebar text};
text-transform: uppercase;
letter-spacing: -2px;
}
#title a:hover{
color: {color:links hover};
}
#asker {
margin: 10px;
background:{color:sidebar background} ;
}
#asker a{
color: {color:post text link};
}
#quote {
padding: 5px;
font: 20px/18px "Courier New", Courier, monospace;
text-transform:uppercase;
letter-spacing: -1px;
}
h1 {
font-size: 18px;
text-transform: uppercase;
font-weight:normal;
letter-spacing: -1px;
padding: 0px;
margin: 0px;
color: {color:post text link};
}
h1 a{
text-decoration:none;
color: {color:post text link};
}
#entry {
font-size: 10px;
letter-spacing: 1px;
color: {color:post text};
}
#content {
padding: 7px;margin: 7px;
background: {color:post background} url('{image:post background}');
width: 420px;
}
#content2{
padding: 5px;
font-size: 10px;
letter-spacing: 1px;
color: {color:post text};
background: {color:post background 2} url('{image:post background 2}');
overflow:hidden;
width: 410px;
}
.container{float:left;}
#content2 a{
color: {Color:post text link};
}
#nav {
text-align:center;
font-size:9px;
}
#quotesource {
display: block;
text-align: center;
}
#quotesource a {
font-style: italic;
text-decoration:none;
letter-spacing: 1px;
color: {color:post text link};
}
#quotesource a:hover {
color: {color:linkcolor};
}
#chat {
font-style: normal!important;
}
.label {
text-transform: uppercase;
color: {color:header background};
padding-right: 5px;
}
.person1 .label {
padding-right: 5px;
text-transform: uppercase;
color: {color:post text link};
}
ul {
list-style:none;
letter-spacing: 1px;
padding-left: 5px;
}
#audio {
border: 1px solid #000000;
width: 300px;
margin-left: 15px;
background: #000000;
}
#audiotext {
padding: 0px;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 25px;
text-transform: lowercase;
font-style:italic;
}
#audiotext a {
font-weight: normal;
text-decoration: none;
color: {color:post text link};
}
.caption {
text-transform: lowercase;
text-align: left;
width: 400px;
}
#source {
letter-spacing: 0px;
padding-left: 15px;
}
#source a {
color: {color:post text link};
text-transform: lowercase;
text-decoration: none;
}
#notes a{
margin-top: 3px;
display: inline;
text-decoration: none;
padding: 2px;
text-transform: lowercase;
color: {color:post text link};
background: {color:background};
margin: 2px;
}
#post {
margin-bottom: 50px;
}
#text a, #content a{
color: {Color:post text link};
}
#text a:hover, #content a:hover{
background-color: {Color:background};
}
#nav a{
font: 10px "Courier New", Courier, monospace;
color: {color:sidebar text};
text-transform: uppercase;
letter-spacing: -1px;
}
#nav a:hover{
color: {color:links hover};
}
#tags a{
color: {Color:post text link};
margin-right: 5px;
}
#tags a:hover{
color: {color:background};
}
#captiona a{
color: {color:post text link};
}
#note {
background: {color:post background 2} url('{image:post background 2}');
}
#note a{
color: {color:post text link};
}
div.perma a {
font: 11px/9px "Courier New", Courier, monospacef;
text-align:left;
position:relative;
left:0px;
width:440px;display: block;
text-transform:uppercase;
color: {color:links hover}!important;
background:{color:side image border} url('{image:side image border}');
line-height:20px;
}
div.perma {
opacity: 0;
filter:alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;height: 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
div.date:hover div.perma {
opacity: 1;
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}
#text, #captiona{
{block:iflargepost}width: 500px;{/block:iflargepost}
{block:ifnotlargepost}width: 400px;{/block:ifnotlargepost}
overflow: hidden;
}
#text img, #captiona img{
max-width:300px;
}
#wrapper {
position: absolute; left: 230px;top: 5px;width: 900px;float:left;
}
b, strong {
font: bold 10px consolas, tahoma, verdana, helvetica, sans-serif;
}
em, i{
font: italic 11px times new roman, serif;
}
blockquote{
background: {color:sidebar background};border-left: 5px solid {color:side image border}; padding-left: 5px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ettudis.three-words.net/js/masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('#all').masonry(),
$('.masonryWrap').infinitescroll({
itemSelector : ".container",
},
function() { $('#all').masonry({ appendedContent: $(this) }); }
);
});
</script>
</head>
<body>
<div id="sidebar">
<div id="sideimage" align="center">{block:IfsideImage}<a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a>{/block:IfsideImage}</div>
<div id="title"><a href="/" alt="{Title}">{Title}</a></div>
<div id="desc">{block:Description}{Description}{/block:Description}
<p> {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
{block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
<a href="/archive">archives</a>
<a href="/ask">message</a>
<a href="http://ettudis.three-words.net">© theme</a> </div>
<div id="nav">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">{text:previous button}</a>
{/block:PreviousPage}/
{block:ifshowpagination}{block:JumpPagination length="5"}
{block:CurrentPage}
<span>{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}{/block:ifshowpagination}
/{block:NextPage}
<a href="{NextPage}">{text:next button}</a>
{/block:NextPage}
{/block:Pagination}
</div>
</div>
<div id="wrapper">
<div id="all">{block:posts}<div><div id="content">
<div id="content2">
<div>
{block:IndexPage}<div>{block:Date}<a href="{Permalink}"><font style="font-size:24px!important;">*</font>{ShortMonth}{DayOfMonthWithZero}{Year}</a>{/block:Date}</div>{/block:IndexPage}
{block:Text}
<h1>{block:Title}<a href="{Permalink}">» {Title}</a>{/block:Title}</h1>
<div id="text">{Body}</div>
{/block:Text}
<div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" style="max-width: 400px;" border="0" />{LinkCloseTag}{/block:Photo}</div>
<div align="center">{block:Photoset}{Photoset-400}{/block:Photoset}</div>
<div align="center">{block:Video}{Video-400}{/block:Video}</div>
{block:Quote}
<div id="quote" align="center">“{Quote}” </div>
<div id="quotesource" align="center">{block:Source}— {Source}{/block:Source}</div>
{/block:Quote}
{block:Link}
<h1>» <a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}{/block:Link}
{block:Chat}{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
<div id="chat">
<ul>
{block:Lines}
<li>{block:Label}<span>{Label}</span>{/block:Label}{Line}</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Audio}
<div id="audiotext">{PlayCountWithLabel}</div><table width="300" border="0" height="50" cellspacing="0" cellpadding="0" style="margin-left: 15px">
<tr>
<td width="50">
{block:AlbumArt}<img src="{AlbumArtURL}" width="50">{/block:AlbumArt}</td>
<td width="250" id="audio">
{AudioPlayerBlack}
</td>
</tr>
</table>
<div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
{/block:Audio}
{block:Answer}
<div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
<div id="answer">{Answer}</div>
{/block:Answer}
<div id="captiona">{block:Photo} {block:Caption}
<div style="overflow:hidden">{Caption}</div>
{/block:Caption}{/block:Photo}
{block:Video}{block:Caption}
<div style="overflow:hidden">{Caption}</div>
{/block:Caption}{/block:Video}
{block:Photoset}{block:Caption}
<div style="overflow:hidden">{Caption}</div>
{/block:Caption}{/block:Photoset}</div>
<div id="source">{block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}</div>
<p>
<span id="notes"><a href="{Permalink}" title="permalink to this post">{block:NoteCount}{NoteCount} notes{/block:NoteCount}</a></span>
<span id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} </span>
</div>
</div> <div id="note">{block:PostNotes}{PostNotes}{/block:PostNotes} </div>
</div></div>
{/block:Posts}</div>
</div>
</body>
</html>
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 →
Choosing the Perfect Tumblr Avatar →
Peaches n’ Cream Tumblr Theme Code →
