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.

Black

Click image for full size.

Code #1

Code #2

<html lang="en">
 <head>
 <script type='text/javascript'>
 
 //<![CDATA[
 
 var rate = 20;
 
 if (document.getElementById)
 window.onerror=new Function("return true")
 
 var objActive; // The object which event occured in
 var act = 0; // Flag during the action
 var elmH = 0; // Hue
 var elmS = 128; // Saturation
 var elmV = 255; // Value
 var clrOrg; // A color before the change
 var TimerID; // Timer ID
 
 if (document.all) {
 document.onmouseover = doRainbowAnchor;
 document.onmouseout = stopRainbowAnchor;
 }
 else if (document.getElementById) {
 document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
 document.onmouseover = Mozilla_doRainbowAnchor;
 document.onmouseout = Mozilla_stopRainbowAnchor;
 }
 
 function doRainbow(obj)
 {
 if (act == 0) {
 act = 1;
 if (obj)
 objActive = obj;
 else
 objActive = event.srcElement;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 
 
 function stopRainbow()
 {
 if (act) {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 
 
 function doRainbowAnchor()
 {
 if (act == 0) {
 var obj = event.srcElement;
 while (obj.tagName != 'A' && obj.tagName != 'BODY') {
 obj = obj.parentElement;
 if (obj.tagName == 'A' || obj.tagName == 'BODY')
 break;
 }
 
 if (obj.tagName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function stopRainbowAnchor()
 {
 if (act) {
 if (objActive.tagName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function Mozilla_doRainbowAnchor(e)
 {
 if (act == 0) {
 obj = e.target;
 while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
 obj = obj.parentNode;
 if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
 break;
 }
 
 if (obj.nodeName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = obj.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function Mozilla_stopRainbowAnchor(e)
 {
 if (act) {
 if (objActive.nodeName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function ChangeColor()
 {
 objActive.style.color = makeColor();
 }
 
 
 function makeColor()
 {
 // 
 
 // HSVtoRGB
 if (elmS == 0) {
 elmR = elmV; elmG = elmV; elmB = elmV;
 }
 else {
 t1 = elmV;
 t2 = (255 - elmS) * elmV / 255;
 t3 = elmH % 60;
 t3 = (t1 - t2) * t3 / 60;
 
 if (elmH < 60) {
 elmR = t1; elmB = t2; elmG = t2 + t3;
 }
 else if (elmH < 120) {
 elmG = t1; elmB = t2; elmR = t1 - t3;
 }
 else if (elmH < 180) {
 elmG = t1; elmR = t2; elmB = t2 + t3;
 }
 else if (elmH < 240) {
 elmB = t1; elmR = t2; elmG = t1 - t3;
 }
 else if (elmH < 300) {
 elmB = t1; elmG = t2; elmR = t2 + t3;
 }
 else if (elmH < 360) {
 elmR = t1; elmG = t2; elmB = t1 - t3;
 }
 else {
 elmR = 0; elmG = 0; elmB = 0;
 }
 }
 
 elmR = Math.floor(elmR).toString(16);
 elmG = Math.floor(elmG).toString(16);
 elmB = Math.floor(elmB).toString(16);
 if (elmR.length == 1) elmR = "0" + elmR;
 if (elmG.length == 1) elmG = "0" + elmG;
 if (elmB.length == 1) elmB = "0" + elmB;
 
 elmH = elmH + rate;
 if (elmH >= 360)
 elmH = 0;
 
 return '#' + elmR + elmG + elmB;
 }
 
 
 
 //]]>
 
 </script>
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="color:background" content="#CA005F"/>
 <meta name="color:text" content="#000000"/>
 <meta name="color:link" content="#000000"/>
 <meta name="color:hover" content="#666666"/>
 <meta name="text:title line height" content="px"/>
 <meta name="text:title font weight" content="normal"/>
 <meta name="text:title letter spacing" content="2px"/>
 <meta name="font:title" content="arial"/>
 <meta name="font:text" content="arial"/>
 <meta name="if:center" contact="1"/>
 <meta name="if:show reblog link" content="1"/>
 <meta name="if:infinite scroll" content="1"/>
 <meta name="if:show blog title" content="1"/>
 <meta name="if:show photo caption" content="1"/>
 <meta name="text:custom link 1" content="1"/>
 <meta name="text:custom link 1 name" content"1"/>
 <meta name="text:custom link 2" content="1"/>
 <meta name="text:custom link 2 name" content="1"/>
 <meta name="text:custom link 3" content="1"/>
 <meta name="text:custom link 3 name" content="1"/>
 <meta name="text:custom link 4" content="1"/>
 <meta name="text:custom link 4 name" content="1"/>
 <meta name="text:custom link 5" content="1"/>
 <meta name="text:custom link 5 name" content="1"/>
 
 
 
 {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
 <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
 {PostSummary} - {/block:PostSummary}{Title}</title>
 <style type="text/css">
 
 body {
 margin:0px;
 background-color:#CA005F;
 background-image:url();
 background-attachment: fixed;
 background-repeat: repeat;}
 
 body, div, p, textarea, submit, input{
 font-family: {font:text};
 font-size: 11px;
 text-align: justify;}
 line-height:9px;
 color:{color:Text};
 }
 p {
 margin:0px;
 margin-top:5px;
 }
 
 
 a:link, a:active, a:visited{
 color: {color:Link}; 
 text-decoration: none; 
 
 }
 div#cage{
 background-color:#ffffff;
 border:1pt solid black;
 margin:auto;
 position:absolute;
 left:200px;
 width:350px;
 padding-bottom:10px;
 overflow:hidden;
 color: {color:Title};
 _margin-left:15%;
 }
 
 div#imp{top:0px; left:0px; position:fixed;}
 
 div#center{
 margin:0px:
 position:cemter;
 width:350px;
 background-color:#ffffff;
 overflow:auto;
 overflow-y:hidden;}
 
 div#content{
 position:center;
 background-color:#ffffff;
 width:330px;
 padding:10px;
 padding-top:0px;
 margin-right: 0px;
 background: {color:content};
 }
 div#entry{
 background-color:#ffffff;
 margin-top:0px;
 padding-top:0px;
 padding-bottom:0px;
 }
 div#about{
     
 position:fixed;
 left:560px;
 top: 90px;
 width:322px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:0px;
 background-color:ffffff; border:1pt solid black;
 }
 
 
 #postnotes{
 text-align: justify;}
 #postnotes blockquote{
 border: px;}
 
 
 .title{
 font-family: {font:title};
 font-size: 24px;
 text-transform: uppercase;
 line-height: 40px;
 color: {color:text}; 
 letter-spacing: -3px;
 font-weight: bold;
 padding:0px 0px 0px 0px;
 }
 .title2{
 font-family: {font:title};
 font-size: 15px;
 line-height: 15px;
 color: {color:text}; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title3{
 font-family: {font:title};
 font-size: 15px;
 line-height: 13px;
 color: {color:text}; 
 letter-spacing:  0px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title4{
 font-family: {font:title};
 font-size: 9px;
 line-height: 9px;
 color: #000000; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 background-color:#e7e7e7;
 }
 blockquote{
 padding:0px 0px 2px 2px;
 margin:0px 0px 2px 1px;
 border-left: 1px solid {color:Text};
 }
 blockquote p, ul{
 margin:0px; 
 padding:0px; 
 }
 a img{border: 0px;}
 ul, ol, li{list-style:none; margin:0px; padding:0px;}
 .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 
 .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
 .notes img{width:10px; position:relative; top:3px;}
 .permalink{
 display: block;
 text-transform: none;
 font-size: 9px;
 text-align: right;
 }
 {font-size: 9px;}
 
 
 {CustomCSS}
 </style>
 <link rel="shortcut icon" href="{Favicon}">
 <link rel="alternate" type="application/rss+xml" title="" href="{RSS}" />
 <meta name="viewport" content="width=820" />
 </head>
 <body>
 <div id="imp"><a href="http://www.themesbyirene.tumblr.com"><font style="color:white;">theme</font></a></div>
 
 
 <div id="about">
 
 {block:ifshowblogtitle}<span class=title><a title="" href="/">
 
 <center>{Title}</center>
 
 </a></span>{/block:ifshowblogtitle}
 
 
 <center>{/block:Description}
 {block:Title}<span class="title4">{Title}</span>{/block:Title}
 <font size="1px" font family="baskerville">{Description}</font></center>

Pink 4

Click image for full size.

Code #1

Code #2

<html lang="en">
 <head>
 <noframes></noframes><noscript></noscript><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type='text/javascript'>
 
 //<![CDATA[
 
 var rate = 20;
 
 if (document.getElementById)
 window.onerror=new Function("return true")
 
 var objActive; // The object which event occured in
 var act = 0; // Flag during the action
 var elmH = 0; // Hue
 var elmS = 128; // Saturation
 var elmV = 255; // Value
 var clrOrg; // A color before the change
 var TimerID; // Timer ID
 
 if (document.all) {
 document.onmouseover = doRainbowAnchor;
 document.onmouseout = stopRainbowAnchor;
 }
 else if (document.getElementById) {
 document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
 document.onmouseover = Mozilla_doRainbowAnchor;
 document.onmouseout = Mozilla_stopRainbowAnchor;
 }
 
 function doRainbow(obj)
 {
 if (act == 0) {
 act = 1;
 if (obj)
 objActive = obj;
 else
 objActive = event.srcElement;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 
 
 function stopRainbow()
 {
 if (act) {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 
 
 function doRainbowAnchor()
 {
 if (act == 0) {
 var obj = event.srcElement;
 while (obj.tagName != 'A' && obj.tagName != 'BODY') {
 obj = obj.parentElement;
 if (obj.tagName == 'A' || obj.tagName == 'BODY')
 break;
 }
 
 if (obj.tagName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function stopRainbowAnchor()
 {
 if (act) {
 if (objActive.tagName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function Mozilla_doRainbowAnchor(e)
 {
 if (act == 0) {
 obj = e.target;
 while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
 obj = obj.parentNode;
 if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
 break;
 }
 
 if (obj.nodeName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = obj.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function Mozilla_stopRainbowAnchor(e)
 {
 if (act) {
 if (objActive.nodeName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function ChangeColor()
 {
 objActive.style.color = makeColor();
 }
 
 
 function makeColor()
 {
 // 
 
 // HSVtoRGB
 if (elmS == 0) {
 elmR = elmV; elmG = elmV; elmB = elmV;
 }
 else {
 t1 = elmV;
 t2 = (255 - elmS) * elmV / 255;
 t3 = elmH % 60;
 t3 = (t1 - t2) * t3 / 60;
 
 if (elmH < 60) {
 elmR = t1; elmB = t2; elmG = t2 + t3;
 }
 else if (elmH < 120) {
 elmG = t1; elmB = t2; elmR = t1 - t3;
 }
 else if (elmH < 180) {
 elmG = t1; elmR = t2; elmB = t2 + t3;
 }
 else if (elmH < 240) {
 elmB = t1; elmR = t2; elmG = t1 - t3;
 }
 else if (elmH < 300) {
 elmB = t1; elmG = t2; elmR = t2 + t3;
 }
 else if (elmH < 360) {
 elmR = t1; elmG = t2; elmB = t1 - t3;
 }
 else {
 elmR = 0; elmG = 0; elmB = 0;
 }
 }
 
 elmR = Math.floor(elmR).toString(16);
 elmG = Math.floor(elmG).toString(16);
 elmB = Math.floor(elmB).toString(16);
 if (elmR.length == 1) elmR = "0" + elmR;
 if (elmG.length == 1) elmG = "0" + elmG;
 if (elmB.length == 1) elmB = "0" + elmB;
 
 elmH = elmH + rate;
 if (elmH >= 360)
 elmH = 0;
 
 return '#' + elmR + elmG + elmB;
 }
 
 
 
 //]]>
 
 </script>
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="color:background" content="#FF21AE"/>
 <meta name="color:text" content="#000000"/>
 <meta name="color:link" content="#000000"/>
 <meta name="color:hover" content="#666666"/>
 <meta name="text:title line height" content="px"/>
 <meta name="text:title font weight" content="normal"/>
 <meta name="text:title letter spacing" content="2px"/>
 <meta name="font:title" content="arial"/>
 <meta name="font:text" content="arial"/>
 <meta name="if:center" contact="1"/>
 <meta name="if:show reblog link" content="1"/>
 <meta name="if:infinite scroll" content="1"/>
 <meta name="if:show blog title" content="1"/>
 <meta name="if:show photo caption" content="1"/>
 <meta name="text:custom link 1" content="1"/>
 <meta name="text:custom link 1 name" content"1"/>
 <meta name="text:custom link 2" content="1"/>
 <meta name="text:custom link 2 name" content="1"/>
 <meta name="text:custom link 3" content="1"/>
 <meta name="text:custom link 3 name" content="1"/>
 <meta name="text:custom link 4" content="1"/>
 <meta name="text:custom link 4 name" content="1"/>
 <meta name="text:custom link 5" content="1"/>
 <meta name="text:custom link 5 name" content="1"/>
 
 
 
 {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
 <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
 {PostSummary} - {/block:PostSummary}{Title}</title>
 <style type="text/css">
 
 body {
 margin:0px;
 background-color:#FF21AE;
 background-image:url();
 background-attachment: fixed;
 background-repeat: repeat;}
 
 body, div, p, textarea, submit, input{
 font-family: {font:text};
 font-size: 11px;
 text-align: justify;}
 line-height:9px;
 color:{color:Text};
 }
 p {
 margin:0px;
 margin-top:5px;
 }
 
 
 a:link, a:active, a:visited{
 color: {color:Link}; 
 text-decoration: none; 
 
 }
 div#cage{
 background-color:#ffffff;
 border:1pt solid black;
 margin:auto;
 position:absolute;
 left:200px;
 width:350px;
 padding-bottom:10px;
 overflow:hidden;
 color: {color:Title};
 _margin-left:15%;
 }
 
 div#imp{top:0px; left:0px; position:fixed;}
 
 div#center{
 margin:0px:
 position:cemter;
 width:350px;
 background-color:#ffffff;
 overflow:auto;
 overflow-y:hidden;}
 
 div#content{
 position:center;
 background-color:#ffffff;
 width:330px;
 padding:10px;
 padding-top:0px;
 margin-right: 0px;
 background: {color:content};
 }
 div#entry{
 background-color:#ffffff;
 margin-top:0px;
 padding-top:0px;
 padding-bottom:0px;
 }
 div#about{
     
 position:fixed;
 left:560px;
 top: 90px;
 width:322px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:0px;
 background-color:ffffff; border:1pt solid black;
 }
 
 
 #postnotes{
 text-align: justify;}
 #postnotes blockquote{
 border: px;}
 
 
 .title{
 font-family: {font:title};
 font-size: 24px;
 text-transform: uppercase;
 line-height: 40px;
 color: {color:text}; 
 letter-spacing: -3px;
 font-weight: bold;
 padding:0px 0px 0px 0px;
 }
 .title2{
 font-family: {font:title};
 font-size: 15px;
 line-height: 15px;
 color: {color:text}; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title3{
 font-family: {font:title};
 font-size: 15px;
 line-height: 13px;
 color: {color:text}; 
 letter-spacing:  0px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title4{
 font-family: {font:title};
 font-size: 9px;
 line-height: 9px;
 color: #000000; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 background-color:#e7e7e7;
 }
 blockquote{
 padding:0px 0px 2px 2px;
 margin:0px 0px 2px 1px;
 border-left: 1px solid {color:Text};
 }
 blockquote p, ul{
 margin:0px; 
 padding:0px; 
 }
 a img{border: 0px;}
 ul, ol, li{list-style:none; margin:0px; padding:0px;}
 .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 
 .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
 .notes img{width:10px; position:relative; top:3px;}
 .permalink{
 display: block;
 text-transform: none;
 font-size: 9px;
 text-align: right;
 }
 {font-size: 9px;}
 
 
 {CustomCSS}
 </style>
 <link rel="shortcut icon" href="{Favicon}">
 <link rel="alternate" type="application/rss+xml" title="" href="{RSS}" />
 <meta name="viewport" content="width=820" />
 </head>
 <body>
 <div id="imp"><a href="http://www.themesbyirene.tumblr.com"><font style="color:white;">theme</font></a></div>
 
 
 <div id="about">
 
 {block:ifshowblogtitle}<span class=title><a title="" href="/">
 
 <center>{Title}</center>
 
 </a></span>{/block:ifshowblogtitle}
 
 
 <center>{/block:Description}
 {block:Title}<span class="title4">{Title}</span>{/block:Title}
 <font size="1px" font family="baskerville">{Description}</font></center>

Brown

Click image for full size.

Code #1

Code #2

<html lang="en">
 <head>
 <noframes></noframes><noscript></noscript><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type='text/javascript'>
 
 //<![CDATA[
 
 var rate = 20;
 
 if (document.getElementById)
 window.onerror=new Function("return true")
 
 var objActive; // The object which event occured in
 var act = 0; // Flag during the action
 var elmH = 0; // Hue
 var elmS = 128; // Saturation
 var elmV = 255; // Value
 var clrOrg; // A color before the change
 var TimerID; // Timer ID
 
 if (document.all) {
 document.onmouseover = doRainbowAnchor;
 document.onmouseout = stopRainbowAnchor;
 }
 else if (document.getElementById) {
 document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
 document.onmouseover = Mozilla_doRainbowAnchor;
 document.onmouseout = Mozilla_stopRainbowAnchor;
 }
 
 function doRainbow(obj)
 {
 if (act == 0) {
 act = 1;
 if (obj)
 objActive = obj;
 else
 objActive = event.srcElement;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 
 
 function stopRainbow()
 {
 if (act) {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 
 
 function doRainbowAnchor()
 {
 if (act == 0) {
 var obj = event.srcElement;
 while (obj.tagName != 'A' && obj.tagName != 'BODY') {
 obj = obj.parentElement;
 if (obj.tagName == 'A' || obj.tagName == 'BODY')
 break;
 }
 
 if (obj.tagName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function stopRainbowAnchor()
 {
 if (act) {
 if (objActive.tagName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function Mozilla_doRainbowAnchor(e)
 {
 if (act == 0) {
 obj = e.target;
 while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
 obj = obj.parentNode;
 if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
 break;
 }
 
 if (obj.nodeName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = obj.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function Mozilla_stopRainbowAnchor(e)
 {
 if (act) {
 if (objActive.nodeName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function ChangeColor()
 {
 objActive.style.color = makeColor();
 }
 
 
 function makeColor()
 {
 // 
 
 // HSVtoRGB
 if (elmS == 0) {
 elmR = elmV; elmG = elmV; elmB = elmV;
 }
 else {
 t1 = elmV;
 t2 = (255 - elmS) * elmV / 255;
 t3 = elmH % 60;
 t3 = (t1 - t2) * t3 / 60;
 
 if (elmH < 60) {
 elmR = t1; elmB = t2; elmG = t2 + t3;
 }
 else if (elmH < 120) {
 elmG = t1; elmB = t2; elmR = t1 - t3;
 }
 else if (elmH < 180) {
 elmG = t1; elmR = t2; elmB = t2 + t3;
 }
 else if (elmH < 240) {
 elmB = t1; elmR = t2; elmG = t1 - t3;
 }
 else if (elmH < 300) {
 elmB = t1; elmG = t2; elmR = t2 + t3;
 }
 else if (elmH < 360) {
 elmR = t1; elmG = t2; elmB = t1 - t3;
 }
 else {
 elmR = 0; elmG = 0; elmB = 0;
 }
 }
 
 elmR = Math.floor(elmR).toString(16);
 elmG = Math.floor(elmG).toString(16);
 elmB = Math.floor(elmB).toString(16);
 if (elmR.length == 1) elmR = "0" + elmR;
 if (elmG.length == 1) elmG = "0" + elmG;
 if (elmB.length == 1) elmB = "0" + elmB;
 
 elmH = elmH + rate;
 if (elmH >= 360)
 elmH = 0;
 
 return '#' + elmR + elmG + elmB;
 }
 
 
 
 //]]>
 
 </script>
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="color:background" content="#522100"/>
 <meta name="color:text" content="#000000"/>
 <meta name="color:link" content="#000000"/>
 <meta name="color:hover" content="#666666"/>
 <meta name="text:title line height" content="px"/>
 <meta name="text:title font weight" content="normal"/>
 <meta name="text:title letter spacing" content="2px"/>
 <meta name="font:title" content="arial"/>
 <meta name="font:text" content="arial"/>
 <meta name="if:center" contact="1"/>
 <meta name="if:show reblog link" content="1"/>
 <meta name="if:infinite scroll" content="1"/>
 <meta name="if:show blog title" content="1"/>
 <meta name="if:show photo caption" content="1"/>
 <meta name="text:custom link 1" content="1"/>
 <meta name="text:custom link 1 name" content"1"/>
 <meta name="text:custom link 2" content="1"/>
 <meta name="text:custom link 2 name" content="1"/>
 <meta name="text:custom link 3" content="1"/>
 <meta name="text:custom link 3 name" content="1"/>
 <meta name="text:custom link 4" content="1"/>
 <meta name="text:custom link 4 name" content="1"/>
 <meta name="text:custom link 5" content="1"/>
 <meta name="text:custom link 5 name" content="1"/>
 
 
 
 {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
 <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
 {PostSummary} - {/block:PostSummary}{Title}</title>
 <style type="text/css">
 
 body {
 margin:0px;
 background-color:#522100;
 background-image:url();
 background-attachment: fixed;
 background-repeat: repeat;}
 
 body, div, p, textarea, submit, input{
 font-family: {font:text};
 font-size: 11px;
 text-align: justify;}
 line-height:9px;
 color:{color:Text};
 }
 p {
 margin:0px;
 margin-top:5px;
 }
 
 
 a:link, a:active, a:visited{
 color: {color:Link}; 
 text-decoration: none; 
 
 }
 div#cage{
 background-color:#ffffff;
 border:1pt solid black;
 margin:auto;
 position:absolute;
 left:200px;
 width:350px;
 padding-bottom:10px;
 overflow:hidden;
 color: {color:Title};
 _margin-left:15%;
 }
 
 div#imp{top:0px; left:0px; position:fixed;}
 
 div#center{
 margin:0px:
 position:cemter;
 width:350px;
 background-color:#ffffff;
 overflow:auto;
 overflow-y:hidden;}
 
 div#content{
 position:center;
 background-color:#ffffff;
 width:330px;
 padding:10px;
 padding-top:0px;
 margin-right: 0px;
 background: {color:content};
 }
 div#entry{
 background-color:#ffffff;
 margin-top:0px;
 padding-top:0px;
 padding-bottom:0px;
 }
 div#about{
     
 position:fixed;
 left:560px;
 top: 90px;
 width:322px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:0px;
 background-color:ffffff; border:1pt solid black;
 }
 
 
 #postnotes{
 text-align: justify;}
 #postnotes blockquote{
 border: px;}
 
 
 .title{
 font-family: {font:title};
 font-size: 24px;
 text-transform: uppercase;
 line-height: 40px;
 color: {color:text}; 
 letter-spacing: -3px;
 font-weight: bold;
 padding:0px 0px 0px 0px;
 }
 .title2{
 font-family: {font:title};
 font-size: 15px;
 line-height: 15px;
 color: {color:text}; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title3{
 font-family: {font:title};
 font-size: 15px;
 line-height: 13px;
 color: {color:text}; 
 letter-spacing:  0px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title4{
 font-family: {font:title};
 font-size: 9px;
 line-height: 9px;
 color: #000000; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 background-color:#e7e7e7;
 }
 blockquote{
 padding:0px 0px 2px 2px;
 margin:0px 0px 2px 1px;
 border-left: 1px solid {color:Text};
 }
 blockquote p, ul{
 margin:0px; 
 padding:0px; 
 }
 a img{border: 0px;}
 ul, ol, li{list-style:none; margin:0px; padding:0px;}
 .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 
 .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
 .notes img{width:10px; position:relative; top:3px;}
 .permalink{
 display: block;
 text-transform: none;
 font-size: 9px;
 text-align: right;
 }
 {font-size: 9px;}
 
 
 {CustomCSS}
 </style>
 <link rel="shortcut icon" href="{Favicon}">
 <link rel="alternate" type="application/rss+xml" title="" href="{RSS}" />
 <meta name="viewport" content="width=820" />
 </head>
 <body>
 <div id="imp"><a href="http://www.themesbyirene.tumblr.com"><font style="color:white;">theme</font></a></div>
 
 
 <div id="about">
 
 {block:ifshowblogtitle}<span class=title><a title="" href="/">
 
 <center>{Title}</center>
 
 </a></span>{/block:ifshowblogtitle}
 
 
 <center>{/block:Description}
 {block:Title}<span class="title4">{Title}</span>{/block:Title}
 <font size="1px" font family="baskerville">{Description}</font></center>

Gray

Click image for full size.

Code #1

Code #2

<html lang="en">
 <head>
 <noframes></noframes><noscript></noscript><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type='text/javascript'>
 
 //<![CDATA[
 
 var rate = 20;
 
 if (document.getElementById)
 window.onerror=new Function("return true")
 
 var objActive; // The object which event occured in
 var act = 0; // Flag during the action
 var elmH = 0; // Hue
 var elmS = 128; // Saturation
 var elmV = 255; // Value
 var clrOrg; // A color before the change
 var TimerID; // Timer ID
 
 if (document.all) {
 document.onmouseover = doRainbowAnchor;
 document.onmouseout = stopRainbowAnchor;
 }
 else if (document.getElementById) {
 document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
 document.onmouseover = Mozilla_doRainbowAnchor;
 document.onmouseout = Mozilla_stopRainbowAnchor;
 }
 
 function doRainbow(obj)
 {
 if (act == 0) {
 act = 1;
 if (obj)
 objActive = obj;
 else
 objActive = event.srcElement;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 
 
 function stopRainbow()
 {
 if (act) {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 
 
 function doRainbowAnchor()
 {
 if (act == 0) {
 var obj = event.srcElement;
 while (obj.tagName != 'A' && obj.tagName != 'BODY') {
 obj = obj.parentElement;
 if (obj.tagName == 'A' || obj.tagName == 'BODY')
 break;
 }
 
 if (obj.tagName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function stopRainbowAnchor()
 {
 if (act) {
 if (objActive.tagName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function Mozilla_doRainbowAnchor(e)
 {
 if (act == 0) {
 obj = e.target;
 while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
 obj = obj.parentNode;
 if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
 break;
 }
 
 if (obj.nodeName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = obj.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function Mozilla_stopRainbowAnchor(e)
 {
 if (act) {
 if (objActive.nodeName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function ChangeColor()
 {
 objActive.style.color = makeColor();
 }
 
 
 function makeColor()
 {
 // 
 
 // HSVtoRGB
 if (elmS == 0) {
 elmR = elmV; elmG = elmV; elmB = elmV;
 }
 else {
 t1 = elmV;
 t2 = (255 - elmS) * elmV / 255;
 t3 = elmH % 60;
 t3 = (t1 - t2) * t3 / 60;
 
 if (elmH < 60) {
 elmR = t1; elmB = t2; elmG = t2 + t3;
 }
 else if (elmH < 120) {
 elmG = t1; elmB = t2; elmR = t1 - t3;
 }
 else if (elmH < 180) {
 elmG = t1; elmR = t2; elmB = t2 + t3;
 }
 else if (elmH < 240) {
 elmB = t1; elmR = t2; elmG = t1 - t3;
 }
 else if (elmH < 300) {
 elmB = t1; elmG = t2; elmR = t2 + t3;
 }
 else if (elmH < 360) {
 elmR = t1; elmG = t2; elmB = t1 - t3;
 }
 else {
 elmR = 0; elmG = 0; elmB = 0;
 }
 }
 
 elmR = Math.floor(elmR).toString(16);
 elmG = Math.floor(elmG).toString(16);
 elmB = Math.floor(elmB).toString(16);
 if (elmR.length == 1) elmR = "0" + elmR;
 if (elmG.length == 1) elmG = "0" + elmG;
 if (elmB.length == 1) elmB = "0" + elmB;
 
 elmH = elmH + rate;
 if (elmH >= 360)
 elmH = 0;
 
 return '#' + elmR + elmG + elmB;
 }
 
 
 
 //]]>
 
 </script>
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="color:background" content="#C8C8C8"/>
 <meta name="color:text" content="#000000"/>
 <meta name="color:link" content="#000000"/>
 <meta name="color:hover" content="#666666"/>
 <meta name="text:title line height" content="px"/>
 <meta name="text:title font weight" content="normal"/>
 <meta name="text:title letter spacing" content="2px"/>
 <meta name="font:title" content="arial"/>
 <meta name="font:text" content="arial"/>
 <meta name="if:center" contact="1"/>
 <meta name="if:show reblog link" content="1"/>
 <meta name="if:infinite scroll" content="1"/>
 <meta name="if:show blog title" content="1"/>
 <meta name="if:show photo caption" content="1"/>
 <meta name="text:custom link 1" content="1"/>
 <meta name="text:custom link 1 name" content"1"/>
 <meta name="text:custom link 2" content="1"/>
 <meta name="text:custom link 2 name" content="1"/>
 <meta name="text:custom link 3" content="1"/>
 <meta name="text:custom link 3 name" content="1"/>
 <meta name="text:custom link 4" content="1"/>
 <meta name="text:custom link 4 name" content="1"/>
 <meta name="text:custom link 5" content="1"/>
 <meta name="text:custom link 5 name" content="1"/>
 
 
 
 {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
 <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
 {PostSummary} - {/block:PostSummary}{Title}</title>
 <style type="text/css">
 
 body {
 margin:0px;
 background-color:#C8C8C8;
 background-image:url();
 background-attachment: fixed;
 background-repeat: repeat;}
 
 body, div, p, textarea, submit, input{
 font-family: {font:text};
 font-size: 11px;
 text-align: justify;}
 line-height:9px;
 color:{color:Text};
 }
 p {
 margin:0px;
 margin-top:5px;
 }
 
 
 a:link, a:active, a:visited{
 color: {color:Link}; 
 text-decoration: none; 
 
 }
 div#cage{
 background-color:#ffffff;
 border:1pt solid black;
 margin:auto;
 position:absolute;
 left:200px;
 width:350px;
 padding-bottom:10px;
 overflow:hidden;
 color: {color:Title};
 _margin-left:15%;
 }
 
 div#imp{top:0px; left:0px; position:fixed;}
 
 div#center{
 margin:0px:
 position:cemter;
 width:350px;
 background-color:#ffffff;
 overflow:auto;
 overflow-y:hidden;}
 
 div#content{
 position:center;
 background-color:#ffffff;
 width:330px;
 padding:10px;
 padding-top:0px;
 margin-right: 0px;
 background: {color:content};
 }
 div#entry{
 background-color:#ffffff;
 margin-top:0px;
 padding-top:0px;
 padding-bottom:0px;
 }
 div#about{
     
 position:fixed;
 left:560px;
 top: 90px;
 width:322px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:0px;
 background-color:ffffff; border:1pt solid black;
 }
 
 
 #postnotes{
 text-align: justify;}
 #postnotes blockquote{
 border: px;}
 
 
 .title{
 font-family: {font:title};
 font-size: 24px;
 text-transform: uppercase;
 line-height: 40px;
 color: {color:text}; 
 letter-spacing: -3px;
 font-weight: bold;
 padding:0px 0px 0px 0px;
 }
 .title2{
 font-family: {font:title};
 font-size: 15px;
 line-height: 15px;
 color: {color:text}; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title3{
 font-family: {font:title};
 font-size: 15px;
 line-height: 13px;
 color: {color:text}; 
 letter-spacing:  0px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title4{
 font-family: {font:title};
 font-size: 9px;
 line-height: 9px;
 color: #000000; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 background-color:#e7e7e7;
 }
 blockquote{
 padding:0px 0px 2px 2px;
 margin:0px 0px 2px 1px;
 border-left: 1px solid {color:Text};
 }
 blockquote p, ul{
 margin:0px; 
 padding:0px; 
 }
 a img{border: 0px;}
 ul, ol, li{list-style:none; margin:0px; padding:0px;}
 .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 
 .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
 .notes img{width:10px; position:relative; top:3px;}
 .permalink{
 display: block;
 text-transform: none;
 font-size: 9px;
 text-align: right;
 }
 {font-size: 9px;}
 
 
 {CustomCSS}
 </style>
 <link rel="shortcut icon" href="{Favicon}">
 <link rel="alternate" type="application/rss+xml" title="" href="{RSS}" />
 <meta name="viewport" content="width=820" />
 </head>
 <body>
 <div id="imp"><a href="http://www.themesbyirene.tumblr.com"><font style="color:white;">theme</font></a></div>
 
 
 <div id="about">
 
 {block:ifshowblogtitle}<span class=title><a title="" href="/">
 
 <center>{Title}</center>
 
 </a></span>{/block:ifshowblogtitle}
 
 
 <center>{/block:Description}
 {block:Title}<span class="title4">{Title}</span>{/block:Title}
 <font size="1px" font family="baskerville">{Description}</font></center>

Gray 2

Click image for full size.

Code #1

Code #2

<html lang="en">
 <head>
 <noframes></noframes><noscript></noscript><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type='text/javascript'>
 
 //<![CDATA[
 
 var rate = 20;
 
 if (document.getElementById)
 window.onerror=new Function("return true")
 
 var objActive; // The object which event occured in
 var act = 0; // Flag during the action
 var elmH = 0; // Hue
 var elmS = 128; // Saturation
 var elmV = 255; // Value
 var clrOrg; // A color before the change
 var TimerID; // Timer ID
 
 if (document.all) {
 document.onmouseover = doRainbowAnchor;
 document.onmouseout = stopRainbowAnchor;
 }
 else if (document.getElementById) {
 document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
 document.onmouseover = Mozilla_doRainbowAnchor;
 document.onmouseout = Mozilla_stopRainbowAnchor;
 }
 
 function doRainbow(obj)
 {
 if (act == 0) {
 act = 1;
 if (obj)
 objActive = obj;
 else
 objActive = event.srcElement;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 
 
 function stopRainbow()
 {
 if (act) {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 
 
 function doRainbowAnchor()
 {
 if (act == 0) {
 var obj = event.srcElement;
 while (obj.tagName != 'A' && obj.tagName != 'BODY') {
 obj = obj.parentElement;
 if (obj.tagName == 'A' || obj.tagName == 'BODY')
 break;
 }
 
 if (obj.tagName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function stopRainbowAnchor()
 {
 if (act) {
 if (objActive.tagName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function Mozilla_doRainbowAnchor(e)
 {
 if (act == 0) {
 obj = e.target;
 while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
 obj = obj.parentNode;
 if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
 break;
 }
 
 if (obj.nodeName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = obj.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function Mozilla_stopRainbowAnchor(e)
 {
 if (act) {
 if (objActive.nodeName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function ChangeColor()
 {
 objActive.style.color = makeColor();
 }
 
 
 function makeColor()
 {
 // 
 
 // HSVtoRGB
 if (elmS == 0) {
 elmR = elmV; elmG = elmV; elmB = elmV;
 }
 else {
 t1 = elmV;
 t2 = (255 - elmS) * elmV / 255;
 t3 = elmH % 60;
 t3 = (t1 - t2) * t3 / 60;
 
 if (elmH < 60) {
 elmR = t1; elmB = t2; elmG = t2 + t3;
 }
 else if (elmH < 120) {
 elmG = t1; elmB = t2; elmR = t1 - t3;
 }
 else if (elmH < 180) {
 elmG = t1; elmR = t2; elmB = t2 + t3;
 }
 else if (elmH < 240) {
 elmB = t1; elmR = t2; elmG = t1 - t3;
 }
 else if (elmH < 300) {
 elmB = t1; elmG = t2; elmR = t2 + t3;
 }
 else if (elmH < 360) {
 elmR = t1; elmG = t2; elmB = t1 - t3;
 }
 else {
 elmR = 0; elmG = 0; elmB = 0;
 }
 }
 
 elmR = Math.floor(elmR).toString(16);
 elmG = Math.floor(elmG).toString(16);
 elmB = Math.floor(elmB).toString(16);
 if (elmR.length == 1) elmR = "0" + elmR;
 if (elmG.length == 1) elmG = "0" + elmG;
 if (elmB.length == 1) elmB = "0" + elmB;
 
 elmH = elmH + rate;
 if (elmH >= 360)
 elmH = 0;
 
 return '#' + elmR + elmG + elmB;
 }
 
 
 
 //]]>
 
 </script>
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="color:background" content="#848484"/>
 <meta name="color:text" content="#000000"/>
 <meta name="color:link" content="#000000"/>
 <meta name="color:hover" content="#666666"/>
 <meta name="text:title line height" content="px"/>
 <meta name="text:title font weight" content="normal"/>
 <meta name="text:title letter spacing" content="2px"/>
 <meta name="font:title" content="arial"/>
 <meta name="font:text" content="arial"/>
 <meta name="if:center" contact="1"/>
 <meta name="if:show reblog link" content="1"/>
 <meta name="if:infinite scroll" content="1"/>
 <meta name="if:show blog title" content="1"/>
 <meta name="if:show photo caption" content="1"/>
 <meta name="text:custom link 1" content="1"/>
 <meta name="text:custom link 1 name" content"1"/>
 <meta name="text:custom link 2" content="1"/>
 <meta name="text:custom link 2 name" content="1"/>
 <meta name="text:custom link 3" content="1"/>
 <meta name="text:custom link 3 name" content="1"/>
 <meta name="text:custom link 4" content="1"/>
 <meta name="text:custom link 4 name" content="1"/>
 <meta name="text:custom link 5" content="1"/>
 <meta name="text:custom link 5 name" content="1"/>
 
 
 
 {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
 <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
 {PostSummary} - {/block:PostSummary}{Title}</title>
 <style type="text/css">
 
 body {
 margin:0px;
 background-color:#848484;
 background-image:url();
 background-attachment: fixed;
 background-repeat: repeat;}
 
 body, div, p, textarea, submit, input{
 font-family: {font:text};
 font-size: 11px;
 text-align: justify;}
 line-height:9px;
 color:{color:Text};
 }
 p {
 margin:0px;
 margin-top:5px;
 }
 
 
 a:link, a:active, a:visited{
 color: {color:Link}; 
 text-decoration: none; 
 
 }
 div#cage{
 background-color:#ffffff;
 border:1pt solid black;
 margin:auto;
 position:absolute;
 left:200px;
 width:350px;
 padding-bottom:10px;
 overflow:hidden;
 color: {color:Title};
 _margin-left:15%;
 }
 
 div#imp{top:0px; left:0px; position:fixed;}
 
 div#center{
 margin:0px:
 position:cemter;
 width:350px;
 background-color:#ffffff;
 overflow:auto;
 overflow-y:hidden;}
 
 div#content{
 position:center;
 background-color:#ffffff;
 width:330px;
 padding:10px;
 padding-top:0px;
 margin-right: 0px;
 background: {color:content};
 }
 div#entry{
 background-color:#ffffff;
 margin-top:0px;
 padding-top:0px;
 padding-bottom:0px;
 }
 div#about{
     
 position:fixed;
 left:560px;
 top: 90px;
 width:322px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:0px;
 background-color:ffffff; border:1pt solid black;
 }
 
 
 #postnotes{
 text-align: justify;}
 #postnotes blockquote{
 border: px;}
 
 
 .title{
 font-family: {font:title};
 font-size: 24px;
 text-transform: uppercase;
 line-height: 40px;
 color: {color:text}; 
 letter-spacing: -3px;
 font-weight: bold;
 padding:0px 0px 0px 0px;
 }
 .title2{
 font-family: {font:title};
 font-size: 15px;
 line-height: 15px;
 color: {color:text}; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title3{
 font-family: {font:title};
 font-size: 15px;
 line-height: 13px;
 color: {color:text}; 
 letter-spacing:  0px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title4{
 font-family: {font:title};
 font-size: 9px;
 line-height: 9px;
 color: #000000; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 background-color:#e7e7e7;
 }
 blockquote{
 padding:0px 0px 2px 2px;
 margin:0px 0px 2px 1px;
 border-left: 1px solid {color:Text};
 }
 blockquote p, ul{
 margin:0px; 
 padding:0px; 
 }
 a img{border: 0px;}
 ul, ol, li{list-style:none; margin:0px; padding:0px;}
 .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 
 .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
 .notes img{width:10px; position:relative; top:3px;}
 .permalink{
 display: block;
 text-transform: none;
 font-size: 9px;
 text-align: right;
 }
 {font-size: 9px;}
 
 
 {CustomCSS}
 </style>
 <link rel="shortcut icon" href="{Favicon}">
 <link rel="alternate" type="application/rss+xml" title="" href="{RSS}" />
 <meta name="viewport" content="width=820" />
 </head>
 <body>
 <div id="imp"><a href="http://www.themesbyirene.tumblr.com"><font style="color:white;">theme</font></a></div>
 
 
 <div id="about">
 
 {block:ifshowblogtitle}<span class=title><a title="" href="/">
 
 <center>{Title}</center>
 
 </a></span>{/block:ifshowblogtitle}
 
 
 <center>{/block:Description}
 {block:Title}<span class="title4">{Title}</span>{/block:Title}
 <font size="1px" font family="baskerville">{Description}</font></center>

Gray 3

Click image for full size.

Code #1

Code #2

<html lang="en">
 <head>
 <noframes></noframes><noscript></noscript><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type='text/javascript'>
 
 //<![CDATA[
 
 var rate = 20;
 
 if (document.getElementById)
 window.onerror=new Function("return true")
 
 var objActive; // The object which event occured in
 var act = 0; // Flag during the action
 var elmH = 0; // Hue
 var elmS = 128; // Saturation
 var elmV = 255; // Value
 var clrOrg; // A color before the change
 var TimerID; // Timer ID
 
 if (document.all) {
 document.onmouseover = doRainbowAnchor;
 document.onmouseout = stopRainbowAnchor;
 }
 else if (document.getElementById) {
 document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
 document.onmouseover = Mozilla_doRainbowAnchor;
 document.onmouseout = Mozilla_stopRainbowAnchor;
 }
 
 function doRainbow(obj)
 {
 if (act == 0) {
 act = 1;
 if (obj)
 objActive = obj;
 else
 objActive = event.srcElement;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 
 
 function stopRainbow()
 {
 if (act) {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 
 
 function doRainbowAnchor()
 {
 if (act == 0) {
 var obj = event.srcElement;
 while (obj.tagName != 'A' && obj.tagName != 'BODY') {
 obj = obj.parentElement;
 if (obj.tagName == 'A' || obj.tagName == 'BODY')
 break;
 }
 
 if (obj.tagName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function stopRainbowAnchor()
 {
 if (act) {
 if (objActive.tagName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function Mozilla_doRainbowAnchor(e)
 {
 if (act == 0) {
 obj = e.target;
 while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
 obj = obj.parentNode;
 if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
 break;
 }
 
 if (obj.nodeName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = obj.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 
 
 function Mozilla_stopRainbowAnchor(e)
 {
 if (act) {
 if (objActive.nodeName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 
 
 function ChangeColor()
 {
 objActive.style.color = makeColor();
 }
 
 
 function makeColor()
 {
 // 
 
 // HSVtoRGB
 if (elmS == 0) {
 elmR = elmV; elmG = elmV; elmB = elmV;
 }
 else {
 t1 = elmV;
 t2 = (255 - elmS) * elmV / 255;
 t3 = elmH % 60;
 t3 = (t1 - t2) * t3 / 60;
 
 if (elmH < 60) {
 elmR = t1; elmB = t2; elmG = t2 + t3;
 }
 else if (elmH < 120) {
 elmG = t1; elmB = t2; elmR = t1 - t3;
 }
 else if (elmH < 180) {
 elmG = t1; elmR = t2; elmB = t2 + t3;
 }
 else if (elmH < 240) {
 elmB = t1; elmR = t2; elmG = t1 - t3;
 }
 else if (elmH < 300) {
 elmB = t1; elmG = t2; elmR = t2 + t3;
 }
 else if (elmH < 360) {
 elmR = t1; elmG = t2; elmB = t1 - t3;
 }
 else {
 elmR = 0; elmG = 0; elmB = 0;
 }
 }
 
 elmR = Math.floor(elmR).toString(16);
 elmG = Math.floor(elmG).toString(16);
 elmB = Math.floor(elmB).toString(16);
 if (elmR.length == 1) elmR = "0" + elmR;
 if (elmG.length == 1) elmG = "0" + elmG;
 if (elmB.length == 1) elmB = "0" + elmB;
 
 elmH = elmH + rate;
 if (elmH >= 360)
 elmH = 0;
 
 return '#' + elmR + elmG + elmB;
 }
 
 
 
 //]]>
 
 </script>
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="color:background" content="#353535"/>
 <meta name="color:text" content="#000000"/>
 <meta name="color:link" content="#000000"/>
 <meta name="color:hover" content="#666666"/>
 <meta name="text:title line height" content="px"/>
 <meta name="text:title font weight" content="normal"/>
 <meta name="text:title letter spacing" content="2px"/>
 <meta name="font:title" content="arial"/>
 <meta name="font:text" content="arial"/>
 <meta name="if:center" contact="1"/>
 <meta name="if:show reblog link" content="1"/>
 <meta name="if:infinite scroll" content="1"/>
 <meta name="if:show blog title" content="1"/>
 <meta name="if:show photo caption" content="1"/>
 <meta name="text:custom link 1" content="1"/>
 <meta name="text:custom link 1 name" content"1"/>
 <meta name="text:custom link 2" content="1"/>
 <meta name="text:custom link 2 name" content="1"/>
 <meta name="text:custom link 3" content="1"/>
 <meta name="text:custom link 3 name" content="1"/>
 <meta name="text:custom link 4" content="1"/>
 <meta name="text:custom link 4 name" content="1"/>
 <meta name="text:custom link 5" content="1"/>
 <meta name="text:custom link 5 name" content="1"/>
 
 
 
 {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
 <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
 {PostSummary} - {/block:PostSummary}{Title}</title>
 <style type="text/css">
 
 body {
 margin:0px;
 background-color:#353535;
 background-image:url();
 background-attachment: fixed;
 background-repeat: repeat;}
 
 body, div, p, textarea, submit, input{
 font-family: {font:text};
 font-size: 11px;
 text-align: justify;}
 line-height:9px;
 color:{color:Text};
 }
 p {
 margin:0px;
 margin-top:5px;
 }
 
 
 a:link, a:active, a:visited{
 color: {color:Link}; 
 text-decoration: none; 
 
 }
 div#cage{
 background-color:#ffffff;
 border:1pt solid black;
 margin:auto;
 position:absolute;
 left:200px;
 width:350px;
 padding-bottom:10px;
 overflow:hidden;
 color: {color:Title};
 _margin-left:15%;
 }
 
 div#imp{top:0px; left:0px; position:fixed;}
 
 div#center{
 margin:0px:
 position:cemter;
 width:350px;
 background-color:#ffffff;
 overflow:auto;
 overflow-y:hidden;}
 
 div#content{
 position:center;
 background-color:#ffffff;
 width:330px;
 padding:10px;
 padding-top:0px;
 margin-right: 0px;
 background: {color:content};
 }
 div#entry{
 background-color:#ffffff;
 margin-top:0px;
 padding-top:0px;
 padding-bottom:0px;
 }
 div#about{
     
 position:fixed;
 left:560px;
 top: 90px;
 width:322px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:0px;
 background-color:ffffff; border:1pt solid black;
 }
 
 
 #postnotes{
 text-align: justify;}
 #postnotes blockquote{
 border: px;}
 
 
 .title{
 font-family: {font:title};
 font-size: 24px;
 text-transform: uppercase;
 line-height: 40px;
 color: {color:text}; 
 letter-spacing: -3px;
 font-weight: bold;
 padding:0px 0px 0px 0px;
 }
 .title2{
 font-family: {font:title};
 font-size: 15px;
 line-height: 15px;
 color: {color:text}; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title3{
 font-family: {font:title};
 font-size: 15px;
 line-height: 13px;
 color: {color:text}; 
 letter-spacing:  0px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 }
 .title4{
 font-family: {font:title};
 font-size: 9px;
 line-height: 9px;
 color: #000000; 
 letter-spacing:  px;
 font-weight:  {text:title font weight};
 padding:0px 1px 0px 1px; 
 background-color:#e7e7e7;
 }
 blockquote{
 padding:0px 0px 2px 2px;
 margin:0px 0px 2px 1px;
 border-left: 1px solid {color:Text};
 }
 blockquote p, ul{
 margin:0px; 
 padding:0px; 
 }
 a img{border: 0px;}
 ul, ol, li{list-style:none; margin:0px; padding:0px;}
 .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 
 .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
 .notes img{width:10px; position:relative; top:3px;}
 .permalink{
 display: block;
 text-transform: none;
 font-size: 9px;
 text-align: right;
 }
 {font-size: 9px;}
 
 
 {CustomCSS}
 </style>
 <link rel="shortcut icon" href="{Favicon}">
 <link rel="alternate" type="application/rss+xml" title="" href="{RSS}" />
 <meta name="viewport" content="width=820" />
 </head>
 <body>
 <div id="imp"><a href="http://www.themesbyirene.tumblr.com"><font style="color:white;">theme</font></a></div>
 
 
 <div id="about">
 
 {block:ifshowblogtitle}<span class=title><a title="" href="/">
 
 <center>{Title}</center>
 
 </a></span>{/block:ifshowblogtitle}
 
 
 <center>{/block:Description}
 {block:Title}<span class="title4">{Title}</span>{/block:Title}
 <font size="1px" font family="baskerville">{Description}</font></center>