chaas/debshots
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Fix CSS styling after Zurb update. Taken from old commit.

Browse source
This commit is contained in:
Christoph Haas 2025-03-16 16:51:36 +01:00
parent b5534b1900
commit ac46c269b3
3 changed files with 175 additions and 170 deletions
Download patch file Download diff file Expand all files Collapse all files

274
app/assets/builds/application.css
View file

@ -221,8 +221,8 @@ html {
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background: #fefefe; background: #f2f2f2;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-family: "Droid Sans", sans-serif;
font-weight: normal; font-weight: normal;
line-height: 1.5; line-height: 1.5;
color: #0a0a0a; color: #0a0a0a;
@ -610,7 +610,7 @@ h3, .h3,
h4, .h4, h4, .h4,
h5, .h5, h5, .h5,
h6, .h6 { h6, .h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-family: "Droid Sans", sans-serif;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
color: inherit; color: inherit;
@ -634,35 +634,35 @@ h1, .h1 {
} }
h2, .h2 { h2, .h2 {
font-size: 1.25rem; font-size: 1rem;
line-height: 1.4; line-height: 1.4;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
h3, .h3 { h3, .h3 {
font-size: 1.1875rem; font-size: 0.875rem;
line-height: 1.4; line-height: 1.4;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
h4, .h4 { h4, .h4 {
font-size: 1.125rem; font-size: 0.8125rem;
line-height: 1.4; line-height: 1.4;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
h5, .h5 { h5, .h5 {
font-size: 1.0625rem; font-size: 0.75rem;
line-height: 1.4; line-height: 1.4;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
h6, .h6 { h6, .h6 {
font-size: 1rem; font-size: 0.6875rem;
line-height: 1.4; line-height: 1.4;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -670,32 +670,32 @@ h6, .h6 {
@media print, screen and (min-width: 40em) { @media print, screen and (min-width: 40em) {
h1, .h1 { h1, .h1 {
font-size: 3rem;
}
h2, .h2 {
font-size: 2.5rem; font-size: 2.5rem;
} }
h2, .h2 {
font-size: 2rem;
}
h3, .h3 { h3, .h3 {
font-size: 1.9375rem; font-size: 1.75rem;
} }
h4, .h4 { h4, .h4 {
font-size: 1.5625rem; font-size: 1.625rem;
} }
h5, .h5 { h5, .h5 {
font-size: 1.25rem; font-size: 1.5rem;
} }
h6, .h6 { h6, .h6 {
font-size: 1rem; font-size: 1.375rem;
} }
} }
a { a {
line-height: inherit; line-height: inherit;
color: #1779ba; color: #c70338;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
a:hover, a:focus { a:hover, a:focus {
color: rgb(19.78, 104.06, 159.96); color: rgb(171.14, 2.58, 48.16);
} }
a img { a img {
border: 0; border: 0;
@ -3005,7 +3005,7 @@ ul.no-bullet, ol.no-bullet {
vertical-align: middle; vertical-align: middle;
margin: 0 0 1rem 0; margin: 0 0 1rem 0;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 0; border-radius: 0.5rem;
transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit; font-family: inherit;
font-size: 0.9rem; font-size: 0.9rem;
@ -3034,19 +3034,19 @@ ul.no-bullet, ol.no-bullet {
margin-left: 0; margin-left: 0;
} }
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
background-color: #1779ba; background-color: #c70338;
color: #fefefe; color: #fefefe;
} }
.button:hover, .button:focus { .button:hover, .button:focus {
background-color: rgb(19.55, 102.85, 158.1); background-color: rgb(169.15, 2.55, 47.6);
color: #fefefe; color: #fefefe;
} }
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { .button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
background-color: #1779ba; background-color: #c70338;
color: #fefefe; color: #fefefe;
} }
.button.primary:hover, .button.primary:focus { .button.primary:hover, .button.primary:focus {
background-color: rgb(18.4, 96.8, 148.8); background-color: rgb(159.2, 2.4, 44.8);
color: #fefefe; color: #fefefe;
} }
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
@ -3085,20 +3085,20 @@ ul.no-bullet, ol.no-bullet {
background-color: transparent; background-color: transparent;
} }
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { .button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
border: 1px solid #1779ba; border: 1px solid #c70338;
color: #1779ba; color: #c70338;
} }
.button.hollow:hover, .button.hollow:focus { .button.hollow:hover, .button.hollow:focus {
border-color: rgb(11.5, 60.5, 93); border-color: rgb(99.5, 1.5, 28);
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
border: 1px solid #1779ba; border: 1px solid #c70338;
color: #1779ba; color: #c70338;
} }
.button.hollow.primary:hover, .button.hollow.primary:focus { .button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: rgb(11.5, 60.5, 93); border-color: rgb(99.5, 1.5, 28);
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
border: 1px solid #767676; border: 1px solid #767676;
@ -3137,16 +3137,16 @@ ul.no-bullet, ol.no-bullet {
background-color: transparent; background-color: transparent;
} }
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
color: #1779ba; color: #c70338;
} }
.button.clear:hover, .button.clear:focus { .button.clear:hover, .button.clear:focus {
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
color: #1779ba; color: #c70338;
} }
.button.clear.primary:hover, .button.clear.primary:focus { .button.clear.primary:hover, .button.clear.primary:focus {
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
color: #767676; color: #767676;
@ -3192,10 +3192,10 @@ ul.no-bullet, ol.no-bullet {
margin-left: 1em; margin-left: 1em;
} }
.button.dropdown.hollow::after, .button.dropdown.clear::after { .button.dropdown.hollow::after, .button.dropdown.clear::after {
border-top-color: #1779ba; border-top-color: #c70338;
} }
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
border-top-color: #1779ba; border-top-color: #c70338;
} }
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
border-top-color: #767676; border-top-color: #767676;
@ -3261,11 +3261,11 @@ a.button:hover, a.button:focus {
flex: 1 1 0px; flex: 1 1 0px;
} }
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
background-color: #1779ba; background-color: #c70338;
color: #fefefe; color: #fefefe;
} }
.button-group.primary .button:hover, .button-group.primary .button:focus { .button-group.primary .button:hover, .button-group.primary .button:focus {
background-color: rgb(18.4, 96.8, 148.8); background-color: rgb(159.2, 2.4, 44.8);
color: #fefefe; color: #fefefe;
} }
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { .button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
@ -3304,20 +3304,20 @@ a.button:hover, a.button:focus {
background-color: transparent; background-color: transparent;
} }
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
border: 1px solid #1779ba; border: 1px solid #c70338;
color: #1779ba; color: #c70338;
} }
.button-group.hollow .button:hover, .button-group.hollow .button:focus { .button-group.hollow .button:hover, .button-group.hollow .button:focus {
border-color: rgb(11.5, 60.5, 93); border-color: rgb(99.5, 1.5, 28);
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
border: 1px solid #1779ba; border: 1px solid #c70338;
color: #1779ba; color: #c70338;
} }
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { .button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
border-color: rgb(11.5, 60.5, 93); border-color: rgb(99.5, 1.5, 28);
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
border: 1px solid #767676; border: 1px solid #767676;
@ -3356,16 +3356,16 @@ a.button:hover, a.button:focus {
background-color: transparent; background-color: transparent;
} }
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
color: #1779ba; color: #c70338;
} }
.button-group.clear .button:hover, .button-group.clear .button:focus { .button-group.clear .button:hover, .button-group.clear .button:focus {
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
color: #1779ba; color: #c70338;
} }
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { .button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
color: #767676; color: #767676;
@ -3474,11 +3474,11 @@ a.button:hover, a.button:focus {
line-height: 1; line-height: 1;
white-space: nowrap; white-space: nowrap;
cursor: default; cursor: default;
background: #1779ba; background: #c70338;
color: #fefefe; color: #fefefe;
} }
.label.primary { .label.primary {
background: #1779ba; background: #c70338;
color: #fefefe; color: #fefefe;
} }
.label.secondary { .label.secondary {
@ -3505,7 +3505,7 @@ a.button:hover, a.button:focus {
background-color: #cacaca; background-color: #cacaca;
} }
.progress.primary .progress-meter { .progress.primary .progress-meter {
background-color: #1779ba; background-color: #c70338;
} }
.progress.secondary .progress-meter { .progress.secondary .progress-meter {
background-color: #767676; background-color: #767676;
@ -3525,7 +3525,7 @@ a.button:hover, a.button:focus {
display: block; display: block;
width: 0%; width: 0%;
height: 100%; height: 100%;
background-color: #1779ba; background-color: #c70338;
} }
.progress-meter-text { .progress-meter-text {
@ -3573,7 +3573,7 @@ a.button:hover, a.button:focus {
width: 1.4rem; width: 1.4rem;
height: 1.4rem; height: 1.4rem;
border-radius: 0; border-radius: 0;
background-color: #1779ba; background-color: #c70338;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
touch-action: manipulation; touch-action: manipulation;
position: absolute; position: absolute;
@ -3584,7 +3584,7 @@ a.button:hover, a.button:focus {
outline: 0; outline: 0;
} }
.slider-handle:hover { .slider-handle:hover {
background-color: rgb(19.55, 102.85, 158.1); background-color: rgb(169.15, 2.55, 47.6);
} }
.slider-handle.is-dragging { .slider-handle.is-dragging {
transition: all 0s linear; transition: all 0s linear;
@ -3664,7 +3664,7 @@ input + .switch-paddle {
content: ""; content: "";
} }
input:checked ~ .switch-paddle { input:checked ~ .switch-paddle {
background: #1779ba; background: #c70338;
} }
input:checked ~ .switch-paddle::after { input:checked ~ .switch-paddle::after {
left: 2.25rem; left: 2.25rem;
@ -3676,7 +3676,7 @@ input:focus-visible ~ .switch-paddle::after {
background: #fefefe; background: #fefefe;
} }
input:checked:focus-visible ~ .switch-paddle { input:checked:focus-visible ~ .switch-paddle {
background: rgb(19.55, 102.85, 158.1); background: rgb(169.15, 2.55, 47.6);
} }
input:disabled ~ .switch-paddle { input:disabled ~ .switch-paddle {
cursor: not-allowed; cursor: not-allowed;
@ -3867,11 +3867,11 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
border-radius: 50%; border-radius: 50%;
font-size: 0.6rem; font-size: 0.6rem;
text-align: center; text-align: center;
background: #1779ba; background: #c70338;
color: #fefefe; color: #fefefe;
} }
.badge.primary { .badge.primary {
background: #1779ba; background: #c70338;
color: #fefefe; color: #fefefe;
} }
.badge.secondary { .badge.secondary {
@ -3919,7 +3919,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
color: #cacaca; color: #cacaca;
} }
.breadcrumbs a { .breadcrumbs a {
color: #1779ba; color: #c70338;
} }
.breadcrumbs a:hover { .breadcrumbs a:hover {
text-decoration: underline; text-decoration: underline;
@ -3945,7 +3945,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
margin-bottom: 0; margin-bottom: 0;
} }
.callout.primary { .callout.primary {
background-color: rgb(214.8186602871, 235.9894736842, 250.0313397129); background-color: rgb(254.3138613861, 209.4861386139, 221.6079207921);
color: #0a0a0a; color: #0a0a0a;
} }
.callout.secondary { .callout.secondary {
@ -4024,7 +4024,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
visibility: hidden; visibility: hidden;
border: 1px solid #cacaca; border: 1px solid #cacaca;
border-radius: 0; border-radius: 0;
background-color: #fefefe; background-color: #f2f2f2;
font-size: 1rem; font-size: 1rem;
} }
.dropdown-pane.is-opening { .dropdown-pane.is-opening {
@ -4087,7 +4087,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
} }
.pagination .current { .pagination .current {
padding: 0.1875rem 0.625rem; padding: 0.1875rem 0.625rem;
background: #1779ba; background: #c70338;
color: #fefefe; color: #fefefe;
cursor: default; cursor: default;
} }
@ -4246,7 +4246,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
border-bottom: 0; border-bottom: 0;
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1; line-height: 1;
color: #1779ba; color: #c70338;
} }
:last-child:not(.is-active) > .accordion-title { :last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
@ -4464,13 +4464,13 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
} }
.tabs.primary { .tabs.primary {
background: #1779ba; background: #c70338;
} }
.tabs.primary > li > a { .tabs.primary > li > a {
color: #fefefe; color: #fefefe;
} }
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: rgb(21.85, 114.95, 176.7); background: rgb(214.1712871287, 3.2287128713, 60.2693069307);
} }
.tabs-title { .tabs-title {
@ -4481,18 +4481,18 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
padding: 1.25rem 1.5rem; padding: 1.25rem 1.5rem;
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1; line-height: 1;
color: #1779ba; color: #c70338;
} }
[data-whatinput=mouse] .tabs-title > a { [data-whatinput=mouse] .tabs-title > a {
outline: 0; outline: 0;
} }
.tabs-title > a:hover { .tabs-title > a:hover {
background: #fefefe; background: #fefefe;
color: rgb(19.78, 104.06, 159.96); color: rgb(171.14, 2.58, 48.16);
} }
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] { .tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
background: #e6e6e6; background: #e6e6e6;
color: #1779ba; color: #c70338;
} }
.tabs-content { .tabs-content {
@ -4530,7 +4530,7 @@ a.thumbnail {
transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out;
} }
a.thumbnail:hover, a.thumbnail:focus { a.thumbnail:hover, a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); box-shadow: 0 0 6px 1px rgba(199, 3, 56, 0.5);
} }
a.thumbnail image { a.thumbnail image {
box-shadow: none; box-shadow: none;
@ -4552,7 +4552,7 @@ a.thumbnail image {
line-height: 1; line-height: 1;
text-decoration: none; text-decoration: none;
display: block; display: block;
padding: 0.7rem 1rem; padding: 0.3rem 0.5rem;
} }
.menu input, .menu input,
.menu select, .menu select,
@ -4684,11 +4684,11 @@ a.thumbnail image {
text-align: center; text-align: center;
} }
.menu .is-active > a { .menu .is-active > a {
background: #1779ba; background: #c70338;
color: #fefefe; color: #fefefe;
} }
.menu .active > a { .menu .active > a {
background: #1779ba; background: #c70338;
color: #fefefe; color: #fefefe;
} }
.menu.align-left { .menu.align-left {
@ -4727,7 +4727,7 @@ a.thumbnail image {
justify-content: flex-start; justify-content: flex-start;
} }
.menu .menu-text { .menu .menu-text {
padding: 0.7rem 1rem; padding: 0.3rem 0.5rem;
font-weight: bold; font-weight: bold;
line-height: 1; line-height: 1;
color: inherit; color: inherit;
@ -4800,10 +4800,10 @@ a.thumbnail image {
width: 100%; width: 100%;
} }
.accordion-menu a { .accordion-menu a {
padding: 0.7rem 1rem; padding: 0.3rem 0.5rem;
} }
.accordion-menu .is-accordion-submenu a { .accordion-menu .is-accordion-submenu a {
padding: 0.7rem 1rem; padding: 0.3rem 0.5rem;
} }
.accordion-menu .nested.is-accordion-submenu { .accordion-menu .nested.is-accordion-submenu {
margin-right: 0; margin-right: 0;
@ -4824,7 +4824,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-bottom-width: 0; border-bottom-width: 0;
border-color: #1779ba transparent transparent; border-color: #c70338 transparent transparent;
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -3px; margin-top: -3px;
@ -4867,7 +4867,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-bottom-width: 0; border-bottom-width: 0;
border-color: #1779ba transparent transparent; border-color: #c70338 transparent transparent;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
@ -4901,7 +4901,7 @@ a.thumbnail image {
} }
.drilldown a { .drilldown a {
padding: 0.7rem 1rem; padding: 0.3rem 0.5rem;
background: #fefefe; background: #fefefe;
} }
.drilldown .is-drilldown-submenu { .drilldown .is-drilldown-submenu {
@ -4922,7 +4922,7 @@ a.thumbnail image {
transform: translateX(100%); transform: translateX(100%);
} }
.drilldown .is-drilldown-submenu a { .drilldown .is-drilldown-submenu a {
padding: 0.7rem 1rem; padding: 0.3rem 0.5rem;
} }
.drilldown .nested.is-drilldown-submenu { .drilldown .nested.is-drilldown-submenu {
margin-right: 0; margin-right: 0;
@ -4942,7 +4942,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-right-width: 0; border-right-width: 0;
border-color: transparent transparent transparent #1779ba; border-color: transparent transparent transparent #c70338;
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -6px; margin-top: -6px;
@ -4956,7 +4956,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-right-width: 0; border-right-width: 0;
border-color: transparent transparent transparent #1779ba; border-color: transparent transparent transparent #c70338;
right: 1rem; right: 1rem;
left: auto; left: auto;
} }
@ -4968,7 +4968,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-left-width: 0; border-left-width: 0;
border-color: transparent #1779ba transparent transparent; border-color: transparent #c70338 transparent transparent;
right: auto; right: auto;
left: 1rem; left: 1rem;
} }
@ -4980,7 +4980,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-left-width: 0; border-left-width: 0;
border-color: transparent #1779ba transparent transparent; border-color: transparent #c70338 transparent transparent;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-right: 0.75rem; margin-right: 0.75rem;
@ -5008,7 +5008,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-bottom-width: 0; border-bottom-width: 0;
border-color: #1779ba transparent transparent; border-color: #c70338 transparent transparent;
right: 5px; right: 5px;
left: auto; left: auto;
margin-top: -3px; margin-top: -3px;
@ -5017,11 +5017,11 @@ a.thumbnail image {
outline: 0; outline: 0;
} }
.dropdown.menu > li > a { .dropdown.menu > li > a {
padding: 0.7rem 1rem; padding: 0.3rem 0.5rem;
} }
.dropdown.menu > li.is-active > a { .dropdown.menu > li.is-active > a {
background: transparent; background: transparent;
color: #1779ba; color: #c70338;
} }
.no-js .dropdown.menu ul { .no-js .dropdown.menu ul {
display: none; display: none;
@ -5053,7 +5053,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-left-width: 0; border-left-width: 0;
border-color: transparent #1779ba transparent transparent; border-color: transparent #c70338 transparent transparent;
right: auto; right: auto;
left: 5px; left: 5px;
} }
@ -5065,7 +5065,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-right-width: 0; border-right-width: 0;
border-color: transparent transparent transparent #1779ba; border-color: transparent transparent transparent #c70338;
} }
@media print, screen and (min-width: 40em) { @media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
@ -5090,7 +5090,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-bottom-width: 0; border-bottom-width: 0;
border-color: #1779ba transparent transparent; border-color: #c70338 transparent transparent;
right: 5px; right: 5px;
left: auto; left: auto;
margin-top: -3px; margin-top: -3px;
@ -5118,7 +5118,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-left-width: 0; border-left-width: 0;
border-color: transparent #1779ba transparent transparent; border-color: transparent #c70338 transparent transparent;
right: auto; right: auto;
left: 5px; left: 5px;
} }
@ -5130,7 +5130,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-right-width: 0; border-right-width: 0;
border-color: transparent transparent transparent #1779ba; border-color: transparent transparent transparent #c70338;
} }
} }
@media print, screen and (min-width: 64em) { @media print, screen and (min-width: 64em) {
@ -5156,7 +5156,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-bottom-width: 0; border-bottom-width: 0;
border-color: #1779ba transparent transparent; border-color: #c70338 transparent transparent;
right: 5px; right: 5px;
left: auto; left: auto;
margin-top: -3px; margin-top: -3px;
@ -5184,7 +5184,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-left-width: 0; border-left-width: 0;
border-color: transparent #1779ba transparent transparent; border-color: transparent #c70338 transparent transparent;
right: auto; right: auto;
left: 5px; left: 5px;
} }
@ -5196,7 +5196,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-right-width: 0; border-right-width: 0;
border-color: transparent transparent transparent #1779ba; border-color: transparent transparent transparent #c70338;
} }
} }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub { .dropdown.menu.align-right .is-dropdown-submenu.first-sub {
@ -5246,7 +5246,7 @@ a.thumbnail image {
background: #fefefe; background: #fefefe;
} }
.dropdown .is-dropdown-submenu a { .dropdown .is-dropdown-submenu a {
padding: 0.7rem 1rem; padding: 0.3rem 0.5rem;
} }
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px; right: 14px;
@ -5259,7 +5259,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-left-width: 0; border-left-width: 0;
border-color: transparent #1779ba transparent transparent; border-color: transparent #c70338 transparent transparent;
right: auto; right: auto;
left: 5px; left: 5px;
} }
@ -5271,7 +5271,7 @@ a.thumbnail image {
border-width: 6px; border-width: 6px;
content: ""; content: "";
border-right-width: 0; border-right-width: 0;
border-color: transparent transparent transparent #1779ba; border-color: transparent transparent transparent #c70338;
} }
.is-dropdown-submenu .is-dropdown-submenu { .is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px; margin-top: -1px;
@ -5839,7 +5839,7 @@ html.is-reveal-open body {
} }
.top-bar { .top-bar {
padding: 0.5rem; padding: 0;
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: space-between; justify-content: space-between;
@ -5847,7 +5847,7 @@ html.is-reveal-open body {
} }
.top-bar, .top-bar,
.top-bar ul { .top-bar ul {
background-color: #e6e6e6; background-color: #d8d8d8;
} }
.top-bar input { .top-bar input {
max-width: 200px; max-width: 200px;
@ -6314,8 +6314,8 @@ html {
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background: #fefefe; background: #f2f2f2;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-family: "Droid Sans", sans-serif;
font-weight: normal; font-weight: normal;
line-height: 1.5; line-height: 1.5;
color: #0a0a0a; color: #0a0a0a;
@ -7508,7 +7508,7 @@ h3, .h3,
h4, .h4, h4, .h4,
h5, .h5, h5, .h5,
h6, .h6 { h6, .h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-family: "Droid Sans", sans-serif;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
color: inherit; color: inherit;
@ -7532,35 +7532,35 @@ h1, .h1 {
} }
h2, .h2 { h2, .h2 {
font-size: 1.25rem; font-size: 1rem;
line-height: 1.4; line-height: 1.4;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
h3, .h3 { h3, .h3 {
font-size: 1.1875rem; font-size: 0.875rem;
line-height: 1.4; line-height: 1.4;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
h4, .h4 { h4, .h4 {
font-size: 1.125rem; font-size: 0.8125rem;
line-height: 1.4; line-height: 1.4;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
h5, .h5 { h5, .h5 {
font-size: 1.0625rem; font-size: 0.75rem;
line-height: 1.4; line-height: 1.4;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
h6, .h6 { h6, .h6 {
font-size: 1rem; font-size: 0.6875rem;
line-height: 1.4; line-height: 1.4;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -7568,32 +7568,32 @@ h6, .h6 {
@media print, screen and (min-width: 40em) { @media print, screen and (min-width: 40em) {
h1, .h1 { h1, .h1 {
font-size: 3rem;
}
h2, .h2 {
font-size: 2.5rem; font-size: 2.5rem;
} }
h2, .h2 {
font-size: 2rem;
}
h3, .h3 { h3, .h3 {
font-size: 1.9375rem; font-size: 1.75rem;
} }
h4, .h4 { h4, .h4 {
font-size: 1.5625rem; font-size: 1.625rem;
} }
h5, .h5 { h5, .h5 {
font-size: 1.25rem; font-size: 1.5rem;
} }
h6, .h6 { h6, .h6 {
font-size: 1rem; font-size: 1.375rem;
} }
} }
a { a {
line-height: inherit; line-height: inherit;
color: #1779ba; color: #c70338;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
a:hover, a:focus { a:hover, a:focus {
color: rgb(19.78, 104.06, 159.96); color: rgb(171.14, 2.58, 48.16);
} }
a img { a img {
border: 0; border: 0;
@ -8128,7 +8128,7 @@ select:not([multiple]) {
vertical-align: middle; vertical-align: middle;
margin: 0 0 1rem 0; margin: 0 0 1rem 0;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 0; border-radius: 0.5rem;
transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit; font-family: inherit;
font-size: 0.9rem; font-size: 0.9rem;
@ -8157,19 +8157,19 @@ select:not([multiple]) {
margin-left: 0; margin-left: 0;
} }
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
background-color: #1779ba; background-color: #c70338;
color: #fefefe; color: #fefefe;
} }
.button:hover, .button:focus { .button:hover, .button:focus {
background-color: rgb(19.55, 102.85, 158.1); background-color: rgb(169.15, 2.55, 47.6);
color: #fefefe; color: #fefefe;
} }
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { .button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
background-color: #1779ba; background-color: #c70338;
color: #fefefe; color: #fefefe;
} }
.button.primary:hover, .button.primary:focus { .button.primary:hover, .button.primary:focus {
background-color: rgb(18.4, 96.8, 148.8); background-color: rgb(159.2, 2.4, 44.8);
color: #fefefe; color: #fefefe;
} }
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
@ -8208,20 +8208,20 @@ select:not([multiple]) {
background-color: transparent; background-color: transparent;
} }
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { .button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
border: 1px solid #1779ba; border: 1px solid #c70338;
color: #1779ba; color: #c70338;
} }
.button.hollow:hover, .button.hollow:focus { .button.hollow:hover, .button.hollow:focus {
border-color: rgb(11.5, 60.5, 93); border-color: rgb(99.5, 1.5, 28);
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
border: 1px solid #1779ba; border: 1px solid #c70338;
color: #1779ba; color: #c70338;
} }
.button.hollow.primary:hover, .button.hollow.primary:focus { .button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: rgb(11.5, 60.5, 93); border-color: rgb(99.5, 1.5, 28);
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
border: 1px solid #767676; border: 1px solid #767676;
@ -8260,16 +8260,16 @@ select:not([multiple]) {
background-color: transparent; background-color: transparent;
} }
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
color: #1779ba; color: #c70338;
} }
.button.clear:hover, .button.clear:focus { .button.clear:hover, .button.clear:focus {
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
color: #1779ba; color: #c70338;
} }
.button.clear.primary:hover, .button.clear.primary:focus { .button.clear.primary:hover, .button.clear.primary:focus {
color: rgb(11.5, 60.5, 93); color: rgb(99.5, 1.5, 28);
} }
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
color: #767676; color: #767676;
@ -8315,10 +8315,10 @@ select:not([multiple]) {
margin-left: 1em; margin-left: 1em;
} }
.button.dropdown.hollow::after, .button.dropdown.clear::after { .button.dropdown.hollow::after, .button.dropdown.clear::after {
border-top-color: #1779ba; border-top-color: #c70338;
} }
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
border-top-color: #1779ba; border-top-color: #c70338;
} }
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
border-top-color: #767676; border-top-color: #767676;

71
app/assets/stylesheets/_settings.scss
View file

@ -58,7 +58,7 @@
// 53. Title Bar // 53. Title Bar
// 54. Tooltip // 54. Tooltip
// 55. Top Bar // 55. Top Bar
// 57. Xy Grid // 56. Xy Grid
@use "sass:color"; @use "sass:color";
@import 'foundation-sites/scss/util/util'; @import 'foundation-sites/scss/util/util';
@ -70,21 +70,22 @@ $global-font-size: 100%;
$global-width: rem-calc(1200); $global-width: rem-calc(1200);
$global-lineheight: 1.5; $global-lineheight: 1.5;
$foundation-palette: ( $foundation-palette: (
"primary": #1779ba, primary: #c70338,
"secondary": #767676, secondary: #767676,
"success": #3adb76, success: #3adb76,
"warning": #ffae00, warning: #ffae00,
"alert": #cc4b37, alert: #cc4b37,
); );
$light-gray: #e6e6e6; $light-gray: #e6e6e6;
$medium-gray: #cacaca; $medium-gray: #cacaca;
$dark-gray: #8a8a8a; $dark-gray: #8a8a8a;
$black: #0a0a0a; $black: #0a0a0a;
$white: #fefefe; $white: #fefefe;
$body-background: $white; // $body-background: $white;
$body-background: #f2f2f2;
$body-font-color: $black; $body-font-color: $black;
$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; $body-font-family: 'Droid Sans', sans-serif;
$body-safe-padding: false; // $body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
$body-antialiased: true; $body-antialiased: true;
$global-margin: 1rem; $global-margin: 1rem;
$global-padding: 1rem; $global-padding: 1rem;
@ -92,7 +93,8 @@ $global-position: 1rem;
$global-weight-normal: normal; $global-weight-normal: normal;
$global-weight-bold: bold; $global-weight-bold: bold;
$global-radius: 0; $global-radius: 0;
$global-menu-padding: 0.7rem 1rem; $global-menu-padding: 0.3rem 0.5rem;
// $global-menu-padding: 0.7rem 1rem;
$global-menu-nested-margin: 1rem; $global-menu-nested-margin: 1rem;
$global-text-direction: ltr; $global-text-direction: ltr;
$global-flexbox: true; $global-flexbox: true;
@ -109,11 +111,11 @@ $print-hrefs: true;
$-zf-size: null; $-zf-size: null;
$breakpoints: ( $breakpoints: (
"small": 0, small: 0,
"medium": 640px, medium: 640px,
"large": 1024px, large: 1024px,
"xlarge": 1200px, xlarge: 1200px,
"xxlarge": 1440px, xxlarge: 1440px,
); );
$breakpoints-hidpi: ( $breakpoints-hidpi: (
"hidpi-1": 1, "hidpi-1": 1,
@ -151,19 +153,19 @@ $header-margin-bottom: 0.5rem;
$header-styles: ( $header-styles: (
small: ( small: (
'h1': ('font-size': 24), 'h1': ('font-size': 24),
'h2': ('font-size': 20), 'h2': ('font-size': 16),
'h3': ('font-size': 19), 'h3': ('font-size': 14),
'h4': ('font-size': 18), 'h4': ('font-size': 13),
'h5': ('font-size': 17), 'h5': ('font-size': 12),
'h6': ('font-size': 16), 'h6': ('font-size': 11),
), ),
medium: ( medium: (
'h1': ('font-size': 48), 'h1': ('font-size': 40),
'h2': ('font-size': 40), 'h2': ('font-size': 32),
'h3': ('font-size': 31), 'h3': ('font-size': 28),
'h4': ('font-size': 25), 'h4': ('font-size': 26),
'h5': ('font-size': 20), 'h5': ('font-size': 24),
'h6': ('font-size': 16), 'h6': ('font-size': 22),
), ),
); );
$header-text-rendering: optimizeLegibility; $header-text-rendering: optimizeLegibility;
@ -304,7 +306,8 @@ $button-background: $primary-color;
$button-background-hover: scale-color($button-background, $lightness: -15%); $button-background-hover: scale-color($button-background, $lightness: -15%);
$button-color: $white; $button-color: $white;
$button-color-alt: $black; $button-color-alt: $black;
$button-radius: $global-radius; //$button-radius: $global-radius;
$button-radius: 0.5rem;
$button-border: 1px solid transparent; $button-border: 1px solid transparent;
$button-hollow-border-width: 1px; $button-hollow-border-width: 1px;
$button-sizes: ( $button-sizes: (
@ -464,7 +467,7 @@ $input-background-focus: $white;
$input-background-disabled: $light-gray; $input-background-disabled: $light-gray;
$input-border: 1px solid $medium-gray; $input-border: 1px solid $medium-gray;
$input-border-focus: 1px solid $dark-gray; $input-border-focus: 1px solid $dark-gray;
$input-padding: $form-spacing * 0.5; $input-padding: $form-spacing / 2;
$input-shadow: inset 0 1px 2px rgba($black, 0.1); $input-shadow: inset 0 1px 2px rgba($black, 0.1);
$input-shadow-focus: 0 0 5px $medium-gray; $input-shadow-focus: 0 0 5px $medium-gray;
$input-cursor-disabled: not-allowed; $input-cursor-disabled: not-allowed;
@ -502,6 +505,7 @@ $menu-item-color-active: $white;
$menu-item-color-alt-active: $black; $menu-item-color-alt-active: $black;
$menu-item-background-active: get-color(primary); $menu-item-background-active: get-color(primary);
$menu-icon-spacing: 0.25rem; $menu-icon-spacing: 0.25rem;
$menu-item-background-hover: $light-gray;
$menu-state-back-compat: true; $menu-state-back-compat: true;
$menu-centered-back-compat: true; $menu-centered-back-compat: true;
$menu-icons-back-compat: true; $menu-icons-back-compat: true;
@ -875,22 +879,23 @@ $tooltip-radius: $global-radius;
// 55. Top Bar // 55. Top Bar
// ----------- // -----------
$topbar-padding: 0.5rem; $topbar-padding: 0;
$topbar-background: $light-gray; // $topbar-background: $light-gray;
$topbar-background: #d8d8d8;
$topbar-submenu-background: $topbar-background; $topbar-submenu-background: $topbar-background;
$topbar-title-spacing: 0.5rem 1rem 0.5rem 0; $topbar-title-spacing: 0.5rem 1rem 0.5rem 0;
$topbar-input-width: 200px; $topbar-input-width: 200px;
$topbar-unstack-breakpoint: medium; $topbar-unstack-breakpoint: medium;
// 57. Xy Grid // 56. Xy Grid
// ----------- // -----------
$xy-grid: true; $xy-grid: true;
$grid-container: $global-width; $grid-container: $global-width;
$grid-columns: 12; $grid-columns: 12;
$grid-margin-gutters: ( $grid-margin-gutters: (
"small": 20px, small: 20px,
"medium": 30px medium: 30px
); );
$grid-padding-gutters: $grid-margin-gutters; $grid-padding-gutters: $grid-margin-gutters;
$grid-container-padding: $grid-padding-gutters; $grid-container-padding: $grid-padding-gutters;

BIN
bun.lockb
View file

Binary file not shown.