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

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (-274 / +313 lines)
Lines 43-63 a { Link Here
43
    }
43
    }
44
44
45
    &.authlink {
45
    &.authlink {
46
        background-color: #e3f1df;
46
        background-color: #E3F1DF;
47
        border-radius: 5px;
47
        border-radius: 5px;
48
        display: inline-block;
48
        display: inline-block;
49
        padding: 2px 4px;
49
        padding: 2px 4px;
50
    }
50
    }
51
51
52
    &.edit-patronimage {
52
    &.edit-patronimage {
53
        background-color: #E6E6E6;
54
        border-color: #ADADAD;
53
        color: #333;
55
        color: #333;
54
        background-color: #e6e6e6;
55
        border-color: #adadad;
56
56
57
        &:hover{
57
        &:hover {
58
            text-decoration: none;
58
            background-color: #DADADA;
59
            color: #333;
59
            color: #333;
60
            background-color: #dadada;
60
            text-decoration: none;
61
        }
61
        }
62
    }
62
    }
63
63
Lines 80-126 a { Link Here
80
    }
80
    }
81
81
82
    &.settings {
82
    &.settings {
83
        i, img {
83
        i,
84
            text-align: center;
84
        img {
85
            color: $green-text-color;
85
            align-items: center;
86
            background-color: transparent;
86
            border: solid 3px $background-color-secondary;
87
            border: solid 3px $background-color-secondary;
87
            border-radius: 50%;
88
            border-radius: 50%;
88
            background-color: transparent;
89
            box-sizing: content-box;
89
            width: 40px;
90
            color: $green-text-color;
91
            display: flex;
90
            height: 40px;
92
            height: 40px;
93
            justify-content: center;
91
            margin-bottom: 5px;
94
            margin-bottom: 5px;
92
            margin-left: auto;
95
            margin-left: auto;
93
            margin-right: auto;
96
            margin-right: auto;
94
            padding: 5px;
97
            padding: 5px;
95
            align-items: center;
98
            text-align: center;
96
            justify-content: center;
99
            width: 40px;
97
            box-sizing: content-box;
98
            display: flex;
99
100
        }
100
        }
101
101
102
        &:hover {
102
        &:hover {
103
            color: $green-text-color;
103
            color: $green-text-color;
104
            text-decoration: none;
105
            font-weight: bold;
104
            font-weight: bold;
105
            text-decoration: none;
106
106
107
            i, img {
107
            i,
108
                border-color: $background-color-primary;
108
            img {
109
                background-color: transparent;
109
                background-color: transparent;
110
                border-color: $background-color-primary;
110
                color: $green-text-color;
111
                color: $green-text-color;
111
            }
112
            }
112
113
        }
113
        }
114
114
115
        img {
115
        img {
116
            max-width: 30px;
117
            height: auto;
116
            height: auto;
117
            max-width: 30px;
118
            padding: 10px;
118
            padding: 10px;
119
        }
119
        }
120
    }
120
    }
121
121
122
    &.csv {
122
    &.csv {
123
        background-image: url("../img/famfamfam/silk/page_white_excel.png");
123
        background-image: url( "../img/famfamfam/silk/page_white_excel.png" );
124
    }
124
    }
125
125
126
    &.dropdown-toggle {
126
    &.dropdown-toggle {
Lines 157-167 a { Link Here
157
    }
157
    }
158
158
159
    &.pdf {
159
    &.pdf {
160
        background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
160
        background-image: url( "../img/famfamfam/silk/page_white_acrobat.png" );
161
    }
161
    }
162
162
163
    &.submit {
163
    &.submit {
164
        @include default-button;
164
        @include default-button;
165
165
        display: inline-block;
166
        display: inline-block;
166
167
167
        &:active {
168
        &:active {
Lines 178-191 a { Link Here
178
    }
179
    }
179
180
180
    &.xml {
181
    &.xml {
181
        background-image: url("../img/famfamfam/silk/page_white_code.png");
182
        background-image: url( "../img/famfamfam/silk/page_white_code.png" );
182
    }
183
    }
183
}
184
}
184
185
185
186
#resetZ3950Search {
186
#resetZ3950Search {
187
    font-size: 110%;
188
    color: $green-text-color;
187
    color: $green-text-color;
188
    font-size: 110%;
189
}
189
}
190
190
191
a {
191
a {
Lines 195-201 a { Link Here
195
    }
195
    }
196
}
196
}
197
197
198
199
aside {
198
aside {
200
    h5 {
199
    h5 {
201
        font-size: 100%;
200
        font-size: 100%;
Lines 231-237 aside { Link Here
231
230
232
            input[type="text"],
231
            input[type="text"],
233
            select {
232
            select {
234
                height: calc(1.5em + .75rem + 2px);
233
                height: calc( 1.5em + .75rem + 2px );
235
            }
234
            }
236
235
237
            label {
236
            label {
Lines 294-309 aside { Link Here
294
293
295
            .flatpickr-input {
294
            .flatpickr-input {
296
                margin-right: 3px;
295
                margin-right: 3px;
297
                width: calc(100% - 20px);
296
                width: calc( 100% - 20px );
298
            }
297
            }
299
298
300
            &+.action {
299
            & + .action {
301
                background-color: #FFF;
300
                background-color: #FFF;
302
                display: flex;
301
                display: flex;
303
                margin-left: 0;
302
                margin-left: 0;
304
                padding: 1rem;
303
                padding: 1rem;
305
304
306
                input, button, a {
305
                input,
306
                button,
307
                a {
307
                    display: block;
308
                    display: block;
308
                    flex-grow: 1;
309
                    flex-grow: 1;
309
                }
310
                }
Lines 312-328 aside { Link Here
312
    }
313
    }
313
}
314
}
314
315
315
#menu, #navmenulist, #serialmenu {
316
#menu,
316
    background-color: #e6e6e6;
317
#navmenulist,
318
#serialmenu {
319
    background-color: #E6E6E6;
317
    display: block;
320
    display: block;
318
    padding: 1em 0 1em 0;
321
    padding: 1em 0 1em 0;
319
322
320
    h5 {
323
    h5 {
321
        padding-left: .5em;
322
        color: #666;
324
        color: #666;
323
        font-weight: bold;
324
        font-size: 1.3em;
325
        font-size: 1.3em;
326
        font-weight: bold;
325
        margin-top: 0;
327
        margin-top: 0;
328
        padding-left: .5em;
326
    }
329
    }
327
330
328
    ul {
331
    ul {
Lines 340-360 aside { Link Here
340
                border-left: 5px solid #E6E6E6;
343
                border-left: 5px solid #E6E6E6;
341
                color: #000;
344
                color: #000;
342
                display: block;
345
                display: block;
343
                text-decoration: none;
344
                padding: .7em .3em .7em 1.2em;
346
                padding: .7em .3em .7em 1.2em;
347
                text-decoration: none;
345
            }
348
            }
346
349
347
            &.active > a,
350
            &.active > a,
348
            a:hover,
351
            a:hover,
349
            a.current {
352
            a.current {
350
                background-color: #F3F4F4;
353
                background-color: #F3F4F4;
351
                text-decoration: none;
352
                color: $green-text-color;
353
                border-left: solid 5px $background-color-primary;
354
                border-left: solid 5px $background-color-primary;
355
                color: $green-text-color;
354
                font-weight: bold;
356
                font-weight: bold;
357
                text-decoration: none;
355
            }
358
            }
356
359
357
            a:hover:not(.current) {
360
            a:hover:not( .current ) {
358
                border-left: solid 5px $background-color-secondary;
361
                border-left: solid 5px $background-color-secondary;
359
                font-weight: normal;
362
                font-weight: normal;
360
            }
363
            }
Lines 367-378 aside { Link Here
367
    }
370
    }
368
}
371
}
369
372
370
#admin_preferences #menu{
373
#admin_preferences #menu {
371
372
    ul {
374
    ul {
373
374
        ul {
375
        ul {
375
            background-color: #f3f4f4;
376
            background-color: #F3F4F4;
376
            font-size: 85%;
377
            font-size: 85%;
377
        }
378
        }
378
    }
379
    }
Lines 385-394 div { Link Here
385
        display: inline;
386
        display: inline;
386
    }
387
    }
387
388
388
389
    &.koha-mainpage {
389
    &.koha-mainpage {
390
        display: flex;
391
        align-items: center;
390
        align-items: center;
391
        display: flex;
392
        justify-content: center;
392
        justify-content: center;
393
    }
393
    }
394
394
Lines 399-409 div { Link Here
399
            float: right;
399
            float: right;
400
400
401
            li {
401
            li {
402
                height: auto;
402
                list-style-type: none;
403
                list-style-type: none;
403
                margin-bottom: 0;
404
                margin-bottom: 0;
404
                height: auto;
405
                width: 150px;
406
                padding: 5px 10px;
405
                padding: 5px 10px;
406
                width: 150px;
407
407
408
                a,
408
                a,
409
                a:visited,
409
                a:visited,
Lines 447-458 main { Link Here
447
}
447
}
448
448
449
body {
449
body {
450
    background-color: #F3F4F4;
450
    font-family: $font-family-sans-serif;
451
    font-family: $font-family-sans-serif;
451
    font-size: 13px;
452
    font-size: 13px;
452
    line-height: 1.22;
453
    line-height: 1.22;
453
    padding: 0 0 4em;
454
    padding: 0 0 4em;
454
    text-align: left;
455
    text-align: left;
455
    background-color: #F3F4F4;
456
456
457
    &.nobackdrop {
457
    &.nobackdrop {
458
        .modal-backdrop {
458
        .modal-backdrop {
Lines 485-491 form { Link Here
485
        }
485
        }
486
486
487
        .notification_method,
487
        .notification_method,
488
        #main_contact_method    {
488
        #main_contact_method {
489
            background-color: #FFE;
489
            background-color: #FFE;
490
            border: 1px solid #CCC;
490
            border: 1px solid #CCC;
491
            border-radius: 5px;
491
            border-radius: 5px;
Lines 511-525 h1 { Link Here
511
}
511
}
512
512
513
h2 {
513
h2 {
514
    color: #696969;
514
    font-size: 150%;
515
    font-size: 150%;
515
    font-weight: bold;
516
    font-weight: bold;
516
    color: #696969;
517
}
517
}
518
518
519
h3 {
519
h3 {
520
    color: #696969;
520
    font-size: 131%;
521
    font-size: 131%;
521
    font-weight: bold;
522
    font-weight: bold;
522
    color: #696969;
523
}
523
}
524
524
525
h4 {
525
h4 {
Lines 590-601 textarea { Link Here
590
input {
590
input {
591
    &[type="submit"] {
591
    &[type="submit"] {
592
        @include primary-button;
592
        @include primary-button;
593
593
        padding: .5em 1em;
594
        padding: .5em 1em;
594
    }
595
    }
595
596
596
    &[type="reset"],
597
    &[type="reset"],
597
    &[type="button"] {
598
    &[type="button"] {
598
        @include default-button;
599
        @include default-button;
600
599
        padding: .5em 1em;
601
        padding: .5em 1em;
600
602
601
        &:disabled {
603
        &:disabled {
Lines 611-616 input { Link Here
611
613
612
    &.submit {
614
    &.submit {
613
        @include primary-button;
615
        @include primary-button;
616
614
        padding: .5em 1em;
617
        padding: .5em 1em;
615
618
616
        &:disabled {
619
        &:disabled {
Lines 673-679 label, Link Here
673
    margin-top: 1em;
676
    margin-top: 1em;
674
}
677
}
675
678
676
.main, main {
679
.main,
680
main {
677
    & > .row > div > aside {
681
    & > .row > div > aside {
678
        margin-left: -15px;
682
        margin-left: -15px;
679
    }
683
    }
Lines 789-799 fieldset { Link Here
789
    }
793
    }
790
794
791
    &.standard {
795
    &.standard {
792
        background-color:#F4F8F9 !important;
796
        background-color: #F4F8F9 !important;
793
    }
797
    }
794
798
795
    &.contrast {
799
    &.contrast {
796
        background-color:#F3F3F3 !important;
800
        background-color: #F3F3F3 !important;
797
    }
801
    }
798
802
799
    &.action {
803
    &.action {
Lines 872-878 fieldset { Link Here
872
        }
876
        }
873
    }
877
    }
874
878
875
876
    ol {
879
    ol {
877
        li {
880
        li {
878
            list-style-type: none;
881
            list-style-type: none;
Lines 882-895 fieldset { Link Here
882
885
883
    div {
886
    div {
884
        &.help-block {
887
        &.help-block {
888
            color: #737373;
885
            display: block;
889
            display: block;
886
            margin-top: 5px;
887
            margin-bottom: 10px;
890
            margin-bottom: 10px;
888
            color: #737373;
891
            margin-top: 5px;
889
892
890
            li {
893
            li {
891
                list-style-type: unset;
892
                list-style-position: inside;
894
                list-style-position: inside;
895
                list-style-type: unset;
893
            }
896
            }
894
        }
897
        }
895
    }
898
    }
Lines 922-930 details[open] { Link Here
922
    }
925
    }
923
}
926
}
924
927
925
926
#floating-save {
928
#floating-save {
927
    background-color: rgba(185, 216, 217, .6);
929
    background-color: rgba( 185, 216, 217, .6 );
928
    bottom: 3%;
930
    bottom: 3%;
929
    position: fixed;
931
    position: fixed;
930
    right: 1%;
932
    right: 1%;
Lines 936-942 details[open] { Link Here
936
    justify-content: space-between;
938
    justify-content: space-between;
937
}
939
}
938
940
939
#breadcrumbs, #shortcut {
941
#breadcrumbs,
942
#shortcut {
940
    background-color: transparent;
943
    background-color: transparent;
941
    clear: both;
944
    clear: both;
942
    margin: 0;
945
    margin: 0;
Lines 951-965 details[open] { Link Here
951
954
952
#breadcrumbs a[href="/cgi-bin/koha/mainpage.pl"] {
955
#breadcrumbs a[href="/cgi-bin/koha/mainpage.pl"] {
953
    color: $green-text-color;
956
    color: $green-text-color;
954
    visibility: hidden;
955
    font-size: 1px;
957
    font-size: 1px;
956
    letter-spacing: -1px;
958
    letter-spacing: -1px;
959
    visibility: hidden;
957
960
958
    &::before {
961
    &::before {
959
        content: "\f015";
962
        content: "\f015";
960
        font-family: "Font Awesome 6 Free";
963
        font-family: "Font Awesome 6 Free";
961
        font-style: normal;
962
        font-size: 12px;
964
        font-size: 12px;
965
        font-style: normal;
963
        padding-right: .3em;
966
        padding-right: .3em;
964
        visibility: visible;
967
        visibility: visible;
965
    }
968
    }
Lines 1045-1051 div { Link Here
1045
1048
1046
    &.rule {
1049
    &.rule {
1047
        background-color: #F4F8F9;
1050
        background-color: #F4F8F9;
1048
        border: 2px solid #bfd9b9;
1051
        border: 2px solid #BFD9B9;
1049
        border-radius: 5px;
1052
        border-radius: 5px;
1050
        margin: .3em;
1053
        margin: .3em;
1051
        padding: .3em;
1054
        padding: .3em;
Lines 1127-1134 div { Link Here
1127
                padding-top: 0;
1130
                padding-top: 0;
1128
                text-align: left;
1131
                text-align: left;
1129
                vertical-align: top;
1132
                vertical-align: top;
1130
                width: 9em;
1131
                white-space: normal;
1133
                white-space: normal;
1134
                width: 9em;
1132
            }
1135
            }
1133
        }
1136
        }
1134
    }
1137
    }
Lines 1213-1233 dd { Link Here
1213
    }
1216
    }
1214
}
1217
}
1215
1218
1216
1217
.patroninfo {
1219
.patroninfo {
1218
    margin-right: .5em;
1220
    background-color: #E6E6E6;
1219
    padding-top: 1em;
1220
    background-color: #e6e6e6;
1221
    color: #000;
1221
    color: #000;
1222
    left: -10px;
1222
    left: -10px;
1223
    width: 100%;
1223
    margin-right: .5em;
1224
    padding-bottom: 25px;
1224
    padding-bottom: 25px;
1225
    padding-top: 1em;
1226
    width: 100%;
1225
1227
1226
    h5 {
1228
    h5 {
1229
        color: #000;
1230
        font-weight: bold;
1227
        margin-bottom: 0;
1231
        margin-bottom: 0;
1228
        padding: .5em .9em;
1232
        padding: .5em .9em;
1229
        font-weight: bold;
1230
        color: #000;
1231
1233
1232
        &:empty {
1234
        &:empty {
1233
            border-right: 0;
1235
            border-right: 0;
Lines 1251-1257 dd { Link Here
1251
        li {
1253
        li {
1252
            list-style-type: none;
1254
            list-style-type: none;
1253
            margin: 0;
1255
            margin: 0;
1254
1255
        }
1256
        }
1256
    }
1257
    }
1257
1258
Lines 1265-1273 dd { Link Here
1265
}
1266
}
1266
1267
1267
.patroninfo-heading {
1268
.patroninfo-heading {
1268
    padding: .5em;
1269
    margin-bottom: .3em;
1270
    clear: both;
1269
    clear: both;
1270
    margin-bottom: .3em;
1271
    padding: .5em;
1271
1272
1272
    h3 {
1273
    h3 {
1273
        display: inline-block;
1274
        display: inline-block;
Lines 1298-1305 dd { Link Here
1298
.patronimage {
1299
.patronimage {
1299
    border: 1px solid #EEE;
1300
    border: 1px solid #EEE;
1300
    display: block;
1301
    display: block;
1301
    max-width: 160px;
1302
    margin: auto;
1302
    margin: auto;
1303
    max-width: 160px;
1303
    opacity: 1;
1304
    opacity: 1;
1304
    transition: .2s ease;
1305
    transition: .2s ease;
1305
1306
Lines 1323-1343 dd { Link Here
1323
1324
1324
.patronimage-control {
1325
.patronimage-control {
1325
    padding: 1em 2em;
1326
    padding: 1em 2em;
1326
 }
1327
}
1327
1328
1328
#patronImageEdit input[type="file" ] {
1329
#patronImageEdit input[type="file"] {
1329
    display: inline-block;
1330
    display: inline-block;
1330
}
1331
}
1331
1332
1332
#addColumn, #delColumn{
1333
#addColumn,
1333
    color: $green-text-color;
1334
#delColumn {
1334
    padding: .3em;
1335
    border: none;
1336
    background-color: transparent;
1335
    background-color: transparent;
1336
    border: none;
1337
    box-shadow: none;
1337
    box-shadow: none;
1338
    color: $green-text-color;
1338
    font-size: 100%;
1339
    font-size: 100%;
1340
    padding: .3em;
1339
1341
1340
    &:hover{
1342
    &:hover {
1341
        text-decoration: underline;
1343
        text-decoration: underline;
1342
    }
1344
    }
1343
}
1345
}
Lines 1376-1387 dd { Link Here
1376
            }
1378
            }
1377
        }
1379
        }
1378
    }
1380
    }
1379
1380
}
1381
}
1381
1382
1382
.readonly,
1383
.readonly,
1383
input[type='text']:read-only {
1384
input[type="text"]:read-only {
1384
    background: #EEE url("../img/locked.png") center left no-repeat;
1385
    background: #EEE url( "../img/locked.png" ) center left no-repeat;
1385
    border-style: inset;
1386
    border-style: inset;
1386
    border-width: 1px;
1387
    border-width: 1px;
1387
    cursor: default;
1388
    cursor: default;
Lines 1389-1395 input[type='text']:read-only { Link Here
1389
}
1390
}
1390
1391
1391
.readonly:focus,
1392
.readonly:focus,
1392
input[type='text']:read-only:focus {
1393
input[type="text"]:read-only:focus {
1393
    border-color: unset;
1394
    border-color: unset;
1394
    border-radius: unset;
1395
    border-radius: unset;
1395
}
1396
}
Lines 1404-1410 input[type='text']:read-only:focus { Link Here
1404
}
1405
}
1405
1406
1406
.important_subfield_not_filled {
1407
.important_subfield_not_filled {
1407
    background-color : #FFFFCC;
1408
    background-color: #FFFFCC;
1408
}
1409
}
1409
1410
1410
.content_hidden {
1411
.content_hidden {
Lines 1485-1492 i { Link Here
1485
}
1486
}
1486
1487
1487
.circ-settings {
1488
.circ-settings {
1488
    border-top: 2px solid #EEE;
1489
    border-radius: 0;
1489
    border-radius: 0;
1490
    border-top: 2px solid #EEE;
1490
    display: none;
1491
    display: none;
1491
    margin-left: -1em;
1492
    margin-left: -1em;
1492
    margin-right: -1em;
1493
    margin-right: -1em;
Lines 1496-1511 i { Link Here
1496
1497
1497
#show-circ-settings {
1498
#show-circ-settings {
1498
    display: inline;
1499
    display: inline;
1500
    opacity: .5;
1499
    position: relative;
1501
    position: relative;
1500
    right: 25px;
1502
    right: 25px;
1501
    opacity: .5;
1502
1503
1503
    &:hover {
1504
    &:hover {
1504
        opacity: 1;
1505
        opacity: 1;
1505
    }
1506
    }
1506
1507
1507
    a {
1508
    a {
1508
        color: rgb(105, 105, 105);
1509
        color: rgb( 105, 105, 105 );
1509
1510
1510
        &:hover {
1511
        &:hover {
1511
            text-decoration: none;
1512
            text-decoration: none;
Lines 1516-1522 i { Link Here
1516
.checkin-active-setting {
1517
.checkin-active-setting {
1517
    background-color: #FFC;
1518
    background-color: #FFC;
1518
    border-radius: 3px;
1519
    border-radius: 3px;
1519
    box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
1520
    box-shadow: 1px 1px 2px 0 rgba( 102, 102, 102, .5 );
1520
    margin: .5em;
1521
    margin: .5em;
1521
    padding: .5em;
1522
    padding: .5em;
1522
}
1523
}
Lines 1557-1566 i { Link Here
1557
1558
1558
.dialog {
1559
.dialog {
1559
    margin: 1em auto;
1560
    margin: 1em auto;
1561
    max-width: 600px;
1560
    padding: .5em;
1562
    padding: .5em;
1561
    text-align: center;
1563
    text-align: center;
1562
    width: 65%;
1564
    width: 65%;
1563
    max-width: 600px;
1564
1565
1565
    a {
1566
    a {
1566
        &.approve {
1567
        &.approve {
Lines 1606-1649 i { Link Here
1606
1607
1607
            &.approve {
1608
            &.approve {
1608
                background-color: #FEC32C;
1609
                background-color: #FEC32C;
1609
                color: #000;
1610
                border: 0;
1611
                background-image: none;
1610
                background-image: none;
1611
                border: 0;
1612
                color: #000;
1612
                margin-top: 5px;
1613
                margin-top: 5px;
1613
1614
1614
                &:hover,
1615
                &:hover,
1615
                &:active,
1616
                &:active,
1616
                &:focus {
1617
                &:focus {
1617
                    background-color: #fec22c9f;
1618
                    background-color: #FEC22C9F;
1618
                }
1619
                }
1619
            }
1620
            }
1620
1621
1621
            &.deny {
1622
            &.deny {
1622
                background-color: transparent;
1623
                background-color: transparent;
1623
                color: #696969;
1624
                background-image: none;
1624
                border: #696969 double 1px;
1625
                border: #696969 double 1px;
1625
                margin-top: 5px;
1626
                border-radius: 4px;
1626
                margin-left: 5px;
1627
                color: #696969;
1627
1628
                cursor: pointer;
1628
                display: inline-block;
1629
                display: inline-block;
1629
                margin-bottom: 0;
1630
                font-size: 12px;
1630
                font-weight: normal;
1631
                font-weight: normal;
1632
                line-height: 1.42857143;
1633
                margin-bottom: 0;
1634
                margin-left: 5px;
1635
                margin-top: 5px;
1636
                padding: 6px 12px;
1631
                text-align: center;
1637
                text-align: center;
1632
                white-space: nowrap;
1633
                vertical-align: middle;
1634
                touch-action: manipulation;
1638
                touch-action: manipulation;
1635
                cursor: pointer;
1636
                background-image: none;
1637
                padding: 6px 12px;
1638
                font-size: 12px;
1639
                line-height: 1.42857143;
1640
                border-radius: 4px;
1641
                user-select: none;
1639
                user-select: none;
1640
                vertical-align: middle;
1641
                white-space: nowrap;
1642
1642
1643
                &:hover {
1643
                &:hover {
1644
                    font-weight: bold;
1645
                    background-color: #F1F1F1;
1644
                    background-color: #F1F1F1;
1646
                    border: #696969 double 1px;
1645
                    border: #696969 double 1px;
1646
                    font-weight: bold;
1647
                    text-decoration: none;
1647
                    text-decoration: none;
1648
                }
1648
                }
1649
            }
1649
            }
Lines 1660-1666 i { Link Here
1660
1660
1661
    p {
1661
    p {
1662
        margin-top: 0;
1662
        margin-top: 0;
1663
        &+p {
1663
1664
        & + p {
1664
            margin-top: 5px;
1665
            margin-top: 5px;
1665
        }
1666
        }
1666
    }
1667
    }
Lines 1716-1725 i { Link Here
1716
    }
1717
    }
1717
}
1718
}
1718
1719
1719
1720
.approve,
1720
.approve,
1721
.success {
1721
.success {
1722
    background-color: #FEC32C;
1722
    background-color: #FEC32C;
1723
1723
    i {
1724
    i {
1724
        &.fa {
1725
        &.fa {
1725
            color: $green-text-color;
1726
            color: $green-text-color;
Lines 1747-1753 i { Link Here
1747
    i {
1748
    i {
1748
        &.fa-exclamation-triangle {
1749
        &.fa-exclamation-triangle {
1749
            color: #FFD700;
1750
            color: #FFD700;
1750
            text-shadow: 0 -1px 0 rgba( 0, 0, 0, .3);
1751
            text-shadow: 0 -1px 0 rgba( 0, 0, 0, .3 );
1751
        }
1752
        }
1752
    }
1753
    }
1753
}
1754
}
Lines 1787-1800 i { Link Here
1787
}
1788
}
1788
1789
1789
.barcode {
1790
.barcode {
1791
    border-radius: 0;
1790
    font-size: 100%;
1792
    font-size: 100%;
1791
    vertical-align: middle;
1792
    font-style: italic;
1793
    font-style: italic;
1793
    width: 250px;
1794
    height: 30px;
1794
    height: 30px;
1795
    padding-left: 5px;
1795
    padding-left: 5px;
1796
    padding-right: 30px;
1796
    padding-right: 30px;
1797
    border-radius: 0;
1797
    vertical-align: middle;
1798
    width: 250px;
1798
}
1799
}
1799
1800
1800
li {
1801
li {
Lines 1859-1874 li { Link Here
1859
    }
1860
    }
1860
1861
1861
    & + p {
1862
    & + p {
1862
        border-top: 1px solid #eee;
1863
        border-top: 1px solid #EEE;
1863
        margin-top: 1em;
1864
        margin-top: 1em;
1864
        padding-top: 1em;
1865
        padding-top: 1em;
1865
    }
1866
    }
1866
}
1867
}
1867
1868
1868
#catalogue_stats_wrapper, #tbl_cash_register_stats_wrapper, #resulttable_wrapper, #numberpatternst_wrapper {
1869
#catalogue_stats_wrapper,
1870
#tbl_cash_register_stats_wrapper,
1871
#resulttable_wrapper,
1872
#numberpatternst_wrapper {
1869
    background-color: #FFFFFF;
1873
    background-color: #FFFFFF;
1874
    box-shadow: 8px 8px 12px rgba( 170, 170, 170, .356 );
1870
    margin-top: 20px;
1875
    margin-top: 20px;
1871
    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
1872
    padding: 20px;
1876
    padding: 20px;
1873
}
1877
}
1874
1878
Lines 1876-1902 li { Link Here
1876
    background-color: #FFFFFF;
1880
    background-color: #FFFFFF;
1877
    margin-top: 20px;
1881
    margin-top: 20px;
1878
    min-width: 100%;
1882
    min-width: 100%;
1879
    width: fit-content;
1880
    padding: 20px;
1883
    padding: 20px;
1884
    width: fit-content;
1881
1885
1882
    fieldset {
1886
    fieldset {
1883
        box-shadow: none;
1887
        box-shadow: none;
1884
    }
1888
    }
1885
1889
1886
    h3{
1890
    h3 {
1887
        padding-bottom: .7em;
1888
        margin: 0;
1889
        color: #696969;
1891
        color: #696969;
1892
        margin: 0;
1893
        padding-bottom: .7em;
1890
    }
1894
    }
1891
1895
1892
    td {
1896
    td {
1893
        ul {
1897
        ul {
1894
            li {
1898
            li {
1895
                clear: left;
1899
                clear: left;
1900
                color: #000;
1896
                font-size: 90%;
1901
                font-size: 90%;
1897
                list-style: url("../img/item-bullet.svg");
1902
                list-style: url( "../img/item-bullet.svg" );
1898
                padding: .2em 0;
1903
                padding: .2em 0;
1899
                color: #000;
1900
                top: 100%;
1904
                top: 100%;
1901
1905
1902
                &.result_itype_image {
1906
                &.result_itype_image {
Lines 1947-1952 li { Link Here
1947
        ul {
1951
        ul {
1948
            margin: 0;
1952
            margin: 0;
1949
            padding-left: 0;
1953
            padding-left: 0;
1954
1950
            li {
1955
            li {
1951
                clear: none;
1956
                clear: none;
1952
                float: left;
1957
                float: left;
Lines 1967-1997 li { Link Here
1967
            color: #000;
1972
            color: #000;
1968
1973
1969
            &:hover {
1974
            &:hover {
1975
                background-color: #FFFFFF;
1970
                background-image: none;
1976
                background-image: none;
1971
                color: #000;
1977
                color: #000;
1972
                text-decoration: underline;
1978
                text-decoration: underline;
1973
                background-color: #FFFFFF;
1974
            }
1979
            }
1975
        }
1980
        }
1976
    }
1981
    }
1977
}
1982
}
1978
1983
1979
.searchheader {
1984
.searchheader {
1980
    background-color: #f3f4f4;
1985
    background-color: #F3F4F4;
1981
    box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
1986
    box-shadow: 0 0 2px 1px rgba( 0, 0, 0, .2 );
1987
    color: #696969;
1988
    display: block;
1982
    font-size: 80%;
1989
    font-size: 80%;
1983
    margin-top: .5em;
1984
    margin-bottom: .5em;
1990
    margin-bottom: .5em;
1991
    margin-top: .5em;
1985
    padding: 5px;
1992
    padding: 5px;
1986
    width: 100%;
1993
    width: 100%;
1987
    color: #696969;
1988
    display: block;
1989
1994
1990
    &.floating {
1995
    &.floating {
1991
        border-radius: 0;
1996
        border-radius: 0;
1992
        box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
1997
        box-shadow: 0 0 2px 1px rgba( 0, 0, 0, .4 );
1993
        margin-top: 0;
1994
        margin-bottom: 0;
1998
        margin-bottom: 0;
1999
        margin-top: 0;
1995
        z-index: 100;
2000
        z-index: 100;
1996
    }
2001
    }
1997
2002
Lines 2051-2060 li { Link Here
2051
    width: 30px;
2056
    width: 30px;
2052
}
2057
}
2053
2058
2054
2055
2056
#search-facets {
2059
#search-facets {
2057
    background-color: #e6e6e6;
2060
    background-color: #E6E6E6;
2058
2061
2059
    h4 {
2062
    h4 {
2060
        background-color: $background-color-primary;
2063
        background-color: $background-color-primary;
Lines 2100-2114 li { Link Here
2100
}
2103
}
2101
2104
2102
#biblio-cover-slider {
2105
#biblio-cover-slider {
2103
    border: 1px solid #bfd9b9;
2106
    border: 1px solid #BFD9B9;
2104
    border-radius: 3px;
2107
    border-radius: 3px;
2105
    margin: 5px;
2108
    margin: 5px;
2106
    padding: 10px 5px 5px 5px;
2107
    min-height: 175px;
2109
    min-height: 175px;
2110
    padding: 10px 5px 5px 5px;
2108
}
2111
}
2109
2112
2110
.cover-slides {
2113
.cover-slides {
2111
    background: #FFF url("../img/spinner-small.gif") center center no-repeat;
2114
    background: #FFF url( "../img/spinner-small.gif" ) center center no-repeat;
2112
2115
2113
    .hint {
2116
    .hint {
2114
        font-size: 90%;
2117
        font-size: 90%;
Lines 2119-2125 li { Link Here
2119
        &.nav-active {
2122
        &.nav-active {
2120
            &:link,
2123
            &:link,
2121
            &:visited {
2124
            &:visited {
2122
                color: #85ca11;
2125
                color: #85CA11;
2123
            }
2126
            }
2124
        }
2127
        }
2125
    }
2128
    }
Lines 2129-2136 td { Link Here
2129
    &.actions {
2132
    &.actions {
2130
        white-space: nowrap;
2133
        white-space: nowrap;
2131
    }
2134
    }
2135
2132
    &.bookcoverimg {
2136
    &.bookcoverimg {
2133
        background: #FFF url("../img/spinner-small.gif") center center no-repeat;
2137
        background: #FFF url( "../img/spinner-small.gif" ) center center no-repeat;
2134
        min-width: 120px;
2138
        min-width: 120px;
2135
        text-align: center;
2139
        text-align: center;
2136
    }
2140
    }
Lines 2155-2174 td { Link Here
2155
}
2159
}
2156
2160
2157
.highlight_toggle {
2161
.highlight_toggle {
2158
    color: $green-text-color;
2159
    padding: .3em;
2160
    border: 0;
2161
    background-color: transparent;
2162
    background-color: transparent;
2162
    border: 0;
2163
    border: 0;
2164
    border: 0;
2163
    box-shadow: none;
2165
    box-shadow: none;
2166
    color: $green-text-color;
2164
    font-size: 100%;
2167
    font-size: 100%;
2168
    padding: .3em;
2165
2169
2166
    &:hover {
2170
    &:hover {
2167
        text-decoration: underline;
2171
        text-decoration: underline;
2168
    }
2172
    }
2169
}
2173
}
2170
2174
2171
2172
.cover-image {
2175
.cover-image {
2173
    display: none;
2176
    display: none;
2174
2177
Lines 2201-2209 td { Link Here
2201
#CheckAll,
2204
#CheckAll,
2202
#CheckNone,
2205
#CheckNone,
2203
#CheckPending {
2206
#CheckPending {
2207
    color: $green-text-color;
2204
    font-weight: normal;
2208
    font-weight: normal;
2205
    margin: 0 .5em 0 0;
2209
    margin: 0 .5em 0 0;
2206
    color: $green-text-color;
2207
}
2210
}
2208
2211
2209
.lost,
2212
.lost,
Lines 2267-2273 td.bundle { Link Here
2267
2270
2268
    tbody {
2271
    tbody {
2269
        tr {
2272
        tr {
2270
            &:nth-child(2n+1) {
2273
            &:nth-child( 2n+1 ) {
2271
                td {
2274
                td {
2272
                    background-color: #FFFFFF;
2275
                    background-color: #FFFFFF;
2273
                }
2276
                }
Lines 2339-2346 td.bundle { Link Here
2339
}
2342
}
2340
2343
2341
#cartmenulink {
2344
#cartmenulink {
2342
    position: relative;
2343
    left: 0;
2345
    left: 0;
2346
    position: relative;
2344
    top: 0;
2347
    top: 0;
2345
}
2348
}
2346
2349
Lines 2393-2399 td.bundle { Link Here
2393
        text-decoration: none;
2396
        text-decoration: none;
2394
2397
2395
        &:hover {
2398
        &:hover {
2396
            background-color: lighten( $background-color-secondary, 40 )
2399
            background-color: lighten( $background-color-secondary, 40 );
2397
        }
2400
        }
2398
    }
2401
    }
2399
}
2402
}
Lines 2560-2566 td.bundle { Link Here
2560
2563
2561
#acqui_order_supplierlist {
2564
#acqui_order_supplierlist {
2562
    .supplier {
2565
    .supplier {
2563
        &+.supplier {
2566
        & + .supplier {
2564
            border-top: 1px solid #EEEEEE;
2567
            border-top: 1px solid #EEEEEE;
2565
            margin-top: 1em;
2568
            margin-top: 1em;
2566
        }
2569
        }
Lines 2593-2606 td.bundle { Link Here
2593
// Override core jQueryUI widgets
2596
// Override core jQueryUI widgets
2594
.ui-widget-content {
2597
.ui-widget-content {
2595
    background: #FFFFFF none;
2598
    background: #FFFFFF none;
2596
    border-radius: 4px;
2597
    border: 3px solid $background-color-primary;
2599
    border: 3px solid $background-color-primary;
2600
    border-radius: 4px;
2598
    color: #222222;
2601
    color: #222222;
2599
}
2602
}
2600
2603
2601
.ui-widget-header {
2604
.ui-widget-header {
2602
    background: #b5dbad none;
2605
    background: #B5DBAD none;
2603
    border: 1px solid #bfd9b9;
2606
    border: 1px solid #BFD9B9;
2604
    color: #222222;
2607
    color: #222222;
2605
    font-weight: bold;
2608
    font-weight: bold;
2606
}
2609
}
Lines 2608-2614 td.bundle { Link Here
2608
.ui-state-default,
2611
.ui-state-default,
2609
.ui-widget-content .ui-state-default,
2612
.ui-widget-content .ui-state-default,
2610
.ui-widget-header .ui-state-default {
2613
.ui-widget-header .ui-state-default {
2611
    border: 1px solid #bfd9b9;
2614
    border: 1px solid #BFD9B9;
2612
    color: #555555;
2615
    color: #555555;
2613
    font-weight: normal;
2616
    font-weight: normal;
2614
}
2617
}
Lines 2619-2626 td.bundle { Link Here
2619
.ui-state-focus,
2622
.ui-state-focus,
2620
.ui-widget-content .ui-state-focus,
2623
.ui-widget-content .ui-state-focus,
2621
.ui-widget-header .ui-state-focus {
2624
.ui-widget-header .ui-state-focus {
2622
    background: #cad8c6 none;
2625
    background: #CAD8C6 none;
2623
    border: 1px solid #bfd9b9;
2626
    border: 1px solid #BFD9B9;
2624
    color: #212121;
2627
    color: #212121;
2625
    font-weight: normal;
2628
    font-weight: normal;
2626
}
2629
}
Lines 2643-2649 td.bundle { Link Here
2643
2646
2644
// Override jQuery Autocomplete
2647
// Override jQuery Autocomplete
2645
.ui-autocomplete {
2648
.ui-autocomplete {
2646
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
2649
    box-shadow: 2px 2px 2px rgba( 0, 0, 0, .3 );
2647
    cursor: default;
2650
    cursor: default;
2648
    position: absolute;
2651
    position: absolute;
2649
    z-index: 2000;
2652
    z-index: 2000;
Lines 2654-2660 td.bundle { Link Here
2654
                padding: 3px 1em 3px .4em;
2657
                padding: 3px 1em 3px .4em;
2655
2658
2656
                &:hover {
2659
                &:hover {
2657
                    background: #e3f1df none;
2660
                    background: #E3F1DF none;
2658
                    color: #212121;
2661
                    color: #212121;
2659
                    font-weight: normal;
2662
                    font-weight: normal;
2660
                }
2663
                }
Lines 2670-2676 td.bundle { Link Here
2670
2673
2671
                .ui-state-active,
2674
                .ui-state-active,
2672
                .ui-state-focus {
2675
                .ui-state-focus {
2673
                    background: #e3f1df none;
2676
                    background: #E3F1DF none;
2674
                    color: #212121;
2677
                    color: #212121;
2675
                    font-weight: normal;
2678
                    font-weight: normal;
2676
                    margin: 0;
2679
                    margin: 0;
Lines 2681-2687 td.bundle { Link Here
2681
}
2684
}
2682
2685
2683
.ui-autocomplete-loading {
2686
.ui-autocomplete-loading {
2684
    background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2687
    background: #FFF url( "../img/spinner-small.gif" ) right center no-repeat;
2685
}
2688
}
2686
2689
2687
.ui-widget {
2690
.ui-widget {
Lines 2733-2739 fieldset > .toptabs { Link Here
2733
    font-style: italic;
2736
    font-style: italic;
2734
}
2737
}
2735
2738
2736
2737
.contents {
2739
.contents {
2738
    width: 75%;
2740
    width: 75%;
2739
2741
Lines 2743-2750 fieldset > .toptabs { Link Here
2743
    }
2745
    }
2744
2746
2745
    .t {
2747
    .t {
2746
        font-weight: bold;
2747
        display: inline;
2748
        display: inline;
2749
        font-weight: bold;
2748
    }
2750
    }
2749
2751
2750
    .r {
2752
    .r {
Lines 2752-2758 fieldset > .toptabs { Link Here
2752
    }
2754
    }
2753
}
2755
}
2754
2756
2755
2756
.contentblock {
2757
.contentblock {
2757
    font-size: 95%;
2758
    font-size: 95%;
2758
    line-height: 135%;
2759
    line-height: 135%;
Lines 2781-2788 fieldset > .toptabs { Link Here
2781
2782
2782
            &.jstree-clicked {
2783
            &.jstree-clicked {
2783
                background: transparent none;
2784
                background: transparent none;
2784
                box-shadow: none;
2785
                border: 0;
2785
                border: 0;
2786
                box-shadow: none;
2786
            }
2787
            }
2787
        }
2788
        }
2788
    }
2789
    }
Lines 2803-2809 fieldset > .toptabs { Link Here
2803
}
2804
}
2804
2805
2805
.pluginname {
2806
.pluginname {
2806
    background-color: #e3f1df;
2807
    background-color: #E3F1DF;
2807
    cursor: move;
2808
    cursor: move;
2808
    margin: .3em;
2809
    margin: .3em;
2809
    padding-bottom: 4px;
2810
    padding-bottom: 4px;
Lines 2862-2878 nav { Link Here
2862
        margin: 0;
2863
        margin: 0;
2863
2864
2864
        ol {
2865
        ol {
2866
            list-style: none;
2865
            margin: 0;
2867
            margin: 0;
2866
            padding-left: 0;
2868
            padding-left: 0;
2867
            list-style: none;
2868
2869
2869
            li {
2870
            li {
2871
                color: $green-text-color;
2870
                display: inline;
2872
                display: inline;
2871
                color : $green-text-color;
2872
                font-style: italic;
2873
                font-style: italic;
2873
2874
2874
                &+li::before {
2875
                & + li::before {
2875
                    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNyAwbDUuMzUgNy4zYy4yLjIuMi41MSAwIC43bC01LjM4IDhoLTQuMmw1LjY0LTguMzVMMy4xMy4wMXoiLz48L3N2Zz4=") 50% 50% no-repeat;
2876
                    background: transparent url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNyAwbDUuMzUgNy4zYy4yLjIuMi41MSAwIC43bC01LjM4IDhoLTQuMmw1LjY0LTguMzVMMy4xMy4wMXoiLz48L3N2Zz4=" ) 50% 50% no-repeat;
2876
                    background-size: 8px;
2877
                    background-size: 8px;
2877
                    content: "";
2878
                    content: "";
2878
                    display: inline-block;
2879
                    display: inline-block;
Lines 2880-2886 nav { Link Here
2880
                    width: .8em;
2881
                    width: .8em;
2881
                }
2882
                }
2882
2883
2883
                a:link, a:active, a:hover, a:focus {
2884
                a:link,
2885
                a:active,
2886
                a:hover,
2887
                a:focus {
2884
                    padding: .6em .3em;
2888
                    padding: .6em .3em;
2885
                }
2889
                }
2886
            }
2890
            }
Lines 2910-2915 nav { Link Here
2910
        a {
2914
        a {
2911
            background-color: transparent;
2915
            background-color: transparent;
2912
        }
2916
        }
2917
2913
        &.active {
2918
        &.active {
2914
            a {
2919
            a {
2915
                &:link,
2920
                &:link,
Lines 2927-2933 nav { Link Here
2927
    }
2932
    }
2928
}
2933
}
2929
2934
2930
2931
.pagination {
2935
.pagination {
2932
    margin: .5em 0;
2936
    margin: .5em 0;
2933
}
2937
}
Lines 2954-2962 button, Link Here
2954
    }
2958
    }
2955
2959
2956
    &.btn-info {
2960
    &.btn-info {
2957
        color: #fff;
2958
        background-color: #194EA3;
2961
        background-color: #194EA3;
2959
        border-color: #0B439D;
2962
        border-color: #0B439D;
2963
        color: #FFF;
2960
    }
2964
    }
2961
2965
2962
    &.btn-success {
2966
    &.btn-success {
Lines 2967-2984 button, Link Here
2967
    &.btn-danger {
2971
    &.btn-danger {
2968
        background-color: #CC3333;
2972
        background-color: #CC3333;
2969
        border-color: #9B2323;
2973
        border-color: #9B2323;
2970
        color: #fff;
2974
        color: #FFF;
2971
    }
2975
    }
2972
2976
2973
    &.btn-danger:hover {
2977
    &.btn-danger:hover {
2974
        color: #fff;
2978
        background-color: #C82333;
2975
        background-color: #c82333;
2979
        border-color: #A81C29;
2976
        border-color: #a81c29;
2980
        color: #FFF;
2977
    }
2981
    }
2978
2982
2979
    &.btn-danger:not( :disabled ):not( .disabled ).active,
2983
    &.btn-danger:not( :disabled, .disabled ).active,
2980
    &.btn-danger:not( :disabled ):not( .disabled ):active {
2984
    &.btn-danger:not( :disabled, .disabled ):active {
2981
        box-shadow: inset 0 0 0 1px #a81c29;
2985
        box-shadow: inset 0 0 0 1px #A81C29;
2982
    }
2986
    }
2983
}
2987
}
2984
2988
Lines 3006-3015 button, Link Here
3006
.panel-title {
3010
.panel-title {
3007
    a {
3011
    a {
3008
        border-radius: 3px;
3012
        border-radius: 3px;
3009
        display: block;
3010
        padding: 10px 15px;
3011
        border-bottom-left-radius: 0;
3013
        border-bottom-left-radius: 0;
3012
        border-bottom-right-radius: 0;
3014
        border-bottom-right-radius: 0;
3015
        display: block;
3016
        padding: 10px 15px;
3013
3017
3014
        &::before {
3018
        &::before {
3015
            content: "\f0d7";
3019
            content: "\f0d7";
Lines 3019-3025 button, Link Here
3019
        }
3023
        }
3020
3024
3021
        &:hover {
3025
        &:hover {
3022
            background: #e3f1df none;
3026
            background: #E3F1DF none;
3023
            border-bottom-left-radius: 0;
3027
            border-bottom-left-radius: 0;
3024
            border-bottom-right-radius: 0;
3028
            border-bottom-right-radius: 0;
3025
        }
3029
        }
Lines 3033-3039 button, Link Here
3033
            }
3037
            }
3034
3038
3035
            &:hover {
3039
            &:hover {
3036
                background: #e3f1df none;
3040
                background: #E3F1DF none;
3037
                border-bottom-left-radius: 3px;
3041
                border-bottom-left-radius: 3px;
3038
                border-bottom-right-radius: 3px;
3042
                border-bottom-right-radius: 3px;
3039
            }
3043
            }
Lines 3042-3055 button, Link Here
3042
}
3046
}
3043
3047
3044
.panel-default {
3048
.panel-default {
3045
    border: 1px solid #bfd9b9;
3049
    border: 1px solid #BFD9B9;
3050
3046
    > .panel-heading {
3051
    > .panel-heading {
3047
        background: transparent none;
3052
        background: transparent none;
3048
        padding: 0;
3053
        padding: 0;
3049
3054
3050
        + .panel-collapse {
3055
        + .panel-collapse {
3051
            > .panel-body {
3056
            > .panel-body {
3052
                border-top-color: #bfd9b9;
3057
                border-top-color: #BFD9B9;
3053
            }
3058
            }
3054
        }
3059
        }
3055
    }
3060
    }
Lines 3137-3144 button, Link Here
3137
3142
3138
        .tooltip-inner {
3143
        .tooltip-inner {
3139
            background-color: #FFFFFF;
3144
            background-color: #FFFFFF;
3140
            border: 1px solid rgba(0, 0, 0, .2);
3145
            border: 1px solid rgba( 0, 0, 0, .2 );
3141
            box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
3146
            box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
3142
            color: #000;
3147
            color: #000;
3143
            font-size: 120%;
3148
            font-size: 120%;
3144
            padding: 1em;
3149
            padding: 1em;
Lines 3147-3153 button, Link Here
3147
}
3152
}
3148
3153
3149
.separator {
3154
.separator {
3150
    color: #bfbfbf;
3155
    color: #BFBFBF;
3151
    padding: 0 .2em;
3156
    padding: 0 .2em;
3152
}
3157
}
3153
3158
Lines 3171-3177 button, Link Here
3171
    }
3176
    }
3172
}
3177
}
3173
3178
3174
3175
label {
3179
label {
3176
    .radio &,
3180
    .radio &,
3177
    .checkbox & {
3181
    .checkbox & {
Lines 3264-3270 label { Link Here
3264
        font-size: 13px;
3268
        font-size: 13px;
3265
    }
3269
    }
3266
3270
3267
    > .btn:first-child:not( :last-child ):not( .dropdown-toggle ) {
3271
    > .btn:first-child:not( :last-child, .dropdown-toggle ) {
3268
        border-right: 1px solid darken( saturate( $btn-primary, 15 ), 15 );
3272
        border-right: 1px solid darken( saturate( $btn-primary, 15 ), 15 );
3269
    }
3273
    }
3270
}
3274
}
Lines 3305-3311 code { Link Here
3305
}
3309
}
3306
3310
3307
.tab-content {
3311
.tab-content {
3308
    background-color: #fff;
3312
    background-color: #FFF;
3309
    border: 0;
3313
    border: 0;
3310
    border-radius: 0;
3314
    border-radius: 0;
3311
    padding: 1em;
3315
    padding: 1em;
Lines 3343-3349 code { Link Here
3343
            margin-right: .4em;
3347
            margin-right: .4em;
3344
            padding: .5em 1em;
3348
            padding: .5em 1em;
3345
3349
3346
            &:hover, &:focus, &:active {
3350
            &:hover,
3351
            &:focus,
3352
            &:active {
3347
                background-color: $background-color-primary;
3353
                background-color: $background-color-primary;
3348
                border: 2px solid $background-color-primary;
3354
                border: 2px solid $background-color-primary;
3349
                border-bottom: 0;
3355
                border-bottom: 0;
Lines 3383-3394 code { Link Here
3383
}
3389
}
3384
3390
3385
#jobprogress {
3391
#jobprogress {
3386
    background: url("../img/progress.png") -300px 0 no-repeat;
3392
    background: url( "../img/progress.png" ) -300px 0 no-repeat;
3387
    border: 1px solid #666;
3393
    border: 1px solid #666;
3388
    display: inline-block;
3394
    display: inline-block;
3389
    height: 10px;
3395
    height: 10px;
3390
    width: 200px;
3396
    width: 200px;
3391
 }
3397
}
3392
3398
3393
.progress_panel {
3399
.progress_panel {
3394
    border: 2px solid #EEE;
3400
    border: 2px solid #EEE;
Lines 3413-3419 progress { Link Here
3413
    }
3419
    }
3414
3420
3415
    span {
3421
    span {
3416
        background-color: #ecffeb;
3422
        background-color: #ECFFEB;
3417
        border-radius: 5px;
3423
        border-radius: 5px;
3418
        display: inline-block;
3424
        display: inline-block;
3419
        font-size: 75%;
3425
        font-size: 75%;
Lines 3422-3428 progress { Link Here
3422
        white-space: nowrap;
3428
        white-space: nowrap;
3423
3429
3424
        &.selected {
3430
        &.selected {
3425
            background-color: #d2fad0;
3431
            background-color: #D2FAD0;
3426
        }
3432
        }
3427
    }
3433
    }
3428
}
3434
}
Lines 3447-3453 progress { Link Here
3447
}
3453
}
3448
3454
3449
.tag_editor {
3455
.tag_editor {
3450
    background: transparent url("../img/edit-tag.png") top left no-repeat;
3456
    background: transparent url( "../img/edit-tag.png" ) top left no-repeat;
3451
    display: block;
3457
    display: block;
3452
    float: left;
3458
    float: left;
3453
    height: 16px;
3459
    height: 16px;
Lines 3475-3482 progress { Link Here
3475
}
3481
}
3476
3482
3477
#browse-return-to-results {
3483
#browse-return-to-results {
3478
    background-color: #e6e6e6;
3484
    background-color: #E6E6E6;
3479
    border: 1px solid lighten($background-color-primary, 30%);
3485
    border: 1px solid lighten( $background-color-primary, 30% );
3480
    border-bottom-width: 0;
3486
    border-bottom-width: 0;
3481
    border-top-left-radius: 5px;
3487
    border-top-left-radius: 5px;
3482
    border-top-right-radius: 5px;
3488
    border-top-right-radius: 5px;
Lines 3487-3493 progress { Link Here
3487
3493
3488
.browse-button {
3494
.browse-button {
3489
    background-color: transparent;
3495
    background-color: transparent;
3490
    border: 1px solid lighten($background-color-primary, 30%);
3496
    border: 1px solid lighten( $background-color-primary, 30% );
3491
    display: block;
3497
    display: block;
3492
    overflow: hidden;
3498
    overflow: hidden;
3493
    padding: .4em .6em;
3499
    padding: .4em .6em;
Lines 3500-3506 a.browse-button { Link Here
3500
    color: $green-text-color;
3506
    color: $green-text-color;
3501
3507
3502
    &:hover {
3508
    &:hover {
3503
        background: #fff;
3509
        background: #FFF;
3504
    }
3510
    }
3505
}
3511
}
3506
3512
Lines 3545-3551 span { Link Here
3545
    }
3551
    }
3546
}
3552
}
3547
3553
3548
3549
.result-biblio-itemtype {
3554
.result-biblio-itemtype {
3550
    float: right;
3555
    float: right;
3551
    font-size: 85%;
3556
    font-size: 85%;
Lines 3565-3572 span { Link Here
3565
}
3570
}
3566
3571
3567
#browse-next {
3572
#browse-next {
3568
    border-bottom-right-radius: 5px;
3569
    border-bottom-left-radius: 5px;
3573
    border-bottom-left-radius: 5px;
3574
    border-bottom-right-radius: 5px;
3570
}
3575
}
3571
3576
3572
#merge_invoices {
3577
#merge_invoices {
Lines 3644-3657 input.renew { Link Here
3644
}
3649
}
3645
3650
3646
.onsite-checkout-only {
3651
.onsite-checkout-only {
3647
    background-color: rgba(255, 242, 206, .5);
3652
    background-color: rgba( 255, 242, 206, .5 );
3648
    border: 1px solid #FFF2CE;
3653
    border: 1px solid #FFF2CE;
3649
    border-radius: 4px;
3654
    border-radius: 4px;
3650
}
3655
}
3651
3656
3652
.branchgriditem {
3657
.branchgriditem {
3653
    background-color: #FFFFFF;
3658
    background-color: #FFFFFF;
3654
    border: 1px solid #bfd9b9;
3659
    border: 1px solid #BFD9B9;
3655
    border-radius: 3px;
3660
    border-radius: 3px;
3656
    display: table-cell;
3661
    display: table-cell;
3657
    float: left;
3662
    float: left;
Lines 3678-3691 input.renew { Link Here
3678
3683
3679
#new_rule {
3684
#new_rule {
3680
    background-color: #F4F8F9;
3685
    background-color: #F4F8F9;
3681
    border: 2px solid #bfd9b9;
3686
    border: 2px solid #BFD9B9;
3682
    border-radius: 5px;
3687
    border-radius: 5px;
3683
    display: none;
3688
    display: none;
3684
    margin: .3em;
3689
    margin: .3em;
3685
    padding: .3em;
3690
    padding: .3em;
3686
}
3691
}
3687
3692
3688
3689
.blocks {
3693
.blocks {
3690
    margin-bottom: .3em;
3694
    margin-bottom: .3em;
3691
}
3695
}
Lines 3719-3725 input.renew { Link Here
3719
    }
3723
    }
3720
}
3724
}
3721
3725
3722
3723
.form-message {
3726
.form-message {
3724
    background-color: #FFF;
3727
    background-color: #FFF;
3725
    border: 1px solid #A4BEDD;
3728
    border: 1px solid #A4BEDD;
Lines 3739-3745 input.renew { Link Here
3739
}
3742
}
3740
3743
3741
#fixedlengthbuilderaction {
3744
#fixedlengthbuilderaction {
3742
    border: 3px solid #e3f1df;
3745
    border: 3px solid #E3F1DF;
3743
    left: 80%;
3746
    left: 80%;
3744
    padding: 5px;
3747
    padding: 5px;
3745
    position: relative;
3748
    position: relative;
Lines 3801-3807 input.renew { Link Here
3801
    #search-summary {
3804
    #search-summary {
3802
        position: absolute;
3805
        position: absolute;
3803
        top: 50%;
3806
        top: 50%;
3804
        transform: translateY(-50%);
3807
        transform: translateY( -50% );
3805
    }
3808
    }
3806
3809
3807
    #generic_confirm_search_count {
3810
    #generic_confirm_search_count {
Lines 3810-3823 input.renew { Link Here
3810
3813
3811
    #generic_confirm_search {
3814
    #generic_confirm_search {
3812
        display: block;
3815
        display: block;
3813
        visibility: hidden;
3814
        margin: 1em 0 1em 10em;
3816
        margin: 1em 0 1em 10em;
3817
        visibility: hidden;
3815
    }
3818
    }
3816
3819
3817
    #partnerSearch {
3820
    #partnerSearch {
3818
        .modal-dialog {
3821
        .modal-dialog {
3819
            width: 50vw;
3822
            width: 50vw;
3820
        }
3823
        }
3824
3821
        .modal-body {
3825
        .modal-body {
3822
            max-height: 70vh;
3826
            max-height: 70vh;
3823
        }
3827
        }
Lines 3848-3854 input.renew { Link Here
3848
    width: 100% !important;
3852
    width: 100% !important;
3849
}
3853
}
3850
3854
3851
.ar-title, .hq-title {
3855
.ar-title,
3856
.hq-title {
3852
    .biblio-title {
3857
    .biblio-title {
3853
        font-weight: bold;
3858
        font-weight: bold;
3854
    }
3859
    }
Lines 3866-3877 input.renew { Link Here
3866
    h3 {
3871
    h3 {
3867
        margin: 30px 0 10px 0;
3872
        margin: 30px 0 10px 0;
3868
    }
3873
    }
3874
3869
    .dialog {
3875
    .dialog {
3870
        h3 {
3876
        h3 {
3871
            margin: 10px 0;
3877
            margin: 10px 0;
3872
        }
3878
        }
3879
3873
        margin-bottom: 20px;
3880
        margin-bottom: 20px;
3874
    }
3881
    }
3882
3875
    .highlight_stage {
3883
    .highlight_stage {
3876
        font-weight: bold;
3884
        font-weight: bold;
3877
    }
3885
    }
Lines 3884-3906 input.renew { Link Here
3884
#stockrotation {
3892
#stockrotation {
3885
    #rota_form {
3893
    #rota_form {
3886
        textarea {
3894
        textarea {
3887
            width: 300px;
3888
            height: 100px;
3895
            height: 100px;
3896
            width: 300px;
3889
        }
3897
        }
3898
3890
        #name {
3899
        #name {
3891
            width: 300px;
3900
            width: 300px;
3892
        }
3901
        }
3902
3893
        fieldset {
3903
        fieldset {
3894
            width: auto;
3904
            width: auto;
3895
        }
3905
        }
3896
    }
3906
    }
3897
    #stage_form fieldset, #add_rota_item_form fieldset {
3907
3908
    #stage_form fieldset,
3909
    #add_rota_item_form fieldset {
3898
        width: auto;
3910
        width: auto;
3899
    }
3911
    }
3912
3900
    .dialog.alert {
3913
    .dialog.alert {
3901
        ul {
3914
        ul {
3902
            margin: 20px 0;
3915
            margin: 20px 0;
3903
        }
3916
        }
3917
3904
        li {
3918
        li {
3905
            list-style-type: none;
3919
            list-style-type: none;
3906
        }
3920
        }
Lines 3911-3931 input.renew { Link Here
3911
    .item_select_rota {
3925
    .item_select_rota {
3912
        vertical-align: middle;
3926
        vertical-align: middle;
3913
    }
3927
    }
3928
3914
    h1 {
3929
    h1 {
3915
        margin-bottom: 20px;
3930
        margin-bottom: 20px;
3916
    }
3931
    }
3917
}
3932
}
3918
3933
3919
#stockrotation td.actions, #catalog_stockrotation td.actions {
3934
#stockrotation td.actions,
3935
#catalog_stockrotation td.actions {
3920
    vertical-align: middle;
3936
    vertical-align: middle;
3921
}
3937
}
3922
3938
3923
#stockrotation .stage, #catalog_stockrotation .stage {
3939
#stockrotation .stage,
3940
#catalog_stockrotation .stage {
3941
    background-color: rgba( 0, 0, 0, .1 );
3942
    border-radius: 5px;
3924
    display: inline-block;
3943
    display: inline-block;
3925
    padding: 5px 7px;
3926
    margin: 3px 0 3px 0;
3944
    margin: 3px 0 3px 0;
3927
    border-radius: 5px;
3945
    padding: 5px 7px;
3928
    background-color: rgba(0, 0, 0, .1);
3929
}
3946
}
3930
3947
3931
#restriction_form {
3948
#restriction_form {
Lines 3936-3941 input.renew { Link Here
3936
3953
3937
#stage_list_headings {
3954
#stage_list_headings {
3938
    font-weight: bold;
3955
    font-weight: bold;
3956
3939
    span {
3957
    span {
3940
        padding: 3px;
3958
        padding: 3px;
3941
    }
3959
    }
Lines 3945-3990 input.renew { Link Here
3945
    ul {
3963
    ul {
3946
        padding-left: 0;
3964
        padding-left: 0;
3947
    }
3965
    }
3966
3948
    li {
3967
    li {
3949
        list-style: none;
3968
        list-style: none;
3950
        margin-bottom: 5px;
3969
        margin-bottom: 5px;
3970
3951
        span {
3971
        span {
3952
            padding: 6px 3px;
3972
            padding: 6px 3px;
3953
        }
3973
        }
3954
    }
3974
    }
3975
3955
    .stagename {
3976
    .stagename {
3956
        width: 15em;
3957
        display: inline-block;
3977
        display: inline-block;
3978
        width: 15em;
3958
    }
3979
    }
3980
3959
    .stageduration {
3981
    .stageduration {
3960
        width: 10em;
3961
        display: inline-block;
3982
        display: inline-block;
3983
        width: 10em;
3962
    }
3984
    }
3985
3963
    .stageactions {
3986
    .stageactions {
3964
        display: inline-block;
3987
        display: inline-block;
3965
    }
3988
    }
3966
    li:nth-child(odd) {
3989
3990
    li:nth-child( odd ) {
3967
        background-color: #F3F3F3;
3991
        background-color: #F3F3F3;
3968
    }
3992
    }
3993
3969
    .drag_handle {
3994
    .drag_handle {
3970
        margin-right: 6px;
3971
        cursor: move;
3995
        cursor: move;
3996
        margin-right: 6px;
3972
    }
3997
    }
3998
3973
    .drag_placeholder {
3999
    .drag_placeholder {
4000
        border: 1px dotted #AAA;
3974
        height: 2em;
4001
        height: 2em;
3975
        border: 1px dotted #aaa;
3976
    }
4002
    }
4003
3977
    h3 {
4004
    h3 {
3978
        display: inline-block;
4005
        display: inline-block;
3979
    }
4006
    }
4007
3980
    #ajax_status {
4008
    #ajax_status {
3981
        display: inline-block;
4009
        background: #F3F3F3;
3982
        border: 1px solid #bcbcbc;
4010
        border: 1px solid #BCBCBC;
3983
        border-radius: 5px;
4011
        border-radius: 5px;
3984
        padding: 5px;
4012
        display: inline-block;
3985
        margin-left: 10px;
4013
        margin-left: 10px;
3986
        background: #f3f3f3;
4014
        padding: 5px;
3987
    }
4015
    }
4016
3988
    #manage_stages_help {
4017
    #manage_stages_help {
3989
        margin: 20px 0;
4018
        margin: 20px 0;
3990
    }
4019
    }
Lines 4021-4029 input.renew { Link Here
4021
4050
4022
/* ==== MODULE LINKS - Start ==== */
4051
/* ==== MODULE LINKS - Start ==== */
4023
.buttons-list {
4052
.buttons-list {
4053
    max-width: 260px;
4054
4024
    /* List containing the module links */
4055
    /* List containing the module links */
4025
    padding: 0;
4056
    padding: 0;
4026
    max-width: 260px;
4027
4057
4028
    li {
4058
    li {
4029
        /* Standard attributes for the list elements */
4059
        /* Standard attributes for the list elements */
Lines 4031-4043 input.renew { Link Here
4031
        margin-bottom: 15px;
4061
        margin-bottom: 15px;
4032
4062
4033
        a {
4063
        a {
4034
            padding: 10px;
4064
            background-color: #E0E0E0;
4035
            background-color: #e0e0e0;
4036
            border-radius: 6px;
4065
            border-radius: 6px;
4037
            color: #101010;
4066
            color: #101010;
4038
            display: block;
4067
            display: block;
4039
            font-size: 110%;
4068
            font-size: 110%;
4040
            font-weight: bold;
4069
            font-weight: bold;
4070
            padding: 10px;
4041
4071
4042
            &:hover {
4072
            &:hover {
4043
                background-color: $background-color-primary;
4073
                background-color: $background-color-primary;
Lines 4049-4072 input.renew { Link Here
4049
}
4079
}
4050
4080
4051
.about h2 {
4081
.about h2 {
4052
    border-bottom: 1px solid #bfd9b9;
4082
    border-bottom: 1px solid #BFD9B9;
4083
    margin: .5em 0;
4053
    padding: .5em .2em;
4084
    padding: .5em .2em;
4054
    margin:  .5em 0;
4055
}
4085
}
4056
4086
4057
.columns-2 {
4087
.columns-2 {
4058
    columns: 2 auto;
4059
    column-gap: 2.5em;
4088
    column-gap: 2.5em;
4089
    columns: 2 auto;
4060
}
4090
}
4061
4091
4062
.columns-3 {
4092
.columns-3 {
4063
    columns: 3 auto;
4064
    column-gap: 2.5em;
4093
    column-gap: 2.5em;
4094
    columns: 3 auto;
4065
}
4095
}
4066
4096
4067
.columns-4 {
4097
.columns-4 {
4068
    columns: 4 auto;
4069
    column-gap: 2em;
4098
    column-gap: 2em;
4099
    columns: 4 auto;
4070
}
4100
}
4071
4101
4072
/* ==== MODULE LINKS - End ==== */
4102
/* ==== MODULE LINKS - End ==== */
Lines 4076-4082 input.renew { Link Here
4076
    padding-right: .3em;
4106
    padding-right: .3em;
4077
}
4107
}
4078
4108
4079
4080
#catalog-search-dropdown {
4109
#catalog-search-dropdown {
4081
    padding: 0;
4110
    padding: 0;
4082
4111
Lines 4159-4170 input.renew { Link Here
4159
        border-bottom-width: 1px;
4188
        border-bottom-width: 1px;
4160
    }
4189
    }
4161
4190
4162
    &:nth-child(odd) {
4191
    &:nth-child( odd ) {
4163
        background-color: #F8F8F8;
4192
        background-color: #F8F8F8;
4164
    }
4193
    }
4165
}
4194
}
4166
4195
4167
4168
.superlibrarian-hint {
4196
.superlibrarian-hint {
4169
    color: #000;
4197
    color: #000;
4170
    padding: .2em 0;
4198
    padding: .2em 0;
Lines 4186-4192 input.renew { Link Here
4186
        border-bottom-width: 1px;
4214
        border-bottom-width: 1px;
4187
    }
4215
    }
4188
4216
4189
    &:nth-child(odd) {
4217
    &:nth-child( odd ) {
4190
        background-color: #EEE;
4218
        background-color: #EEE;
4191
    }
4219
    }
4192
}
4220
}
Lines 4270-4277 div .suggestion_note { Link Here
4270
    }
4298
    }
4271
4299
4272
    .result_item_details {
4300
    .result_item_details {
4273
        display:inline-block;
4301
        display: inline-block;
4274
        white-space:nowrap;
4302
        white-space: nowrap;
4275
4303
4276
        &::before {
4304
        &::before {
4277
            content: "\2022";
4305
            content: "\2022";
Lines 4283-4289 div .suggestion_note { Link Here
4283
    }
4311
    }
4284
}
4312
}
4285
4313
4286
#camera, #output {
4314
#camera,
4315
#output {
4287
    border: 8px solid #EDF4F6;
4316
    border: 8px solid #EDF4F6;
4288
    padding: 1em;
4317
    padding: 1em;
4289
}
4318
}
Lines 4310-4344 div .suggestion_note { Link Here
4310
4339
4311
.tab-pane {
4340
.tab-pane {
4312
    &.active {
4341
    &.active {
4313
        @include clearfix();
4342
        @include clearfix;
4314
    }
4343
    }
4315
}
4344
}
4316
4345
4317
#cookieConsentedJSItems {
4346
#cookieConsentedJSItems {
4318
    #cookieConsentedJSWarning {
4347
    #cookieConsentedJSWarning {
4348
        font-size: 120%;
4349
        font-weight: 800;
4319
        margin: 20px 0;
4350
        margin: 20px 0;
4320
        text-align: center;
4351
        text-align: center;
4321
        font-weight: 800;
4322
        font-size: 120%;
4323
    }
4352
    }
4353
4324
    .cookieConsentedJSItem {
4354
    .cookieConsentedJSItem {
4355
        border: 1px solid #CCC;
4325
        margin-bottom: 30px;
4356
        margin-bottom: 30px;
4326
        padding: 10px;
4357
        padding: 10px;
4327
        border: 1px solid #ccc;
4328
    }
4358
    }
4359
4329
    .consentRow {
4360
    .consentRow {
4330
        display: flex;
4361
        display: flex;
4331
        margin-bottom: 20px;
4362
        margin-bottom: 20px;
4363
4332
        .consentItem {
4364
        .consentItem {
4333
            margin-right: 40px;
4365
            margin-right: 40px;
4334
        }
4366
        }
4367
4335
        .consentItem:last-child {
4368
        .consentItem:last-child {
4336
            margin-right: 0;
4369
            margin-right: 0;
4337
        }
4370
        }
4338
    }
4371
    }
4372
4339
    .codeRow {
4373
    .codeRow {
4340
        display: block;
4374
        display: block;
4341
    }
4375
    }
4376
4342
    .consentDelete {
4377
    .consentDelete {
4343
        display: block;
4378
        display: block;
4344
        text-align: right;
4379
        text-align: right;
Lines 4347-4369 div .suggestion_note { Link Here
4347
4382
4348
/* Cookie consent bar */
4383
/* Cookie consent bar */
4349
#cookieConsentBar {
4384
#cookieConsentBar {
4385
    background: rgba( 0, 0, 0, .7 );
4386
    bottom: 0;
4387
    color: rgba( 255, 255, 255, .9 );
4350
    display: none;
4388
    display: none;
4389
    left: 0;
4351
    padding: 20px;
4390
    padding: 20px;
4352
    position: fixed;
4391
    position: fixed;
4353
    bottom: 0;
4354
    left: 0;
4355
    right: 0;
4392
    right: 0;
4356
    background: rgba(0,0,0,0.7);
4357
    color: rgba(255,255,255,0.9);
4358
    z-index: 1;
4393
    z-index: 1;
4359
    a:link, a:visited {
4394
4360
        color: #d7ebff;
4395
    a:link,
4396
    a:visited {
4397
        color: #D7EBFF;
4361
    }
4398
    }
4399
4362
    #consentButtons {
4400
    #consentButtons {
4363
        margin-top: 10px;
4401
        margin-top: 10px;
4364
        text-align: right;
4402
        text-align: right;
4365
    }
4403
    }
4366
    button:not(:last-child) {
4404
4405
    button:not( :last-child ) {
4367
        margin-right: 10px;
4406
        margin-right: 10px;
4368
    }
4407
    }
4369
}
4408
}
Lines 4373-4394 div .suggestion_note { Link Here
4373
    .modal-dialog {
4412
    .modal-dialog {
4374
        width: 700px;
4413
        width: 700px;
4375
    }
4414
    }
4415
4376
    .consentModalItem {
4416
    .consentModalItem {
4377
        display: flex;
4378
        align-items: center;
4417
        align-items: center;
4379
        border: 1px solid #ccc;
4418
        border: 1px solid #CCC;
4380
        padding: 10px 20px;
4381
        border-radius: 5px;
4419
        border-radius: 5px;
4420
        display: flex;
4421
        padding: 10px 20px;
4382
    }
4422
    }
4383
    .consentModalItem:not(:last-child) {
4423
4424
    .consentModalItem:not( :last-child ) {
4384
        margin-bottom: 20px;
4425
        margin-bottom: 20px;
4385
    }
4426
    }
4427
4386
    .consentItemCheckbox {
4428
    .consentItemCheckbox {
4387
        padding-right: 20px;
4429
        padding-right: 20px;
4388
    }
4430
    }
4431
4389
    .consentItemName {
4432
    .consentItemName {
4390
        font-weight: bold;
4433
        font-weight: bold;
4391
    }
4434
    }
4435
4392
    #cookieConsentPopupText {
4436
    #cookieConsentPopupText {
4393
        margin: 20px 0;
4437
        margin: 20px 0;
4394
    }
4438
    }
Lines 4398-4408 div .suggestion_note { Link Here
4398
@import "toolbar";
4442
@import "toolbar";
4399
@import "forms";
4443
@import "forms";
4400
4444
4401
@media (min-width: 200px) {
4445
@media ( min-width: 200px ) {
4402
4446
4403
}
4447
}
4404
4448
4405
@media (max-width: 767px) {
4449
@media ( max-width: 767px ) {
4406
    .header-menu-link {
4450
    .header-menu-link {
4407
        display: inline-block;
4451
        display: inline-block;
4408
    }
4452
    }
Lines 4429-4435 div .suggestion_note { Link Here
4429
        .open {
4473
        .open {
4430
            .dropdown-menu {
4474
            .dropdown-menu {
4431
                background-color: #352C2E;
4475
                background-color: #352C2E;
4432
                border: 1px solid #ccc;
4476
                border: 1px solid #CCC;
4433
                position: absolute;
4477
                position: absolute;
4434
            }
4478
            }
4435
        }
4479
        }
Lines 4444-4453 div .suggestion_note { Link Here
4444
            padding-left: 1.5em;
4488
            padding-left: 1.5em;
4445
4489
4446
            &:hover {
4490
            &:hover {
4447
                text-decoration: underline;
4448
                color: #FFF;
4449
                background-color: #352C2E;
4491
                background-color: #352C2E;
4450
                background-image: none;
4492
                background-image: none;
4493
                color: #FFF;
4494
                text-decoration: underline;
4451
            }
4495
            }
4452
        }
4496
        }
4453
4497
Lines 4486-4492 div .suggestion_note { Link Here
4486
    #user-menu {
4530
    #user-menu {
4487
        .open {
4531
        .open {
4488
            .dropdown-menu {
4532
            .dropdown-menu {
4489
                background-color: #352c35;
4533
                background-color: #352C35;
4490
                position: absolute;
4534
                position: absolute;
4491
            }
4535
            }
4492
        }
4536
        }
Lines 4501-4510 div .suggestion_note { Link Here
4501
    }
4545
    }
4502
}
4546
}
4503
4547
4504
@media (max-width: 768px) {
4548
@media ( max-width: 768px ) {
4505
    .navbar-nav {
4549
    .navbar-nav {
4506
        li {
4550
        li {
4507
4508
            a {
4551
            a {
4509
                padding: .4em .6em;
4552
                padding: .4em .6em;
4510
            }
4553
            }
Lines 4530-4539 div .suggestion_note { Link Here
4530
    }
4573
    }
4531
}
4574
}
4532
4575
4533
@media (min-width: 800px) {
4576
@media ( min-width: 800px ) {
4534
4535
4536
4537
    #helper {
4577
    #helper {
4538
        i {
4578
        i {
4539
            display: none;
4579
            display: none;
Lines 4581-4590 div .suggestion_note { Link Here
4581
    }
4621
    }
4582
4622
4583
    body.modalprinter .modal-dialog.focused {
4623
    body.modalprinter .modal-dialog.focused {
4584
        position: absolute;
4585
        padding: 0;
4586
        margin: 0;
4587
        left: 0;
4624
        left: 0;
4625
        margin: 0;
4626
        padding: 0;
4627
        position: absolute;
4588
        top: 0;
4628
        top: 0;
4589
    }
4629
    }
4590
4630
4591
- 

Return to bug 34392