Tumblr Themes by Courtney Irene- Plain Color, White Main

Instructions:

Step 1: Copy & Paste Code #1 of your desired theme into description after you go to customize appearance.
Step 2: Edit CAPITAL LETTERS.
Step 3: Copy & Paste Code #2 into Edit HTML.
Step 4: Leave credit, click here to let me know you used it & enjoy.

Please let -->me<-- know if a code is incorrect.

note: this theme shows notes on hover

1

Click image for full size.

Code #1

Code #2

/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

body{background-color:#96A8A6; background-image:url(); background-attachment:fixed; background-position:center center;}

body, div, p, textarea, submit, input{ font-family: verdana; font-size: 10px; line-height:11px; text-shadow: 2px 2px 2px #ccc; letter-spacing:0px; color:{color:Text};}

p { margin:0px; margin-top:0px;}

.permalink{
   position:absolute;
   float:right;
   margin:10px 0px 25px 0px;
   text-align:right;
   -moz-transition: all 0.5s ease-out; 
   -o-transition: all 0.5s ease-out;
   -webkit-transition: all 0.5s ease-out;  
   transition: all 0.5s ease-out;}

.title{line-height:20px; letter-spacing:-1px; font-size:23px; font-weight:bold; text-transform:lowercase; color:#96A8A6;
font-family:arial narrow;  border-bottom:px dashed #ffffff; padding-bottom:-2px;}

div#entries .permalink1{margin-bottom:0px; width:400px; height: 0px; padding-top: 5px; margin-top: -10px; position:absolute; background-color:{color:permalink background}; color:{color:permalink}; overflow:hidden; font-size:10px; text-align:center; letter-spacing:0.6px; line-height:20px; white-space:nowrap; opacity: 0.0; -webkit-transition: all .5s linear; -moz-transition:  all .5s linear; transition:  all 0.5s linear;}
div#entries .permalink1 a{color:{color:permalink};}
div#entries .permalink1 a:hover{ color:{color:permalink}; opacity: 0.6; -webkit-transition: all .3s linear; -moz-transition:  all .3s linear; transition:  all 0.3s linear;}
div#entries:hover .permalink1{ display:block; width: 400px; height: 25px;  overflow:visible; -webkit-transition: opacity 0.7s linear; opacity: 0.7; -webkit-transition: all .2s linear; -moz-transition:  all .2s linear; transition:  all 0.2s linear;}

a {text-decoration: none; color: #000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

a:hover{ text-decoration: none; color: #ccc; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}

.sidebarlink { color: #000; cursor:pointer; margin-left: 0px; letter-spacing: 0.3px; position:relative; font-style:normal; text-align: left; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.sidebarlink a:hover { padding-left: 50px; color: #ccc; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

#sidebar{
    background-color:#fff; width:205px; border:1pt solid black;  padding:5px; position:fixed; z-index:100; left:45%; top: 10px;}

div#center{
    border:1pt solid black;
    position:absolute;
    left:4%;
    top:10px;
  padding: 5px;
  width:400px;
  margin-top: 10px;
  background-color:#fff;}

div#entries{
  width:400px;
  
  margin-bottom: -15px; background-color:#fff;}

div#content{
  margin: 0px auto 0px;
  width:400px;
  padding: 5px;
  padding-bottom: 0px;
  padding-left: 0px; background-color:#fff;}

</style>

</head>

<body>

<div style="margin-left: 5px;"><a href="/" class="title">{title}</a>

{description}

<a href="/">home</a>
<br>
<a href="/ask">ask</a>
<br>
<a href="/submit">submit</a>
<br>
<a href="/archive">archive</a>
<br>
<a href="http://themesbyirene.tumblr.com">themes</a>
<br>
<a href="http://www.facebook.com/courtney.aguiniga">facebook</a>
</div>

</div>
</div>

<div class = "autopagerize_page_element" >
{block:Posts}
<div id="entries">
{block:IndexPage}
<div class="permalink">
<span class="permalink1">
{block:Date}
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>
<a>  |  </a>{/block:NoteCount}
<a href="{Permalink}">{DayOfMonth}/{MonthNumber}/{ShortYear}</a>
<a>  |  </a>
<a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a>
{block:ifshowrebloglink}<a>  |  </a><a href="{ReblogURL}" target="_blank">reblog
</a>{/block:ifshowrebloglink}
{/block:Date}
</span></div>
{/block:IndexPage}

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>
{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:Link}

{block:Answer}
<table width="100%" border="0px" cellpadding="0" cellspacing="0">
<tbody style="border-spacing: 0px;">
<td width="30px" style="vertical-align: top; width: 30px; padding: 0px;">
<img height="30px" width="30px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-30}"/></td><td>
<div class="padd" width="100%" style="margin-left:;">
{Asker} asked:<br>
{Question}<br><div id="answer"><em>{Answer}</em></div><br><br>
</div></td></tr></tbody></table>
{/block:Answer}

{block:Photo}
<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px"/>
{block:ifshowcaption}<center>{block:Caption}{Caption}{/block:Caption}</center>{/block:ifshowcaption}
{block:PermalinkPage}
<center>{block:Caption}{Caption}{/block:Caption}</center>
{/block:PermalinkPage}            
{/block:Photo}

{block:Quote}
<center><span class="title">{Quote}</span><br>
{block:Source}{Source}{/block:Source}</center>
{/block:Quote}
        
{block:Chat}
{block:Title}<span class="title" color="{color:link}">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}>
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}</li>{/block:Lines}</ul>
{/block:Chat}

{block:Audio}
<center><div style="width:400px; height:20px;">
<div style="float:left;padding-top:50px; ">{AudioPlayerWhite}</div>
<div style="margin-top:8px; float:right;"><small>
{FormattedPlayCount} plays {block:ExternalAudio} // 
<a href="{ExternalAudioURL}">Download?</a>
{/block:ExternalAudio}</small></div></div></center><br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
        
{block:Video}
<center>{Video-500}<br>{block:Caption}{Caption}{/block:Caption}</center>
{/block:Video}

{block:PostNotes}
                    <center>
                 {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}

{block:HasTags} 
                    tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>
                 {/block:HasTags}

{block:RebloggedFrom}
                 reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
                 originally posted by 
                 <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
                 </center></span>
                 <br><div id="postnotes">{PostNotes}</div><br>
                 {/block:PostNotes}<br>

{block:SearchPage}
                    <div class="post">
                    <h2 style="text-align: center;">search results for "{SearchQuery}"<br>
                    {block:NoSearchResults}no results found{/block:NoSearchResults}</h2>
                    </div>
                    {/block:SearchPage}

{/block:Posts}
</div>
                 {block:ifNOTinfinitescrolling}
                
                 {/block:ifNOTinfinitescrolling}

</div>