Bug 17942 [Follow-up] Update style of the web installer with Bootstrap 3
[koha.git] / koha-tmpl / intranet-tmpl / prog / css / installer.css
blob7d5d3d9fb75a545f79d48092ee360052d10f77cf
1 body {
2 background-color: #EEE;
3 text-align: left;
4 font-family: arial, verdana, helvetica, sans-serif;
7 h1 {
8 font-size: 161.6%;
9 font-weight: bold;
12 h2 {
13 background-color: #eee;
14 border-radius: 4px;
15 font-size: 146.5%;
16 font-weight: bold;
17 text-shadow: 1px 1px 0px #FFF;
18 padding: .5em;
21 h3 {
22 color: #003366;
23 font-size: 131%;
24 font-weight: bold;
27 hr {
28 margin-top: .5em;
29 margin-bottom: .5em;
32 .installer-main {
33 background-color: #FFF;
34 border-radius: 5px;
35 margin-top: 3%;
36 margin-bottom: 3%;
37 padding: 1em;
38 -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
39 -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
40 box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
43 ul, ol { padding: 5px 5px 5px 20px; }
45 #logo {
46 background: url(../img/koha-logo.gif) no-repeat top center;
47 margin-top: 0;
48 margin-bottom: .5em;
51 #logo a {
52 display: block;
53 text-indent: -1000px;
54 height: 74px;
55 border-bottom: none;
58 .bg-danger {
59 padding: .2em .4em;
62 .step a, .step input { font-size: 2em; }
64 td input { font-size: 1.5em; }
66 .step, th { text-align: right; }
68 #bloc25, .bloc25 {
69 float:left;
70 border:1px solid #000000;
71 margin:0px;
72 padding:0px;
76 #footer {
77 text-align: center;
78 border-top: 1px solid #ccc;
79 padding-top: 1em;
80 font-style: italic;
83 .update_error {
84 color: red;
85 font-weight: bold;
88 .checkbox {
89 margin-bottom: 1em;
92 fieldset.rows {
93 border-width: 0;
94 float: left;
95 font-size: 90%;
96 clear: left;
97 margin: .9em 0 0 0;
98 padding: 0;
99 width: 100%;
102 fieldset.rows legend {
103 border: 0;
104 margin-left: 1em;
105 font-weight: bold;
106 font-size: 110%;
107 margin-bottom: 0;
110 fieldset.rows label,
111 fieldset.rows span.label {
112 float: left;
113 font-weight: bold;
114 width: 9em;
115 margin-right: 1em;
116 text-align: right;
119 fieldset.rows span.label {
120 display: inline;
121 padding: .2em .6em .3em;
122 font-size: inherit;
123 font-weight: bold;
124 line-height: 1;
125 color: inherit;
126 text-align: right;
127 white-space: normal;
128 vertical-align: baseline;
129 border-radius: 0;
132 fieldset.rows fieldset {
133 background-color: transparent;
134 font-size: 100%;
135 margin: 1em;
136 padding: .3em;
139 fieldset.rows ol {
140 padding: 1em 1em 0 1em;
141 list-style-type: none;
144 fieldset.rows li {
145 float: left;
146 clear: left;
147 padding-bottom: 1em;
148 list-style-type: none;
149 width: 100%;
152 fieldset.rows .hint {
153 margin-left: 10.5em;
154 margin-right: 4em;
155 margin-top: .5em;
156 font-size: 96%;
157 color: #666;
160 fieldset.rows label.error {
161 color: #cc0000;
162 float: none;
163 margin-left: 1em;
164 width: auto;
167 fieldset.rows ol {
168 padding: 0 1em 0 1em;
172 label.required,
173 span.required {
174 color : #C00;
177 span.required {
178 font-style : italic;
179 margin-left : .5em;
182 .breadcrumbs {
183 background-color: #e6f0f2;
184 margin: 1em 0;
185 padding: .4em 2em;
188 /* Override core jQueryUI widgets */
189 .ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
190 .ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
191 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B9D8D9; background: #F4F8F9 none; font-weight: normal; color: #555555; }
192 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
193 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; }
194 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #FED22F; background: #FFF4C6; color: #363636; }
195 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
197 .ui-widget,
198 .ui-widget input,
199 .ui-widget select,
200 .ui-widget textarea,
201 .ui-widget button {
202 font-family : inherit;
203 font-size : inherit;
206 /* jQuery UI Datepicker */
207 .ui-datepicker table {
208 width: 100%;
209 font-size: .9em;
210 border : 0;
211 border-collapse: collapse;
212 margin:0 0 .4em;
215 .ui-datepicker th {
216 background : transparent none;
217 padding: .7em .3em;
218 text-align: center;
219 font-weight: bold;
220 border: 0;
223 .ui-datepicker-trigger {
224 vertical-align: middle;
225 margin : 0 3px;
227 .ui-datepicker {
228 box-shadow: 1px 1px 3px 0 #666;
231 span.breadcrumbs {
232 display: block;
235 .selectall,
236 .deselectall {
237 display: inline-block;
240 .selectall.mandatory,
241 .deselectall.optional {
242 display: none;