/* html colour codes available at:
http://www.computerhope.com/htmcolor.htm
HTML color codes and names
QUICK LINKS
How to apply these codes and colors
Major hexadecimal color codes
Color Code Chart
HTML help
How to apply these codes and colors
HTML color codes are hexadecimal triplets representing the colors red, green, and blue. For example, in the below example of the color red, you can notice the color code is FF0000, which is '255' red, '0' green, and '0' blue.
To change the font color, add the below source code:
Making the text color red
In addition, with new browsers you now have the capability of changing the color by using the name, such as:
Making the text color red
Other ways to use these codes is within your BODY statement. This allows you to change the complete page:
TEXT="000000" When used will display all text on page as black.
LINK="#1F00FF" When used will change all links to red.
VLINK="blue" When used will change all viewed links to blue.
BGCOLOR="#ffffff" When used will display the page with a white background.
Major hexadecimal color codes
* Color Color_Code
Red #FF0000
Turquoise #00FFFF
Light_Blue #0000FF
Dark_Blue #0000A0
Light_Purple #FF0080
Dark_Purple #800080
Yellow #FFFF00
Pastel_Green #00FF00
Pink #FF00FF
* Color Color_Code
White #FFFFFF
Light_Grey #C0C0C0
Dark_Grey #808080
Black #000000
Orange #FF8040
Brown #804000
Burgundy #800000
Forest_Green #808000
Grass_Green #408080
*/
body {
font-family: Arial, Helvetica, sans-serif;
color: black;
background: #FFFFFF;
/* org margin-left: 50px; */
margin-left: 20px;
margin-right: 50px;
padding-right: 5px
}
/* Used in Awit Pages */
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* org margin-left:5% ; */
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
margin-right: 10px
}
ul.none {/* not used */
font-size: 10pt;
background-color: #CCFFCC;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif
}
li {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
}
code {/* not used */
font-size: 10pt;
background-color: #FDF1B9;
font-family: Arial, Helvetica, sans-serif;
}
fieldset {/* not used */
padding: 15px;
}
legend {/* not used */
padding-bottom: 15px;
font-style: italic;
font-size: 10pt;
font-weight: 600;
}
/* added to accommodate old banner */
#container {
background-color: #FFFFFF; /* This Is The BG Color Of The Main Div */
width: 680px;
margin: 0px auto; /* Right And Left Margin Widths To Auto */
text-align: left; /* Hack To Keep IE5 Windows Happy */
border: 1px solid #aeaeae;
background: url(images/sidebar.png) repeat-y;
}
#pageHeader {
/*
background: repeat-x url(images/header_background.jpg);
*/
border-bottom: 1px solid #aeaeae;
height: 71px;
}
#pageHeader img {
float: right;
padding: 0px;
margin: 10px 10px 0px 10px;
}
/* end of old banner support */
h1 {
color: #EE684F;
font-family: Verdana, Helvetica, sans-serif;
width: 100%; /* was 80% */
font-size: 16pt;
font-weight: bolder;
border: solid #7ABC99 1px;
background-color: #B3F8D7;
margin-left: 0px; /* was 5px */
padding-left: 5px;
padding-bottom: 3px;
margin-right: 5px;
}
h11 {
color: #EE684F;
font-family: Verdana, Helvetica, sans-serif;
width: 80%;
font-size: 12pt;
font-weight: bolder;
border: solid #7ABC99 1px;
background-color: #B3F8D7;
margin-left: 5px;
padding-left: 5px;
padding-bottom: 3px;
margin-right: 5px;
}
/* Used in Awit Pages */
h2 {
width: 100%;
font-size:14pt;
font-style: normal;
font-weight: bolder;
color: #000000;
padding-bottom:0px;
padding: 5px;
background-color: #99FF99;
font-family: Arial, Helvetica, sans-serif;
/* org margin-left: 10px; */
margin-left: 0px; /* was 5px */
/* org margin-right: 20px; */
margin-right: 10%;
border-right: solid #33CC99 3px;
border-bottom: solid #33CC99 3px;
border-left-width: 2px
}
/* Not used in Awit Pages */
h3 {
font-size:12pt;
font-style: normal;
font-weight: bolder;
color: #000000;
background-color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
/* org margin-left: 20px; */
margin-left: 0px; /* was 5px */
margin-right: 10%;
padding: 5px;
border-right: solid #669999 3px;
border-bottom: solid #669999 3px;
border-left-width: 2px
}
h4 {
font-size: 10pt;
background-color: #B4F7D4;
color: #FF3333;
font-family: Arial, Helvetica, sans-serif;
margin-left: 130px;
margin-right: 10%;
padding: 5px;
border-right: solid #7ABC99 2px;
border-bottom: solid #7ABC99 2px;
}
/* Not used in Awit Pages */
h5 {
font-size: 10pt;
background-color: #B4F7D4;
font-weight: bold;
border-right: solid #7ABC99 2px;
border-bottom: solid #7ABC99 2px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
margin-left: 10px;
margin-right: 10%;
padding-top: 5px;
}
h6 {
font-size: 10pt;
background-color:#89F5C4;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
margin-left: 30px;
margin-right: 40%;
padding-top: 5px;
}
/* Used in Awit Pages */
table.coordinator
{ font-size:14pt;
font-style: normal;
font-weight: bolder;
color: #000000;
/* padding-bottom:0px;
padding: 5px;
background-color: #99FF99; */
font-family: Arial, Helvetica, sans-serif;
/* org margin-left: 10px; */
margin-left: 5px;
/* org margin-right: 20px; */
margin-right: 10%;
/* border-right: solid #33CC99 3px;
border-bottom: solid #33CC99 3px;
border-left-width: 2px; */
}
td {
font-size: 10pt;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
/* text-align: center; */
vertical-align: top
}
th { /* not used */
font-size: 10pt;
text-align: center;
vertical-align: top;
color: #FF3300;
font-family: Arial, Helvetica, sans-serif;
background-color: #FCEFA8;
}
th.one { /* not used */
background: #008080;
color: #FF3300;
font-family: Arial, Helvetica, sans-serif
}
caption { /* not used */
font-size: 10pt;
text-align: center;
color: #EE684F;
background-color: #FDF1B9;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif
}
label { /* not used */
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif
}
pre { /* not used */
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
}
b {
color:#006699
}
em {
font-style:normal;
color:#FF0000
}
/* ------------------------------------ */
/* LINKS */
a:link {
/* background-color: #FFF8DC;*/
/*org color: #EE684F ; */
/* font-size: 10pt; */
color: #0000FF;
font-size: 12pt;
/* inconsistent with td */
font-weight: 600;
font-family: Arial, Helvetica, sans-serif;
/*org text-decoration: none */
text-decoration: underline;
}
a:hover { /* not used */
background-color:#FFFF00;
font-family: Arial, Helvetica, sans-serif;
color: #33CCFF;
text-decoration: none;
}
a:active { /* not used */
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:visited {
/*org color:#00008B; */
color:#990099;
font-family: Arial, Helvetica, sans-serif;
/*org font-family: 'Comic Sans MS', Brisk, 'Gill Sans', Helvetica, 'Letter Gothic',
Metrostyle, Arial, Helvetica, sans-serif; */
/*org font-size: 10pt; */
font-size: 12pt;
/*org text-decoration: none; */
text-decoration: underline;
}
/* ELEMENT */
a:link.element-style {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFF8DC;
text-decoration: none;
}
a:visited.element-style {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFF8DC;
text-decoration: none
}
/* ATTR */
a.attr-style {
font-style:normal;
color: #9966CC;
font-weight: bold;
border-bottom: #8B008B;
font-family: Georgia, 'Times New Roman', Times, serif ;
background-color: #CCFF99;
text-decoration: none
}
a:visited.attr-style {
color:#999966;
background-color: #FFFFD0;
font-family: 'Comic Sans MS', Brisk, 'Gill Sans', Helvetica, Arial, sans-serif;
font-size: 10pt;
text-decoration: none
}
/* PROPERTY */
a.prop {
font-style: normal;
color: #0046B0;
text-transform:lowercase;
font-weight: bold;
border-bottom: #8B008B;
font-family: Arial, Helvetica, sans-serif ;
background-color: #FFFFCC;
text-decoration: none
}
/* DESCRIPTOR */
a.desc {
font-style:normal;
color: #00008B;
text-transform:lowercase;
font-size: small;
font-weight: bold;
border-bottom: #8B008B;
font-family: Arial, Helvetica, sans-serif;
background-color: #F5FFFA;
text-decoration: none
}
/* TOP */
a:hover.topTOC {
background-color: RGB(186, 136, 71);
text-decoration: none;
background-color: yellow
}
a:visited.topTOC {
background-color: RGB(186, 136, 71);
text-decoration: none
}
a:link.topTOC {
background-color: RGB(186, 136, 71);
text-decoration: none
}
a:active.topTOC {
background-color: RGB(186, 136, 71);
text-decoration: none
}
/* SELF TEST */
a:link.selftest {
font-weight: bold;
background-image: none;
background-color: #FF9966;
text-decoration: none
}
a:visited.selftest {
font-weight: bold;
background-image: none;
background-color: #CCCCFF;
text-decoration: none
}
/* DTD */
a.dtd {
font-family: 'Courier New', Courier, mono;
}
/* ------------------------------------ */
/* CLASSES */
.nav {
font-size: 10pt
}
.center {
text-align: center
}
.left {
text-align: left
}
.right {
text-align: right
}
.top {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #3300CC;
background-color: #FAFAD2;
border-top-style: solid;
border-top-color: black;
border-top-width: 1px
}
.newcode { font-weight: bold;
font-size: 10pt ;
font-family: Arial, Helvetica,
sans-serif; color: #CC3333
}
.example {
padding: 10px;
margin-right: 10px;
border: 1px dotted #75651B;
background-color: #F3FFF0;
}
.codex {
font-size: 10pt;
background-color: #FDF1B9;
margin-left: 10%;
margin-right: 10%;
padding: 10px;
border: 1px dotted #75651B
}
.TOC { /* not used */
font-size: 10pt;
font-weight: bold;
background-color: #FFDEAD;
margin-right: 10px
}
.mainTOC {
background-color: RGB(186, 136, 71);
margin: 0px 3px 0px 3px;
font-size: 10pt;
font-weight: 900;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white
}
.elem-in-this-section {
font-size:10pt;
background-color: #FFDEAD;
border-right: solid #CC9933 5px;
border-bottom: solid #CC9933 5px;
margin-right: 10px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
.def {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #3300CC;
background-color: #FFDEAD;
border: 1px solid black;
padding: 4px
}
.displayexample {
font-size: 10pt;
border: 1px solid #DEB887;
background-color: #FAEBD7;
padding: 5px
}
.texthead {
font-weight: bold;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
color: #CC3333
}
.note {
margin-left:15%;
font-size:10pt;
background-color: #FAE89F;
padding: 3px;
padding-left: 10px;
border-left: 3px solid red;
margin-right: 10%;
border: solid black 1px;
}
.copyright { /* not used */
font-size:9pt;
margin-right: 10px
}
.content {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #FBF0C2;
padding: 5px;
border: 1px dotted #CFC083
}
.bullet1 {
font-size: 10pt;
background-color: #FAF2D1 ;
font-family: Arial, Helvetica, sans-serif
}
.bullet {
font-size: 10pt;
background-color:#FFFFFF ;
font-family: Arial, Helvetica, sans-serif
}
.line {
font-size: 2pt;
background-color:#009999;
color: #FF3333;
font-family: Arial, Helvetica, sans-serif;
border-right: solid #33CCCC 5px;
border-bottom: solid #33CCCC 5px;
margin-left: -100px;
width: 150% /* was width: 200% */
}
.dtd-fragment {
font-family: 'Courier New', Courier, mono;
font-size: 10pt;
font-weight: bold;
background-color: #F4E0C2;
margin-right: 10px;
border: 1px dotted #75651B;
padding: 5px
}
.shadow {
border-right: 3px inset #FFDEAD;
border-bottom: 4px inset #FFDEAD;
}
.dropped {
background-color: #FAC2C2;
margin-left: 20%;
margin-right: 20%;
border-right: 3px inset #F47F7F;
border-bottom: 4px inset #F47F7F;
padding: 5px;
}
.guide {
background-color: #66FFCC;
border-right: solid #669900 5px;
border-bottom: solid #669900 5px;
padding: 3px
}
/* ------------------------------------ */
/* self-test */
.step {
font-size: 12pt;
background-color: #FF6699;
border: 1px solid #FF6600;
color: #666699;
font-weight: bold;
border-color: #FF6600 ;
padding-bottom: 3px
}
.small {
font-size: 9pt;
}
.answer {
font-size:12pt;
background-color: #99CC99;
margin-right: 10px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
.section {
font-size:10pt;
font-weight: bold;
color: #7FFFD4;
background-color: #FF9966;
border-right: solid #CC9900 5px;
border-bottom: solid #CC9900 5px;
padding-left: 10px;
margin-left: -50px
}
.preknow {
font-size:10pt;
background-color: #FF9966;
color: #0066CC;
font-weight: bold;
margin-right: 10px;
border-right: solid #CC9900 5px;
border-bottom: solid #CC9900 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 3px;
}
.outcome {
font-size:10pt;
background-color: #66CC99;
color: #0066CC;
font-weight: bold;
margin-right: 10px;
border-right: solid #339966 5px;
border-bottom: solid #339966 5px;
padding: 5px;
}
.task {
font-size: 10pt;
font-weight: bold;
color: #FFFFCC;
background-color: #CCCC66;
margin-right: 10px;
border-right: solid #999933 5px;
border-bottom: solid #999933 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 3px;
}
/* image box */
.lines {
border: solid 1px #999933
}