Jenn

Bright rainbows (revamped)

<style>
body {
	background: #dbdbdb;
}
body, div, a {
	font: 7pt verdana;
	color: #777;
	text-align: left;
	margin-bottom: 2px;
	line-height: 15px;
}
b {
	color: #6fff0f;
}
i {
	font-style: italic;
	color: #0fdbff;
	font-family: georgia;
}
a:link, a:active, a:visited, a {
	color: #82817e;
	font-family: verdana;
	font-size: 7pt;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #999;
}
h1 {
	font: 18pt georgia;
	color: #0fdbff;
	text-align: left;
	font-weight: bold;
	text-transform: lowercase;
}
h2 {
	font: 14pt georgia;
	color: #6fff0f;
	text-align: left;
	font-weight: bold;
	text-transform: lowercase;
}
#left {
	border: 2px solid #ffa30f;
	width: 500px;
	background: #fff;
	padding: 10px;
	text-align: justify;
	height: 400;
	overflow: auto;
}
#one {
	width: 100%;
	background-color: red;
	height: 12px;
}
#two {
	width: 100%;
	background-color: orange;
	height: 12px;
}
#three {
	width: 100%;
	background-color: yellow;
	height: 12px;
}
table, .sf {
	display: none;
}
</style>
<div id="one" style="position: absolute; top: 0px;"></div>
<div id="two" style="position: absolute; top: 12px;"></div>
<div id="three" style="position: absolute; top: 24px;"></div>
<div id="left" style="position: absolute; left: 450px; top: 140px;">
<h1>Layout Style:</h1>
<h2>Bright Rainbows</h2>
<b>bold</b> <i>italic</i> <a href="/">linked</a>
<p>A rainbow is an optical and meteorological phenomenon that causes a spectrum of light to appear in the sky when the Sun shines on to droplets of moisture in the Earth's atmosphere. It takes the form of a multicoloured arc. Rainbows caused by sunlight always appear in the section of sky directly opposite the sun.
</p>
<p>A rainbow is an optical and meteorological phenomenon that causes a spectrum of light to appear in the sky when the Sun shines on to droplets of moisture in the Earth's atmosphere. It takes the form of a multicoloured arc. Rainbows caused by sunlight always appear in the section of sky directly opposite the sun.

<br><br></p>
<h1>Credit </h1>
css © miraculous<br>
located <a href="/~contraires">here</a>.
</div>

BR.2

<style>
body {
	background: #2b2b2b;
}
body, div, a {
	font: 7pt verdana;
	color: #777;
	text-align: left;
	margin-bottom: 2px;
	line-height: 15px;
}
b {
	color: #f0b607;
}
i {
	font-style: italic;
	color: #990033;
	font-family: georgia;
}
a:link, a:active, a:visited, a {
	color: #82817e;
	font-family: verdana;
	font-size: 7pt;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #999;
}
h1 {
	font: 18pt georgia;
	color: #d10000;
	text-align: left;
	font-weight: bold;
	text-transform: lowercase;
}
h2 {
	font: 14pt georgia;
	color: #f27405;
	text-align: left;
	font-weight: bold;
	text-transform: lowercase;
}
#left {
	border: 2px solid #669900;
	width: 500px;
	background: #fff;
	padding: 10px;
	text-align: justify;
	height: 400;
	overflow: auto;
}
#one {
	width: 100%;
	background-color: #0099FF;
	height: 12px;
}
#two {
	width: 100%;
	background-color: #669900;
	height: 12px;
}
#three {
	width: 100%;
	background-color: #990033;
	height: 12px;
}
table, .sf {
	display: none;
}
</style>
<div id="one" style="position: absolute; top: 0px;"></div>
<div id="two" style="position: absolute; top: 12px;"></div>
<div id="three" style="position: absolute; top: 24px;"></div>
<div id="left" style="position: absolute; left: 450px; top: 140px;">
<h1>Layout Style:</h1>
<h2>Bright Rainbows</h2>
<b>bold</b> <i>italic</i> <a href="/">linked</a>
<p>A rainbow is an optical and meteorological phenomenon that causes a spectrum of light to appear in the sky when the Sun shines on to droplets of moisture in the Earth's atmosphere. It takes the form of a multicoloured arc. Rainbows caused by sunlight always appear in the section of sky directly opposite the sun.
</p>
<p>A rainbow is an optical and meteorological phenomenon that causes a spectrum of light to appear in the sky when the Sun shines on to droplets of moisture in the Earth's atmosphere. It takes the form of a multicoloured arc. Rainbows caused by sunlight always appear in the section of sky directly opposite the sun.

<br><br></p>
<h1>Credit </h1>
css © miraculous<br>
located <a href="/~contraires">here</a>.
</div>

BR.3

hot cocoa

<style>
body {
	color: #444;
	background: #632d0e;
}
body, div, a {
	font: 7pt verdana;
	color: #777;
	text-align: left;
	margin-bottom: 2px;
	line-height: 15px;
}
b {
	color: #219FFD;
}
i {
	font-style: italic;
	color: #82817e;
	font-weight: bold;
}
a:link, a:active, a:visited, a {
	color: #82817e;
	font-family: verdana;
	font-size: 7pt;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #999;
}
h1 {
	font: 14pt arial;
	color: #6e6e6e;
	padding-bottom: 5px;
	text-align: left;
	text-transform: lowercase;
}
h2 {
	font: 14pt arial;
	color: #632d0e;
	padding-bottom: 5px;
	text-align: left;
	text-transform: lowercase;
}
h3 {
	font: 10pt arial;
	color: #6e6e6e;
	padding-bottom: 5px;
	text-align: left;
	text-transform: lowercase;
}
#left {
	border-left: 20px solid #660f91;
	width: 300px;
	background: #fff;
	padding: 10px;
	text-align: justify;
	height: 400;
	overflow: auto;
}
#right {
	border-left: 20px solid #9aff03;
	width: 300px;
	background: #fff;
	padding: 10px;
	text-align: justify;
	height: 400;
	overflow: auto;
}
table, .sf {
	display: none;
}
img {
	border: 0px;
	margin: 15px;
}
</style>
<center>
<div id="left" style="position: absolute; left: 250px; top: 100px;">
<h1>Layout Style:</h1>
<h2>hot chocolate</h2>
<b>bold</b> <i>italic</i> <a href="/">linked</a>
  Hot chocolate (also known as hot cocoa or just cocoa or chocolate milk) is a heated beverage typically consisting of shaved chocolate, melted chocolate or cocoa powder, heated milk or water, and sugar. Drinking chocolate is similar to hot chocolate, but is made from melted chocolate shavings or paste rather than a powdered mix that's soluble in water.
<p>
The first chocolate beverage is believed to have been created by the Mayans around 2,000 years ago, and a cocoa beverage was an essential part of Aztec culture by 1400 AD.The beverage became popular in Europe after being introduced from Mexico in the New World, and has undergone multiple changes since then. Until the 19th century, hot chocolate was even used medicinally to treat ailments such as stomach diseases. Today, hot chocolate is consumed throughout the world and comes in multiple variations including the very thick cioccolata densa served in Italy, and the thinner hot cocoa that is typically consumed in the United States.

<br><br></p>
<h1>Credit </h1>
css © miraculous<br>
located <a href="/~contraires">here</a>.</div>
<div id="right" style="position: absolute; left: 750px; top: 100px;">
<h1>header one</h1>Hot chocolate (also known as hot cocoa or just cocoa or chocolate milk) is a heated beverage typically consisting of shaved chocolate, melted chocolate or cocoa powder, heated milk or water, and sugar. Drinking chocolate is similar to hot chocolate, but is made from melted chocolate shavings or paste rather than a powdered mix that's soluble in water.[1]<h2>header two</h2>
The first chocolate beverage is believed to have been created by the Mayans around 2,000 years ago, and a cocoa beverage was an essential part of Aztec culture by 1400 AD.[2] The beverage became popular in Europe after being introduced from Mexico in the New World, and has undergone multiple changes since then. Until the 19th century, hot chocolate was even used medicinally to treat ailments such as stomach diseases. Today, hot chocolate is consumed throughout the world and comes in multiple variations including the very thick cioccolata densa served in Italy, and the thinner hot cocoa that is typically consumed in the United States.
</div>
</center>

seein' double

<style>
body {
	background: #93E2D5;
}
body, div, a {
	font: 7pt verdana;
	color: #222;
	text-align: left;
	margin-bottom: 2px;
	line-height: 15px;
}
b {
	color: #BED661;
}
i {
	font-style: italic;
	color: #34DDDD;
	font-weight: bold;
}
a:link, a:active, a:visited, a {
	color: #7AF5F5;
	font-family: verdana;
	font-size: 7pt;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #999;
}
h1 {
	font: 18pt courier new;
	color: #0fdbff;
	text-align: left;
	font-weight: bold;
}
h2 {
	font: 14pt courier new;
	color: #89E894;
	text-align: left;
	font-weight: bold;
}
.one {
	border: 1px solid #78D5E3;
	width: 500px;
	background: #fff;
	padding: 10px;
	text-align: justify;
	height: 220;
	overflow: auto;
}
.two {
	border: 1px solid #78D5E3;
	width: 500px;
	background: #fff;
	padding: 10px;
	text-align: justify;
	height: 220;
	overflow: auto;
}
table, .sf {
	display: none;
}
</style>
<div class="one" style="position: absolute; left: 450px; top: 40px;">
<h1>Layout Style:</h1>
<h2>Seeing Double</h2>
<b>bold</b> <i>italic</i> <a href="/">linked</a>
<p>Ohh...Doctor, doctor, am I alright?  I keep on stayin' up, all through the night.  I'm smokin', drinkin', watchin' TV 'til the light.  It's been a long time since I slept.  All I seem to think about is what I ain't get  
.I'm <b>seein' double, I'm seein' double</b></p>
<p>
Doctor, doctor, you know I'm in need.
Seems like there's somethin' wrong with me,
Underneath this stone lies a different guy
<br>-"Seeing Double" song © Ian Hunter
</p>
<p>Ohh...Doctor, doctor, am I alright?  I keep on stayin' up, all through the night.  I'm smokin', drinkin', watchin' TV 'til the light.  It's been a long time since I slept.  All I seem to think about is what I ain't get  
.I'm <b>seein' double, I'm seein' double</b></p>
<p>
Doctor, doctor, you know I'm in need.
Seems like there's somethin' wrong with me,
Underneath this stone lies a different guy
<br>-"Seeing Double" song © Ian Hunter

<br><br></p>
<h1>Credit </h1>
css © miraculous<br>
located <a href="/~contraires">here</a>.
</div>
<div class="two" style="position: absolute; left: 450px; top: 320px;">
<h1>Layout Style:</h1>
<h2>Seeing Double</h2>
<b>bold</b> <i>italic</i> <a href="/">linked</a>
<p>Ohh...Doctor, doctor, am I alright?  I keep on stayin' up, all through the night.  I'm smokin', drinkin', watchin' TV 'til the light.  It's been a long time since I slept.  All I seem to think about is what I ain't get  
.I'm <b>seein' double, I'm seein' double</b></p>
<p>
Doctor, doctor, you know I'm in need.
Seems like there's somethin' wrong with me,
Underneath this stone lies a different guy
<br>-"Seeing Double" song © Ian Hunter
</p>
<h1>Credit </h1>
css © miraculous<br>
located <a href="/~contraires">here</a>.
</div>

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2012.
® denotes Reg. US Pat. & TM Office. All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions