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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss (-67 / +75 lines)
Lines 95-112 a { Link Here
95
    &:link,
95
    &:link,
96
    &:visited {
96
    &:visited {
97
        color: $links;
97
        color: $links;
98
99
        &.btn {
100
            color: #FFF;
101
102
            &.btn-link {
103
                color: $links;
104
105
                &.disabled {
106
                    color: #333;
107
                }
108
            }
109
        }
110
    }
98
    }
111
}
99
}
112
100
Lines 115-136 button { Link Here
115
    &:hover,
103
    &:hover,
116
    &:active {
104
    &:active {
117
        color: $links-hover;
105
        color: $links-hover;
118
119
        &.btn {
120
            color: #FFF;
121
122
            &.btn-link {}
123
        }
124
    }
125
126
    &.btn-link {
127
128
        &:focus,
129
        &:hover {
130
            // border: 1px solid $input-btn-focus-color;
131
            box-shadow: none;
132
            text-decoration: none;
133
        }
134
    }
106
    }
135
}
107
}
136
108
Lines 222-264 h1 { Link Here
222
    }
194
    }
223
}
195
}
224
196
225
.btn-primary,
197
.btn-primary {
226
.btn-primary:link,
227
.btn-primary:visited {
228
    $base-bg: #77b50f;
198
    $base-bg: #77b50f;
199
    background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg);
229
    background-color: $base-bg;
200
    background-color: $base-bg;
230
    background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg );
231
    background-position: 0;
201
    background-position: 0;
232
    border: 1px solid darken( $base-bg, 5% );
202
    border: 1px solid darken($base-bg, 5%);
233
    font-family: 'NotoSans';
203
    color: #FFF;
204
205
    &:link,
206
    &:visited {
207
        color: #FFF;
208
    }
234
209
235
    &:hover,
210
    &:hover,
236
    &:active,
211
    &:active {
237
    &:focus {
238
        $base-bg: darken( $base-bg, 2);
212
        $base-bg: darken( $base-bg, 2);
239
        background-color: $base-bg;
213
        background-color: $base-bg;
240
        background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg );
241
        border-color: darken($base-bg, 5%);
214
        border-color: darken($base-bg, 5%);
242
        box-shadow: 0 0 0 1px lighten(saturate($base-bg, 0.5), 4);
215
        box-shadow: 0 0 0 1px lighten(saturate($base-bg, 0.5), 4);
216
        color: #FFF;
217
    }
218
219
    &:focus {
220
        box-shadow: 0 0 0 2px lighten($base-bg, 10%);
243
    }
221
    }
244
}
222
}
245
223
246
.btn-danger,
224
.btn-danger {
247
.btn-danger:link,
248
.btn-danger:visited {
249
    $base-bg: #B92020;
225
    $base-bg: #B92020;
250
    background-color: $base-bg;
226
    background-color: $base-bg;
251
    background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg );
227
    background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg );
252
    background-position: 0;
228
    background-position: 0;
253
    border: 1px solid darken( $base-bg, 5% );
229
    border: 1px solid darken( $base-bg, 5% );
254
    font-family: 'NotoSans';
230
    color: #FFF;
231
232
    &:link,
233
    &:visited {
234
        color: #FFF;
235
    }
255
236
256
    &:hover,
237
    &:hover,
257
    &:active,
238
    &:active {
258
    &:focus {
259
        $base-bg: darken( $base-bg, 2);
239
        $base-bg: darken( $base-bg, 2);
260
        background-color: $base-bg;
240
        background-color: $base-bg;
261
        background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg );
241
        background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg );
242
        color: #FFF;
243
    }
244
245
    &:focus {
246
        box-shadow: 0 0 0 2px lighten($base-bg, 10%);
247
    }
248
}
249
250
.btn-default,
251
.btn-secondary {
252
    $base-bg: #e6e6e6;
253
    background-color: $base-bg;
254
    background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg);
255
    background-position: 0;
256
    border: 1px solid darken($base-bg, 20%);
257
    color: #000;
258
259
    &:link,
260
    &:visited {
261
        color: #000;
262
    }
263
264
    &:hover,
265
    &:active {
266
        $base-bg: darken($base-bg, 2);
267
        background-color: $base-bg;
268
        background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg);
269
        color: #000;
270
    }
271
272
    &:focus {
273
        box-shadow: 0 0 0 2px darken($base-bg, 10%);
274
    }
275
276
    &:not(:disabled):not(.disabled):active,
277
    &:not(:disabled):not(.disabled).active {
278
        color: #000;
262
    }
279
    }
263
}
280
}
264
281
Lines 539-553 ul { Link Here
539
    background: #FFFFFF none;
556
    background: #FFFFFF none;
540
    border: 1px solid #AAA;
557
    border: 1px solid #AAA;
541
    color: #222222;
558
    color: #222222;
542
543
    a:link,
544
    a:visited {
545
        color: $links;
546
    }
547
    a:hover,
548
    a:active {
549
        color: $links-hover;
550
    }
551
}
559
}
552
560
553
.ui-widget-header {
561
.ui-widget-header {
Lines 650-664 ul { Link Here
650
}
658
}
651
659
652
button {
660
button {
653
    &.btn-link {
654
        color: $links;
655
        &:focus,
656
        &:hover {
657
            color: $links-hover;
658
            text-decoration: none;
659
        }
660
    }
661
662
    &.closebtn {
661
    &.closebtn {
663
        background: transparent;
662
        background: transparent;
664
        border: 0;
663
        border: 0;
Lines 679-691 button { Link Here
679
    }
678
    }
680
}
679
}
681
680
682
.btn-default {
683
    color: #212529;
684
    background-color: #666666;
685
    border-color: #666666;
686
}
687
688
.btn-link {
681
.btn-link {
682
    color: $links;
683
684
    &:focus,
685
    &:hover {
686
        text-decoration: none;
687
    }
688
689
    &:focus {
690
        box-shadow: 0 0 0 1px lighten($links, 20%);
691
    }
692
689
    &.btn-lg {
693
    &.btn-lg {
690
        font-size: 100%;
694
        font-size: 100%;
691
    }
695
    }
Lines 973-978 button { Link Here
973
    }
977
    }
974
}
978
}
975
979
980
.dropdown-item:active {
981
    background-color: $links;
982
}
983
976
#koha_url {
984
#koha_url {
977
    p {
985
    p {
978
        color: #666666;
986
        color: #666666;
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-12 / +8 lines)
Lines 47-61 Link Here
47
a {
47
a {
48
    &:link,
48
    &:link,
49
    &:visited {
49
    &:visited {
50
        &.btn-link {
50
        &.cartRemove {
51
            &.cartRemove {
51
            color: #900;
52
                color: #900;
52
            font-size: 90%;
53
                font-size: 90%;
53
            padding-left: 0;
54
                padding-left: 0;
55
54
56
                &:hover {
55
            &:hover {
57
                    color: #c60000;
56
                color: #c60000;
58
                }
59
            }
57
            }
60
        }
58
        }
61
    }
59
    }
Lines 1299-1305 nav { Link Here
1299
        clear: both;
1297
        clear: both;
1300
        text-align: inherit;
1298
        text-align: inherit;
1301
        white-space: nowrap;
1299
        white-space: nowrap;
1302
        background-color: transparent;
1303
        border: 0;
1300
        border: 0;
1304
     }
1301
     }
1305
}
1302
}
Lines 1343-1350 nav { Link Here
1343
    a {
1340
    a {
1344
        &:link,
1341
        &:link,
1345
        &:visited {
1342
        &:visited {
1346
            &.btn {
1343
            &.btn-default,
1347
                color: #FFF;
1344
            &.btn-secondary {
1348
            }
1345
            }
1349
        }
1346
        }
1350
    }
1347
    }
1351
- 

Return to bug 26706