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 5e8e017..4fc1be2 100644 (file)
--- a/css/default.css
+++ b/css/default.css
@@ -1,8 +1,9 @@
 body
 {
+       margin: 0;
        font-family: Arial, Helvetica, sans-serif;
-       font-size: 13px;
-       background: white url('/devel/img/bg.png') repeat-x left top;
+       font-size: 75%;
+       background: white url('/img/bg.png') repeat-x left 88px;
 }
 
 a:link
@@ -19,29 +20,265 @@ 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;
+       top: 0;
+       width: 100%;*/
+       height: 24px;
+       margin: 0;
+       /*border: 2px outset blue;*/
+       padding: 0;
+       background-color: rgb(0,90,192);
+       list-style-type: none;
+}
+.menu-left
+{
+       float: left;
+}
+.menu-right
+{
+       float: right;
+}
+#nav-menu a:link, #nav-menu a:visited
+{
+       display: block;
+       height: 12px;
+       color: white;
+       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;
+}
+#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;
+}
+.menu-greeting
+{
+       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
 {
        clear: both;
+       /*position: absolute;
+       top: 24px;
+       left: 0;
+       width: 100%;*/
+       height: 62px;
+       background: #e5ecf5;
+       border: 1px outset #e5ecf5;
 }
 
-#body
+#logo
 {
+       float: left;
+       margin: 8px;
+       border: none;
+}
+#logo > img
+{
+       border: none;
+}
+
+#quick-search
+{
+       float: right;
        position: relative;
+       height: 48px;
+       margin: 8px;
+}
+#quick-search-box
+{
+       top: 500px;
+}
+
+#main
+{
+       /*position: absolute;
+       top: 90px;
+       width: 100%;*/
+       /* 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;
-       padding: 12px;
+       width: 752px;
+       margin: 8px;
+       /* outline: 2px outset gray; */
+}
+
+#side
+{
+       float: right;
+       width: 240px;
+       margin: 8px;
+       /* outline: 2px outset gray; */
 }
 
 #footer
 {
        clear: both;
+       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