It’s a Love Story - Tumblr Layouts | Mytumblr.net

Title: It’s a Love Story
Designer: kathykathkath
Views: 489 views
Rate:

(No Ratings Yet)

Loading ...

STEP 1: In your Tumblr's dashboard, click the CUSTOMIZE link.
STEP 2: Click THEME tab. Copy the codes below and paste in the box.
STEP 3: Click SAVE + CLOSE button and you're done!

<SCRIPT TYPE="text/javascript"> 

</SCRIPT>
 <title>{Title}</title>
        <pnk rel="shortcut icon" href="{Favicon}">
        <pnk rel="alternate" type="application/rss+xml" href="/rss">

.chat{
                list-style:       none;
                padding:     4px;
                margin:           10px;
                border:      1px solid #c2c2c2;

}

.even {background-color: {color:Quote/chat Accent};
                   padding: 4px;}

.odd {
                   padding: 4px}

#table {
                width:            720px;
                background-color: {color:Box Background};
                padding-top:      20px;
                padding-right:    20px;
                table-layout:     fixed;
                padding-left:     20px;
                padding-bottom:   5px;
                font-family:      Arial;
                color:            #000000;
                border:           0;
                font-size:        11px;
                text-align:       justify
            }

a:link,a:active,a:visited {
                text-decoration:  none;
                color:            #000000;
                font-weight:      normal;
            }

a:hover {
                text-decoration:  underline;
                color:           #000000;              
                cursor: ponter;
            }

#left {
                width:            400px;
                padding:          0px;
                text-align:       left;
            }

.qcontainer {
                padding:          10px;
                border-left:      1px solid {color:Text Color};
                border-top:      1px solid {color:Text Color};
                background-color: #ffffff;
            }

.source {padding-top: 2px;}

.quote {
                font-size: 20px;
                font-family:      Arial;   
                line-height: 22px;
            }

#middle {width: 30px;}

#right {
                text-align:       left;
                width:            200px;
                padding:          0px;
                text-align:       left;
            }

#title, #title a {
                font-size:        11px;
                text-transform:   lowercase;
                text-decoration:  none;
                font-weight:      normal; 
                color:            #c2c2c2;
                margin-top:       0px;
                margin-bottom:    0px;
                font-family:      Arial;
                letter-spacing:   2px;   
            }

#posttitle, #posttitle a{
                font-size:        16px;
                font-weight:      normal; 
                color:            #c2c2c2;  
                font-family:      Arial;   
                text-decoration:  none;
                margin:           2px;
                padding:          2px;
            }

#postlink, #postlink a{
                font-size:        20px;
                font-weight:      normal; 
                color:            #c2c2c2;  
                font-family:      Arial;   
                text-decoration:  none;
            }

#posts {
                list-style:       none;
                padding:          0;
                margin:           0;
            }

#each {
                padding-top:      10px;
                padding-bottom:   0px;
                padding-left:     0px;
                padding-right:    0px;
            }
            
            img {border: 0px;}

a img { 
-moz-opacity:0.75;
filter:alpha(opacity=75);
opacity:0.75;
-khtml-opacity:0.75;
}
a:hover img { 
-moz-opacity:0.95;
filter:alpha(opacity=95);
opacity:0.95;
-khtml-opacity:0.95;
}

#box, #box a {
                text-transform:   uppercase;
                font-size:        11px;
                color:            #c2c2c2;
                width:            400;
                padding-top:      6px;
                padding-bottom:   3px;
                padding-right:    0px;
                padding-left:     0px;
                text-align:       center;
                background-color: #ffffff;
                margin-top:       0px;
                margin-bottom:    0px;
                text-decoration:       none;
                font-family:      Arial;   
            
            #box b, #box b a {
                color:           #ffffff;
                text-decoration:  none;
            }

.footer{
                font-family:      Arial;
                font-size:        12px;
                color:            #ffffff;
                margin:           5px;
            }

.footer a {
                text-decoration:  none;
            }

.label {
                font-size:        11px;
                text-transform:   uppercase;
                color:            #c2c2c2;
            }

#sidebox b {
                color:            #c2c2c2;
            }

p {
                margin:          10px;
            }

#outofnormal
		{
			position: absolute;
			left: 0px;
			top: 0px;
			width: 0px;
                        height: 0px;
			padding: 10px;
			background-color: #FFFFFF;
		}

input, textarea {
font-family: lucida sans;
font-size: 10px;
color: #555;
border: 1px solid #333;
}

input, textarea:hover {
border: 1px solid #111;
}

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

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

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-color: #eee;
    padding: 4px 10px;
    margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
    text-decoration: none;
}
</style>

</div>

<table id="table" cellpadding="0" cellspacing="0">
<tr>
        <td id="left" valign="top">
        <p id="title"><a href="/">faith, trust && pixie dust. ♥</a></p>

<ol id="posts">
            {block:Posts}
                {block:Text}
                    <li id="each">
<div id="box"><a href="{Permalink}"><b>text post</b>  {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div>
                        {block:Title}
                            <p id="posttitle"><a href="{Permalink}">{Title}</a></p>
                        {/block:Title}
              <p>{Body}</p>
                       
                    </li>
<img src="http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/icons/22.gif"> {block:NoteCount}<a 
href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}                
{/block:Text}
                
                {block:Photo}
                    <li id="each">

<div id="box"><a href="{Permalink}"><b>photo post</b>  {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div>
                        {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag} 
                        
                        {block:Caption}
                            <p>{Caption}</p>
                        {/block:Caption}

</li>
<img src="http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/icons/22.gif"> {block:NoteCount}<a 
href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}                
{/block:Photo}
                
                {block:Quote}
                    <li id="each">
<div id="box"><a href="{Permalink}"><b>quote post</b>  {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div>
<p class="qcontainer">
                        <span class="quote">“{Quote}”</span>
                        
                        {block:Source}
                            <span class="source"><br><i>{Source}</i></span>
                        {/block:Source}
</p>

</li>
<img src="http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/icons/22.gif"> {block:NoteCount}<a 
href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}                
{/block:Quote}
                
                {block:Link}
                    <li id="each">
<div id="box"><a href="{Permalink}"><b>link post</b>  {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div>
                        <p><a href="{URL}" id="postlink" {Target}>{Name}</a></p>
                        
                        {block:Description}
                            <p>{Description}</p>
                        {/block:Description}

</li>
<img src="http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/icons/22.gif"> {block:NoteCount}<a 
href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}                
{/block:Link}
                
                {block:Chat}
                    <li id="each">
<div id="box"><a href="{Permalink}"><b>chat post</b>  {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div>
                        {block:Title}
                            <p id="posttitle"><a href="{Permalink}">{Title}</a></p>
                        {/block:Title}

<ul class="chat">
                            {block:Lines}
                                <li class="{Alt}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}
                                    
                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>

{block:Video}
                    <li id="each">
<div id="box"><a href="{Permalink}"><b>video post</b>  {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div>
                        {Video-400}
                        
                        {block:Caption}
                            <p>{Caption}</p>
                        {/block:Caption}

</li>
<img src="http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/icons/22.gif"> {block:NoteCount}<a 
href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}                
{/block:Video}
                {block:Audio}
                    <li id="each">
<div id="box"><a href="{Permalink}"><b>audio post</b>  {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div>
                        <p align="center">{AudioPlayerBlack}</p>
                        
                        {block:Caption}
                            <p>{Caption}</p>
                        {/block:Caption}

{block:PostNotes} 
{PostNotes}
{/block:PostNotes}
            
{/block:Posts}            
{/block:Posts}            
{/block:Posts}
        </ol>
 
</td>
<td id="middle"></td>

<td id="right" valign="top">
<center><form action="/search" method="get">
    <input type="text" name="q" style="width:120px;" value=""/>
    <input type="submit" value="♥"/></center>
<div id="sidebox">
<p>{Description}</p>
{block:Following}
<div id="sideboxF"><b><font color=c2c2c2>loves ♥</font></b></div>
<div align="center">
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">{block:Followed}
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-24}" style="border: 0px solid {color:Quote/chat Accent}; padding:2px;"></a>
{/block:Followed}
</div>
{/block:Following}</marquee>
<br><center><font color=#c2c2c2>Credits && ©</font>
<br><font color=c2c2c2>Theme:</font> Neon Theme by Sarah Mogin
<br>
<font color=c2c2c2>Layout by:</font> <a href="http://kathykathkath.tumblr.com/">Kathelyn|kathykathkath™</a>
</center>
</table>
</div>
</td>
</tr></div></div><body>
<td id="center" valign="bottom">
<p align="center">{block:PreviousPage}<a href="{PreviousPage}"><img

src="http://img717.imageshack.us/img717/8338/cooltext463515879.png"></a>{/block:PreviousPage} 
{block:NextPage}<a href="{NextPage}"><img src="http://img18.imageshack.us/img18/5129/cooltext463515850.png"></a>{/block:NextPage}</div>

Categories: Bands/Singers, Lyrics/Quotes, Music Related

Tumblr Layouts | Mytumblr.net - Free Tumblr Layouts!

BROWSE TUMBLR LAYOUTS

GET THIS LAYOUT

SEARCH MORE LAYOUTS

SEARCH LAYOUTS

SPONSORS

MYTUMBLR.NET

SPONSOR

NAVIGATION

CATEGORIES

DESIGNERS