/*
Welcome to the MaroonX style sheet! here's everything you need to know.
Each of these functions controls a different aspect of your design. Each
thing listed is an html tag, and everything between the {} are it's attributes.
adjust them if you wish.
*/
body {
margin:0; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF
}
/*
The above controls your Body. Everything within the tags
is taken care of here.
*/
li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF
}
ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF
}
/*
The two entries above control your lists, should you choose to use them.
*/
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF
}
/*
This controls the function. It's html for paragraph, as it denotes a new one.
*/
a{
text-decoration:none
}
a:link {
color: #ff9900
}
a:visited {
color: #cc3333
}
a:hover{
color: #990000;
text-decoration:underline
}
/*
All the above are link tags. They control how the links will look.
Text-decoration in the first tag is set to none, so that the
link will underline when hovered over. The Hover attribute
controls what color a hovered link will be, not this also
sets the text to underline on hover.
*/
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF
}
tr {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF
}
table.mx1 {
width: 780px;
border-top: 1px solid #b6cce1;
border-right: 1px solid #b6cce1;
border-bottom: 1px solid #b6cce1;
border-left: 1px solid #b6cce1;
}
table.mx2 {
width: 100%;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}
/*
The four items above conrotl the tables. The
and |
tags are row and data tags respectivly. They're controling
how the text that is displayed in the tables is formatted.
The table.mx1 an table.mx2 are class definitions. They control
wide the table will be, and it's border colors. I wouldn't mess
with the width tags, as they seem to be working.
*/
img {
border: 3px;
border-color: #000000;
}
/*
The above controls the images. Basically, it's going to keep the image
from having a border when it's being used as a hyperlink.
*/
.disclaimer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
color: #cc3333;
}
/*
The above tag is for your disclaimer. I've only set
the font, font-size, and color. The color is the same as
your visited links. Now we go on to how you would use it.
since you'll probably want the disclaimer centered, here's
how it would work. First you would go to the position in the
document where you want the disclaimer. Or if you do it in
frontpage, just open the code and find the disclaimer. If
you centered it inside of front page, it should look like this:
Mar00nx doesn't want you to kill people!
Now, all you would do, is add a couple of div tags around the
text, but keep them inside the center tags. It would look
like this:
Mar00nx doesn't want you to kill people
And that will do the trick.
*/
|