]> git.sur5r.net Git - bacula/bacula/blob - gui/baculum/themes/Baculum-v1/wizard.css
baculum: Support for mobile web browsers in restore wizard
[bacula/bacula] / gui / baculum / themes / Baculum-v1 / wizard.css
1 .wizard {
2         margin: 50px auto;
3         height: 547px;
4         width: 752px;
5         font-family: Arial;
6         color: white;
7  }
8  
9 .steps {
10         padding: 20px;
11         height: 435px;
12         background-image: url('wizard-content.png');
13         background-repeat: repeat-y;
14  }
15  
16 .navigation {
17         text-align: center;
18         padding: 10px 0;
19         background-image: url('wizard-bottom.png');
20         background-repeat: no-repeat;
21  }
22  
23 .step {
24         float: left;
25         height: 45px;
26         width: 124px;
27         font-size: 13pt;
28         text-align: center;
29  }
30  
31 .step div{
32         margin: 12px 15px 12px 0;
33  }
34  
35 .step-normal,  .step-active,  .step-prev-active, .step-first-active, .step-first-next-active {
36         background-repeat: no-repeat;
37         background-position: right center;
38  }
39  
40   .step-first {
41         width: 126px;
42         background-image: url('step-first.png');
43  }
44  
45  .step-first-active {
46         width: 126px;
47         background-image: url('step-first-active.png');
48  }
49  
50  .step-first-next-active{
51         width: 126px;
52         background-image: url('step-first-next-active.png');
53  }
54
55 .step-last {
56         width: 130px;
57         background-image: url('step-last.png');
58  }
59
60  .step-last-active {
61         width: 130px;
62         background-image: url('step-last-active.png');
63  }
64  
65  .step-last-next-active{
66         width: 130px;
67         background-image: url('step-last-next-active.png');
68  }
69
70 .step-normal, .step-prev-active {
71         background-image: url('step.png');
72  }
73  
74 .step-active{
75         background-image: url('step-active.png');
76  }
77  
78 .step-prev-active {
79         background-image: url('step-prev-active.png');
80  }
81  
82 #licence {
83         width: 650px;
84         height: 300px;
85         overflow: auto;
86         border: 1px solid gray;
87         margin: auto;
88         padding: 5px;
89 }
90  
91 #title {
92         clear: left;
93         font-size: 14px;
94         font-weight: bold;
95         background-image: url('wizard-header.png');
96         background-repeat: no-repeat;
97         padding: 4px;
98 }
99  
100 #licence-agree {
101         width: 670px;
102         margin: 10px auto;
103 }
104
105 #restore-browser {
106         width: 100%;
107         height: 100%;
108 }
109
110 #restore-browser-files {
111         width: 315px;
112         height: 434px;
113 }
114
115 #restore-browser-files, #restore-browser-versions, #restore-browser-selected {
116         overflow: auto;
117         width: 339px;
118         background-color: white;
119         -webkit-border-radius: 4px;
120         -moz-border-radius: 4px;
121         border-radius: 4px;
122         padding: 4px;
123         -moz-user-select: -moz-none;
124         -webkit-user-select: none;
125         -ms-user-select: none;
126 }
127
128 #restore-browser-files {
129         height: 430px;
130 }
131
132 #restore-browser-versions {
133         height: 206px;
134 }
135
136 #restore-browser-selected {
137         height: 206px;
138 }
139
140 #restore-browser-files-loading {
141         position: absolute;
142         z-index: 10;
143         width: 347px;
144         height: 438px;
145         border-radius: 4px;
146         background: rgba(182,182,182,0.7) url('progress.gif') no-repeat center center;
147 }
148
149 .file-browser-watermark {
150         padding: 64px 10px;
151         text-align: center;
152         font-size: 21px;
153         color: rgb(185, 184, 184);
154 }
155
156 div.button-cancel {
157         float: right;
158         margin-right: 28px
159 }
160
161 div.button-prev-next {
162         margin-left: 84px
163 }
164
165 a.link {
166         color: #3f4449;
167         font-weight: bold;
168         text-decoration: none;
169 }
170
171 a.link:hover {
172         text-decoration: underline;
173 }