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

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/navigation.inc (-3 / +3 lines)
Lines 9-22 Link Here
9
                            [% FOREACH parent IN parent_list %]
9
                            [% FOREACH parent IN parent_list %]
10
                                [% IF ( parent.id == link.parent ) %]
10
                                [% IF ( parent.id == link.parent ) %]
11
                                    <li style="margin-left:20px;">
11
                                    <li style="margin-left:20px;">
12
                                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.parent %]">[% parent.title_link | html %]</a> &rsaquo;
12
                                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.parent | uri %]">[% parent.title_link | html %]</a> &rsaquo;
13
                                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id %]">[% link.title_link | html %]</a>
13
                                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id | uri %]">[% link.title_link | html %]</a>
14
                                    </li>
14
                                    </li>
15
                                [% END %]
15
                                [% END %]
16
                            [% END %]
16
                            [% END %]
17
                        [% ELSE %]
17
                        [% ELSE %]
18
                            <li>
18
                            <li>
19
                                <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id %]">[% link.title_link | html %]</a>
19
                                <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id | uri %]">[% link.title_link | html %]</a>
20
                            </li>
20
                            </li>
21
                        [% END %]
21
                        [% END %]
22
                    [% END %]
22
                    [% END %]
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-cmspages.tt (-4 / +5 lines)
Lines 1-7 Link Here
1
[% USE raw %]
1
[% USE Koha %]
2
[% USE Koha %]
2
[% USE Branches %]
3
[% USE Branches %]
3
[% INCLUDE 'doc-head-open.inc' %]
4
[% INCLUDE 'doc-head-open.inc' %]
4
<title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online catalog[% END %][% IF (cms_page.title) %] &rsaquo; [% cms_page.title %][% END%]</title>
5
<title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online catalog[% END %][% IF (cms_page.title) %] &rsaquo; [% cms_page.title | html %][% END%]</title>
5
[% INCLUDE 'doc-head-close.inc' %]
6
[% INCLUDE 'doc-head-close.inc' %]
6
[% BLOCK cssinclude %][% END %]
7
[% BLOCK cssinclude %][% END %]
7
</head>
8
</head>
Lines 15-27 Link Here
15
            [% FOREACH parent IN parents %]
16
            [% FOREACH parent IN parents %]
16
                [% IF parent.id == cms_page.parent %]
17
                [% IF parent.id == cms_page.parent %]
17
                    <li>
18
                    <li>
18
                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% cms_page.parent %]">[% parent.title_link %]</a>
19
                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% cms_page.parent | uri %]">[% parent.title_link | html%]</a>
19
                        <span class="divider">&rsaquo;</span>
20
                        <span class="divider">&rsaquo;</span>
20
                    </li>
21
                    </li>
21
                [% END %]
22
                [% END %]
22
            [% END %]
23
            [% END %]
23
        [% END %]
24
        [% END %]
24
        <li><a href="#">[% cms_page.title_link %]</a></li>
25
        <li><a href="#">[% cms_page.title_link | html %]</a></li>
25
    </ul>
26
    </ul>
26
27
27
    [% IF Koha.Preference( 'opacuserlogin' ) == 1 %]
28
    [% IF Koha.Preference( 'opacuserlogin' ) == 1 %]
Lines 50-56 Link Here
50
        [% END %]
51
        [% END %]
51
52
52
            [% IF ( cms_page.publish == 1 ) || ( cms_page.publish == 0 && CAN_user_tools_edit_pages ) %]
53
            [% IF ( cms_page.publish == 1 ) || ( cms_page.publish == 0 && CAN_user_tools_edit_pages ) %]
53
                [% cms_page.content %]
54
                [% cms_page.content | $raw %]
54
            [% ELSE %]
55
            [% ELSE %]
55
                This page has not been published.
56
                This page has not been published.
56
            [% END %]
57
            [% END %]
(-)a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less (-2663 lines)
Lines 1-2662 Link Here
1
@import "mixins.less";
2
body {
3
    background-color: #EAEAE6;
4
}
5
6
 /* Sticky footer styles */
7
html,
8
body {
9
    height: 100%;
10
    /* The html and body elements cannot have any padding or margin. */
11
}
12
13
.no-js {
14
    .dateformat {
15
        display: inline;
16
        white-space: nowrap;
17
    }
18
    .modal-body {
19
        padding: 0;
20
    }
21
    .selections-toolbar {
22
        display: none;
23
    }
24
}
25
26
.js {
27
    .dateformat {
28
        display: none;
29
    }
30
}
31
32
/* Wrapper for page content to push down footer */
33
#wrap {
34
    min-height: 100%;
35
    height: auto !important;
36
    height: 100%;
37
    /* Negative indent footer by it's height */
38
    // margin: 0 auto -60px;
39
}
40
41
/* Set the fixed height of the footer here */
42
#changelanguage {
43
    // height: 60px;
44
}
45
46
.popup {
47
    padding-left : 0;
48
    padding-right: 0;
49
}
50
51
a {
52
    color: @links;
53
    &.cancel {
54
        padding-left : 1em;
55
    }
56
    &:visited {
57
        color: @links;
58
    }
59
    &.title {
60
        font-weight: bold;
61
        font-size : 108%;
62
    }
63
    &.btn {
64
        &:visited {
65
            color : #333;
66
        }
67
    }
68
    &.btn-primary {
69
        &:visited {
70
            color : #FFF;
71
        }
72
    }
73
    &.login-link {
74
        color: #A6D8ED;
75
        font-weight: bold;
76
    }
77
}
78
79
.ui-widget-content a,
80
.ui-widget-content a:visited {
81
    color: @links;
82
}
83
84
h1 {
85
    font-size : 140%;
86
    line-height: 150%;
87
    &#libraryname {
88
        background: transparent url(../images/logo-koha.png) no-repeat scroll 0%;
89
        border: 0;
90
        float: left !important;
91
        margin: 0;
92
        padding: 0;
93
        width: 120px;
94
        a {
95
            border: 0;
96
            cursor: pointer;
97
            display: block;
98
            height: 0px !important;
99
            margin: 0;
100
            overflow: hidden;
101
            padding: 40px 0 0;
102
            text-decoration: none;
103
            width: 120px;
104
        }
105
    }
106
}
107
108
h2 {
109
110
    font-size : 130%;
111
    line-height: 150%;
112
}
113
h3 {
114
115
    font-size : 120%;
116
    line-height: 150%;
117
}
118
h4 {
119
120
    font-size : 110%;
121
}
122
h5 {
123
124
    font-size : 100%;
125
}
126
127
caption {
128
    font-size: 120%;
129
    font-weight: bold;
130
    margin : 0;
131
    text-align: left;
132
}
133
134
input,
135
textarea {
136
    width: auto;
137
}
138
139
.input-fluid {
140
    width : 50%;
141
}
142
143
legend {
144
    font-size: 110%;
145
    font-weight: bold;
146
}
147
148
table, td {
149
    background-color: #FFF;
150
}
151
152
td {
153
    .btn {
154
        white-space: nowrap;
155
    }
156
    .btn-link {
157
        padding: 0;
158
    }
159
}
160
161
#advsearches,
162
#booleansearch {
163
    label {
164
        display: inline;
165
    }
166
}
167
168
#basketcount {
169
    display : inline;
170
    margin : 0;
171
    padding : 0;
172
    span {
173
        background-color : #FFC;
174
        color : #000;
175
        display : inline;
176
        font-size : 80%;
177
        font-weight : normal;
178
        margin : 0 0 0 .9em;
179
        padding : 0 .3em 0 .3em;
180
        .border-radius-all(3px);
181
    }
182
}
183
184
185
#members {
186
    display: block;
187
    p {
188
        color : #EEE;
189
    }
190
    a {
191
        &.logout {
192
            color : #E8583C;
193
            font-weight: bold;
194
            padding : 0 .3em 0 .3em;
195
        }
196
    }
197
}
198
199
#koha_url p {
200
        color: #666666;
201
        float : right;
202
        margin: 0;
203
}
204
205
#moresearches {
206
    margin: .5em 0 .5em 0;
207
    padding: 0 .8em;
208
    li {
209
        display: inline;
210
        white-space: nowrap;
211
        &:after {
212
            content : " | ";
213
        }
214
215
    }
216
    ul {
217
        margin : 0;
218
        display: inline;
219
    }
220
    display: inline;
221
}
222
223
#moresearches li:last-child:after {
224
    content : "";
225
}
226
227
#cms_nav_top {
228
    list-style-type: circle;
229
    padding: 0;
230
    margin: 0;
231
    a {
232
        text-decoration: none;
233
    }
234
    a:hover {
235
        text-decoration: underline;
236
    }
237
}
238
239
#news {
240
    margin : .5em 0;
241
}
242
243
.newscontainer {
244
    border: 1px solid #ddd;
245
    border-bottom-width: 0;
246
    border-top-left-radius: 5px;
247
    border-top-right-radius: 5px;
248
}
249
250
.newsheader {
251
    background-color: #ecede6;
252
    border-bottom: 1px solid #ddd;
253
    margin: 0;
254
    padding: 8px;
255
}
256
257
.newsbody {
258
    padding: 8px;
259
}
260
261
.newsfooter {
262
    border-bottom: 1px solid #ddd;
263
    font-style: italic;
264
    padding: 4px 8px;
265
}
266
267
#opacheader {
268
    background-color: #DDD;
269
}
270
271
#selections,
272
.selections {
273
    font-weight : bold;
274
}
275
276
.actions {
277
    a {
278
        white-space: nowrap;
279
        &.hold {
280
            background-image : url("../images/sprite.png"); /* Place hold small */
281
            background-position : -5px -542px;
282
            background-repeat: no-repeat;
283
            margin-right : 1em;
284
            padding-left : 21px;
285
            text-decoration : none;
286
        }
287
        &.article_request {
288
            background-image : url("../images/sprite.png"); /* Place hold small */
289
            background-position : -2px -26px;
290
            background-repeat: no-repeat;
291
            margin-right : 1em;
292
            padding-left : 21px;
293
            text-decoration : none;
294
        }
295
        &.addtocart {
296
            background-image : url("../images/sprite.png"); /* Cart small */
297
            background-position : -5px -572px;
298
            background-repeat: no-repeat;
299
            margin-right : 1em;
300
            padding-left : 20px;
301
            text-decoration : none;
302
        }
303
        &.addtoshelf {
304
            background-image : url("../images/sprite.png"); /* MARC view */
305
            background-position: -5px -27px;
306
            background-repeat: no-repeat;
307
            margin-right : 1em;
308
            padding-left : 20px;
309
            text-decoration : none;
310
        }
311
        &.addtolist {
312
            background-position: -5px -27px;
313
            margin-right : 1em;
314
            padding-left : 20px;
315
            text-decoration : none;
316
        }
317
        &.tag_add {
318
            background-position: -5px -1110px;
319
            margin-right : 1em;
320
            padding-left : 20px;
321
            text-decoration : none;
322
        }
323
        /* List contents remove from list link */
324
        &.removefromlist  {
325
            background-position : -8px -690px; /* Delete */
326
            margin-right : 1em;
327
            text-decoration : none;
328
            padding-left : 15px;
329
        }
330
    }
331
}
332
333
/* Override Bootstrap alert */
334
.alert {
335
    background: #fffbe5; /* Old browsers */
336
    background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
337
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
338
    background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
339
    background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
340
    background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
341
    background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
342
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
343
    border-color : #D6C43B;
344
    color: #333;
345
}
346
347
/* Override Bootstrap alert.alert-info */
348
.alert-info {
349
    background: #f4f6fa; /* Old browsers */
350
    background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
351
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
352
    background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
353
    background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
354
    background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
355
    background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
356
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
357
    border-color : #C5D1E5;
358
    color: #333;
359
}
360
361
/* Override Bootstrap alert.alert-success */
362
.alert-success {
363
    background: #f8ffe8; /* Old browsers */
364
    background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
365
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
366
    background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
367
    background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
368
    background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
369
    background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
370
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
371
    border-color : #9FBA35;
372
    color: #333;
373
}
374
375
.breadcrumb {
376
    background-color: #F2F2EF;
377
    font-size: 85%;
378
    list-style: none outside none;
379
    margin: 10px 20px;
380
    padding: 5px 10px;
381
    .border-radius-all(7px);
382
}
383
384
.form-inline {
385
    display : inline;
386
    padding: 0;
387
    margin: 0;
388
    fieldset {
389
        margin: 0.3em 0;
390
        padding: 0.3em;
391
    }
392
}
393
394
.main {
395
    background-color: #FFF;
396
    border: 1px solid #D2D2CF;
397
    .border-radius-all(7px);
398
    .shadowed;
399
    margin-top : 1px;
400
    margin-bottom: 0.5em;
401
}
402
403
.mastheadsearch {
404
    .border-radius-all(7px);
405
    padding: .8em;
406
    margin: .5em 0;
407
    background: #c7c7c1;
408
    /* Old browsers */
409
    background: -moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
410
    /* FF3.6+ */
411
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#c7c7c1), color-stop(100%,#a7a7a2));
412
    /* Chrome,Safari4+ */
413
    background: -webkit-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
414
    /* Chrome10+,Safari5.1+ */
415
    background: -o-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
416
    /* Opera 11.10+ */
417
    background: -ms-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
418
    /* IE10+ */
419
    background: linear-gradient(to bottom, #c7c7c1 38%,#a7a7a2 100%);
420
    /* W3C */
421
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c1', endColorstr='#a7a7a2',GradientType=0 );
422
    /* IE6-9 */
423
    label {
424
        font-size: 115%;
425
        font-weight: bold;
426
    }
427
}
428
429
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
430
    color: #9FE1FF;
431
    font-weight: bold;
432
}
433
434
.navbar-fixed-bottom.navbar-static-bottom {
435
    margin-top : .5em;
436
    position: static;
437
}
438
439
#changelanguage .nav > .active > p {
440
    padding : 0 15px;
441
}
442
443
.table-striped tbody > tr:nth-child(odd) > td,
444
.table-striped tbody > tr:nth-child(odd) > th {
445
  background-color: #F4F4F4;
446
}
447
448
449
/* jQuery UI standard tabs */
450
.ui-tabs-nav .ui-tabs-active a,
451
.ui-tabs-nav a:hover,
452
.ui-tabs-nav a:focus,
453
.ui-tabs-nav a:active,
454
.ui-tabs-nav span.a {
455
    background: none repeat scroll 0 0 transparent;
456
    outline: 0 none;
457
}
458
459
.ui-widget,
460
.ui-widget input,
461
.ui-widget select,
462
.ui-widget textarea,
463
.ui-widget button {
464
    font-family : inherit;
465
    font-size : inherit;
466
}
467
468
ul.ui-tabs-nav li {
469
    list-style : none;
470
}
471
.ui-tabs.ui-widget-content {
472
    background : transparent none;
473
    border : 0;
474
}
475
476
.ui-tabs .ui-tabs-panel {
477
    border : 1px solid #D8D8D8;
478
    margin-bottom: 1em;
479
}
480
.ui-tabs-nav.ui-widget-header {
481
    border : 0;
482
    background : none;
483
}
484
.ui-tabs .ui-tabs-nav li {
485
    background: #F3F3F3 none;
486
    border-color: #D8D8D8;
487
    margin-right : .4em;
488
}
489
490
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
491
    background-color : #FFF;
492
    border : 1px solid #D8D8D8;
493
    border-bottom: 0;
494
}
495
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
496
    color : #000;
497
    font-weight : bold;
498
}
499
500
.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
501
    background : #F3F3F3 none;
502
}
503
504
.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
505
    background : #FFF none;
506
}
507
508
.ui-tabs .ui-state-default a,
509
.ui-tabs .ui-state-default a:link,
510
.ui-tabs .ui-state-default a:visited {
511
    color: #006699;
512
}
513
514
.ui-tabs .ui-state-hover a,
515
.ui-tabs .ui-state-hover a:link,
516
.ui-tabs .ui-state-hover a:visited {
517
    color: #990033;
518
}
519
520
.statictabs {
521
    ul {
522
        background: none repeat scroll 0 0 transparent;
523
        border: 0 none;
524
        margin: 0;
525
        padding: 0.2em 0.2em 0;
526
        border-bottom-right-radius: 4px;
527
        border-bottom-left-radius: 4px;
528
        border-top-right-radius: 4px;
529
        border-top-left-radius: 4px;
530
        color: #222222;
531
        font-weight: bold;
532
        font-size: 100%;
533
        line-height: 1.3;
534
        list-style: none outside none;
535
        outline: 0 none;
536
        text-decoration: none;
537
        &:before {
538
            content: "";
539
            display: table;
540
        }
541
        &:after {
542
            clear: both;
543
            content: "";
544
            display: table;
545
        }
546
    }
547
    li {
548
        background: none repeat scroll 0 0 #E6F0F2;
549
        border: 1px solid #B9D8D9;
550
        border-bottom: 0 none !important;
551
        border-top-right-radius: 4px;
552
        border-top-left-radius: 4px;
553
        float: left;
554
        list-style: none outside none;
555
        margin-bottom: 0;
556
        margin-right: 0.4em;
557
        padding: 0;
558
        position: relative;
559
        white-space: nowrap;
560
        top: 1px;
561
        color: #555555;
562
        font-weight: normal;
563
        &.active {
564
            background-color: #FFFFFF;
565
            color: #212121;
566
            font-weight: normal;
567
            padding-bottom: 1px;
568
        }
569
        a {
570
            color: #004D99;
571
            cursor: pointer;
572
            float: left;
573
            padding: 0.5em 1em;
574
            text-decoration: none;
575
            &:hover {
576
                background-color : #EDF4F5;
577
                border-top-right-radius: 4px;
578
                border-top-left-radius: 4px;
579
                color : #538200;
580
            }
581
        }
582
        &.active {
583
            a {
584
                color: #000000;
585
                font-weight: bold;
586
                cursor: text;
587
                background: none repeat scroll 0 0 transparent;
588
                outline: 0 none;
589
            }
590
        }
591
    }
592
    .tabs-container {
593
        border: 1px solid #B9D8D9;
594
        background: none repeat scroll 0 0 transparent;
595
        display: block;
596
        padding: 1em 1.4em;
597
        border-bottom-right-radius: 4px;
598
        border-bottom-left-radius: 4px;
599
        color: #222222;
600
    }
601
}
602
603
/* End jQueryUI tab styles */
604
605
/* jQuery UI Datepicker */
606
.ui-datepicker table {width: 100%; font-size: .9em; border : 0; border-collapse: collapse; margin:0 0 .4em; }
607
.ui-datepicker th { background : transparent none; padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
608
609
.ui-datepicker-trigger {
610
    vertical-align: middle;
611
    margin : 0 3px;
612
}
613
.ui-datepicker {
614
    .shadowed;
615
}
616
/* End jQueryUI datepicker styles */
617
618
619
/* jQueryUI Core */
620
621
.ui-widget-content {
622
    border: 1px solid #AAA;
623
    background: #ffffff none;
624
    color: #222222;
625
}
626
.ui-widget-header {
627
    border: 1px solid #AAA;
628
    background: #E6F0F2 none;
629
    color: #222222;
630
    font-weight: bold;
631
}
632
.ui-state-default,
633
.ui-widget-content .ui-state-default,
634
.ui-widget-header .ui-state-default {
635
    border: 1px solid #AAA;
636
    background: #F4F8F9 none;
637
    font-weight: normal;
638
    color: #555555;
639
}
640
.ui-state-hover,
641
.ui-widget-content .ui-state-hover,
642
.ui-widget-header .ui-state-hover,
643
.ui-state-focus,
644
.ui-widget-content .ui-state-focus,
645
.ui-widget-header .ui-state-focus {
646
    border: 1px solid #AAA;
647
    background: #E6F0F2 none;
648
    font-weight: normal;
649
    color: #212121;
650
}
651
.ui-state-active,
652
.ui-widget-content .ui-state-active,
653
.ui-widget-header .ui-state-active {
654
    border: 1px solid #aaaaaa;
655
    background: #ffffff none;
656
    font-weight: normal;
657
    color: #212121;
658
}
659
.ui-state-highlight,
660
.ui-widget-content .ui-state-highlight,
661
.ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1;
662
    background: #fbf9ee;
663
    color: #363636;
664
}
665
.ui-state-error,
666
.ui-widget-content .ui-state-error,
667
.ui-widget-header .ui-state-error {border: 1px solid #cd0a0a;
668
    background: #fef1ec;
669
    color: #cd0a0a;
670
}
671
672
/* end jQueryUI core */
673
674
/* jQueryUI autocomplete */
675
676
.ui-autocomplete {
677
    position: absolute;
678
    cursor: default;
679
    .shadowed;
680
}
681
.ui-autocomplete.ui-widget-content .ui-state-hover {
682
    border: 1px solid #AAA;
683
    background: #E6F0F2 none;
684
    font-weight: normal;
685
    color: #212121;
686
}
687
.ui-autocomplete-loading {
688
    background: #FFF url("../../img/loading-small.gif") right center no-repeat;
689
}
690
.ui-menu li {
691
    list-style:none;
692
}
693
694
/* end jQueryUI autocomplete */
695
696
697
698
th {
699
    background-color: #ECEDE6;
700
}
701
702
.item-thumbnail {
703
    max-width: none;
704
}
705
706
.no-image {
707
    background-color : #FFF;
708
    border: 1px solid #AAA;
709
    color : #979797;
710
    display:block;
711
    font-size : 86%;
712
    font-weight : bold;
713
    text-align : center;
714
    width : 75px;
715
    .border-radius-all(3px);
716
}
717
718
#bookcover .no-image {
719
    margin-right : 10px;
720
    margin-bottom : 10px;
721
}
722
723
td.overdue {
724
    color : #cc3333;
725
}
726
table {
727
    font-size: 90%;
728
}
729
th.sum {
730
    text-align: right;
731
}
732
733
td.sum {
734
    background-color: #FFC;
735
    font-weight: bold;
736
}
737
738
th[scope=row] {
739
    background-color: transparent;
740
    text-align : right;
741
}
742
743
.required {
744
    color : #C00;
745
}
746
747
.label {
748
    background-color: transparent;
749
    color: inherit;
750
    display: inline;
751
    font-weight: normal;
752
    padding : 0;
753
    text-shadow: none;
754
}
755
756
.blabel {
757
    background-color: #999999;
758
    border-radius: 3px;
759
    color: #ffffff;
760
    display: inline-block;
761
    font-weight: bold;
762
    padding: 2px 4px;
763
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
764
}
765
766
.label-important {
767
  background-color: #b94a48;
768
}
769
.label-warning {
770
  background-color: #f89406;
771
}
772
.label-success {
773
  background-color: #468847;
774
}
775
.label-info {
776
  background-color: #3a87ad;
777
}
778
.label-inverse {
779
  background-color: #333333;
780
}
781
782
fieldset {
783
    &.rows {
784
        float : left;
785
        font-size : 90%;
786
        clear : left;
787
        margin: .9em 0 0 0;
788
        padding: 0;
789
        width: 100%;
790
        legend {
791
            font-weight: bold;
792
            font-size : 130%;
793
        }
794
        label,
795
        .label {
796
            float: left;
797
            font-weight : bold;
798
            width: 9em;
799
            margin-right: 1em;
800
            text-align: right;
801
        }
802
        label {
803
            &.lradio {
804
                float: none;
805
                margin: inherit;
806
                width: auto;
807
            }
808
        }
809
        fieldset {
810
            margin : 0;
811
            padding : .3em;
812
        }
813
        ol {
814
            padding: 1em 1em 0 1em;
815
            list-style-type: none;
816
            &.lradio {
817
                label {
818
                    width : auto;
819
                    float : none;
820
                    margin-right : 0;
821
                    &.lradio {
822
                        float : left;
823
                        width : 12em;
824
                        margin-right : 1em;
825
                    }
826
                }
827
            }
828
        }
829
        li {
830
            float : left;
831
            clear : left;
832
            padding-bottom: 1em;
833
            list-style-type: none;
834
            width: 100%;
835
            &.lradio {
836
                padding-left: 8.5em;
837
                width : auto;
838
                label {
839
                    float : none;
840
                    width : auto;
841
                    margin : 0 0 0 1em;
842
                }
843
            }
844
        }
845
        .hint {
846
            display: block;
847
            margin-left : 11em;
848
        }
849
    }
850
    &.action {
851
        clear : both;
852
        float : none;
853
        border : none;
854
        margin : 0;
855
        padding : 1em 0 .3em 0;
856
        width : auto;
857
        p {
858
            margin-bottom : 1em;
859
        }
860
    }
861
    table {
862
        font-size: 100%;
863
    }
864
}
865
866
div.rows+div.rows {
867
    margin-top : .6em;
868
}
869
870
div.rows {
871
    float : left;
872
    clear : left;
873
    margin: 0 0 0 0;
874
    padding: 0;
875
    width: 100%;
876
    span.label {
877
        float: left;
878
        font-weight : bold;
879
        width: 9em;
880
        margin-right: 1em;
881
        text-align: left;
882
    }
883
    ol {
884
        list-style-type: none;
885
        margin-left : 0;
886
        padding: .5em 1em 0 0;
887
    }
888
    li {
889
        border-bottom :  1px solid #EEE;
890
        float : left;
891
        clear : left;
892
        padding-bottom: .2em;
893
        padding-top: .1em;
894
        list-style-type: none;
895
        width: 100%;
896
    }
897
    ul {
898
        li {
899
            margin-left : 7.3em;
900
            &:first-child {
901
                float: none;
902
                clear: none;
903
                margin-left: 0;
904
            }
905
        }
906
    }
907
    ol li li {
908
        border-bottom: 0;
909
    }
910
}
911
912
/* different sizes for different tags in opac-tags.tt */
913
.tagweight0 {
914
    font-size: 12px;
915
}
916
917
.tagweight1 {
918
    font-size: 14px;
919
}
920
921
.tagweight2 {
922
    font-size: 16px;
923
}
924
925
.tagweight3 {
926
    font-size: 18px;
927
}
928
929
.tagweight4 {
930
    font-size: 20px;
931
}
932
933
.tagweight5 {
934
    font-size: 22px;
935
}
936
937
.tagweight6 {
938
    font-size: 24px;
939
}
940
941
.tagweight7 {
942
    font-size: 26px;
943
}
944
945
.tagweight8 {
946
    font-size: 28px;
947
}
948
949
.tagweight9 {
950
    font-size: 30px;
951
}
952
953
.toolbar {
954
    background-color : #EEEEEE;
955
    border : 1px solid #E8E8E8;
956
    font-size : 85%;
957
    padding:3px 3px 5px 5px;
958
    vertical-align : middle;
959
    a {
960
        white-space: nowrap;
961
    }
962
    label {
963
        display: inline;
964
        font-size: 100%;
965
        font-weight : bold;
966
        margin-left : .5em;
967
    }
968
    select {
969
        font-size: 97%;
970
        height: auto;
971
        line-height: inherit;
972
        padding: 0;
973
        margin: 0;
974
        width : auto;
975
        white-space: nowrap;
976
    }
977
    .hold,
978
    #tagsel_tag {
979
        padding-left: 28px;
980
        font-size: 97%;
981
        font-weight: bold;
982
    }
983
    #tagsel_form {
984
        margin-top : .5em;
985
    }
986
    li {
987
        display : inline;
988
        list-style : none;
989
        a {
990
            border-left : 1px solid #e8e8e8;
991
        }
992
        &:first-child {
993
            a {
994
                border-left : 0;
995
            }
996
        }
997
    }
998
    ul {
999
        padding-left : 0;
1000
    }
1001
}
1002
1003
#basket .toolbar {
1004
    padding: 7px 5px 9px 9px;
1005
}
1006
1007
#selections-toolbar,
1008
.selections-toolbar {
1009
    background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
1010
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
1011
    background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
1012
    background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
1013
    background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
1014
    background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
1015
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
1016
    margin : 0 0 1em 0;
1017
    padding-top : .5em;
1018
    padding-left : 10px;
1019
}
1020
1021
.list-actions {
1022
    display : inline;
1023
}
1024
1025
#tagsel_span input.submit,
1026
#tagsel_tag {
1027
    border : 0;
1028
    background-color: transparent;
1029
    font-size : 100%;
1030
    color: #0076B2;
1031
    cursor : pointer;
1032
    background-image : url("../images/sprite.png"); /* Tags */
1033
    background-position : 1px -643px;
1034
    background-repeat : no-repeat;
1035
    padding-left : 25px;
1036
    text-decoration: none;
1037
}
1038
1039
#tagsel_tag.disabled {
1040
    background-position : -1px -667px;
1041
}
1042
1043
1044
#tagsel_span input:hover,
1045
#selections-toolbar input.hold:hover {
1046
    color: #005580;
1047
    text-decoration: underline;
1048
}
1049
1050
#tagsel_span input.disabled,
1051
#tagsel_span input.disabled:hover,
1052
#tagsel_span input.hold.disabled,
1053
#tagsel_span input.hold.disabled:hover,
1054
#selections-toolbar input.hold.disabled,
1055
#selections-toolbar input.hold.disabled:hover,
1056
#selections-toolbar a.disabled,
1057
#selections-toolbar a.disabled:hover,
1058
.selections-toolbar a.disabled,
1059
.selections-toolbar a.disabled:hover {
1060
    color: #888888;
1061
    text-decoration: none;
1062
    padding-left : 23px;
1063
}
1064
1065
.results_summary {
1066
    display: block;
1067
    font-size : 85%;
1068
    color: #707070;
1069
    padding : 0 0 .5em 0;
1070
    .results_summary {
1071
        font-size : 100%;
1072
    }
1073
    &.actions {
1074
        margin-top : .5em;
1075
    }
1076
    &.tagstatus {
1077
        display: inline;
1078
    }
1079
    .label {
1080
        color: #202020;
1081
    }
1082
    a {
1083
        font-weight: normal;
1084
    }
1085
}
1086
1087
#views {
1088
    margin-bottom : .5em;
1089
    padding : 0 2em 0.2em 0.2em;
1090
}
1091
1092
.view {
1093
    background-color : #F3F3F3;
1094
    border: 1px solid #C9C9C9;
1095
    border-radius: 4px;
1096
    display: inline-block;
1097
    padding: 0.2em 0.5em;
1098
    white-space: nowrap;
1099
}
1100
1101
#bibliodescriptions,
1102
#isbdcontents {
1103
    clear : left;
1104
    margin-top : .5em;
1105
}
1106
1107
.view {
1108
    a,
1109
    span {
1110
        background-image: url("../images/sprite.png");
1111
        background-repeat : no-repeat;
1112
        font-size : 87%;
1113
        padding-left: 15px;
1114
        text-decoration: none;
1115
    }
1116
}
1117
1118
.view {
1119
    a {
1120
        font-weight : normal;
1121
    }
1122
}
1123
1124
.current-view {
1125
    background-color: #fff;
1126
    font-weight: bold;
1127
}
1128
1129
#MARCview {
1130
    background-position: -9px -27px;
1131
}
1132
#ISBDview {
1133
    background-position: -10px -56px;
1134
}
1135
#Normalview {
1136
    background-position: -8px 3px;
1137
}
1138
1139
#bookcover {
1140
    float : left;
1141
    margin : 0;
1142
    padding : 0;
1143
    .no-image {
1144
        margin-right : 10px;
1145
        margin-bottom : 10px;
1146
    }
1147
    img {
1148
        margin : 0 1em 1em 0;
1149
    }
1150
}
1151
1152
/* pagination */
1153
.results-pagination {
1154
    position: absolute;
1155
    top:32px;
1156
    left: -1px;
1157
    width: 100%;
1158
    height:auto;
1159
    border: 1px solid #D0D0D0;
1160
    display: none;
1161
    background-color:#F3F3F3;
1162
    padding-bottom:10px;
1163
    z-index: 100;
1164
}
1165
1166
1167
.back {
1168
    float:right;
1169
    input {
1170
        background:none!important;
1171
        color:#999!important;
1172
    }
1173
}
1174
1175
.pagination_list {
1176
    ul {
1177
        padding-top: 40px;
1178
        padding-left:0px;
1179
    }
1180
    li {
1181
        list-style:none;
1182
        float:bottom;
1183
        padding:4px;
1184
        color:#999;
1185
        &.highlight {
1186
           background-color : #F3F3F3;
1187
           border-top : 1px solid #DDDDDD;
1188
           border-bottom : 1px solid #DDDDDD;
1189
        }
1190
        a {
1191
            padding-left:0px;
1192
        }
1193
    }
1194
    .li_pag_index {
1195
        color: #999999;
1196
        float: left;
1197
        font-size: 15px;
1198
        font-weight: bold;
1199
        padding-right: 10px;
1200
        text-align: right;
1201
        width: 13px;
1202
    }
1203
}
1204
1205
.nav_results {
1206
    background-color: #F3F3F3;
1207
    border: 1px solid #D0D0D0;
1208
    font-size: 95%;
1209
    font-weight: bold;
1210
    margin-top: 0.5em;
1211
    position:relative;
1212
    .l_Results {
1213
        a {
1214
            background:#E1E1E1 url("../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
1215
            color:#006699;
1216
            display:block;
1217
            padding:8px 28px;
1218
            text-decoration:none;
1219
        }
1220
        &:hover {
1221
            background-color:#D9D9D9;
1222
        }
1223
    }
1224
}
1225
1226
.pg_menu {
1227
    margin: 0;
1228
    border-top: 1px solid #D0D0D0;
1229
    white-space : nowrap;
1230
    li {
1231
        color:#B2B2B2;
1232
        display:inline;
1233
        list-style:none;
1234
        margin: 0;
1235
        &.back_results {
1236
            a {
1237
                border-left: 1px solid #D0D0D0;
1238
                border-right: 1px solid #D0D0D0;
1239
            }
1240
        }
1241
        a,
1242
        span {
1243
            background-color: #F3F3F3;
1244
            display : block;
1245
            float:left;
1246
            padding:.4em .5em;
1247
            text-decoration:none;
1248
            font-weight:normal;
1249
            text-align:center;
1250
        }
1251
        span {
1252
            color : #B2B2B2;
1253
        }
1254
    }
1255
}
1256
1257
#listResults{
1258
    li {
1259
        background-color:#999999;
1260
        color:#C5C5C5;
1261
        font-weight:normal;
1262
        display:block;
1263
        margin-right:1px;
1264
        font-size: 80%;
1265
        padding: 0;
1266
        text-align:center;
1267
        min-width:18px;
1268
        &:hover {
1269
            background-color:#006699;
1270
        }
1271
        a {
1272
            color:#FFFFFF;
1273
            font-weight:normal;
1274
        }
1275
    }
1276
}
1277
1278
/* nav */
1279
.nav_pages {
1280
    .close_pagination {
1281
        padding-right: 10px;
1282
        position: absolute;
1283
        right: 3px;
1284
        top: -25px;
1285
    }
1286
    .close_pagination a {
1287
        text-decoration:none!important;
1288
    }
1289
    ul {
1290
        padding-top: 10px;
1291
    }
1292
    li {
1293
        list-style:none;
1294
        float:left;
1295
        padding:4px;
1296
        color:#999;
1297
        a {
1298
            text-decoration:none!important;
1299
            &:hover {
1300
            text-decoration:underline;
1301
            }
1302
        }
1303
        ul {
1304
            float:left;
1305
        }
1306
    }
1307
}
1308
1309
/* action buttons */
1310
#action {
1311
    margin : .5em 0 0 0;
1312
    background-color : #F3F3F3;
1313
    border : 1px solid #E8E8E8;
1314
    padding-bottom : 3px;
1315
    li {
1316
        list-style : none;
1317
        margin : .2em;
1318
        padding : .3em 0;
1319
    }
1320
    a {
1321
        font-weight: bold;
1322
        text-decoration : none;
1323
    }
1324
}
1325
1326
#export,
1327
#moresearches_menu {
1328
    li {
1329
        padding : 0;
1330
        margin : 0;
1331
        a {
1332
            font-weight: normal;
1333
            &.menu-inactive {
1334
                font-weight: bold;
1335
            }
1336
        }
1337
    }
1338
}
1339
1340
#format,
1341
#furthersearches {
1342
    padding-left : 35px;
1343
}
1344
.highlight_controls {
1345
    float: left;
1346
}
1347
a.addtocart,
1348
a.addtoshelf,
1349
a.brief,
1350
a.deleteshelf,
1351
a.deleteshelf.disabled,
1352
a.detail,
1353
a.download,
1354
a.editshelf,
1355
a.sharelist,
1356
a.empty,
1357
a.hide,
1358
a.highlight_toggle,
1359
a.hold,
1360
a.hold.disabled,
1361
a.incart,
1362
a.new,
1363
a.print-small,
1364
a.print-large,
1365
a.removeitems,
1366
a.removeitems.disabled,
1367
a.reserve,
1368
a.article_request,
1369
a.send,
1370
a.tag_add,
1371
a.removefromlist,
1372
input.hold,
1373
input.hold.disabled,
1374
input.editshelf,
1375
.newshelf,
1376
.newshelf.disabled,
1377
.deleteshelf {
1378
    background-image: url("../images/sprite.png");
1379
    background-repeat: no-repeat;
1380
}
1381
1382
1383
a.addtocart {
1384
    background-position: -5px -265px; /* Cart */
1385
    padding-left : 35px;
1386
}
1387
1388
a.addtoshelf {
1389
    background-position: -5px -225px; /* Virtual shelf */
1390
    padding-left : 35px;
1391
}
1392
1393
a.brief {
1394
1395
    background-position : -2px -868px; /* Zoom out */
1396
    text-decoration : none;
1397
    padding-left : 27px;
1398
}
1399
1400
a.cartRemove {
1401
    color: #cc3333;
1402
    font-size : 90%;
1403
    margin : 0;
1404
    padding: 0;
1405
}
1406
1407
a.detail {
1408
    background-position : -2px -898px; /* Zoom in */
1409
    text-decoration : none;
1410
    padding-left : 27px;
1411
}
1412
1413
a.download {
1414
    background-position : -5px -348px; /* Download */
1415
    padding-left : 20px;
1416
    text-decoration : none;
1417
}
1418
1419
a.editshelf {
1420
    background-position : 2px -348px; /* List edit */
1421
    padding-left : 26px;
1422
    text-decoration : none;
1423
}
1424
1425
a.sharelist {
1426
    background-position : 2px -1148px; /* List share */
1427
    padding-left : 26px;
1428
    text-decoration : none;
1429
}
1430
1431
a.empty {
1432
    background-position : 2px -598px; /* Trash */
1433
    text-decoration : none;
1434
    padding-left : 30px;
1435
}
1436
1437
a.hide {
1438
    background-position: -3px -814px; /* Close */
1439
    text-decoration : none;
1440
    padding-left : 26px;
1441
}
1442
1443
a.highlight_toggle {
1444
    background-position: -5px -841px; /* Highlight */
1445
    display: none;
1446
    padding-left : 35px;
1447
}
1448
1449
a.hold,
1450
input.hold {
1451
    background-position : -2px -453px; /* Toolbar place hold */
1452
    text-decoration : none;
1453
    padding-left : 23px;
1454
}
1455
1456
a.hold.disabled,
1457
input.hold.disabled {
1458
    background-position : -5px -621px; /* Place hold disabled */
1459
}
1460
1461
a.incart {
1462
    background-position: -5px -265px; /* Cart */
1463
    color : #666;
1464
    padding-left : 35px;
1465
}
1466
1467
a.new {
1468
    background-image : url("../images/sprite.png"); /* New */
1469
    background-position : -4px -922px;
1470
    padding-left : 23px;
1471
    text-decoration : none;
1472
}
1473
1474
a.print-small {
1475
    background-position : 0px -423px; /* Toolbar print */
1476
    text-decoration : none;
1477
    padding-left : 30px;
1478
}
1479
1480
a.print-large {
1481
    background-position : -5px -186px; /* Toolbar print */
1482
    text-decoration : none;
1483
    padding-left : 35px;
1484
}
1485
1486
a.removeitems,
1487
a.deleteshelf {
1488
    background-position : 2px -690px; /* Delete */
1489
    text-decoration : none;
1490
    padding-left : 25px;
1491
}
1492
1493
a.removeitems.disabled,
1494
a.deleteshelf.disabled {
1495
    background-position : 2px -712px; /* Delete disabled */
1496
}
1497
1498
a.reserve {
1499
    background-position: -6px -144px; /* Place hold */
1500
    padding-left : 35px;
1501
}
1502
1503
a.article_request {
1504
    background-position: 0px -24px; /* Place article request */
1505
    padding-left : 35px;
1506
}
1507
1508
a.send {
1509
    background-position : 2px -386px; /* Email */
1510
    text-decoration : none;
1511
    padding-left : 28px;
1512
}
1513
1514
a.tag_add {
1515
    background-position: 3px -1111px; /* Tag results */
1516
    padding-left : 27px;
1517
    text-decoration: none;
1518
}
1519
1520
input.hold {
1521
    background-color: transparent;
1522
    border : 0;
1523
    color: #0076B2;
1524
    font-weight: bold;
1525
}
1526
1527
input.editshelf {
1528
    background-color: transparent;
1529
    background-position : 2px -734px; /* List edit */
1530
    border : 0;
1531
    color : #006699;
1532
    cursor : pointer;
1533
    filter: none;
1534
    font-size : 100%;
1535
    padding-left : 29px;
1536
    text-decoration : none;
1537
}
1538
1539
.newshelf {
1540
    background-position: 2px -764px; /* List new */
1541
    border : 0;
1542
    color : #006699;
1543
    cursor : pointer;
1544
    filter: none;
1545
    font-size : 100%;
1546
    padding-left : 28px;
1547
    text-decoration : none;
1548
}
1549
1550
.newshelf.disabled {
1551
    background-position: -4px -791px; /* List new disabled */
1552
}
1553
1554
.deleteshelf {
1555
    background-color: transparent;
1556
    background-position : 2px -687px; /* Delete */
1557
    border : 0;
1558
    color : #006699;
1559
    cursor : pointer;
1560
    filter: none;
1561
    font-size : 100%;
1562
    padding-left : 25px;
1563
    text-decoration : none;
1564
}
1565
1566
.links a {
1567
    font-weight : bold;
1568
}
1569
1570
.deleteshelf:hover {
1571
    color: #990033;
1572
}
1573
1574
1575
.editshelf:active,
1576
.deleteshelf:active {
1577
    border : 0;
1578
}
1579
1580
#tagslist li { display : inline; }
1581
1582
#login4tags {
1583
    background-image: url("../images/sprite.png"); /* Tag results disabled */
1584
    background-position: -6px -1130px;
1585
    background-repeat: no-repeat;
1586
    padding-left : 20px;
1587
    text-decoration: none;
1588
}
1589
1590
.tag_results_input {
1591
    margin-left: 1em;
1592
    padding: 0.3em;
1593
    font-size: 12px;
1594
    input[type="text"] {
1595
        font-size: inherit;
1596
        margin : 0;
1597
        padding : 0;
1598
    }
1599
    label {
1600
        display : inline;
1601
    }
1602
}
1603
1604
.tagsinput {
1605
    input[type="text"] {
1606
        font-size: inherit;
1607
        margin : 0;
1608
        padding : 0;
1609
    }
1610
    label {
1611
        display : inline;
1612
    }
1613
}
1614
1615
.branch-info-tooltip {
1616
    display: none;
1617
}
1618
1619
.ui-tooltip-content p {
1620
        margin: 0.3em 0;
1621
}
1622
1623
#social_networks {
1624
    a {
1625
        background: transparent url("../images/social-sprite.png") no-repeat;
1626
        display: block;
1627
        height : 20px !important;
1628
        width : 20px;
1629
        text-indent : -999em;
1630
    }
1631
    span {
1632
        color: #274D7F;
1633
        display : block;
1634
        float : left;
1635
        font-size: 85%;
1636
        font-weight: bold;
1637
        line-height: 2em;
1638
        margin : .5em 0 .5em .5em !important;
1639
    }
1640
    div {
1641
        float : left !important;
1642
        margin : .5em 0 .5em .2em !important;
1643
    }
1644
    #facebook {
1645
        background-position : -7px -35px;
1646
    }
1647
    #twitter {
1648
        background-position : -7px -5px;
1649
    }
1650
    #linkedin {
1651
        background-position : -7px -95px;
1652
    }
1653
    #delicious {
1654
        background-position : -7px -66px;
1655
    }
1656
    #email {
1657
        background-position : -7px -126px;
1658
    }
1659
}
1660
1661
#marc {
1662
    td,
1663
    th {
1664
        background-color : transparent;
1665
        border : 0;
1666
        padding: 3px 5px;
1667
        text-align : left;
1668
    }
1669
    td:first-child {
1670
        text-indent : 2em;
1671
    }
1672
    p {
1673
        padding-bottom: .6em;
1674
        .label {
1675
            font-weight : bold;
1676
        }
1677
    }
1678
    ul {
1679
        padding-bottom: .6em;
1680
    }
1681
    .results_summary {
1682
        clear :  left;
1683
        ul {
1684
            display : inline;
1685
            float :  none;
1686
            clear :  none;
1687
            margin: 0;
1688
            padding: 0;
1689
            list-style : none;
1690
        }
1691
        li {
1692
            display: inline;
1693
        }
1694
    }
1695
}
1696
1697
#items,
1698
#items td
1699
#items th {
1700
    border : 1px solid #EEE;
1701
    font-size : 90%;
1702
}
1703
1704
#plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
1705
#plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
1706
#plainmarc td { border: 0; padding : 2px; vertical-align: top; }
1707
1708
#renewcontrols {
1709
     float: right;
1710
     font-size: 66%;
1711
}
1712
1713
#renewcontrols a {
1714
    background-repeat : no-repeat;
1715
    text-decoration:none;
1716
    padding : .1em .4em;
1717
    padding-left : 18px;
1718
}
1719
1720
#renewselected_link {
1721
    background-image : url("../images/sprite.png");
1722
    background-position : -5px -986px;
1723
    background-repeat: no-repeat;
1724
}
1725
1726
#renewall_link {
1727
    background-image : url("../images/sprite.png");
1728
    background-position : -8px -967px;
1729
    background-repeat: no-repeat;
1730
}
1731
1732
.authref {
1733
    text-indent: 2em;
1734
}
1735
1736
.authref .label {
1737
    font-style: italic;
1738
}
1739
1740
.authstanza {
1741
    margin-top: 1em;
1742
}
1743
1744
.authstanzaheading {
1745
    font-weight: bold;
1746
}
1747
.authorizedheading {
1748
    font-weight: bold;
1749
}
1750
.authstanza li {
1751
    margin-left: 0.5em;
1752
}
1753
.authres_notes, .authres_seealso, .authres_otherscript {
1754
  padding-top: .5em;
1755
}
1756
.authres_notes {
1757
  font-style: italic;
1758
}
1759
1760
#didyoumean {
1761
    background-color: #EEE;
1762
    border: 1px solid #E8E8E8;
1763
    box-sizing: border-box;
1764
    margin: .5em 1.5em;
1765
    text-align: left;
1766
    padding: 0.5em;
1767
    .border-radius-all(3px);
1768
1769
    &.dym-loaded {
1770
        border-color: #F4ECBE;
1771
        background-color: #FFFBEA;
1772
    }
1773
}
1774
1775
.suggestionlabel {
1776
    font-weight: bold;
1777
}
1778
1779
.searchsuggestion {
1780
    padding: 0.2em 0.5em;
1781
    display: inline-block;
1782
}
1783
1784
.authlink {
1785
    padding-left: 0.25em;
1786
}
1787
#hierarchies a {
1788
    font-weight: normal;
1789
    text-decoration: underline;
1790
    color: #069;
1791
}
1792
1793
#hierarchies a:hover {
1794
    color: #990033;
1795
}
1796
1797
#top-pages {
1798
    margin: 0 0 0.5em;
1799
}
1800
.dropdown-menu > li > a {
1801
    font-size: 90%;
1802
}
1803
a.listmenulink:link,
1804
a.listmenulink:visited {
1805
    color : #0076B2;
1806
    font-weight: bold;
1807
}
1808
a.listmenulink:hover,
1809
a.listmenulink:active {
1810
    color : #FFF;
1811
    font-weight: bold;
1812
}
1813
#cartDetails,
1814
#cartUpdate,
1815
#holdDetails,
1816
#listsDetails {
1817
    background-color : #FFF;
1818
//    border: 1px solid #739acf;
1819
    border: 1px solid rgba(0, 0, 0, 0.2);
1820
    border-radius: 6px 6px 6px 6px;
1821
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1822
    color : black;
1823
    display : none;
1824
    font-size: 90%;
1825
    margin : 0;
1826
    padding : 8px 20px;
1827
    text-align : center;
1828
    width : 180px;
1829
    z-index: 2;
1830
}
1831
#cartmenulink {
1832
    white-space: nowrap;
1833
}
1834
1835
#search-facets,
1836
#menu {
1837
    border : 1px solid #D2D2CF;
1838
    .border-radius-all(7px);
1839
    ul {
1840
       margin : 0;
1841
        padding : .3em;
1842
    }
1843
    form {
1844
       margin : 0;
1845
    }
1846
    h4 {
1847
        font-size : 90%;
1848
        margin : 0 0 .6em 0;
1849
        text-align : center;
1850
        a {
1851
            background-color : #F2F2EF;
1852
            border-radius: 8px 8px 0 0;
1853
            border-bottom : 1px solid #D8D8D8;
1854
            display: block;
1855
            font-weight: bold;
1856
            padding : .7em .2em;
1857
            text-decoration: none;
1858
        }
1859
    }
1860
    li {
1861
        font-size: 90%;
1862
        font-weight : bold;
1863
        list-style-type : none;
1864
        li {
1865
            font-weight : normal;
1866
            font-size : 95%;
1867
            line-height: 125%;
1868
            margin-bottom : 2px;
1869
            padding : .1em .2em;
1870
        }
1871
        &.showmore {
1872
            a {
1873
                font-weight : bold;
1874
                text-indent : 1em;
1875
            }
1876
        }
1877
    }
1878
    a {
1879
        font-weight : normal;
1880
        text-decoration: underline;
1881
    }
1882
    .facet-count {
1883
        display: inline-block;
1884
    }
1885
1886
}
1887
1888
#menu {
1889
    font-size : 94%;
1890
    li {
1891
        list-style-type : none;
1892
        a {
1893
            background: #eeeeee;
1894
            text-decoration : none;
1895
            display : block;
1896
            border : 1px solid #D8D8D8;
1897
            border-radius: 5px 0 0 5px;
1898
            border-bottom-color:  #999;
1899
            font-size : 111%;
1900
            padding : .4em .6em;
1901
            margin : .4em 0;
1902
            margin-right: -1px;
1903
            &:hover {
1904
                background: #eaeef5;
1905
            }
1906
        }
1907
        &.active {
1908
            a {
1909
                background-color : #FFF;
1910
                background-image : none;
1911
                border-right-width: 0;
1912
                font-weight : bold;
1913
                &:hover {
1914
                    background-color : #fff;
1915
                }
1916
            }
1917
        }
1918
    }
1919
    h4 {
1920
        display: none;
1921
    }
1922
}
1923
1924
#addto {
1925
    max-width : 10em;
1926
}
1927
1928
/* Search results add to cart (lists disabled) */
1929
.addto a.addtocart {
1930
    background-image: url("../images/sprite.png"); /* Cart */
1931
    background-position: -5px -266px;
1932
    background-repeat: no-repeat;
1933
    text-decoration : none;
1934
    padding-left : 33px;
1935
}
1936
1937
.searchresults {
1938
    p {
1939
        margin: 0;
1940
        padding: 0 0 .6em 0;
1941
        &.details {
1942
           color : #979797;
1943
        }
1944
    }
1945
    a {
1946
        &.highlight_toggle {
1947
            background-image: url("../images/sprite.png"); /* Highlight */
1948
            background-position: -11px -841px;
1949
            background-repeat: no-repeat;
1950
            display: none;
1951
            font-weight: normal;
1952
            padding : 0 10px 0 21px;
1953
        }
1954
    }
1955
    .commentline {
1956
        background-color : rgb(255, 255, 204);
1957
        background-color : rgba(255, 255, 204, 0.4);
1958
        border : 1px solid #CCC;
1959
        display: inline-block;
1960
        .border-radius-all(3px);
1961
        .shadowed;
1962
        margin : .3em;
1963
        padding : .4em;
1964
    }
1965
    .commentline.yours {
1966
        background-color : rgb(239, 254, 213);
1967
        background-color : rgba(239, 254, 213, 0.4);
1968
    }
1969
}
1970
1971
.commentline .avatar {
1972
    float : right;
1973
    padding-left : .5em;
1974
}
1975
1976
/* style for search terms in catalogsearch */
1977
.term {
1978
    /* color : blue; */
1979
    color : #990000;
1980
    background-color : #FFFFCC;
1981
}
1982
1983
/* style for shelving location in catalogsearch */
1984
.shelvingloc {
1985
    display : block;
1986
    font-style : italic;
1987
}
1988
#CheckAll,
1989
#CheckNone,
1990
.CheckAll,
1991
.CheckNone {
1992
    font-weight : normal;
1993
    margin : 0 .5em;
1994
    text-decoration: underline;
1995
}
1996
1997
span.sep {
1998
    color: #888;
1999
    padding: 0 .2em 0 .5em;
2000
    text-shadow: 1px 1px 0 #FFF;
2001
}
2002
2003
/* style for PM-generated pagination bar */
2004
.pages {
2005
    margin: 20px 0;
2006
}
2007
.pages span:first-child,
2008
.pages a:first-child {
2009
    border-width: 1px 1px 1px 1px;
2010
    border-bottom-left-radius: 3px;
2011
    border-top-left-radius: 3px;
2012
}
2013
2014
.pages span:last-child,
2015
.pages a:last-child {
2016
    border-width: 1px 1px 1px 0;
2017
    border-bottom-right-radius: 3px;
2018
    border-top-right-radius: 3px;
2019
}
2020
2021
.pages .inactive,
2022
.pages .currentPage,
2023
.pages a {
2024
    -moz-border-bottom-colors: none;
2025
    -moz-border-left-colors: none;
2026
    -moz-border-right-colors: none;
2027
    -moz-border-top-colors: none;
2028
    background-color: #FFFFFF;
2029
    border-color: #DDDDDD;
2030
    border-image: none;
2031
    border-style: solid;
2032
    border-width: 1px 1px 1px 0;
2033
    float: left;
2034
    font-size: 11.9px;
2035
    line-height: 20px;
2036
    padding: 4px 12px;
2037
    text-decoration: none;
2038
}
2039
2040
.pages .inactive {
2041
    background-color: #F5F5F5;
2042
}
2043
2044
.pages a[rel='last'] {
2045
    border-bottom-right-radius: 3px;
2046
    border-top-right-radius: 3px;
2047
}
2048
2049
.hold-message {
2050
    background-color: #FFF0B1;
2051
    display: inline-block;
2052
    margin: 0.5em;
2053
    padding: 0.2em 0.5em;
2054
    .border-radius-all(3px);
2055
}
2056
.reserve_date,
2057
.expiration_date {
2058
    white-space: nowrap;
2059
}
2060
.close {
2061
    color: #0088CC;
2062
    position: inherit;
2063
    top: auto;
2064
    right : auto;
2065
    filter : none;
2066
    float : none;
2067
    font-size: inherit;
2068
    font-weight: normal;
2069
    opacity: inherit;
2070
    text-shadow: none;
2071
}
2072
2073
.close:hover {
2074
    color: #538200;
2075
    filter: inherit;
2076
    font-size: inherit;
2077
    opacity: inherit;
2078
}
2079
2080
/* Redefine a new style for Bootstrap's class "close" since we use that already */
2081
/* Use <a class="closebtn" href="#">&times;</a> */
2082
.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
2083
.modal-header .closebtn{margin-top:2px;}
2084
.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
2085
button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
2086
.btn-group label,
2087
.btn-group select {
2088
    font-size: 13px;
2089
}
2090
2091
.span2 select {
2092
    width: 100%;
2093
}
2094
2095
.popup .main {
2096
    font-size: 90%;
2097
    padding: 0 1em;
2098
}
2099
2100
.popup legend {
2101
    line-height: 1.5em;
2102
    margin-bottom : .5em;
2103
}
2104
2105
.item-status {
2106
    display: block;
2107
    font-size: 95%;
2108
    margin-bottom: .5em;
2109
}
2110
2111
.available {
2112
    color : #006600;
2113
}
2114
2115
.unavailable {
2116
    color: #990033;
2117
}
2118
2119
.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
2120
    display : block;
2121
}
2122
2123
.notforloan {
2124
    color : #900;
2125
}
2126
2127
.lost {
2128
    color : #666;
2129
}
2130
2131
.suggestion {
2132
    background-color : #EEEEEB;
2133
    border : 1px solid #DDDED3;
2134
    margin : 1em auto;
2135
    padding : .5em;
2136
    width : 35%;
2137
    .border-radius-all(3px);
2138
}
2139
2140
.librarypulldown .transl1 {
2141
    width : auto;
2142
}
2143
2144
.nolibrarypulldown {
2145
    width : 68%;
2146
}
2147
2148
.nolibrarypulldown .transl1 {
2149
    width : 87%;
2150
}
2151
2152
#opac-main-search {
2153
    select {
2154
        width : auto;
2155
        max-width: 12em;
2156
    }
2157
}
2158
2159
#logo {
2160
    background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
2161
    border: 0;
2162
    float : left !important;
2163
    margin:0;
2164
    padding:0;
2165
    width:100px;
2166
    a {
2167
        border:0;
2168
        cursor:pointer;
2169
        display:block;
2170
        height:0px !important;
2171
        margin:0;
2172
        overflow:hidden;
2173
        padding:40px 0 0;
2174
        text-decoration:none;
2175
        width:100px;
2176
    }
2177
}
2178
2179
#user-menu-trigger {
2180
    display: none;
2181
    .icon-user {
2182
        background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
2183
        background-position: -168px 0;
2184
        background-repeat: no-repeat;
2185
        height: 14px;
2186
        line-height: 14px;
2187
        margin : 12px 0 0;
2188
        vertical-align: text-top;
2189
        width: 14px;
2190
    }
2191
    .caret {
2192
        border-bottom-color: #999999;
2193
        border-top-color: #999999;
2194
        margin-top: 18px;
2195
    }
2196
}
2197
2198
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2199
.floating {
2200
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2201
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2202
    margin-top: 0;
2203
}
2204
2205
.tdlabel {
2206
    font-weight: bold;
2207
    display: none;
2208
}
2209
2210
td img {
2211
    max-width: none;
2212
}
2213
2214
#ulactioncontainer {
2215
    min-width: 16em;
2216
}
2217
2218
.notesrow {
2219
    label {
2220
        font-weight: bold;
2221
    }
2222
    span {
2223
        display: block;
2224
    }
2225
}
2226
2227
.thumbnail-shelfbrowser span {
2228
    margin: 0px auto;
2229
}
2230
2231
.dropdown-menu > li > a.menu-inactive:hover {
2232
    background : #FFF none;
2233
    color : #000;
2234
}
2235
2236
.table {
2237
    .sorting_asc {
2238
        padding-right: 19px;
2239
        background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
2240
    }
2241
    .sorting_desc {
2242
        padding-right: 19px;
2243
        background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
2244
    }
2245
    .sorting {
2246
        padding-right: 19px;
2247
        background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
2248
    }
2249
    .nosort,
2250
    .nosort.sorting_asc,
2251
    .nosort.sorting_desc,
2252
    .nosort.sorting {
2253
        padding-right: 19px;
2254
        background: #ECEDE6 none;
2255
    }
2256
    th,
2257
    td {
2258
        line-height: 135%;
2259
    }
2260
}
2261
.tags, .shelves {
2262
    ul {
2263
        display: inline;
2264
        list-style: none;
2265
        margin-left : 0;
2266
        li {
2267
            display: inline;
2268
        }
2269
    }
2270
}
2271
.coverimages {
2272
    float : right;
2273
}
2274
#i18nMenu {
2275
    margin-left : 1em;
2276
    li {
2277
        font-size : 85%;
2278
        li {
2279
            font-size: 100%;
2280
        }
2281
        li > a {
2282
            font-size : 100%;
2283
            &:hover {
2284
                color : #FFF;
2285
            }
2286
        }
2287
        a {
2288
            color : @links;
2289
        }
2290
    }
2291
    .dropdown-menu {
2292
        li {
2293
            p {
2294
                clear: both;
2295
                display: block;
2296
                font-weight: normal;
2297
                line-height: 20px;
2298
                padding: 3px 20px;
2299
                white-space: nowrap;
2300
            }
2301
        }
2302
    }
2303
}
2304
2305
#subjectsList,
2306
#authorSearch {
2307
    label {
2308
        display :inline;
2309
        vertical-align: middle;
2310
    }
2311
    ul {
2312
        border-bottom: 1px solid #EEE;
2313
        list-style-type: none;
2314
        margin: 0;
2315
        padding: .6em 0;
2316
    }
2317
    li {
2318
        list-style-type: none;
2319
        margin: 0;
2320
        padding: 0;
2321
    }
2322
}
2323
2324
2325
#overdrive-results, #openlibrary-results {
2326
    font-weight: bold;
2327
    padding-left: 1em;
2328
}
2329
2330
.throbber {
2331
    vertical-align: middle;
2332
}
2333
2334
#overdrive-results-list .star-rating-control {
2335
    display: block;
2336
    overflow: auto;
2337
}
2338
2339
#shelfbrowser {
2340
    table {
2341
        margin : 0;
2342
    }
2343
    table,
2344
    td,
2345
    th {
2346
        border : 0;
2347
        font-size : 90%;
2348
        text-align : center;
2349
    }
2350
    td,
2351
    th {
2352
        padding: 3px 5px;
2353
        width : 20%;
2354
    }
2355
    a {
2356
        display : block;
2357
        font-size : 110%;
2358
        font-weight : bold;
2359
        text-decoration : none;
2360
    }
2361
    #browser_next,
2362
    #browser_previous {
2363
        background-image : url("../images/sprite.png");
2364
        background-repeat: no-repeat;
2365
        width : 16px;
2366
        a {
2367
            cursor: pointer;
2368
            display : block;
2369
            height: 0 !important;
2370
            margin: 0;
2371
            overflow: hidden;
2372
            padding: 50px 0 0;
2373
            text-decoration: none;
2374
            width: 16px;
2375
        }
2376
    }
2377
    #browser_previous {
2378
        background-position: -9px -1007px;
2379
    }
2380
    #browser_next {
2381
        background-position: -9px -1057px;
2382
    }
2383
}
2384
2385
#holds {
2386
    margin : 0 auto;
2387
    max-width: 800px;
2388
}
2389
.holdrow {
2390
    clear : both;
2391
    padding: 0 1em 1em 1em;
2392
    border-bottom:1px solid #CCC;
2393
    margin-bottom:.5em;
2394
    fieldset {
2395
        border : 0;
2396
        margin : 0;
2397
        float: none;
2398
        .label {
2399
            font-size: 14px;
2400
        }
2401
    }
2402
    label {
2403
        display: inline;
2404
    }
2405
}
2406
.hold-options {
2407
    clear : both;
2408
}
2409
.toggle-hold-options {
2410
    background-color: #eee;
2411
    clear : both;
2412
    display : block;
2413
    font-weight : bold;
2414
    margin: 1em 0;
2415
    padding: .5em;
2416
}
2417
.copiesrow {
2418
    clear : both;
2419
}
2420
2421
#idreambooksreadometer {
2422
    float: right;
2423
}
2424
2425
a.idreambooksrating {
2426
    font-size: 30px;
2427
    color: #29ADE4;
2428
    padding-left: 85px;
2429
    line-height: 30px;
2430
    text-decoration: none;
2431
}
2432
2433
.idreambookslegend {
2434
    font-size: small;
2435
}
2436
2437
a.reviewlink,
2438
a.reviewlink:visited {
2439
    text-decoration: none;
2440
    color: black;
2441
    font-weight: normal;
2442
}
2443
2444
.idreambookssummary a {
2445
    color: #707070;
2446
    text-decoration: none;
2447
}
2448
2449
.idreambookssummary img,
2450
.idbresult img {
2451
    vertical-align: middle;
2452
}
2453
2454
.idbresult {
2455
    color: #29ADE4;
2456
    text-align: center;
2457
    margin: 0.5em;
2458
    padding: 0.5em;
2459
}
2460
2461
.idbresult a,
2462
.idbresult a:visited {
2463
    text-decoration: none;
2464
    color: #29ADE4;
2465
}
2466
2467
.idbresult img {
2468
    padding-right: 6px;
2469
}
2470
2471
.js-show {
2472
    display: none;
2473
}
2474
2475
.modal-nojs {
2476
    .modal-header,
2477
    .modal-footer {
2478
        display: none;
2479
    }
2480
}
2481
2482
.contents {
2483
    width: 75%;
2484
}
2485
2486
2487
.contentblock {
2488
    font-size : 95%;
2489
    line-height: 135%;
2490
    position: relative;
2491
    margin-left: 2em;
2492
}
2493
2494
.contents {
2495
    .t:first-child:before {
2496
        content: "→ ";
2497
    }
2498
    .t:before {
2499
        content: "\A → ";
2500
        white-space: pre;
2501
    }
2502
    .t {
2503
        font-weight: bold;
2504
        display: inline;
2505
    }
2506
    .r {
2507
        display: inline;
2508
    }
2509
}
2510
2511
.m880 {
2512
    display:block;
2513
    text-align:right;
2514
    float:right;
2515
    width:50%;
2516
    padding-left:20px;
2517
}
2518
2519
#memberentry-form input.error {
2520
    border-color: #c00;
2521
    box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2522
    color: red; outline: 0 none;
2523
}
2524
2525
#memberentry-form input.error:focus {
2526
    border-color: #c00;
2527
    box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2528
    color: red; outline: 0 none;
2529
}
2530
2531
#memberentry-form label.error {
2532
    color: #c00; float: none;
2533
    font-size: 90%;
2534
}
2535
2536
#illrequests {
2537
    .illrequest-actions {
2538
        .btn,
2539
        .cancel {
2540
            margin-right: 5px;
2541
        }
2542
        padding-top: 20px;
2543
        margin-bottom: 20px;
2544
    }
2545
    #illrequests-create-button {
2546
        margin-bottom: 20px;
2547
    }
2548
    .bg-info {
2549
        overflow: auto;
2550
        position: relative;
2551
    }
2552
    .bg-info {
2553
        #search-summary {
2554
            -webkit-transform: translateY(-50%);
2555
            -ms-transform: translateY(-50%);
2556
            -o-transform: translateY(-50%);
2557
            transform: translateY(-50%);
2558
            position: absolute;
2559
            top: 50%;
2560
        }
2561
2562
    }
2563
    #freeform-fields .custom-name {
2564
        float: left;
2565
        width: 8em;
2566
        margin-right: 1em;
2567
        text-align: right;
2568
    }
2569
    .dropdown:hover .dropdown-menu.nojs {
2570
        display: block;
2571
    }
2572
}
2573
2574
#dc_fieldset {
2575
    border: 1px solid #dddddd;
2576
    border-width: 1px;
2577
    padding: 5px;
2578
    border-radius: 10px
2579
}
2580
2581
.label_dc{
2582
    display: inline;
2583
    padding: 0px;
2584
    margin: 0px;
2585
    cursor: pointer;
2586
}
2587
2588
.btn-danger {
2589
    color: white !important;
2590
}
2591
2592
.count_label {
2593
    @base: #369;
2594
    background-color: @base;
2595
    border-radius: 5px;
2596
    color: #FFF;
2597
    display: inline-block;
2598
    font-weight: bold;
2599
    min-width: 1.5em;
2600
    padding: .2em;
2601
    text-align: center;
2602
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2603
2604
    &:hover {
2605
        background-color: lighten( @base, 20% );
2606
    }
2607
}
2608
2609
.user_checkouts_count {
2610
2611
}
2612
2613
.user_overdues_count,
2614
.user_fines_count {
2615
    background-color: #990000;
2616
    &:hover {
2617
        background-color: lighten( #990000, 10% );
2618
    }
2619
}
2620
2621
.user_holds_pending_count {
2622
2623
}
2624
2625
.user_holds_waiting_count {
2626
    background-color: #538200;
2627
    &:hover {
2628
        background-color: lighten( #538200, 10% );
2629
    }
2630
}
2631
2632
#user_summary {
2633
    border: 1px solid #EAEAE6;
2634
    border-radius: 7px;
2635
    margin-bottom: 1em;
2636
    padding-bottom: .5em;
2637
2638
    h3 {
2639
        background-color: #EAEAE6;
2640
        border-top-left-radius: 6px;
2641
        border-top-right-radius: 6px;
2642
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
2643
        margin-top: 0;
2644
        padding: .2em 0;
2645
        text-align: center;
2646
    }
2647
2648
    ul {
2649
        list-style-type: none;
2650
        margin: 0 0 .2em 0;
2651
2652
        a {
2653
            display: block;
2654
            font-weight: bold;
2655
            padding: .2em 1em;
2656
        }
2657
    }
2658
}
2659
2660
2661
2662
@import "responsive.less";
2663
- 

Return to bug 15326