summaryrefslogtreecommitdiffstats
path: root/web/html/css
diff options
context:
space:
mode:
Diffstat (limited to 'web/html/css')
-rw-r--r--web/html/css/containers.css199
-rw-r--r--web/html/css/fonts.css96
2 files changed, 295 insertions, 0 deletions
diff --git a/web/html/css/containers.css b/web/html/css/containers.css
new file mode 100644
index 00000000..7322b3f1
--- /dev/null
+++ b/web/html/css/containers.css
@@ -0,0 +1,199 @@
+ body,table,td,img
+ {
+ border: 0px;
+ margin: 0px;
+ padding: 0px;
+ font-family: arial,verdana,tahoma;
+ }
+
+/* Main Wrapper Data Format */
+ td.preHeader
+ {
+ background-color: #000;
+ border-bottom: 1px solid rgb( 69, 84, 113 );
+ height: 16px;
+ text-align: right;
+ }
+ td.headerFill
+ {
+ background-color: rgb( 108, 131, 176 );
+ border-bottom: 1px solid #000;
+ }
+ td.headerDisplay
+ {
+ background-color: rgb( 108, 131, 176 );
+ padding-left: 16px;
+ }
+ td.mainLinks
+ {
+ background-color: #eee;
+ border-bottom: 1px solid #000;
+ height: 22px;
+ padding-left: 12px;
+ }
+ td.sideBar
+ {
+ background-color: #fff;
+ text-align: center;
+ vertical-align: top;
+ width: 150px;
+ }
+ td.sideBarGrey
+ {
+ background-color: #eee;
+ border-bottom: 1px solid #000;
+ text-align: left;
+ vertical-align: top;
+ width: 150px;
+ }
+ td.sideBarSmall
+ {
+ background-color: rgb( 108, 131, 176 );
+ border-bottom: 1px solid #000;
+ height: 16px;
+ text-align: right;
+ width: 150px;
+ }
+ td.sideBarSmallHeader
+ {
+ background-color: rgb(108,131,176);
+ vertical-align: top;
+ height: 16px;
+ padding-top: 1px;
+ padding-bottom: 2px;
+ text-align: right;
+ width: 150px;
+ }
+ td.subLinks
+ {
+ background-color: rgb( 225, 228, 232 );
+ border-right: 1px solid #000;
+ color: rgb( 120, 120, 120 );
+ padding-left: 12px;
+ height: 19px;
+ }
+ td.contentDisplay
+ {
+ background-color: #ffffff;
+ border-right: 1px solid #000;
+ border-bottom: 1px solid #000;
+ text-align: center;
+ vertical-align: top;
+ padding: 10;
+ }
+
+ td.footerDisplay
+ {
+ background-color: #eee;
+ border-bottom: 1px solid #000;
+ text-align: center;
+ }
+
+/* Containers Used Globally */
+ table.boxSoft
+ {
+ width: 90%;
+ background-color: #ddd;
+ }
+ td.boxSoft
+ {
+ background-color: #fff;
+ padding: 10;
+ }
+ td.boxSoftColumn
+ {
+ padding-left: 16;
+ padding-right: 16;
+ text-align: justify;
+ vertical-align: top;
+ text-indent: 20px;
+ }
+ td.div
+ {
+ background-color: #eee;
+ width: 3px;
+ }
+ td.boxSoftTitle
+ {
+ border-bottom: 1px solid #fff;
+ border-top: 1px solid #fff;
+ background-color: rgb( 241, 242, 244 );
+ padding-left: 10;
+ padding-top: 1;
+ padding-bottom: 1;
+ }
+ table.boxSoftSmall
+ {
+ width: 94%;
+ background-color: #ddd;
+ }
+ td.boxSoftSmall
+ {
+ background-color: #fff;
+ text-align: center;
+ padding-top: 2;
+ padding-bottom: 2;
+ }
+ td.boxSoftSmallTitle
+ {
+ border-bottom: 1px solid #ccc;
+ background-color: rgb( 241, 242, 244 );
+ padding-left: 10;
+ }
+ td.ss /* ss = small space */
+ {
+ padding-left: 6px;
+ vertical-align: top;
+ }
+ td.display
+ {
+ border-bottom: 1px solid #000;
+ padding-bottom: 6px;
+ }
+ td.features
+ {
+ padding: 4px;
+ text-align: justify;
+ vertical-align:top;
+ }
+ td.formLeft
+ {
+ padding: 6px;
+ text-align: left;
+ vertical-align: top;
+ }
+ td.data1
+ {
+ background-color: #eee;
+ vertical-align: top;
+ padding-left: 5;
+ }
+ td.data2
+ {
+ background-color: #ddd;
+ vertical-align: top;
+ padding-left: 5;
+ }
+ th
+ {
+ text-align: left;
+ }
+
+ input,textarea,select
+ {
+ background-color: rgb(108,131,176);
+ font-family: courier;
+ font-size: 12px;
+ background-color: #ccc;
+ border: #000000 1px solid;
+ color: #111111;
+ }
+
+ input.button
+ {
+ background-color: #fff;
+ color: rgb(108,131,176);
+ border: 1px dashed rgb(108,131,176);
+ font-family: trebuchet ms, tahoma, verdana;
+ font-size: 12px;
+ }
diff --git a/web/html/css/fonts.css b/web/html/css/fonts.css
new file mode 100644
index 00000000..7def6210
--- /dev/null
+++ b/web/html/css/fonts.css
@@ -0,0 +1,96 @@
+/* Standard Fonts */
+ span /* Applicable by default in all fonts */
+ {
+ color: #666;
+ font-family: verdana, trebuchet ms, tahoma, luxi sans;
+ }
+ span.f1 /* Important */
+ {
+ font-family: verdana;
+ font-size: 20px;
+ letter-spacing: 1px;
+ }
+ span.f2 /* Title */
+ {
+ font-size: 14px;
+ color: rgb(108, 131, 176);
+ font-weight: bold;
+ }
+ span.f3 /* Sub Title */
+ {
+ color: #888;
+ font-size: 14px;
+ font-weight: bold;
+ }
+ span.f4 /* Content Text */
+ {
+ color: #444;
+ font-family: verdana;
+ font-size: 12px;
+ }
+ span.f5 /* Content Small */
+ {
+ color: #333;
+ font-family: trebuchet ms, tahoma, verdana;
+ font-size: 11px;
+ }
+
+/* Font Attribute Change (#6c83b0)*/
+ span.blue
+ {
+ color: rgb( 108, 131, 176 );
+ }
+ span.white
+ {
+ color: white;
+ }
+ span.black
+ {
+ color: black;
+ }
+ span.link
+ {
+ color: rgb( 108, 131, 176 );
+ font-weight: bold;
+ }
+
+/* Misc (c9d1e2) */
+ span.preHeader
+ {
+ color: rgb( 201, 209, 226 );
+ font-weight: bold;
+ font-size: 11px;
+ font-family: tahoma, trebuchet ms, verdana;
+ padding-right: 8px;
+ word-spacing: 8px;
+ }
+ span.sideBarSmallHeader
+ {
+ color: #fff;
+ font-weight: bold;
+ font-size: 11px;
+ font-family: tahoma, trebuchet ms, verdana;
+ padding-right: 8px;
+ }
+
+a:visited {
+ color: rgb(108,131,176);
+ text-decoration: none;
+ font-weight: bold;
+}
+
+a:link {
+ color: rgb(108,131,176);
+ text-decoration: none;
+ font-weight: bold;
+}
+
+a:hover {
+ color: #990000;
+ text-decoration: none;
+ font-weight: bold;
+}
+
+h1,h2,h3,h4 {
+ font-size: 16pt;
+}