Pinky Love Tumblr Theme, Pinky Love Theme for Tumblr.com

You're currently viewing the Pinky Love tumblr layout for tumblr profiles.

Tumblr Theme Black Code

 


<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.snazzyspace.com/defaultimages/e5418a_pinky-love.gif') repeat #FFFFFF;
			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.snazzyspace.com" id="theme">Themes</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.snazzyspace.com" title="Tumblr Themes" target=_blank><img src="http://www.snazzyspace.com/getsome.png" alt="Tumblr Themes" border=0></a></div>
    </body>
</html>

Preview the theme above →

Tumblr Theme White Code

 


<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.snazzyspace.com/defaultimages/e5418a_pinky-love.gif') repeat #FFFFFF;
			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.snazzyspace.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.snazzyspace.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.snazzyspace.com" title="Tumblr Themes" target=_blank><img src="http://www.snazzyspace.com/getsome.png" alt="Tumblr Themes" border=0></a></div>
    </body>
</html>

Preview the theme above →

Tumblr Theme Skinny Code

 

<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.snazzyspace.com/defaultimages/e5418a_pinky-love.gif') repeat #FFFFFF;
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.snazzyspace.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.snazzyspace.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.snazzyspace.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.snazzyspace.com" title="Tumblr Themes" target=_blank><img src="http://www.snazzyspace.com/getsome.png" alt="Word Tumblr Themes" border=0></a></div></div>

 
</body>

</html>

Preview the theme above →

Floating Hearts

Fluoro Scoller Image Effect

Static Image Effect

Heartogram Image Effect

Electric Beats Image Effect

Fluoro Flasher Image Effect

Black and White Flasher Image Effect

Water Reflection Image Effect

See more photo effects →