View | Details | Raw Unified | Return to bug 28978
Collapse All | Expand All

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/installer.scss (-1 / +299 lines)
Line 0 Link Here
0
- 
1
body {
2
    background-color: #EEE;
3
    font-family: arial, verdana, helvetica, sans-serif;
4
    text-align: left;
5
}
6
7
h1 {
8
    font-size: 161.6%;
9
    font-weight: bold;
10
}
11
12
h2 {
13
    background-color: #eee;
14
    border-radius: 4px;
15
    font-size: 146.5%;
16
    font-weight: bold;
17
    padding: .5em;
18
    text-shadow: 1px 1px 0 #FFF;
19
}
20
21
h3 {
22
    color: #003366;
23
    font-size: 131%;
24
    font-weight: bold;
25
}
26
27
hr {
28
    margin-bottom: .5em;
29
    margin-top: .5em;
30
}
31
32
.installer-main {
33
    background-color: #FFF;
34
    border-radius: 5px;
35
    box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.5);
36
    margin-bottom: 3%;
37
    margin-top: 3%;
38
    padding: 1em;
39
}
40
41
ul,
42
ol {
43
    padding: 5px 5px 5px 20px;
44
}
45
46
#logo {
47
    background: url(../img/koha-logo.gif) no-repeat top center;
48
    margin-bottom: .5em;
49
    margin-top: 0;
50
51
    a {
52
        border-bottom: none;
53
        display: block;
54
        height: 74px;
55
        text-indent: -1000px;
56
    }
57
}
58
59
60
.bg-danger {
61
    padding: .2em .4em;
62
}
63
64
.step a,
65
.step input {
66
    font-size: 2em;
67
}
68
69
td {
70
    input {
71
        font-size: 1.5em;
72
    }
73
}
74
75
.step,
76
th {
77
    text-align: right;
78
}
79
80
#footer {
81
    border-top: 1px solid #ccc;
82
    font-style: italic;
83
    padding-top: 1em;
84
    text-align: center;
85
}
86
87
.update_error {
88
    color: red;
89
    font-weight: bold;
90
}
91
92
.checkbox {
93
    margin-bottom: 1em;
94
}
95
96
fieldset {
97
    &.rows {
98
        border-width: 0;
99
        clear: left;
100
        float: left;
101
        font-size: 90%;
102
        margin: .9em 0 0 0;
103
        padding: 0;
104
        width: 100%;
105
106
        legend {
107
            border: 0;
108
            font-size: 110%;
109
            font-weight: bold;
110
            margin-bottom: 0;
111
            margin-left: 1em;
112
        }
113
114
        label {
115
            float: left;
116
            font-weight: bold;
117
            margin-right: 1em;
118
            text-align: right;
119
            width: 9em;
120
121
            &.error {
122
                color: #cc0000;
123
                float: none;
124
                margin-left: 1em;
125
                width: auto;
126
            }
127
        }
128
129
        span.label {
130
            border-radius: 0;
131
            color: inherit;
132
            display: inline;
133
            float: left;
134
            font-size: inherit;
135
            font-weight: bold;
136
            line-height: 1;
137
            margin-right: 1em;
138
            padding: .2em .6em .3em;
139
            text-align: right;
140
            vertical-align: baseline;
141
            white-space: normal;
142
            width: 9em;
143
        }
144
145
        fieldset {
146
            background-color: transparent;
147
            font-size: 100%;
148
            margin: 1em;
149
            padding: .3em;
150
        }
151
152
        ol {
153
            list-style-type: none;
154
            padding: 0 1em 0 1em;
155
        }
156
157
        li {
158
            clear: left;
159
            float: left;
160
            list-style-type: none;
161
            padding-bottom: 1em;
162
            width: 100%;
163
        }
164
165
        .hint {
166
            color: #666;
167
            font-size: 96%;
168
            margin-left: 10.5em;
169
            margin-right: 4em;
170
            margin-top: .5em;
171
        }
172
    }
173
}
174
175
176
label.required,
177
span.required {
178
    color : #C00;
179
}
180
181
span.required {
182
    font-style : italic;
183
    margin-left : .5em;
184
}
185
186
.breadcrumbs {
187
    background-color: #e6f0f2;
188
    margin: 1em 0;
189
    padding: .4em 2em;
190
}
191
192
193
/* Override core jQueryUI widgets */
194
.ui-widget-content {
195
    border: 1px solid #B9D8D9;
196
    background: #ffffff none;
197
    color: #222222;
198
}
199
200
.ui-widget-header {
201
    border: 1px solid #B9D8D9;
202
    background: #E6F0F2 none;
203
    color: #222222;
204
    font-weight: bold;
205
}
206
207
.ui-state-default,
208
.ui-widget-content .ui-state-default,
209
.ui-widget-header .ui-state-default {
210
    border: 1px solid #B9D8D9;
211
    background: #F4F8F9 none;
212
    font-weight: normal;
213
    color: #555555;
214
}
215
216
.ui-state-hover,
217
.ui-widget-content .ui-state-hover,
218
.ui-widget-header .ui-state-hover,
219
.ui-state-focus,
220
.ui-widget-content .ui-state-focus,
221
.ui-widget-header .ui-state-focus {
222
    border: 1px solid #B9D8D9;
223
    background: #E6F0F2 none;
224
    font-weight: normal;
225
    color: #212121;
226
}
227
228
.ui-state-active,
229
.ui-widget-content .ui-state-active,
230
.ui-widget-header .ui-state-active {
231
    border: 1px solid #aaaaaa;
232
    background: #ffffff none;
233
    font-weight: normal;
234
    color: #212121;
235
}
236
237
.ui-state-highlight,
238
.ui-widget-content .ui-state-highlight,
239
.ui-widget-header .ui-state-highlight {
240
    border: 1px solid #FED22F;
241
    background: #FFF4C6;
242
    color: #363636;
243
}
244
245
.ui-state-error,
246
.ui-widget-content .ui-state-error,
247
.ui-widget-header .ui-state-error {
248
    border: 1px solid #cd0a0a;
249
    background: #fef1ec;
250
    color: #cd0a0a;
251
}
252
253
.ui-widget,
254
.ui-widget input,
255
.ui-widget select,
256
.ui-widget textarea,
257
.ui-widget button {
258
    font-family : inherit;
259
    font-size : inherit;
260
}
261
262
/* jQuery UI Datepicker */
263
.ui-datepicker table {
264
    width: 100%;
265
    font-size: .9em;
266
    border : 0;
267
    border-collapse: collapse;
268
    margin:0 0 .4em;
269
}
270
271
.ui-datepicker th {
272
    background : transparent none;
273
    padding: .7em .3em;
274
    text-align: center;
275
    font-weight: bold;
276
    border: 0;
277
}
278
279
.ui-datepicker-trigger {
280
    vertical-align: middle;
281
    margin : 0 3px;
282
}
283
.ui-datepicker {
284
    box-shadow: 1px 1px 3px 0 #666;
285
}
286
287
span.breadcrumbs {
288
    display: block;
289
}
290
291
.selectall,
292
.deselectall {
293
    display: inline-block;
294
}
295
296
.selectall.mandatory,
297
.deselectall.optional {
298
    display: none;
299
}

Return to bug 28978