]> git.sur5r.net Git - bacula/bacula/blob - gui/baculum/themes/Baculum-v1/wizard.css
baculum: Wizards view improvements
[bacula/bacula] / gui / baculum / themes / Baculum-v1 / wizard.css
1 .wizard {
2         min-height: 547px;
3         width: 1024px;
4         margin: 50px auto;
5         font-family: Arial;
6         color: white;
7         background-color: #585756;
8         background-image: url('step-head.png');
9         background-repeat: repeat-x;
10         border: 1px solid black;
11         border-radius: 15px;
12 }
13
14 .steps {
15         padding: 8px 20px;
16 }
17
18 .steps div.line {
19         text-align: center;
20 }
21  
22 .steps div.text, .steps div.field {
23         display: inline-block;
24         text-align: left;
25 }
26
27 .steps div.field {
28         width: 420px;
29 }
30
31 .navigation {
32         text-align: center;
33         padding: 5px 0;
34         background-image: url('wizard-bottom-1.png');
35         background-repeat: repeat-x;
36         border-bottom-left-radius: 14px;
37         border-bottom-right-radius: 14px;
38  }
39  
40 .step {
41         float: left;
42         height: 45px;
43         width: 124px;
44         font-size: 13pt;
45         text-align: center;
46  }
47  
48 .step div{
49         margin: 12px 15px 12px 0;
50  }
51  
52 .step-normal,  .step-active,  .step-prev-active, .step-first-active, .step-first-next-active {
53         background-repeat: no-repeat;
54         background-position: right center;
55  }
56  
57   .step-first {
58         width: 126px;
59         background-image: url('step-first.png');
60  }
61  
62  .step-first-active {
63         width: 126px;
64         background-image: url('step-first-active.png');
65  }
66  
67  .step-first-next-active{
68         width: 126px;
69         background-image: url('step-first-next-active.png');
70  }
71
72 .step-last {
73         width: 130px;
74         background-image: url('step-last-1.png');
75  }
76
77  .step-last-active {
78         width: 130px;
79         background-image: url('step-last-active-1.png');
80  }
81  
82  .step-last-next-active{
83         width: 130px;
84         background-image: url('step-last-next-active.png');
85  }
86
87 .step-normal, .step-prev-active {
88         background-image: url('step.png');
89  }
90  
91 .step-active{
92         background-image: url('step-active.png');
93  }
94  
95 .step-prev-active {
96         background-image: url('step-prev-active.png');
97  }
98  
99 #title {
100         clear: left;
101         font-size: 14px;
102         font-weight: bold;
103         background-image: url('wizard-header-1.png');
104         background-repeat: repeat-x;
105         padding: 4px;
106 }
107
108 div.button-cancel {
109         float: right;
110         margin-right: 28px
111 }
112
113 div.button-prev-next {
114         margin-left: 84px
115 }
116
117 a.link {
118         color: #3f4449;
119         font-weight: bold;
120         text-decoration: none;
121 }
122
123 a.link:hover {
124         text-decoration: underline;
125 }