bacula-web: Improved Jobs page

[bacula/bacula] / gui / bacula-web / style / default.css

diff --git a/gui/bacula-web/style/default.css b/gui/bacula-web/style/default.css
index 0a39e19472794727cd737057ec249c4c12da1ad3..47563384cb3471eb25f05443bb43c3e971080850 100644 (file)
--- a/gui/bacula-web/style/default.css
+++ b/gui/bacula-web/style/default.css
@@ -2,8 +2,32 @@ body{
   background-color: #ffffff;
   padding: 3px;
   margin: 0px;
-  
   font-family: Arial,Verdana;
+  font-size: 10pt;
+}
+
+a:link, a:visited {
+  color: #736F6E;
+  font-size: 10pt;
+}
+
+a:hover { color: #736F6E }
+
+#nav
+{
+ margin: 10px;
+ /*border: 1px solid green;*/
+ font-size: 11pt;
+}
+
+#nav a:link{
+ font-size: 11pt;
+ font-weight: bold;
+}
+
+#nav a:visited{
+ font-size: 11pt;
+ font-weight: bold;
 }
 
 #header{
@@ -47,19 +71,38 @@ body{
 
 #main_left {
  position: absolute; 
- left:5px; 
- width: 550px; 
+ left:10px; 
+ width: 500px; 
  border:none; 
- margin-top: 1em; 
+ margin-top: 0px; 
  background-color: #FFFFFF;
 }
 
 #main_right {
  position: absolute; 
- left:560px; 
- width: 420px; 
+ left:520px; 
+ width: 500px; 
  border: none; 
- margin-top: 1em;
+ margin-top: 0px;
+}
+
+#main_center {
+ position: absolute; 
+ left:10px; 
+ width: 1000px; 
+ /*border: 1px solid red; */
+ margin-top: 0px;
+}
+
+.listbox {
+ /*border: 1px solid red;*/
+ width: 100%;
+ height: auto;
+ overflow: auto;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ max-height: 420px;
 }
 
 .box {
@@ -71,7 +114,7 @@ body{
 }
 
 .box p.title {
- height: auto;
+ /*height: 25px;*/
  text-align: center;
  vertical-align: middle;
  font-size: 11pt;
@@ -79,41 +122,70 @@ body{
  background-color: #888888;
  color: white;
  font-weight: bold;
- padding: 0px;
- margin-top: 0px;
- margin-bottom: 5px;
- padding-top: 5px;
- padding-bottom: 5px;
+ padding: 5px;
+ margin: 0px;
+}
+
+.box p.title a {
+ color: #FFFFFF;
+ text-decoration: none;
+ font-size: 9pt;
+ float: right;
+ vertical-align: middle;
 }
 
-.box img {
- width: 410px;
+.box table.list
+{
+ border-collapse: collapse;
+ /*width: 100%;*/
  margin: 0px;
 }
 
 .box table
 {
- width: 100%;
+ border-collapse: separate;
  margin: 0px;
 }
+
+.box table th {
+ font-size: 10pt;
+ background-color: #CACACA;
+}
+
 .box table tr td
 {
- padding: 2px;
+ padding: 5px;
+ font-size: 8pt;
+ height: 20px;
 }
+
 .box table tr td.label
 {
- font-weight: bold;
- width: 150px;
+ /*font-weight: bold;*/
+ background-color: #E0E0E0;
+ /*width: 150px;*/
  text-align: left;
- padding-left: 3px;
+ padding-left: 15px;
+ padding: 5px;
+ margin: 2px;
 }
-.box table tr td.info
+
+.box table td.info
 {
- text-align:right; 
+ text-align: center; 
+ vertical-align: middle;
  padding-right: 8em;
  font-weight: bold;
+ background-color: #E0E0E0;
+ height: auto;
+ padding: 5px;
+ margin:0px;
 }
 
+.box table tr td.info a { font-size: 8pt;}
+
+.odd { background-color: #DCDCDC; }
+
 table {
  width: 100%;
  margin: 0px;
@@ -133,11 +205,6 @@ table {
  background-image: url('../style/images/bg5.png'); 
 }
 
-a:link { color: #0000c0 }
-a:visited { color: #0000c0 }
-a:hover { color: #6040ff }
-img {border: 0}
-
 td,input,select { 
  font-family: Verdana,Arial; 
  font-size: 7.5pt; 
@@ -228,9 +295,7 @@ td,input,select {
  font-size : 13px; 
  color: red;
 }
-.header { 
- font-size : 18px; 
-}
+
 .size_small { 
  font-size: 9px; 
 }