when you can live forever, what do you live for? MONOPOL!ZE

CSS Codes

Here is my premade CSS for your site! Click the link above the textarea to preview the css and copy and paste the text to use it! and of course, don't forget to follow my content rules.

Pink and Black
Preview here.

body {
  background-color: #FFFFFF;
  background-repeat:repeat;
}

body, p, td, div, h2{
  color : #000000; 
  text-align: left;
  font-family : Century Gothic;  
  line-height : 13px; 
  font-weight: none;
  cursor : ;
  margin:3px;
}

h3 {
  color:#FFFFFF;
  background-color: #000000;
  font-size:22px;
  line-height: 15pt;
  letter-spacing:-1px;
  font-family: Century Gothic;
  text-align: right; 
  border-bottom: 2px solid #FF0066; 
  text-transform: none; 
  width : 100%;
  margin:3px; 
}

A:link, A:visited, A:active {
  font-family : Century Gothic;
  text-decoration : underline; 
  color : #FF0066 ;

}

b{
  color: #FF0066;
  font-family : Century Gothic;
  line-height: 12px;
}

A:hover {
  font-family : Century Gothic;
  color : #000000; 
  cursor : crosshair;
 
}

A.nav:link, A.nav:visited, A.nav:active {
  text-decoration : none;
  font-size: 12pt;
  line-height: 13px; 
  color : #FF0066; 
  display:block;
  text-align: right;
}

a.nav:hover {
  display: block;
  font-size: 12pt;
  line-height: 13px;
  color: #FFFFFF;
  background-color: #000000;
  text-align: left;
  text-transform: uppercase;
}

#content {
  width: 540px;
  position: absolute;
  top: HERE;
  left: 200 px;
  text-transform: none;
  text-align: justify ;
  font-size: 8pt;
  line-height: 14px;
  padding: 4px;
}

#navigation {
  width: 170px;
  position: absolute;
  top: HERE;
  left: HERE;
  text-transform: none;
  font-size: 6.5 pt;
  text-align: left;
  border-bottom : 0px solid #EC8CA1;
  border-left : 0px dotted #EC8CA1; 
  border-right : 0px solid #EC8CA1; 
  border-top : 0px solid #EC8CA1;
  line-height: 12px;
  padding: 4px;
  margin: 3px
}

</style>

<h3>HEADER 5 </h3>
Your personal text will go all over this place! 
<br>this is <b>bold</b>, <i>italic</i>, and <u>underlined</u>
<br>and here is a <a href="http://www.monopolize.co.nr">link.</a>
</div>

<div id="navigation">
<h3>HEADER 1</h3>
you can put <b>all kinds</b> of stuff in this box! maybe you can write a little about yourself...

<h3>HEADER 2</h3>

In this box, you can write about your all about <b>your site</b>, or whatever you want!

<h3>Navigation</h3>
<a href="http://www.monopolize.co.nr"; class="nav">Link One</a>
<a href="http://www.monopolize.co.nr";  class="nav">Link Two</a>
<a href="http://www.monopolize.co.nr";  class="nav">Link Three</a>
<a href="http://www.monopolize.co.nr";  class="nav">Link Four</a>

<h3>HEADER 3</h3>
write whatever you want to write can go here. use <a href="http://www.monopolize.co.nr">links</a><b> bold</b>, <i> italic</i>, or <u>underlined</u> text.

<h3>HEADER 4</h3>

</div></div>

Purple, Blue, and Black
Preview here.

body {
  background-color: #000000;
  background-repeat:repeat;
}

body, p, td, div, h2{
  color : #ffffff; 
  text-align: left;
  font-family : tahoma;  
  line-height : 13px; 
  font-weight: none;
  cursor : ;
  margin:3px;
}

h3 {
  color:#FFFFFF;
  font-size:22px;
  line-height: 15pt;
  letter-spacing:-1px;
  font-family: tahoma;
  text-align: right; 
  border-bottom: 2px solid #cc00ff; 
  text-transform: none; 
  width : 100%;
  margin:3px; 
}

A:link, A:visited, A:active {
  font-family : tahoma;
  text-decoration : underline; 
  color : #33CCFF;

}

b{
  color: #33CCFF;
  font-family : tahoma;
  line-height: 12px;
}

A:hover {
  font-family : tahoma;
  color : #666666; 
  cursor : crosshair;
 
}

A.nav:link, A.nav:visited, A.nav:active {
  text-decoration : none;
  font-size: 12pt;
  line-height: 13px; 
  color : #33CCFF; 
  display:block;
  text-align: right;
}

a.nav:hover {
  display: block;
  font-size: 12pt;
  line-height: 13px;
  color: #FFFFFF;
  background-color: #cc00ff;
  text-align: left;
  text-transform: uppercase;
}

#content {
  width: 540px;
  position: absolute;
  top: HERE;
  left: 200 px;
  text-transform: none;
  text-align: justify ;
  font-size: 8pt;
  line-height: 14px;
  padding: 4px;
}

#navigation {
  width: 170px;
  position: absolute;
  top: HERE;
  left: HERE;
  text-transform: none;
  font-size: 6.5 pt;
  text-align: left;
  line-height: 12px;
  padding: 4px;
  margin: 3px
}

</style>

<div id="navigation">
<h3>HEADER 1</h3>
you can put <b>all kinds</b> of stuff in this box! maybe you can write a little about yourself...

<h3>HEADER 2</h3>

In this box, you can write about your all about <b>your site</b>, or whatever you want!

<h3>HEADER 3</h3>
write whatever you want to write can go here. use <a href="http://www.monopolize.co.nr">links</a><b> bold</b>, <i> italic</i>, or <u>underlined</u> text.

<h3>HEADER 4</h3>

</div></div>

Pink and Green
Preview here.

body {
  background-color: #ffffff;
  background-repeat:repeat;
}

body, p, td, div, h2{
  color : #000000; 
  text-align: left;
  font-family : georgia;  
  line-height : 13px; 
  font-weight: none;
  cursor : ;
  margin:3px;
}

h3 {
  color:#000000;
  font-size:22px;
  line-height: 0pt;
  letter-spacing:-1px;
  font-family: georgia;
  text-align: right; 
  border-bottom: 2px solid #FF3399; 
  border-top: 4px solid #33FF66; 
  text-transform: none; 
  width : 100%;
  margin:3px; 
}

A:link, A:visited, A:active {
  font-family : georgia;
  text-decoration : underline; 
  color : #FF3399;

}

b{
  color: #FF3399;
  font-family : georgia;
  line-height: 12px;
}

A:hover {
  font-family : georgia;
  color : #000000; 
  cursor : crosshair;
 
}

A.nav:link, A.nav:visited, A.nav:active {
  text-decoration : none;
  font-size: 12pt;
  line-height: 13px; 
  color : #FF3399; 
  display:block;
  text-align: right;
}

a.nav:hover {
  display: block;
  font-size: 12pt;
  line-height: 13px;
  color: #000000;
  background-color: #33FF66;
  text-align: left;
  text-transform: uppercase;
}

#content {
  width: 540px;
  position: absolute;
  top: HERE;
  left: 200 px;
  text-transform: none;
  text-align: justify ;
  font-size: 8pt;
  line-height: 14px;
  padding: 4px;
}

#navigation {
  width: 170px;
  position: absolute;
  top: HERE;
  left: HERE;
  text-transform: none;
  font-size: 6.5 pt;
  text-align: left;
  line-height: 12px;
  padding: 4px;
  margin: 3px
}

</style>

<h3>Header 5 </h3>
Your personal text will go all over this place! 
<br>this is <b>bold</b>, <i>italic</i>, and <u>underlined</u>
<br>and here is a <a href="http://www.monopolize.co.nr">link.</a>
</div>

<div id="navigation">
<h3>Header 1</h3>
you can put <b>all kinds</b> of stuff in this box! maybe you can write a little about yourself...

<h3>Header 2</h3>

In this box, you can write about your all about <b>your site</b>, or whatever you want!

<h3>Header 3</h3>
write whatever you want to write can go here. use <a href="http://www.monopolize.co.nr">links</a><b> bold</b>, <i> italic</i>, or <u>underlined</u> text.

<h3>Header 4</h3>

</div></div>

Light Blue and Gray
Preview here.

body {
  background-color: #FFFFFF;
  background-repeat:repeat;
}

body, p, td, div, h2{
  color : #999999; 
  text-align: left;
  font-family : Century Gothic;  
  line-height : 13px; 
  font-weight: none;
  cursor : ;
  margin:3px;
}

h3 {
  color:#999999;
  font-size:22px;
  line-height: 12pt;
  letter-spacing:-1px;
  font-family: Century Gothic;
  text-align: right; 
  border-bottom: 2px dashed #9999FF; 
  border-top: 15px solid #CCCCFF;
  text-transform: none; 
  width : 100%;
  margin:3px; 
}

A:link, A:visited, A:active {
  font-family : Century Gothic;
  text-decoration : underline; 
  color : #6666FF ;

}

b{
  color: #6666FF;
  font-family : Century Gothic;
  line-height: 12px;
}

A:hover {
  font-family : Century Gothic;
  color : #999999; 
  cursor : crosshair;
 
}

A.nav:link, A.nav:visited, A.nav:active {
  text-decoration : none;
  font-size: 12pt;
  line-height: 13px; 
  color : #9999FF; 
  display:block;
  text-align: right;
}

a.nav:hover {
  display: block;
  font-size: 12pt;
  line-height: 13px;
  color: #FFFFFF;
  background-color: #6666FF;
  text-align: left;
  text-transform: uppercase;
}

#content {
  width: 540px;
  position: absolute;
  top: HERE;
  left: 200 px;
  text-transform: none;
  text-align: justify ;
  font-size: 8pt;
  line-height: 14px;
  padding: 4px;
}

</style>

<div id="navigation">
<h3>HEADER 1</h3>
you can put <b>all kinds</b> of stuff in this box! maybe you can write a little about yourself...

<h3>HEADER 2</h3>

In this box, you can write about your all about <b>your site</b>, or whatever you want!

<h3>HEADER 3</h3>
write whatever you want to write can go here. use <a href="http://www.monopolize.co.nr">links</a><b> bold</b>, <i> italic</i>, or <u>underlined</u> text.

<h3>HEADER 4</h3>

</div></div>

Pastel Green and Gray
Preview here.

body {
  background-color: #FFFFFF;
  background-repeat:repeat;
}

body, p, td, div, h2{
  color : #999999; 
  text-align: left;
  font-family : Century Gothic;  
  line-height : 13px; 
  font-weight: none;
  cursor : ;
  margin:3px;
}

h3 {
  color:#999999;
  font-size:22px;
  line-height: 12pt;
  letter-spacing:-1px;
  font-family: Century Gothic;
  text-align: right; 
  border-bottom: 2px dashed #33CC66; 
  border-top: 15px solid #99FFCC;
  text-transform: none; 
  width : 100%;
  margin:3px; 
}

A:link, A:visited, A:active {
  font-family : Century Gothic;
  text-decoration : underline; 
  color : #33CC66 ;

}

b{
  color: #33CC66;
  font-family : Century Gothic;
  line-height: 12px;
}

A:hover {
  font-family : Century Gothic;
  color : #999999; 
  cursor : crosshair;
 
}

A.nav:link, A.nav:visited, A.nav:active {
  text-decoration : none;
  font-size: 12pt;
  line-height: 13px; 
  color : #33CC66; 
  display:block;
  text-align: right;
}

a.nav:hover {
  display: block;
  font-size: 12pt;
  line-height: 13px;
  color: #FFFFFF;
  background-color: #33CC66;
  text-align: left;
  text-transform: uppercase;
}

#content {
  width: 540px;
  position: absolute;
  top: HERE;
  left: 200 px;
  text-transform: none;
  text-align: justify ;
  font-size: 8pt;
  line-height: 14px;
  padding: 4px;
}

#navigation {
  width: 170px;
  position: absolute;
  top: HERE;
  left: HERE;
  text-transform: none;
  font-size: 6.5 pt;
  text-align: left;
  line-height: 12px;
  padding: 4px;
  margin: 3px
}

</style>

<div id="navigation">
<h3>HEADER 1</h3>
you can put <b>all kinds</b> of stuff in this box! maybe you can write a little about yourself...

<h3>HEADER 2</h3>

In this box, you can write about your all about <b>your site</b>, or whatever you want!

<h3>HEADER 3</h3>
write whatever you want to write can go here. use <a href="http://www.monopolize.co.nr">links</a><b> bold</b>, <i> italic</i>, or <u>underlined</u> text.

<h3>HEADER 4</h3>

</div></div>

CSS Codes

About Me

Site

Navigation

Layout

Affiliates