Floral Tumblr Theme

Select the style of the Floral theme you prefer and past the code into your customize section on tumblr..

Floral Tumblr Theme



<html>
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
		<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
		<script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}
		<style type="text/css">
		body {
			background:url('http://www.wewantlayouts.com/gfx/fc5568_floral.gif') repeat #fc5568;
			margin:25px 0;
			background-attachment:fixed;
			text-align:center;
			font:13px 'Istok Web', sans-serif;
			color:white;
		}
		
		.postnotes {
			display:block;
			text-align:right;
			padding:5px;
			font:10px 'Istok Web', sans-serif;
		}
		
		.postnotes a, .postnotes a:link, .postnotes a:active, .postnotes a:visited {
				font:10px 'Istok Web', sans-serif;
				text-decoration:none;
				border:none;
		}
		
		blockquote {
			padding:0;
			margin:0;
		}
		
		#container {
			width:723px;
			margin:0 auto;
			text-align:left;
		}
		
		a, a:link, a:active, a:visited {
			font:18px 'Yellowtail', cursive;
			color:white;
			text-decoration:none;
			border-bottom:1px dotted #fff;
		}
		
		#left {
			float:left;
			width:133px;
			background:#000;
			padding:15px;
			margin:0 15px 0 0;
			border-top:8px solid #343434;
			border-bottom:8px solid #343434;
		}
		
		.reblog {
			text-align:right;
			padding:5px;
		}
		
		.reblog a, .reblog a:active, .reblog a:visited, .reblog a:link {
			color:white;
			background:#343434;
			padding:3px 10px;
			margin:8px 0;
			border:none;
			font:10px 'Istok Web', sans-serif;
		}
		
		#right {
			float:left;
			width:530px;		}
		
		.clear {
			clear:both;
		}
		
		.post {
			background:black;
			margin:0 0 15px 0;
			color:white;
			width:500px;
			padding:15px;
			border-top:8px solid #343434;
			border-bottom:8px solid #343434;
		}
		

		
		.avatarz {
			width:133px;
			height:133px;
			margin:5px 0;
			background:url('{PortraitURL-128}') repeat transparent;
			position:relative;
		}
		
		.avoverlay {
			position:absolute;
			top:0;
			left:0;
			width:133px;
			height:133px;
		}
		
		h1 {
			font:40px/30px 'Oswald', sans-serif;
			text-transform:lowercase;
			padding:10px 0 0 0;
			margin:0;
			color:#fff;
			text-shadow:#000 1px 1px 1px;
		}
		
		h3 {
			font:25px 'Oswald', sans-serif;
			text-transform:lowercase;
			padding:10px 0;
			margin:0;
			color:#fff;
		}
		
		p#description {
			font:30px 'Yellowtail', cursive;
			text-transform:lowercase;
			padding:0;
			margin:0;
			color:#fff;
			text-shadow:#000 1px 1px 1px;
		}
		
		.navo {
			width:133px;
		}
		
		.navo a, .navo a:link, .navo a:active, .navo a:visited {
			display:block;
			width:113px;
			padding:5px 10px;
			color:white;
			font:13px 'Istok Web', sans-serif;
		}
		
		.navo a:hover {
			background:#343434;
		}
.buttonz {
position:absolute;top:0px;left:0px;border:0px;
}

.buttonz a, .buttonz a:link, .buttonz a:active, .buttonz a:visited {
border:none;
padding:0;
}
		</style>
    </head>
    <body>
	
	<div id="container">
	        <h1>{Title}</h1>
			        {block:Description}
  
			            <p id="description">{Description}</p>
						
						      {/block:Description}
		<div id="left">

		<div class="avatarz">
			<img class="avoverlay" src="http://www.wewantlayouts.com/lytimgs/av_blackoverlay.png" />
		</div>
		

<div class="navo">
<a href="/">Home</a>
{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}    
<a href="/archive" id="archives">Archives</a>
<a href="/rss" id="rss">RSS</a>
<a href="/random">Random</a>
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
<a href="http://www.wewantlayouts.com" id="theme">Theme</a>
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages} 
{/block:HasPages}
</ul>	
</div>

		</div>
		<div id="right">
            {block:Posts}
                {block:Text}
                    <div class="post text">
							<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
											<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Text}

                {block:Photo}
                    <div class="post photo">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
					     <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
						<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
                   
                    </div>
                {/block:Photo}

                {block:Photoset}
                    <div class="post photoset">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {Photoset-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
											<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Photoset}

                {block:Quote}
                    <div class="post quote">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
											<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Quote}

                {block:Link}
                    <div class="post link">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
										<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Link}

                {block:Chat}
                    <div class="post chat">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {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="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Chat}

                {block:Video}
                    <div class="post video">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {Video-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
											<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Video}

                {block:Audio}
                    <div class="post audio">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
											<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Audio}
            {/block:Posts}
		</div>
		<div class="clear"></div>
		<div id="footer">

        <p id="footer">
            {block:PreviousPage}
                <a href="{PreviousPage}">« Previous</a>
            {/block:PreviousPage}

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

            <a href="/archive">Archive</a>
        </p>
		</div>
<div class="buttonz"><a href="http://www.wewantlayouts.com" title="Tumblr Themes" target=_blank><img src="http://www.wewantlayouts.com/getsome.png" alt="Tumblr Themes" border=0></a></div>
    </body>
</html>

Floral Tumblr Theme



<html>
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
		<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
		<script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}
		<style type="text/css">
		body {
			background:url('http://www.wewantlayouts.com/gfx/fc5568_floral.gif') repeat #fc5568;
			margin:25px 0;
			background-attachment:fixed;
			text-align:center;
			font:13px 'Istok Web', sans-serif;
			color:000;
		}
		
		.postnotes {
			display:block;
			text-align:right;
			padding:5px;
			font:10px 'Istok Web', sans-serif;
		}
		
		.postnotes a, .postnotes a:link, .postnotes a:active, .postnotes a:visited {
				font:10px 'Istok Web', sans-serif;
				text-decoration:none;
				border:none;
		}
		
		blockquote {
			padding:0;
			margin:0;
		}
		
		#container {
			width:723px;
			margin:0 auto;
			text-align:left;
		}
		
		a, a:link, a:active, a:visited {
			font:18px 'Yellowtail', cursive;
			color:black;
			text-decoration:none;
			border-bottom:1px dotted #000;
		}
		
		#left {
			float:left;
			width:133px;
			background:#fff;
			padding:15px;
			margin:0 15px 0 0;
			border-top:8px solid #e4e4e4;
			border-bottom:8px solid #e4e4e4;
		}
		
		.reblog {
			text-align:right;
			padding:5px;
		}
		
		.reblog a, .reblog a:active, .reblog a:visited, .reblog a:link {
			color:#000;
			background:#e4e4e4;
			padding:3px 10px;
			margin:8px 0;
			border:none;
			font:10px 'Istok Web', sans-serif;
		}
		
		#right {
			float:left;
			width:530px;		}
		
		.clear {
			clear:both;
		}
		
		.post {
			background:#fff;
			margin:0 0 15px 0;
			color:#000;
			width:500px;
			padding:15px;
			border-top:8px solid #e4e4e4;
			border-bottom:8px solid #e4e4e4;
		}
		

		
		.avatarz {
			width:133px;
			height:133px;
			margin:5px 0;
			background:url('{PortraitURL-128}') repeat transparent;
			position:relative;
		}
		
		.avoverlay {
			position:absolute;
			top:0;
			left:0;
			width:133px;
			height:133px;
		}
		
		h1 {
			font:40px/30px 'Oswald', sans-serif;
			text-transform:lowercase;
			padding:10px 0 0 0;
			margin:0;
			color:#fff;
			text-shadow:#000 1px 1px 1px;
		}
		
		h3 {
			font:25px 'Oswald', sans-serif;
			text-transform:lowercase;
			padding:10px 0;
			margin:0;
			color:#000;
		}
		
		p#description {
			font:30px 'Yellowtail', cursive;
			text-transform:lowercase;
			padding:0;
			margin:0;
			color:#fff;
			text-shadow:#000 1px 1px 1px;
		}
		
		.navo {
			width:133px;
		}
		
		.navo a, .navo a:link, .navo a:active, .navo a:visited {
			display:block;
			width:113px;
			padding:5px 10px;
			color:#000;
			font:13px 'Istok Web', sans-serif;
		}
		
		.navo a:hover {
			background:#e4e4e4;
		}
.buttonz {
position:absolute;top:0px;left:0px;border:0px;
}

.buttonz a, .buttonz a:link, .buttonz a:active, .buttonz a:visited {
border:none;
padding:0;
}
		</style>
    </head>
    <body>
	
	<div id="container">
	        <h1>{Title}</h1>
			        {block:Description}
  
			            <p id="description">{Description}</p>
						
						      {/block:Description}
		<div id="left">

		<div class="avatarz">
			<img class="avoverlay" src="http://www.wewantlayouts.com/lytimgs/av_whiteoverlay.png" />
		</div>
		

<div class="navo">
<a href="/">Home</a>
{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}    
<a href="/archive" id="archives">Archives</a>
<a href="/rss" id="rss">RSS</a>
<a href="/random">Random</a>
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
<a href="http://www.wewantlayouts.com" id="theme">Theme</a>
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages} 
{/block:HasPages}
</ul>	
</div>

		</div>
		<div id="right">
            {block:Posts}
                {block:Text}
                    <div class="post text">
							<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
											<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Text}

                {block:Photo}
                    <div class="post photo">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
					     <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
						<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
                   
                    </div>
                {/block:Photo}

                {block:Photoset}
                    <div class="post photoset">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {Photoset-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
											<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Photoset}

                {block:Quote}
                    <div class="post quote">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
											<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Quote}

                {block:Link}
                    <div class="post link">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
										<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Link}

                {block:Chat}
                    <div class="post chat">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {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="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Chat}

                {block:Video}
                    <div class="post video">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {Video-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
											<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Video}

                {block:Audio}
                    <div class="post audio">
					<div class="reblog"><a href="{ReblogURL}">reblog</a></div>
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
											<div class="postnotes"><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a> → {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

                    </div>
                {/block:Audio}
            {/block:Posts}
		</div>
		<div class="clear"></div>
		<div id="footer">

        <p id="footer">
            {block:PreviousPage}
                <a href="{PreviousPage}">« Previous</a>
            {/block:PreviousPage}

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

            <a href="/archive">Archive</a>
        </p>
		</div>
<div class="buttonz"><a href="http://www.wewantlayouts.com" title="Tumblr Themes" target=_blank><img src="http://www.wewantlayouts.com/getsome.png" alt="Tumblr Themes" border=0></a></div>
    </body>
</html>

Floral SKINNY Tumblr Theme


<html>
<head> <title>{block:PostTitle}{PostTitle} -{/block:PostTitle} {Title}</title>
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
<meta name="if:Show Notes" content="1" />
<meta name="if:Submit" content="1"/>
<meta name="if:Show RSS Link" content="1" /> 
</head>


<style type="text/css">


body {
color: #191919;
background-color: #ffffff;
background:url('http://www.wewantlayouts.com/gfx/fc5568_floral.gif') repeat #fc5568;
background-attachment:fixed;
font: normal 12px/1.5em arial;
margin: 0;
text-align:center;
padding: 3em 0 0;      
}


		#title {
			width:420px;
			font-size:160%;
			text-align:left;
			height:70px;
			margin:0 auto;
		}

a, a:visited, a:active {
color: #191919;
text-decoration: none;


}

a:hover {
	color: #666;
	text-decoration: none;
}
    
a img {
border: 0;

}

h2, h3, h4, h6 {

font-weight: normal;

}


.tittle a{
	font-size:12px;
	text-decoration:none;
	font-weight:700;
}
p, ul, ol {
margin: 1em 0 1em;

}

ul, ol, blockquote {
padding-left: 0.50em;
margin-left: 2.5em;

}

blockquote {
display: block;


}

ul {
list-style: square;

}

ol {
list-style: none;

}
    
a img{
border: 0;

}   
ol.notes {
	 padding:1px;margin:1px 1px;list-style-type:none;border-bottom:solid 1px #ccc;text-align:left;}



      ol.notes li.note {border-top:solid 0px #ccc;padding:5px; }



      ol.notes li.note img.avatar {vertical-align:-4px;margin-right:10px;width:16px;height:16px;}



      ol.notes li.note span.action {font-weight:bold; }



      ol.notes li.note .answer_content {font-weight:normal;}



      ol.notes li.note blockquote {border-left:2px solid #eee;padding:4px 10px;margin:10px 0px 0px 25px;}



      ol.notes li.note blockquote a {text-decoration: none;}

			
#disqus_thread #dsq-content #dsq-comments .dsq-comment-header { 
background: transparent; 
border-bottom: 0px solid #CCC;
margin-left: 0;
    
}

#disqus_thread #dsq-content h3 { 
color: #333;
font-size: 1em;
text-transform: uppercase;
margin-top: 5em;

}

#disqus_thread #dsq-content #dsq-comments .dsq-comment-body, #disqus_thread #dsq-content #dsq-comments .dsq-comment-footer { 
margin-left: 0;

}

#disqus_thread #dsq-content #dsq-comments .dsq-comment-footer {
font-size: .8em;
text-transform: uppercase;

}
    
#disqus_thread #dsq-content #dsq-comments .dsq-comment-rate {
display: none; 
      
}
    
#disqus_thread #dsq-content #dsq-options-toggle { 
display: none; 
    
}

.speechbubble {
margin-right: .2em;
      
}
   
/* BASIC LAYOUT */
#contain{
	margin: 0 auto;
	margin-top:-15px;
width: 460px;
background-color:#ffffff;
-moz-border-radius: 15px;
border-radius: 15px;



      
}


.navlist ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.navlist ul li {
	padding:0;
	margin:0;
}

.navlist ul li a, .navlist ul li a:visited, .navlist ul li a:active {
	display:block;
	font:10px arial;
	padding:2px 5px;
	margin:1px;
	color:#5e5e5e;
	}
	
	.navlist ul li a:hover {
		color:white;
		}
	
#footer-container {
margin: 0 auto;
width: 750px;
}

/* SIDEBAR */
#leftsidebar {
float: left;
margin: 10px;
padding:5px;
width:160px;
text-align:center;
position:fixed;
background-color:#dcdcdc;
-moz-border-radius: 15px;
border-radius: 15px;
   
}
    
li.dsq-widget-item { 
padding-bottom: 1em;
margin-bottom: 1em;
       
}
    
a.dsq-widget-user {
display: block; 
    
}

#leftsidebar p {
font-size: 11px;
line-height:13px;

}
















    

    

/* FOOTER */

#footer-container {
margin: 0;
font-size: .9em;
padding: 10px;
border-top: 0px solid #333;
width: 100%;

}


/* PREVIOUS-NEXT LINKS */  

#pagination {
padding-bottom:10px;



}

#pagination a, #pagination a:visited, #pagination a:active {
text-decoration: none;

}

#pagination #prev {
float:left;
font-size:14px;
font-weight:bold;

}

#pagination #next {
float:right;
margin-right:10px;
font-weight:bold;
font-size:14px;
margin-top:-20px;

}
#pagination .middle {
	display:block;
	padding-left:100px;
	
}


/* CONTENT */
    
#content {
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
text-align:left;
margin-left:215px;
background:#ffffff;
width: 270px;
bottom:100px;
-moz-border-radius: 15px;
border-radius: 15px;


      
}

#content .date {
color: #191919;
display: block;
font-size: 11.3px;
margin-bottom: 3px;
margin-right: 15px;
padding-bottom:10px;
margin-top:-4px;
     
}
#content .date a{
color: #191919;}
#content h2 a{
text-decoration: none;
    
}
    
.reblog {
display: block;
margin-bottom: 0px;
      
}
    
.post-footer {
display: block;
color: #191919;
padding-top: .50em;
font-size: .8em;
text-align: right;
border-top:0px solid #BABABA;
margin-top: 3px;
      
}

.post-footer .permalink {
margin-left: 1em;
text-decoration: underline;

}

.post-footer .permalink:hover {
text-decoration: none;

}
    
.post-footer .tags {
display: block;
text-transform: uppercase;
float: left;

}
    
.post-footer .when {
padding: 0 .2em 0 .5em;
color: #191919;
text-transform: uppercase;

}

.regular, .quote, .link, .photo, .conversation, .video, .audio {
margin: 0 0 0px;

}

.regular img{
margin-left: 1em;

}

#content h5 {
color: #191919;
font-size: 17px;
font-weight: bold;

padding: 0;



}

.link .arrow{
margin-left: .2em;

}

.link h5 a {
text-decoration: none;

}
    
.quote .words {
color: #191919;
font-size: 1.5em;
font-weight: bold;
text-align: justify;
display: block;
      
}

.quote .source {
display: block;
margin-top: 1em;
padding: 0;

}

.link .link-body, .quote .quote-body {
margin-top: 1em;
margin-bottom: 1em;

}
    
.quote .arrow, .reblog .arrow {
margin-right: .2em;

}

.conversation ul {
list-style: none;
padding: 0 1em 0 0;
margin-left: 0;
            
}
    
conversation ul li{
list-style: none;
padding: 0 1em;
            
}

.conversation ul li .person {
color: #191919;
font-weight: bold;
margin-right: 1em;

}

.video .embed {
width: 500px;

}
    
.photo .postphoto img {
border: 0px solid #BABABA;

}
    
.photo  a:hover img {
border: 0px solid #FFCC00;

}
    
.caption {
margin: .5em 0 1em 0;
    
}

.clear {
padding:0px;

}
.desc {
	text-align:left;
	font-size:10px;
	color:#535353;
}
#description{
	
	text-align:left;
	font-size:7px;
	color:#535353;
}
.tittle {
	color:#191919;}
#clearfooter { 
clear:both; 
height:115px; 
}
#foot {
	width:300px;
	height:41px;
	float:right;
	margin-top:0px;
margin-right: 13px;
background-color:none;

padding-top:10px;

padding-bottom:0px;

}
#foot .cred{
	width:300px;
height:21px;
background-color:#fff;
font-size:10px;
color:#686868;
padding-top:5px;
padding-left:17px;
padding-bottom:3px;
-moz-border-radius: 10px;
border-radius: 10px;

}


  #foot a{
	  color:#191919;
	  font-weight:700;
  }
  
  h1 {
			color:white;
			font-family: 'Pacifico', cursive;
			text-transform:lowercase;
			font-weight:normal;
			text-shadow:black 1px 1px 1px;
			}
    
</style>
{CustomCSS}

</style>

<!--[if lte IE 7]>

<style type="text/css">

#sidebar {
float: left;
margin: 0 0 1.5em;
width: 16em;
position: static;

}
    

		
#sidebar #other ul li { width: 98%; }
h4 { font-size: 1.1em; }



<![endif]-->

<!--End CSS-->

</head>

<body>
		<div id="title">
				<h1>{Title}</h1>
		</div>

<div id="contain">

<div id="leftsidebar">
<a href="/"><img src="{PortraitURL-128}" width="128" height="128" alt="{Title}" border="0" /> </a>

     
<div class="navlist">

<ul>

<li class="first"><a href="/">Home</a></li>

{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}

         
<li><a href="/archive" id="archives">Archives</a></li>


<li><a href="/rss" id="rss">RSS</a></li>



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


{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}


<li><a href="http://www.wewantlayouts.com/" id="theme">Theme</a></li>


				{block:HasPages}
					{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages} 
				{/block:HasPages}
				

</ul>
        
        {block:Description}
            <p class="desc">{Description}</p>
        {/block:Description}
		
</div> <!-- end navlist -->
      
</div> <!-- end leftsidebar div -->
    
<div id="content">
{block:Posts}

      
{block:Regular}
<div class="regular">
{block:Title}<h5>{Title}</h5>{/block:Title}
{Body}
{/block:Regular}
      
{block:Quote}
<div class="quote">
<div class="quote-body">
<span class="words">{Quote}</span>
{block:Source}<span class="source"><span class="arrow"><img src="http://www.wewantlayouts.com/images/pixel.gif" alt="Cite Arrow"> </span>{Source}</span>{/block:Source}
</div>
{/block:Quote}

{block:Link}
<div class="link">
<h5><a href="{URL}" {Target}>{Name}</a></h5>
<div class="link-body">
{block:Description}{Description}{/block:Description}
</div>
{/block:Link}
      
{block:Conversation}
<div class="conversation">
{block:Title}<h5>{Title}</h5>{/block:Title}
<ul>
{block:Lines}
<li>
{block:Label}<span class="person">{Label}</span>{/block:Label}
<span class="line">{Line}</span>
</li>
{/block:Lines}
</ul>
{/block:Conversation}

{block:Photo}
<div class="photo">
<span class="postphoto">{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</span>

{block:Caption}{Caption}{/block:Caption}

{/block:Photo}

{block:Video}
<div class="video">
<div class="embed">{Video-250}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}
      
{block:Audio}
<div class="audio">
{AudioPlayerGrey}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Audio}
      

      
<div class="post-footer">
        

<span class="date">{TimeAgo}
{block:IfShowNotes}

                                {block:NoteCount} with <a title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
{/block:IfShowNotes} 
          


          
          
</div> <!-- end post footer -->
     
      
{block:Permalink}

<!-- Disqus Code Here -->
 {PostNotes}
      
{/block:Permalink}
   
</div> <!-- end single post -->    

     
{/block:Posts}
      
{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}" id="prev">Newer</a></span>
{/block:PreviousPage}

<span class="middle">{CurrentPage} <small>of</small> {TotalPages}</span>

{block:NextPage}
<a href="{NextPage}" id="next"> Older</a></span>
{/block:NextPage}
</div>
{/block:Pagination}
    
</div> <!-- end content div -->
<div id="foot"><div class="cred">More themes at <a href="http://www.wewantlayouts.com">Tumblr Themes</a></div></div>
 <!-- end containing div --></div></div>


<div id="DoNotEditImportant"><div style="position:absolute;top:0px;left:0px;border:0px;"><a style="position:fixed;" href="http://www.wewantlayouts.com" title="Tumblr Themes" target=_blank><img src="http://www.wewantlayouts.com/getsome.png" alt="Word Tumblr Themes" border=0></a></div></div>

 
</body>

</html>

← Previous Theme

→ Next Theme

The Floral theme for tumblr has the following tags:

This site is not affiliated nor related with Tumblr. These are 3rd party themes that will work on your Tumblr blog.