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 e5616fa0f01713e90d0fa343da346b4393b5ff37..47563384cb3471eb25f05443bb43c3e971080850 100644 (file)
--- a/gui/bacula-web/style/default.css
+++ b/gui/bacula-web/style/default.css
@@ -1,11 +1,209 @@
 body{
   background-color: #ffffff;
+  padding: 3px;
+  margin: 0px;
+  font-family: Arial,Verdana;
+  font-size: 10pt;
 }
 
-a:link { color: #0000c0 }
-a:visited { color: #0000c0 }
-a:hover { color: #6040ff }
-img {border: 0}
+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;
+ margin-bottom: 15px;
+ background-color: #736F6E;
+}
+#header p {
+ margin: 0px;
+ padding: 5px;
+ color: #FFFFFF;
+ vertical-align: middle;
+ font-size: 18pt;
+ font-variant: small-caps;
+ font-weight: bold;
+ text-align: right;
+}
+
+#subheader {
+ font-size: 10pt;
+ margin: 0em;
+ padding: 0px;
+ border-bottom: 1px solid black;
+}
+#subheader ul {
+ height: 20px;
+ margin: 0px;
+}
+
+#subheader li {
+ display: inline;
+ float: right;
+ padding: 0px 10px 0px 10px;
+}
+
+#subheader li a {
+ text-decoration: none;
+}
+
+#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; 
@@ -35,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; 
@@ -87,15 +286,17 @@ td,input,select {
  background-color: #FAFAFA; 
  border: #D1D7DC; 
  border-style: solid;
- border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
+ border-left-width: 1px; 
+ border-top-width: 1px; 
+ border-right-width: 1px; 
+ border-bottom-width: 1px
 }
 .notas { 
  font-size : 13px; 
  color: red;
 }
-.header { 
- font-size : 18px; 
-}
+
 .size_small { 
  font-size: 9px; 
-}
\ No newline at end of file
+}
+