/*=====================================================================*
|| ###################################################################
|| # Blue Static ISSO Framework
-|| # Copyright (c)2005-2008 Blue Static
+|| # Copyright (c)2005-2009 Blue Static
|| #
|| # This program is free software; you can redistribute it and/or modify
|| # it under the terms of the GNU General Public License as published by
/* Reset all the annoying browser defaults */
* { margin: 0px; padding: 0px; }
+html, body
+{
+ height: 100%;
+}
+
/* Main body tag */
body
{
/* Title section that appears at the top of pages */
#title
{
+ border-width: 0px 0px 1px 0px;
+ border-color: rgb(0, 0, 0);
+ border-style: solid;
+
height: 50px;
+ line-height: 50px;
width: 100%;
+ text-indent: 10px;
+
+ background-image: url(<?php echo $path ?>/DecoratorResources/title.jpg);
+ background-repeat: repeat-x;
+
font-size: 24px;
font-weight: bold;
color: rgb(255, 255, 255);
/* Body container that puts some padding on elements */
#body
{
- padding: 20px;
+ padding: 5px 20px 20px 20px;
+}
+
+/* Adds a small copyright footer */
+#footer
+{
+ margin-top: 25px;
+
+ text-align: center;
+ font-size: 10px;
+}
+
+#footer a
+{
+ color: rgb(62, 76, 49);
+ text-decoration: none;
+}
+
+#footer a:hover
+{
+ text-decoration: underline;
}
/*******************************************************************/
/* Form title */
legend
{
- border-width: 1px;
+ border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: rgb(123, 170, 90);
- background-color: rgb(203, 234, 148);
+ padding: 3px 7px 3px 7px;
+
+ font-size: 14px;
+ font-weight: bold;
+ color: rgb(62, 76, 49);
+}
+
+/* Naming form elements */
+fieldset dt label
+{
+ font-weight: bold;
+ font-size: 12px;
+}
+
+/* Description for form elements/names */
+dfn
+{
+ font-weight: normal;
+ font-style: italic;
+ font-size: 10px;
+ color: rgb(100, 100, 100);
+
+ display: block;
+}
+
+/* A field name */
+fieldset dl dt
+{
+ border-width: 0px 1px 0px 0px;
+ border-color: #7BAA5A;
+ border-style: solid;
+
+ padding: 0px 4px 0px 2px;
+ margin: 5px 0px 5px 0px;
+
+ width: 50%;
+ float: left;
+}
+
+/* Field value editor */
+fieldset dl dd
+{
+ padding: 4px 0px 2px 5px;
+ margin: 5px 0px 5px 0px;
+
+ border-width: 0px 0px 0px 0px;
+ border-color: #7BAA5A;
+ border-style: solid;
+
+ float: left;
+ width: 40%;
+}
+
+/* Submit row items */
+.submit
+{
+ text-align: center;
+
+ background-color: rgb(50, 50, 50);
+
+ margin: 4px 0px 4px 0px;
+ padding: 5px;
+}
+
+/*******************************************************************/
+/* Input Elements */
+/*******************************************************************/
+
+/* Give the input elements some styling */
+input, select, textarea, .button
+{
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+ font-size: 12px;
+
+ border-width: 1px;
+ border-style: solid;
+ border-color: rgb(123, 170, 90);
padding: 3px;
+ background-color: rgb(237, 245, 230);
+}
+
+input[type="button"], input[type="submit"], input[type="reset"], .button
+{
+ font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
- color: rgb(62, 76, 49);
+}
+
+textarea, input[type="text"], input[type="password"]
+{
+ width: 100%;
+}
+
+textarea
+{
+ min-height: 50px;
+ max-height: 400px;
+ height: auto;
}
/*******************************************************************/
/* Tables */
/*******************************************************************/
+/* Standard formatting for all tables */
table
{
border-width: 1px;
width: 100%;
}
+/* Title of the table */
thead
{
background-color: rgb(123, 170, 90);
padding: 7px;
}
-tr
-{
- border-collapse: collapse;
-}
-
+/* Used for mutli-column data that requires column headings */
.headings
{
background-color: rgb(203, 234, 148);
color: rgb(62, 76, 49);
}
-.headings td
-{
- text-align: center;
-}
+ .headings td, tbody td
+ {
+ text-align: center;
+ }
-.headings td:first-child
-{
- text-align: left;
-}
+ .headings td:last-child, tbody td:last-child
+ {
+ text-align: right;
+ }
-.headings td:last-child
-{
- text-align: right;
-}
+ .headings td:first-child, tbody td:first-child
+ {
+ text-align: left;
+ }
+/* Data formatting for tables */
table tr td
{
padding: 4px;
}
+/* Data background color, option 1 */
table .alt1
{
background-color: rgb(255, 255, 255);
}
+/* Data background color, option 2 */
table .alt2
{
background-color: rgb(237, 245, 230);
{
font-size: 14px;
}
+
+/*******************************************************************/
+/* Navigation */
+/*******************************************************************/
+
+/* Creates the navigation bar */
+#nav
+{
+ border-width: 0px 4px 0px 0px;
+ border-color: rgb(109, 187, 45);
+ border-style: solid;
+
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ left: 0px;
+ z-index: 100;
+
+ width: 250px;
+ height: 100%;
+
+ background-color: rgb(64, 64, 64);
+}
+
+/* Adjust the body div if there's a navigation bar */
+#nav + #body, #nav + #title + #body, #nav + #title
+{
+ position: fixed;
+ top: 0px;
+ bottom: 0px;
+ left: 250px;
+ right: 0px;
+
+ overflow: auto;
+}
+
+/* With a title and navigation bar, we need to move body content down a little */
+#nav + #title + #body
+{
+ top: 51px; /* Height of #title + border */
+}
+
+/* Used to title the system */
+#nav h1
+{
+ font-size: 24px;
+ font-weight: bold;
+ color: rgb(255, 255, 255);
+ text-align: center;
+}
+
+/* Used for top links in the navbar */
+#nav h2, #nav h2 a:link, #hav h2 a:active, #nav h2 a:visited
+{
+ font-size: 12px;
+ font-weight: normal;
+ color: rgb(203, 234, 148);
+ text-align: center;
+ text-decoration: none;
+}
+
+ #nav h2 a:hover
+ {
+ text-decoration: underline;
+ }
+
+/* Navigation list */
+#nav ul
+{
+ margin-top: 10px;
+}
+
+/* Navigation sections */
+#nav ul li
+{
+ list-style-type: none;
+
+ border-width: 0px 0px 1px 0px;
+ border-style: solid;
+ border-color: rgb(0, 0, 0);
+
+ font-size: 18px;
+ font-weight: bold;
+ color: rgb(203, 234, 148);
+ text-indent: 10px;
+
+ line-height: 50px;
+
+ background-image: url(<?php echo $path ?>/DecoratorResources/nav-section.jpg);
+ background-repeat: repeat-x;
+}
+
+ #nav ul li:first-child
+ {
+ border-top-width: 1px;
+ }
+
+/* Expanded navigation section */
+#nav ul li.expand
+{
+ text-align: center;
+ color: rgb(40, 42, 34);
+
+ background-image: url(<?php echo $path ?>/DecoratorResources/nav-section-open.jpg);
+}
+
+/* Navigation items list */
+#nav ul li ul
+{
+ margin: 0px;
+ display: none;
+}
+
+/* Navigation items */
+#nav ul li ul li
+{
+ border: none;
+
+ padding: 2px 4px 2px 10px;
+ margin: 0px;
+
+ height: auto;
+
+ font-size: 12px;
+ font-weight: normal;
+ color: rgb(0, 0, 0);
+ line-height: 15px;
+
+ background-color: rgb(203, 234, 148);
+ background-image: none;
+}
+
+ #nav ul li ul li:first-child
+ {
+ padding-top: 10px;
+ }
+
+ #nav ul li ul li:last-child
+ {
+ padding-bottom: 10px;
+ }
+
+ #nav ul li ul li a
+ {
+ text-decoration: none;
+ color: rgb(0, 0, 0);
+ }
+
+ #nav ul li ul li a:hover
+ {
+ text-decoration: underline;
+ }
+
+/* Selected navigation items */
+#nav ul li ul li.selected
+{
+ font-weight: bold;
+ font-style: italic;
+}