]> git.sur5r.net Git - bacula/bacula/blob - gui/baculum/themes/Baculum-v1/bacula-config.css
baculum: Add listbox control and use it for base and device directives
[bacula/bacula] / gui / baculum / themes / Baculum-v1 / bacula-config.css
1 div.config_hosts, div.config_components, div.config_resources, div.config_directives {
2         min-height: 25px;
3         max-width: 1024px;
4         margin-left: 10px;
5 }
6
7 div.config_host {
8         border: 1px solid white;
9         border-radius: 5px;
10         padding: 10px;
11         margin: 5px;
12         font-size: 13px;
13 }
14
15 fieldset.directive {
16         width: 605px;
17 }
18
19 fieldset.directive .line {
20         min-height: 35px !important;
21 }
22
23 div.config_directives > span {
24         display: table-cell;
25         width: 640px;
26 }
27
28 div.config_directives > div {
29         display: table-cell;
30 }
31
32 div.directive_setting fieldset, fieldset.directive {
33         border-radius: 5px;
34 }
35
36 div.directive_setting ul {
37         -webkit-padding-start: 16px;
38 }
39 div.directive_setting li {
40         cursor: pointer;
41         list-style-type: square;
42 }
43
44 @keyframes pulse {
45         0% {
46                 background-color: rgba(0, 0, 0, 0.0);
47         }
48         100% {
49                 background-color: rgba(0, 0, 0, 0.5);
50         }
51 }
52
53 div.config_host:hover {
54         animation-name: pulse;
55         animation-duration: 1s;
56         animation-timing-function: ease-out;
57         animation-delay: 0;
58         animation-direction: normal;
59         animation-iteration-count: 1;
60         animation-fill-mode: forwards;
61         animation-play-state: running;
62         background-color: rgba(0, 0, 0, 0.5);
63 }
64
65 div.host_selected, div.host_selected:hover {
66         background-color: rgba(0, 0, 0, 0.5);
67         animation: none;
68 }
69
70 a.action_link {
71         visibility: hidden;
72 }
73
74 .hide {
75         display: none !important;
76 }
77
78 a.resource_selected, a.host_selected {
79         visibility: visible;
80         padding: 0 4px;
81 }
82
83 div.directive_field {
84         width: 600px;
85 }
86
87 div.directive_setting {
88         width: 340px;
89         display: table-cell;
90 }
91
92 div.directive_setting fieldset {
93         margin-left: 64px;
94 }
95
96 input.ftype_textbox, input.ftype_timeperiod, input.ftype_integer, select.ftype_combobox, select.ftype_listbox {
97         font-size: 12px;
98 }
99
100 input.ftype_textbox {
101         min-width: 250px;
102 }
103
104 input.ftype_timeperiod {
105         width: 161px;
106 }
107
108 select.ftype_combobox, select.ftype_listbox {
109         min-width: 265px;
110 }
111
112 select.ftype_combobox {
113         height: 29px;
114 }
115
116 input.ftype_integer {
117         width: 161px;
118 }
119
120 select.ftype_listbox {
121         height: 100px;
122 }
123
124 table.host td:nth-of-type(1) {
125         width: 205px;
126 }
127
128 table.host td:nth-of-type(2) {
129         width: 335px;
130 }
131
132 table.host, table.component, table.resource {
133         width: 100% !important;
134         cursor: pointer;
135 }
136
137 table.component:hover, table.resource:hover {
138         background-color: rgba(255, 255, 255, 0.1);
139 }
140
141 table.resource td:nth-of-type(1), table.component td:nth-of-type(1) {
142         width: 250px;
143 }
144
145 div.config_new_resource, div.config_new_fileset, div.config_new_messages, div.config_new_runscript {
146         position: relative;
147         width: 135px;
148         border-radius: 5px;
149         border: 1px solid black;
150         background-color: gray;
151 }
152
153 img.reset_btn, img.remove_btn {
154         display: none;
155         cursor: pointer;
156         vertical-align: middle;
157 }
158
159 div.directive_value {
160         width: 358px;
161         line-height: 27px;
162 }
163
164 div.directive_value input[type="checkbox"] {
165         vertical-align: middle;
166 }
167
168 div.directive_value:hover img.reset_btn, div.directive_value:hover img.remove_btn {
169         display: inline;
170 }
171
172 #new_host {
173         padding: 26px;
174 }
175
176 p.smalldesc {
177         margin: 0;
178         font-style: italic;
179 }