cis notified web server of a job completion; upload form interface and validation...

[living-lab-site.git] / css / default.css

diff --git a/css/default.css b/css/default.css
index c5be6b3..4fc1be2 100644 (file)
--- a/css/default.css
+++ b/css/default.css
@@ -3,7 +3,7 @@ body
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 75%;
-       background: white url('/devel/img/bg.png') repeat-x left 90px;
+       background: white url('/img/bg.png') repeat-x left 88px;
 }
 
 a:link
@@ -20,12 +20,69 @@ a:hover, a:active
        text-decoration: underline;
 }
 
+.ui-state-highlight a 
+{
+    color: rgb(0,90,192) !important;
+}
+
 h1
 {
        margin-top: 8px;
        margin-bottom: 8px;
 }
 
+table.form th
+{
+       text-align: right;
+       width: 24em;
+}
+table.form td
+{
+       padding-left: 0.5em;
+       vertical-align: top;
+}
+
+fieldset
+{
+       margin-bottom: 1em;
+}
+
+label.strong
+{
+       font-weight: bold;
+}
+
+.error
+{
+       color: red;
+       font-weight:bold;
+}
+.required
+{
+       color: red;
+       font-weight:bold;
+}
+
+.inline
+{
+       vertical-align: middle;
+}
+
+.container-install
+{
+       width: 192px;
+       margin: 0 auto;
+       margin-top: 8px;
+       margin-bottom: 8px;
+}
+.container-install-in-widget
+{
+       width: 320px;
+       margin: 0 auto;
+       margin-top: 8px;
+       margin-bottom: 8px;
+}
+
 #nav-menu
 {/*
        left: 0;
@@ -49,7 +106,7 @@ h1
 #nav-menu a:link, #nav-menu a:visited
 {
        display: block;
-       height: 14px;
+       height: 12px;
        color: white;
        text-align: center;
        line-height: 100%;
@@ -58,17 +115,40 @@ h1
        padding-bottom: 5px;
        padding-left: 16px;
        padding-right: 16px;
+       border: 1px solid transparent;
        text-decoration: none;
 }
+#nav-menu a:hover
+{
+       background-color: rgb(90,148,216);
+       border: 1px outset rgb(0,90,192);
+}
+#nav-menu a:active
+{
+       background-color: rgb(90,148,216);
+       border: 1px inset rgb(60,128,208);
+}
 #nav-menu a.selected
 {
        background-color: rgb(60,128,208);
+       border: 1px inset rgb(60,128,208);
        color: #FFE4B5;
        font-weight: bold;
 }
-#nav-menu a:hover, #nav-menu a:active
+.menu-greeting
 {
-       background-color: rgb(90,148,216);
+       display: block;
+       height: 12px;
+       color: #FFE4B5;
+       text-align: center;
+       line-height: 100%;
+       font-size: 14px;
+       padding-top: 5px;
+       padding-bottom: 5px;
+       padding-left: 16px;
+       padding-right: 16px;
+       border: 1px solid transparent;
+       text-decoration: none;
 }
 
 #header
@@ -78,9 +158,9 @@ h1
        top: 24px;
        left: 0;
        width: 100%;*/
-       height: 64px;
+       height: 62px;
        background: #e5ecf5;
-       border-bottom: 2px ridge rgb(60,128,208);
+       border: 1px outset #e5ecf5;
 }
 
 #logo
@@ -111,26 +191,94 @@ h1
        /*position: absolute;
        top: 90px;
        width: 100%;*/
-       margin: 12px;
+       /* padding: 12px; */
+       margin: 0 auto;
+       width: 1056px;
+       text-align: justify;
+}
+
+#main h1
+{
+       font-size:18px;
+       font-weight: bold;
+       color: #000D60;
+       text-align: left;
+       padding: 0px 0px 0px 8px;
+       margin: 8px 0px 8px 0px;
+       background: url(/img/header.png) center repeat-x;
+       outline: 1px outset rgb(108,162,222);
+       clear: both;
+}
+
+#main table
+{
+       width: 100%;
+       border-collapse: collapse;
+}
+#main th, #main td
+{
+       /* border: 1px solid rgb(108,162,222); */
+       vertical-align: top;
+}
+#main table img
+{
+       vertical-align: middle;
+}
+
+#main dt
+{
+       font-weight: bold;
+       margin-top: 1em;
+       margin-bottom: 0.5em;
+}
+#main dd
+{
+       margin-left: 64px;
 }
 
 #content
 {
        float: left;
-       width: 616px;
+       width: 752px;
+       margin: 8px;
+       /* outline: 2px outset gray; */
+}
+
+#side
+{
+       float: right;
+       width: 240px;
+       margin: 8px;
+       /* outline: 2px outset gray; */
 }
 
 #footer
 {
        clear: both;
-       border-top: 2px ridge rgb(60,128,208);
-       padding-top: 8px;
-       padding-bottom: 8px;
+       border: 1px outset #e5ecf5;
+       padding-top: 0.5em;
+       padding-bottom: 0.4em;
        background: #e5ecf5;
+       font-size: 0.9em;
        text-align: center;
 }
 
 .pagination
 {
        clear: both;
+       word-spacing: 0.5em;
+       margin-bottom: 0.5em;
 }
+
+.ui-icon-google
+{
+       background-image: url("/img/icon-google.png") !important;
+}
+.ui-icon-yahoo
+{
+       background-image: url("/img/icon-yahoo.png") !important;
+}
+.ui-icon-myopenid
+{
+       background-image: url("/img/icon-myopenid.png") !important;
+}
\ No newline at end of file