small tweaks
This commit is contained in:
338
css/lootalot.css
338
css/lootalot.css
@@ -285,7 +285,7 @@ th:not([align]) {
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: white;
|
||||
background-color: #eceff4;
|
||||
font-size: 16px;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
@@ -329,7 +329,7 @@ body {
|
||||
}
|
||||
|
||||
a {
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -894,27 +894,27 @@ a.has-text-dark:hover, a.has-text-dark:focus {
|
||||
}
|
||||
|
||||
.has-text-primary {
|
||||
color: #b48ead !important;
|
||||
color: #81a1c1 !important;
|
||||
}
|
||||
|
||||
a.has-text-primary:hover, a.has-text-primary:focus {
|
||||
color: #a06f97 !important;
|
||||
color: #5f88b0 !important;
|
||||
}
|
||||
|
||||
.has-background-primary {
|
||||
background-color: #b48ead !important;
|
||||
background-color: #81a1c1 !important;
|
||||
}
|
||||
|
||||
.has-text-link {
|
||||
color: #3273dc !important;
|
||||
color: #5e81ac !important;
|
||||
}
|
||||
|
||||
a.has-text-link:hover, a.has-text-link:focus {
|
||||
color: #205bbc !important;
|
||||
color: #49688e !important;
|
||||
}
|
||||
|
||||
.has-background-link {
|
||||
background-color: #3273dc !important;
|
||||
background-color: #5e81ac !important;
|
||||
}
|
||||
|
||||
.has-text-info {
|
||||
@@ -1006,11 +1006,11 @@ a.has-text-danger:hover, a.has-text-danger:focus {
|
||||
}
|
||||
|
||||
.has-text-grey-light {
|
||||
color: #b5b5b5 !important;
|
||||
color: #d8dee9 !important;
|
||||
}
|
||||
|
||||
.has-background-grey-light {
|
||||
background-color: #b5b5b5 !important;
|
||||
background-color: #d8dee9 !important;
|
||||
}
|
||||
|
||||
.has-text-grey-lighter {
|
||||
@@ -1453,7 +1453,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
|
||||
|
||||
.box {
|
||||
background-color: white;
|
||||
border-radius: 6px;
|
||||
border-radius: 0 0 2rem 2rem;
|
||||
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
|
||||
color: #4a4a4a;
|
||||
display: block;
|
||||
@@ -1461,10 +1461,10 @@ a.has-text-danger:hover, a.has-text-danger:focus {
|
||||
}
|
||||
|
||||
a.box:hover, a.box:focus {
|
||||
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
|
||||
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #5e81ac;
|
||||
}
|
||||
a.box:active {
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #5e81ac;
|
||||
}
|
||||
|
||||
.button {
|
||||
@@ -1501,7 +1501,7 @@ a.box:active {
|
||||
margin-right: calc(-0.5em - 1px);
|
||||
}
|
||||
.button:hover, .button.is-hovered {
|
||||
border-color: #b5b5b5;
|
||||
border-color: #d8dee9;
|
||||
color: #363636;
|
||||
}
|
||||
.button:focus, .button.is-focused {
|
||||
@@ -1509,7 +1509,7 @@ a.box:active {
|
||||
color: #363636;
|
||||
}
|
||||
.button:focus:not(:active), .button.is-focused:not(:active) {
|
||||
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(94, 129, 172, 0.25);
|
||||
}
|
||||
.button:active, .button.is-active {
|
||||
border-color: #4a4a4a;
|
||||
@@ -1867,12 +1867,12 @@ a.box:active {
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-primary {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-primary:hover, .button.is-primary.is-hovered {
|
||||
background-color: #af86a7;
|
||||
background-color: #789bbd;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
@@ -1881,21 +1881,21 @@ a.box:active {
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
|
||||
box-shadow: 0 0 0 0.125em rgba(180, 142, 173, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(129, 161, 193, 0.25);
|
||||
}
|
||||
.button.is-primary:active, .button.is-primary.is-active {
|
||||
background-color: #aa7fa2;
|
||||
background-color: #7094b9;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.button.is-primary.is-inverted {
|
||||
background-color: #fff;
|
||||
color: #b48ead;
|
||||
color: #81a1c1;
|
||||
}
|
||||
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
|
||||
background-color: #f2f2f2;
|
||||
@@ -1904,32 +1904,32 @@ a.box:active {
|
||||
background-color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
color: #b48ead;
|
||||
color: #81a1c1;
|
||||
}
|
||||
.button.is-primary.is-loading::after {
|
||||
border-color: transparent transparent #fff #fff !important;
|
||||
}
|
||||
.button.is-primary.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #b48ead;
|
||||
color: #b48ead;
|
||||
border-color: #81a1c1;
|
||||
color: #81a1c1;
|
||||
}
|
||||
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
|
||||
background-color: #b48ead;
|
||||
border-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
border-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-primary.is-outlined.is-loading::after {
|
||||
border-color: transparent transparent #b48ead #b48ead !important;
|
||||
border-color: transparent transparent #81a1c1 #81a1c1 !important;
|
||||
}
|
||||
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
|
||||
border-color: transparent transparent #fff #fff !important;
|
||||
}
|
||||
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #b48ead;
|
||||
border-color: #81a1c1;
|
||||
box-shadow: none;
|
||||
color: #b48ead;
|
||||
color: #81a1c1;
|
||||
}
|
||||
.button.is-primary.is-inverted.is-outlined {
|
||||
background-color: transparent;
|
||||
@@ -1938,10 +1938,10 @@ a.box:active {
|
||||
}
|
||||
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
|
||||
background-color: #fff;
|
||||
color: #b48ead;
|
||||
color: #81a1c1;
|
||||
}
|
||||
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
|
||||
border-color: transparent transparent #b48ead #b48ead !important;
|
||||
border-color: transparent transparent #81a1c1 #81a1c1 !important;
|
||||
}
|
||||
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
|
||||
background-color: transparent;
|
||||
@@ -1950,26 +1950,26 @@ a.box:active {
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-primary.is-light {
|
||||
background-color: #f7f3f6;
|
||||
color: #714b6a;
|
||||
background-color: #f1f5f8;
|
||||
color: #3d5c7b;
|
||||
}
|
||||
.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
|
||||
background-color: #f2ebf1;
|
||||
background-color: #e9eef4;
|
||||
border-color: transparent;
|
||||
color: #714b6a;
|
||||
color: #3d5c7b;
|
||||
}
|
||||
.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
|
||||
background-color: #ede3eb;
|
||||
background-color: #e0e8f0;
|
||||
border-color: transparent;
|
||||
color: #714b6a;
|
||||
color: #3d5c7b;
|
||||
}
|
||||
.button.is-link {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-link:hover, .button.is-link.is-hovered {
|
||||
background-color: #276cda;
|
||||
background-color: #567aa7;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
@@ -1978,21 +1978,21 @@ a.box:active {
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
|
||||
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(94, 129, 172, 0.25);
|
||||
}
|
||||
.button.is-link:active, .button.is-link.is-active {
|
||||
background-color: #2366d1;
|
||||
background-color: #52749f;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-link[disabled], fieldset[disabled] .button.is-link {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.button.is-link.is-inverted {
|
||||
background-color: #fff;
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
|
||||
background-color: #f2f2f2;
|
||||
@@ -2001,32 +2001,32 @@ a.box:active {
|
||||
background-color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.button.is-link.is-loading::after {
|
||||
border-color: transparent transparent #fff #fff !important;
|
||||
}
|
||||
.button.is-link.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #3273dc;
|
||||
color: #3273dc;
|
||||
border-color: #5e81ac;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
|
||||
background-color: #3273dc;
|
||||
border-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
border-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-link.is-outlined.is-loading::after {
|
||||
border-color: transparent transparent #3273dc #3273dc !important;
|
||||
border-color: transparent transparent #5e81ac #5e81ac !important;
|
||||
}
|
||||
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
|
||||
border-color: transparent transparent #fff #fff !important;
|
||||
}
|
||||
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #3273dc;
|
||||
border-color: #5e81ac;
|
||||
box-shadow: none;
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.button.is-link.is-inverted.is-outlined {
|
||||
background-color: transparent;
|
||||
@@ -2035,10 +2035,10 @@ a.box:active {
|
||||
}
|
||||
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
|
||||
background-color: #fff;
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
|
||||
border-color: transparent transparent #3273dc #3273dc !important;
|
||||
border-color: transparent transparent #5e81ac #5e81ac !important;
|
||||
}
|
||||
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
|
||||
background-color: transparent;
|
||||
@@ -2047,18 +2047,18 @@ a.box:active {
|
||||
color: #fff;
|
||||
}
|
||||
.button.is-link.is-light {
|
||||
background-color: #eef3fc;
|
||||
color: #2160c4;
|
||||
background-color: #f2f4f8;
|
||||
color: #4b6a91;
|
||||
}
|
||||
.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
|
||||
background-color: #e3ecfa;
|
||||
background-color: #e9eef4;
|
||||
border-color: transparent;
|
||||
color: #2160c4;
|
||||
color: #4b6a91;
|
||||
}
|
||||
.button.is-link.is-light:active, .button.is-link.is-light.is-active {
|
||||
background-color: #d8e4f8;
|
||||
background-color: #e1e7ef;
|
||||
border-color: transparent;
|
||||
color: #2160c4;
|
||||
color: #4b6a91;
|
||||
}
|
||||
.button.is-info {
|
||||
background-color: #3298dc;
|
||||
@@ -2942,11 +2942,11 @@ a.box:active {
|
||||
color: #fff;
|
||||
}
|
||||
.notification.is-primary {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.notification.is-link {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
.notification.is-info {
|
||||
@@ -3039,28 +3039,28 @@ a.box:active {
|
||||
background-image: linear-gradient(to right, #2e3440 30%, #eceff4 30%);
|
||||
}
|
||||
.progress.is-primary::-webkit-progress-value {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
}
|
||||
.progress.is-primary::-moz-progress-bar {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
}
|
||||
.progress.is-primary::-ms-fill {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
}
|
||||
.progress.is-primary:indeterminate {
|
||||
background-image: linear-gradient(to right, #b48ead 30%, #eceff4 30%);
|
||||
background-image: linear-gradient(to right, #81a1c1 30%, #eceff4 30%);
|
||||
}
|
||||
.progress.is-link::-webkit-progress-value {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
}
|
||||
.progress.is-link::-moz-progress-bar {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
}
|
||||
.progress.is-link::-ms-fill {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
}
|
||||
.progress.is-link:indeterminate {
|
||||
background-image: linear-gradient(to right, #3273dc 30%, #eceff4 30%);
|
||||
background-image: linear-gradient(to right, #5e81ac 30%, #eceff4 30%);
|
||||
}
|
||||
.progress.is-info::-webkit-progress-value {
|
||||
background-color: #3298dc;
|
||||
@@ -3182,14 +3182,14 @@ a.box:active {
|
||||
}
|
||||
.table td.is-primary,
|
||||
.table th.is-primary {
|
||||
background-color: #b48ead;
|
||||
border-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
border-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.table td.is-link,
|
||||
.table th.is-link {
|
||||
background-color: #3273dc;
|
||||
border-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
border-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
.table td.is-info,
|
||||
@@ -3223,7 +3223,7 @@ a.box:active {
|
||||
}
|
||||
.table td.is-selected,
|
||||
.table th.is-selected {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.table td.is-selected a,
|
||||
@@ -3239,7 +3239,7 @@ a.box:active {
|
||||
text-align: left;
|
||||
}
|
||||
.table tr.is-selected {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.table tr.is-selected a,
|
||||
@@ -3397,20 +3397,20 @@ a.box:active {
|
||||
color: #fff;
|
||||
}
|
||||
.tag:not(body).is-primary {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.tag:not(body).is-primary.is-light {
|
||||
background-color: #f7f3f6;
|
||||
color: #714b6a;
|
||||
background-color: #f1f5f8;
|
||||
color: #3d5c7b;
|
||||
}
|
||||
.tag:not(body).is-link {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
.tag:not(body).is-link.is-light {
|
||||
background-color: #eef3fc;
|
||||
color: #2160c4;
|
||||
background-color: #f2f4f8;
|
||||
color: #4b6a91;
|
||||
}
|
||||
.tag:not(body).is-info {
|
||||
background-color: #3298dc;
|
||||
@@ -3652,11 +3652,11 @@ a.tag:hover {
|
||||
color: rgba(54, 54, 54, 0.3);
|
||||
}
|
||||
.select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
|
||||
border-color: #b5b5b5;
|
||||
border-color: #d8dee9;
|
||||
}
|
||||
.select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
|
||||
border-color: #3273dc;
|
||||
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
border-color: #5e81ac;
|
||||
box-shadow: 0 0 0 0.125em rgba(94, 129, 172, 0.25);
|
||||
}
|
||||
.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
|
||||
background-color: whitesmoke;
|
||||
@@ -3710,16 +3710,16 @@ a.tag:hover {
|
||||
box-shadow: 0 0 0 0.125em rgba(46, 52, 64, 0.25);
|
||||
}
|
||||
.is-primary.textarea, .is-primary.input {
|
||||
border-color: #b48ead;
|
||||
border-color: #81a1c1;
|
||||
}
|
||||
.is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
|
||||
box-shadow: 0 0 0 0.125em rgba(180, 142, 173, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(129, 161, 193, 0.25);
|
||||
}
|
||||
.is-link.textarea, .is-link.input {
|
||||
border-color: #3273dc;
|
||||
border-color: #5e81ac;
|
||||
}
|
||||
.is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
|
||||
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(94, 129, 172, 0.25);
|
||||
}
|
||||
.is-info.textarea, .is-info.input {
|
||||
border-color: #3298dc;
|
||||
@@ -3826,7 +3826,7 @@ a.tag:hover {
|
||||
height: 2.5em;
|
||||
}
|
||||
.select:not(.is-multiple):not(.is-loading)::after {
|
||||
border-color: #3273dc;
|
||||
border-color: #5e81ac;
|
||||
right: 1.125em;
|
||||
z-index: 4;
|
||||
}
|
||||
@@ -3909,28 +3909,28 @@ a.tag:hover {
|
||||
box-shadow: 0 0 0 0.125em rgba(46, 52, 64, 0.25);
|
||||
}
|
||||
.select.is-primary:not(:hover)::after {
|
||||
border-color: #b48ead;
|
||||
border-color: #81a1c1;
|
||||
}
|
||||
.select.is-primary select {
|
||||
border-color: #b48ead;
|
||||
border-color: #81a1c1;
|
||||
}
|
||||
.select.is-primary select:hover, .select.is-primary select.is-hovered {
|
||||
border-color: #aa7fa2;
|
||||
border-color: #7094b9;
|
||||
}
|
||||
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
|
||||
box-shadow: 0 0 0 0.125em rgba(180, 142, 173, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(129, 161, 193, 0.25);
|
||||
}
|
||||
.select.is-link:not(:hover)::after {
|
||||
border-color: #3273dc;
|
||||
border-color: #5e81ac;
|
||||
}
|
||||
.select.is-link select {
|
||||
border-color: #3273dc;
|
||||
border-color: #5e81ac;
|
||||
}
|
||||
.select.is-link select:hover, .select.is-link select.is-hovered {
|
||||
border-color: #2366d1;
|
||||
border-color: #52749f;
|
||||
}
|
||||
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
|
||||
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(94, 129, 172, 0.25);
|
||||
}
|
||||
.select.is-info:not(:hover)::after {
|
||||
border-color: #3298dc;
|
||||
@@ -4103,42 +4103,42 @@ a.tag:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.file.is-primary .file-cta {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
|
||||
background-color: #af86a7;
|
||||
background-color: #789bbd;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
|
||||
border-color: transparent;
|
||||
box-shadow: 0 0 0.5em rgba(180, 142, 173, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(129, 161, 193, 0.25);
|
||||
color: #fff;
|
||||
}
|
||||
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
|
||||
background-color: #aa7fa2;
|
||||
background-color: #7094b9;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.file.is-link .file-cta {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
|
||||
background-color: #276cda;
|
||||
background-color: #567aa7;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
|
||||
border-color: transparent;
|
||||
box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(94, 129, 172, 0.25);
|
||||
color: #fff;
|
||||
}
|
||||
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
|
||||
background-color: #2366d1;
|
||||
background-color: #52749f;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
@@ -4415,10 +4415,10 @@ a.tag:hover {
|
||||
color: #2e3440;
|
||||
}
|
||||
.help.is-primary {
|
||||
color: #b48ead;
|
||||
color: #81a1c1;
|
||||
}
|
||||
.help.is-link {
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.help.is-info {
|
||||
color: #3298dc;
|
||||
@@ -4671,7 +4671,7 @@ a.tag:hover {
|
||||
}
|
||||
.breadcrumb a {
|
||||
align-items: center;
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0 0.75em;
|
||||
@@ -4692,7 +4692,7 @@ a.tag:hover {
|
||||
pointer-events: none;
|
||||
}
|
||||
.breadcrumb li + li::before {
|
||||
color: #b5b5b5;
|
||||
color: #d8dee9;
|
||||
content: "/";
|
||||
}
|
||||
.breadcrumb ul,
|
||||
@@ -4867,7 +4867,7 @@ button.dropdown-item:hover {
|
||||
}
|
||||
a.dropdown-item.is-active,
|
||||
button.dropdown-item.is-active {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -5001,7 +5001,7 @@ button.dropdown-item.is-active {
|
||||
border-bottom: 1px solid #e5e9f0;
|
||||
}
|
||||
.list-item.is-active {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -5097,7 +5097,7 @@ a.list-item {
|
||||
color: #363636;
|
||||
}
|
||||
.menu-list a.is-active {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
.menu-list li ul {
|
||||
@@ -5181,26 +5181,26 @@ a.list-item {
|
||||
border-color: #2e3440;
|
||||
}
|
||||
.message.is-primary {
|
||||
background-color: #f7f3f6;
|
||||
background-color: #f1f5f8;
|
||||
}
|
||||
.message.is-primary .message-header {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.message.is-primary .message-body {
|
||||
border-color: #b48ead;
|
||||
color: #714b6a;
|
||||
border-color: #81a1c1;
|
||||
color: #3d5c7b;
|
||||
}
|
||||
.message.is-link {
|
||||
background-color: #eef3fc;
|
||||
background-color: #f2f4f8;
|
||||
}
|
||||
.message.is-link .message-header {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
.message.is-link .message-body {
|
||||
border-color: #3273dc;
|
||||
color: #2160c4;
|
||||
border-color: #5e81ac;
|
||||
color: #4b6a91;
|
||||
}
|
||||
.message.is-info {
|
||||
background-color: #eef6fc;
|
||||
@@ -5381,7 +5381,7 @@ a.list-item {
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: white;
|
||||
background-color: #eceff4;
|
||||
min-height: 3.25rem;
|
||||
position: relative;
|
||||
z-index: 30;
|
||||
@@ -5611,7 +5611,7 @@ a.list-item {
|
||||
}
|
||||
}
|
||||
.navbar.is-primary {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar.is-primary .navbar-brand > .navbar-item,
|
||||
@@ -5622,7 +5622,7 @@ a.list-item {
|
||||
.navbar.is-primary .navbar-brand .navbar-link:focus,
|
||||
.navbar.is-primary .navbar-brand .navbar-link:hover,
|
||||
.navbar.is-primary .navbar-brand .navbar-link.is-active {
|
||||
background-color: #aa7fa2;
|
||||
background-color: #7094b9;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar.is-primary .navbar-brand .navbar-link::after {
|
||||
@@ -5648,7 +5648,7 @@ a.list-item {
|
||||
.navbar.is-primary .navbar-end .navbar-link:focus,
|
||||
.navbar.is-primary .navbar-end .navbar-link:hover,
|
||||
.navbar.is-primary .navbar-end .navbar-link.is-active {
|
||||
background-color: #aa7fa2;
|
||||
background-color: #7094b9;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar.is-primary .navbar-start .navbar-link::after,
|
||||
@@ -5658,16 +5658,16 @@ a.list-item {
|
||||
.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
|
||||
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
|
||||
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
|
||||
background-color: #aa7fa2;
|
||||
background-color: #7094b9;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.navbar.is-link {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar.is-link .navbar-brand > .navbar-item,
|
||||
@@ -5678,7 +5678,7 @@ a.list-item {
|
||||
.navbar.is-link .navbar-brand .navbar-link:focus,
|
||||
.navbar.is-link .navbar-brand .navbar-link:hover,
|
||||
.navbar.is-link .navbar-brand .navbar-link.is-active {
|
||||
background-color: #2366d1;
|
||||
background-color: #52749f;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar.is-link .navbar-brand .navbar-link::after {
|
||||
@@ -5704,7 +5704,7 @@ a.list-item {
|
||||
.navbar.is-link .navbar-end .navbar-link:focus,
|
||||
.navbar.is-link .navbar-end .navbar-link:hover,
|
||||
.navbar.is-link .navbar-end .navbar-link.is-active {
|
||||
background-color: #2366d1;
|
||||
background-color: #52749f;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar.is-link .navbar-start .navbar-link::after,
|
||||
@@ -5714,11 +5714,11 @@ a.list-item {
|
||||
.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
|
||||
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
|
||||
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
|
||||
background-color: #2366d1;
|
||||
background-color: #52749f;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
@@ -6070,7 +6070,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
.navbar-link:hover,
|
||||
.navbar-link.is-active {
|
||||
background-color: #fafafa;
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
|
||||
.navbar-item {
|
||||
@@ -6095,14 +6095,14 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
}
|
||||
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
|
||||
background-color: transparent;
|
||||
border-bottom-color: #3273dc;
|
||||
border-bottom-color: #5e81ac;
|
||||
}
|
||||
.navbar-item.is-tab.is-active {
|
||||
background-color: transparent;
|
||||
border-bottom-color: #3273dc;
|
||||
border-bottom-color: #5e81ac;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 3px;
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
padding-bottom: calc(0.5rem - 3px);
|
||||
}
|
||||
|
||||
@@ -6115,7 +6115,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
padding-right: 2.5em;
|
||||
}
|
||||
.navbar-link:not(.is-arrowless)::after {
|
||||
border-color: #3273dc;
|
||||
border-color: #5e81ac;
|
||||
margin-top: -0.375em;
|
||||
right: 1.125em;
|
||||
}
|
||||
@@ -6154,7 +6154,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
}
|
||||
|
||||
.navbar-menu {
|
||||
background-color: white;
|
||||
background-color: #eceff4;
|
||||
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
@@ -6230,7 +6230,7 @@ body.has-navbar-fixed-bottom-touch {
|
||||
}
|
||||
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
|
||||
background-color: whitesmoke;
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
|
||||
.navbar-burger {
|
||||
@@ -6311,7 +6311,7 @@ body.has-navbar-fixed-bottom-touch {
|
||||
}
|
||||
.navbar-dropdown a.navbar-item.is-active {
|
||||
background-color: whitesmoke;
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
|
||||
border-radius: 6px;
|
||||
@@ -6446,7 +6446,7 @@ body.has-spaced-navbar-fixed-bottom {
|
||||
.pagination-previous:hover,
|
||||
.pagination-next:hover,
|
||||
.pagination-link:hover {
|
||||
border-color: #b5b5b5;
|
||||
border-color: #d8dee9;
|
||||
color: #363636;
|
||||
}
|
||||
.pagination-previous:focus,
|
||||
@@ -6477,13 +6477,13 @@ body.has-spaced-navbar-fixed-bottom {
|
||||
}
|
||||
|
||||
.pagination-link.is-current {
|
||||
background-color: #3273dc;
|
||||
border-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
border-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.pagination-ellipsis {
|
||||
color: #b5b5b5;
|
||||
color: #d8dee9;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@@ -6596,24 +6596,24 @@ body.has-spaced-navbar-fixed-bottom {
|
||||
color: #2e3440;
|
||||
}
|
||||
.panel.is-primary .panel-heading {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.panel.is-primary .panel-tabs a.is-active {
|
||||
border-bottom-color: #b48ead;
|
||||
border-bottom-color: #81a1c1;
|
||||
}
|
||||
.panel.is-primary .panel-block.is-active .panel-icon {
|
||||
color: #b48ead;
|
||||
color: #81a1c1;
|
||||
}
|
||||
.panel.is-link .panel-heading {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
.panel.is-link .panel-tabs a.is-active {
|
||||
border-bottom-color: #3273dc;
|
||||
border-bottom-color: #5e81ac;
|
||||
}
|
||||
.panel.is-link .panel-block.is-active .panel-icon {
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.panel.is-info .panel-heading {
|
||||
background-color: #3298dc;
|
||||
@@ -6691,7 +6691,7 @@ body.has-spaced-navbar-fixed-bottom {
|
||||
color: #4a4a4a;
|
||||
}
|
||||
.panel-list a:hover {
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
|
||||
.panel-block {
|
||||
@@ -6713,11 +6713,11 @@ body.has-spaced-navbar-fixed-bottom {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.panel-block.is-active {
|
||||
border-left-color: #3273dc;
|
||||
border-left-color: #5e81ac;
|
||||
color: #363636;
|
||||
}
|
||||
.panel-block.is-active .panel-icon {
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.panel-block:last-child {
|
||||
border-bottom-left-radius: 6px;
|
||||
@@ -6779,8 +6779,8 @@ label.panel-block:hover {
|
||||
display: block;
|
||||
}
|
||||
.tabs li.is-active a {
|
||||
border-bottom-color: #3273dc;
|
||||
color: #3273dc;
|
||||
border-bottom-color: #5e81ac;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.tabs ul {
|
||||
align-items: center;
|
||||
@@ -6843,7 +6843,7 @@ label.panel-block:hover {
|
||||
}
|
||||
.tabs.is-toggle a:hover {
|
||||
background-color: whitesmoke;
|
||||
border-color: #b5b5b5;
|
||||
border-color: #d8dee9;
|
||||
z-index: 2;
|
||||
}
|
||||
.tabs.is-toggle li + li {
|
||||
@@ -6856,8 +6856,8 @@ label.panel-block:hover {
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
.tabs.is-toggle li.is-active a {
|
||||
background-color: #3273dc;
|
||||
border-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
border-color: #5e81ac;
|
||||
color: #fff;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -8868,7 +8868,7 @@ label.panel-block:hover {
|
||||
}
|
||||
}
|
||||
.hero.is-primary {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
color: #fff;
|
||||
}
|
||||
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||||
@@ -8887,7 +8887,7 @@ label.panel-block:hover {
|
||||
}
|
||||
@media screen and (max-width: 1023px) {
|
||||
.hero.is-primary .navbar-menu {
|
||||
background-color: #b48ead;
|
||||
background-color: #81a1c1;
|
||||
}
|
||||
}
|
||||
.hero.is-primary .navbar-item,
|
||||
@@ -8897,7 +8897,7 @@ label.panel-block:hover {
|
||||
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
|
||||
.hero.is-primary .navbar-link:hover,
|
||||
.hero.is-primary .navbar-link.is-active {
|
||||
background-color: #aa7fa2;
|
||||
background-color: #7094b9;
|
||||
color: #fff;
|
||||
}
|
||||
.hero.is-primary .tabs a {
|
||||
@@ -8919,18 +8919,18 @@ label.panel-block:hover {
|
||||
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
|
||||
background-color: #fff;
|
||||
border-color: #fff;
|
||||
color: #b48ead;
|
||||
color: #81a1c1;
|
||||
}
|
||||
.hero.is-primary.is-bold {
|
||||
background-image: linear-gradient(141deg, #ac63aa 0%, #b48ead 71%, #c299b4 100%);
|
||||
background-image: linear-gradient(141deg, #5399bc 0%, #81a1c1 71%, #8ea3cd 100%);
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.hero.is-primary.is-bold .navbar-menu {
|
||||
background-image: linear-gradient(141deg, #ac63aa 0%, #b48ead 71%, #c299b4 100%);
|
||||
background-image: linear-gradient(141deg, #5399bc 0%, #81a1c1 71%, #8ea3cd 100%);
|
||||
}
|
||||
}
|
||||
.hero.is-link {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
color: #fff;
|
||||
}
|
||||
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||||
@@ -8949,7 +8949,7 @@ label.panel-block:hover {
|
||||
}
|
||||
@media screen and (max-width: 1023px) {
|
||||
.hero.is-link .navbar-menu {
|
||||
background-color: #3273dc;
|
||||
background-color: #5e81ac;
|
||||
}
|
||||
}
|
||||
.hero.is-link .navbar-item,
|
||||
@@ -8959,7 +8959,7 @@ label.panel-block:hover {
|
||||
.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
|
||||
.hero.is-link .navbar-link:hover,
|
||||
.hero.is-link .navbar-link.is-active {
|
||||
background-color: #2366d1;
|
||||
background-color: #52749f;
|
||||
color: #fff;
|
||||
}
|
||||
.hero.is-link .tabs a {
|
||||
@@ -8981,14 +8981,14 @@ label.panel-block:hover {
|
||||
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
|
||||
background-color: #fff;
|
||||
border-color: #fff;
|
||||
color: #3273dc;
|
||||
color: #5e81ac;
|
||||
}
|
||||
.hero.is-link.is-bold {
|
||||
background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
|
||||
background-image: linear-gradient(141deg, #3e7699 0%, #5e81ac 71%, #6980ba 100%);
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.hero.is-link.is-bold .navbar-menu {
|
||||
background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
|
||||
background-image: linear-gradient(141deg, #3e7699 0%, #5e81ac 71%, #6980ba 100%);
|
||||
}
|
||||
}
|
||||
.hero.is-info {
|
||||
|
||||
@@ -11,14 +11,23 @@ $dark:#2e3440;
|
||||
$dark-bis:#2e3440;
|
||||
$dark-ter:#2e3440;
|
||||
$grey:#4c566a;
|
||||
$grey-ligth:#d8dee9;
|
||||
$grey-light:#d8dee9;
|
||||
$grey-lighter:#e5e9f0;
|
||||
$grey-lightest:#eceff4;
|
||||
// Color palette
|
||||
$primary: $purple;
|
||||
|
||||
$nord7:#8fbcbb;
|
||||
$nord8:#88c0d0;
|
||||
$nord9:#81a1c1;
|
||||
$nord10:#5e81ac;
|
||||
// Color palette
|
||||
$primary: $nord9;
|
||||
$link: $nord10;
|
||||
|
||||
$body-background-color: $grey-lightest;
|
||||
$navbar-background-color: $body-background-color;
|
||||
// Notifications
|
||||
$notification-padding: 0.8rem 2.5rem 0.8rem 1rem;
|
||||
|
||||
$box-radius: 0 0 2rem 2rem;
|
||||
|
||||
@import "./bulma-0.8.0/bulma.sass";
|
||||
|
||||
Reference in New Issue
Block a user