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 f29052cb857fe4fd0d49a6b12ccd34333f2d226d..47563384cb3471eb25f05443bb43c3e971080850 100644 (file)
--- a/gui/bacula-web/style/default.css
+++ b/gui/bacula-web/style/default.css
@@ -1,31 +1,56 @@
 body{
   background-color: #ffffff;
-  padding: 0px;
+  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{
  width: 100%;
  padding: 0px;
  margin: 0px;
- background-color: #1E90FF ;
+ margin-bottom: 15px;
+ background-color: #736F6E;
 }
-#header p.title{
+#header p {
+ margin: 0px;
+ padding: 5px;
+ color: #FFFFFF;
  vertical-align: middle;
- background-image: url('images/bg2.png');
  font-size: 18pt;
  font-variant: small-caps;
  font-weight: bold;
  text-align: right;
- color: #FFFFFF;
- padding: 0.5em;
 }
+
 #subheader {
- width: 100%;
  font-size: 10pt;
- margin: 0px;
+ margin: 0em;
  padding: 0px;
  border-bottom: 1px solid black;
 }
@@ -44,10 +69,141 @@ body{
  text-decoration: none;
 }
 
-a:link { color: #0000c0 }
-a:visited { color: #0000c0 }
-a:hover { color: #6040ff }
-img {border: 0}
+#main_left {
+ position: absolute; 
+ left:10px; 
+ width: 500px; 
+ border:none; 
+ margin-top: 0px; 
+ background-color: #FFFFFF;
+}
+
+#main_right {
+ position: absolute; 
+ left:520px; 
+ width: 500px; 
+ border: none; 
+ 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 {
+ border: 1px solid black;
+ width: 100%;
+ margin: 10px 0px 0px 0px;
+ padding: 0px;
+ text-align: center;
+}
+
+.box p.title {
+ /*height: 25px;*/
+ text-align: center;
+ vertical-align: middle;
+ font-size: 11pt;
+ /*background-color: #1E90FF;*/
+ background-color: #888888;
+ color: white;
+ font-weight: bold;
+ padding: 5px;
+ margin: 0px;
+}
+
+.box p.title a {
+ color: #FFFFFF;
+ text-decoration: none;
+ font-size: 9pt;
+ float: right;
+ vertical-align: middle;
+}
+
+.box table.list
+{
+ border-collapse: collapse;
+ /*width: 100%;*/
+ margin: 0px;
+}
+
+.box table
+{
+ border-collapse: separate;
+ margin: 0px;
+}
+
+.box table th {
+ font-size: 10pt;
+ background-color: #CACACA;
+}
+
+.box table tr td
+{
+ padding: 5px;
+ font-size: 8pt;
+ height: 20px;
+}
+
+.box table tr td.label
+{
+ /*font-weight: bold;*/
+ background-color: #E0E0E0;
+ /*width: 150px;*/
+ text-align: left;
+ padding-left: 15px;
+ padding: 5px;
+ margin: 2px;
+}
+
+.box table td.info
+{
+ 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;
+ border-collapse: collapse;
+}
+.pool_name {
+ text-align: left; 
+ font-weight: bold;
+ font-size: 9pt;
+ padding: 2px;
+ background-color: #E0C8E5; 
+ color: black; 
+}
+
+.tbl_vol_header {
+ text-align: center; 
+ background-image: url('../style/images/bg5.png'); 
+}
 
 td,input,select { 
  font-family: Verdana,Arial; 
@@ -77,6 +233,7 @@ td,input,select {
  border-left-width: 1px; 
  border-top-width: 1px; 
  border-right-width: 0px;
+ background-image:url('../style/images/bg5.png');
 }
 .tbl_pool_inter_2 { 
  background-color: #D4D4D9; 
@@ -138,9 +295,7 @@ td,input,select {
  font-size : 13px; 
  color: red;
 }
-.header { 
- font-size : 18px; 
-}
+
 .size_small { 
  font-size: 9px; 
 }