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

(-)a/koha-tmpl/intranet-tmpl/prog/css/login.css (-48 / +15 lines)
Lines 105-133 label { Link Here
105
	text-align: center;
105
	text-align: center;
106
}
106
}
107
107
108
#login #submit-button, #login .button {
109
	font-size: 1.4em;
110
	padding : .3em .6em;
111
    background: rgba(254, 195, 44, 1);
112
    border: none;
113
    color: #000;
114
}
115
116
#login #submit-button:hover, #login #submit-button:focus, #login #submit-button:active {
117
    background: rgba(254, 195, 44, 0.7);
118
    border: none;
119
}
120
121
#login #onerror_actions {
122
    margin-bottom: 1em;
123
    text-align: center;
124
}
125
126
#login #onerror_actions .button {
127
    margin: 3px;
128
    color: #333333;
129
}
130
131
#footer {
108
#footer {
132
        text-align: center;
109
        text-align: center;
133
        border-top: 1px solid #ccc;
110
        border-top: 1px solid #ccc;
Lines 135-169 label { Link Here
135
        font-style: italic;
112
        font-style: italic;
136
}
113
}
137
114
138
.submit input, .submit input:focus, .button {
115
.submit {
139
	border: 1px outset #999999;
116
    text-align: right;
140
	border-top-color: #666;
141
	border-left-color: #666;
142
	-moz-border-radius : 2px;
143
	padding: 0.25em;
144
	background: #ffffff; /* Old browsers */
145
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
146
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
147
	background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
148
	background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
149
	background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
150
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
151
	background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
152
	color: #333333;
153
	padding: 0.25em;
154
}
155
156
.submit input:active, .button:active {
157
	background: #fff;
158
	border: 1px solid #999;
159
	border-left-color: #999;
160
	border-top-color: #999;
161
}
117
}
162
118
163
.submit, .editform th, #postcustomsubmit {
119
#submit-button {
164
	text-align: right;
120
    font-size: 135%;
165
}
121
}
166
122
123
input[type="submit"]:active,
124
input[type="submit"]:focus {
125
    box-shadow: inset 0 0 0 1px #edb423;
126
}
127
128
input[type="submit"]:active,
129
input[type="submit"]:focus,
130
input[type="submit"]:hover {
131
    background: #ffd15e none;
132
    border: 1px solid #ffc32b;
133
}
167
134
168
textarea, input, select {
135
textarea, input, select {
169
    background: #fff;
136
    background: #fff;
(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_mixins.scss (-6 / +40 lines)
Lines 8-31 $table-odd-row: #f3f4f4; Link Here
8
$nav-menu-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 25 25'%3E%3Cpath fill='%23999' d='M9.66.95h4.56l9.21 11.85-9.21 10.53H9.66l5.08-10.53z'/%3E%3C/svg%3E");
8
$nav-menu-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 25 25'%3E%3Cpath fill='%23999' d='M9.66.95h4.56l9.21 11.85-9.21 10.53H9.66l5.08-10.53z'/%3E%3C/svg%3E");
9
9
10
@mixin default-button {
10
@mixin default-button {
11
    background-color: #fff;
11
    background: #FFF none;
12
    border: 1px solid #ccc;
12
    border: 1px solid #555;
13
    border-radius: 4px;
13
    border-radius: 4px;
14
    color: #333;
14
    cursor: pointer;
15
    display: inline-block;
15
    display: inline-block;
16
    font-size: inherit;
16
    font-size: inherit;
17
    font-weight: normal;
17
    line-height: 1.42857143;
18
    line-height: 1.42857143;
19
    margin-bottom: 0;
18
    padding: .5em 1em;
20
    padding: .5em 1em;
19
    text-align: center;
21
    text-align: center;
22
    touch-action: manipulation;
23
    user-select: none;
20
    vertical-align: middle;
24
    vertical-align: middle;
21
    white-space: nowrap;
25
    white-space: nowrap;
22
26
23
    &:hover {
27
    &:hover {
24
        background-color: #e0e0e0;
28
        background-color: #e0e0e0;
25
    }
26
29
27
    &:active {
30
        &:active {
28
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
31
            box-shadow: none;
32
        }
29
    }
33
    }
30
34
31
    &:active:hover {
35
    &:active:hover {
Lines 34-39 $nav-menu-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s Link Here
34
    }
38
    }
35
}
39
}
36
40
41
@mixin primary-button {
42
    background: $btn-primary none;
43
    border: 1px solid $btn-primary;
44
    border-radius: 4px;
45
    cursor: pointer;
46
    display: inline-block;
47
    font-size: inherit;
48
    font-weight: normal;
49
    line-height: 1.42857143;
50
    margin-bottom: 0;
51
    padding: .5em 1em;
52
    text-align: center;
53
    touch-action: manipulation;
54
    user-select: none;
55
    vertical-align: middle;
56
    white-space: nowrap;
57
58
    &:hover,
59
    &:active,
60
    &:focus {
61
        background: $btn-primary-hover none;
62
        border: 1px solid $btn-primary;
63
    }
64
65
    &:active,
66
    &:focus {
67
        box-shadow: inset 0 0 0 1px darken( desaturate( $btn-primary, 15 ), 5 );
68
    }
69
}
70
37
@mixin disabled-button {
71
@mixin disabled-button {
38
    background: #EEE none;
72
    background: #EEE none;
39
    border: 1px solid #C0C0C0;
73
    border: 1px solid #C0C0C0;
(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_toolbar.scss (+4 lines)
Lines 70-74 Link Here
70
                }
70
                }
71
            }
71
            }
72
        }
72
        }
73
74
        &.btn-link {
75
            font-size: 100%;
76
        }
73
    }
77
    }
74
}
78
}
(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_variables.scss (+2 lines)
Lines 2-7 $green-text-color: #006100; Link Here
2
$background-color-primary: #408540;
2
$background-color-primary: #408540;
3
$background-color-secondary: lighten(saturate(adjust-hue($background-color-primary, -24), 9), 9);
3
$background-color-secondary: lighten(saturate(adjust-hue($background-color-primary, -24), 9), 9);
4
$background-color-modal: lighten( saturate( $background-color-secondary, 5 ), 40 );
4
$background-color-modal: lighten( saturate( $background-color-secondary, 5 ), 40 );
5
$btn-primary: #FFC32B;
6
$btn-primary-hover: lighten( $btn-primary, 10 );
5
7
6
// Copied from Bootstrap 5 without system-ui because of
8
// Copied from Bootstrap 5 without system-ui because of
7
// https://infinnie.github.io/blog/2017/systemui.html
9
// https://infinnie.github.io/blog/2017/systemui.html
(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (-29 / +27 lines)
Lines 14-20 Link Here
14
.btn-success,
14
.btn-success,
15
.btn-info,
15
.btn-info,
16
.btn-warning,
16
.btn-warning,
17
.btn-danger {
17
.btn-danger,
18
button {
19
    box-shadow: unset;
18
    text-shadow: unset;
20
    text-shadow: unset;
19
}
21
}
20
22
Lines 566-572 textarea { Link Here
566
}
568
}
567
569
568
input {
570
input {
569
    &[type="submit"],
571
    &[type="submit"] {
572
        @include primary-button;
573
    }
574
570
    &[type="reset"],
575
    &[type="reset"],
571
    &[type="button"] {
576
    &[type="button"] {
572
        @include default-button;
577
        @include default-button;
Lines 584-604 input { Link Here
584
    }
589
    }
585
590
586
    &.submit {
591
    &.submit {
587
        @include default-button;
592
        @include primary-button;
588
593
589
        &:disabled {
594
        &:disabled {
590
            @include disabled-button;
595
            @include disabled-button;
591
        }
596
        }
592
    }
597
    }
593
594
    &[type="submit"], &.submit {
595
        background-color: #FEC32C;
596
        border: 0;
597
598
        &:hover {
599
            background-color: #fec22c9f;
600
        }
601
    }
602
}
598
}
603
599
604
.input-warning {
600
.input-warning {
Lines 1566-1574 i { Link Here
1566
    button,
1562
    button,
1567
    a.approve {
1563
    a.approve {
1568
        background: #FFF none;
1564
        background: #FFF none;
1569
        border: 1px outset #999999;
1565
        border: 1px solid #555;
1570
        border-left-color: #666;
1571
        border-top-color: #666;
1572
        margin: .4em;
1566
        margin: .4em;
1573
        padding: .4em;
1567
        padding: .4em;
1574
        white-space: pre-line;
1568
        white-space: pre-line;
Lines 3064-3086 nav { Link Here
3064
3058
3065
button,
3059
button,
3066
.btn {
3060
.btn {
3067
    display: inline-block;
3061
    @include default-button;
3068
    margin-bottom: 0;
3062
3069
    font-weight: normal;
3063
    &.btn-default {
3070
    text-align: center;
3064
        color: #555;
3071
    white-space: nowrap;
3065
    }
3072
    vertical-align: middle;
3073
    touch-action: manipulation;
3074
    cursor: pointer;
3075
    background-image: none;
3076
    font-size: 12px;
3077
    line-height: 1.42857143;
3078
    border-radius: 4px;
3079
    user-select: none;
3080
3066
3081
    &.btn-link {
3067
    &.btn-link {
3068
        background: transparent none;
3082
        border: 0;
3069
        border: 0;
3083
    }
3070
    }
3071
3072
    &.btn-primary {
3073
        @include primary-button;
3074
3075
        &.dropdown-toggle {
3076
            border-left: 1px solid darken( saturate( $btn-primary, 15 ), 15 );
3077
        }
3078
    }
3084
}
3079
}
3085
3080
3086
#merge-patrons {
3081
#merge-patrons {
Lines 3375-3380 label { Link Here
3375
    select {
3370
    select {
3376
        font-size: 13px;
3371
        font-size: 13px;
3377
    }
3372
    }
3373
3374
    > .btn:first-child:not( :last-child ):not( .dropdown-toggle ) {
3375
        border-right: 1px solid darken( saturate( $btn-primary, 15 ), 15 );
3376
    }
3378
}
3377
}
3379
3378
3380
.tooltip-inner {
3379
.tooltip-inner {
3381
- 

Return to bug 32044