|
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; |