mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-01-10 18:58:40 +00:00
bump
This commit is contained in:
Dennis Eichhorn
parent
85ef1f8ccb
commit
610e5dc1d1
|
|
@ -1,12 +1,12 @@
|
||||||
.ac-container {
|
.ac-container {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border: 1px solid #c9c9c9;
|
border: 1px solid var(--bborder);
|
||||||
|
|
||||||
> input {
|
> input {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
&:checked + label {
|
&:checked + label {
|
||||||
background: var(--btn-c-bg);
|
background: var(--btn-bg);
|
||||||
color: var(--txt-on-bg-c-2);
|
color: var(--txt-on-bg-c-2);
|
||||||
|
|
||||||
+ section {
|
+ section {
|
||||||
|
|
@ -14,7 +14,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--btn-c-bg-hover);
|
background: var(--btn-bg-hover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -30,18 +30,18 @@
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
margin-top: -1px;
|
margin-top: -1px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #000;
|
color: var(--default-c);
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
background: var(--bborder);
|
background: var(--bborder);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: var(--txt-on-bg-c-2);
|
color: var(--txt-on-bg-c-2);
|
||||||
background: var(--btn-c-bg-hover);
|
background: var(--btn-bg-hover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> section {
|
> section {
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: auto;
|
height: auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
@each $tuple in
|
@each $tuple in
|
||||||
'ok' #aaffad #81e27d #459442,
|
'ok' var(--green1-c) var(--green2-c) var(--green3-c),
|
||||||
'warning' #f8ffa8 #d6d949 #94972f,
|
'warning' var(--yellow1-c) var(--yellow2-c) var(--yellow3-c),
|
||||||
'error' #ff7d79 #ee5649 #a5302a,
|
'error' var(--red1-c) var(--red2-c) var(--red3-c),
|
||||||
'info' #b6d2ff #85b0ee #4865a5 {
|
'info' var(--blue1-c) var(--blue2-c) var(--blue3-c) {
|
||||||
.log-lvl-#{nth($tuple, 1)} {
|
.log-lvl-#{nth($tuple, 1)} {
|
||||||
background: #{nth($tuple, 2)};
|
background: #{nth($tuple, 2)};
|
||||||
border: 1px solid #{nth($tuple, 3)};
|
border: 1px solid #{nth($tuple, 3)};
|
||||||
|
|
|
||||||
10
article.scss
10
article.scss
|
|
@ -3,11 +3,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
article {
|
article {
|
||||||
background: #fff;
|
background: var(--article-bg);
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: .9rem;
|
font-size: .9rem;
|
||||||
color: #000;
|
color: var(--article-c);
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
|
||||||
|
|
@ -21,15 +21,15 @@ article {
|
||||||
}
|
}
|
||||||
|
|
||||||
del {
|
del {
|
||||||
background: #ff9e9e;
|
background: var(--red1-c);
|
||||||
}
|
}
|
||||||
|
|
||||||
ins {
|
ins {
|
||||||
background: #b0f3b0;
|
background: var(--green1-c);
|
||||||
}
|
}
|
||||||
|
|
||||||
mark {
|
mark {
|
||||||
background: #f9ffa1;
|
background: var(--yellow1-c);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
|
|
||||||
|
|
@ -3,9 +3,10 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
border-left: 1px solid var(--bborder);
|
border-left: 1px solid var(--bborder);
|
||||||
border-top: 1px solid var(--bborder);
|
border-top: 1px solid var(--bborder);
|
||||||
border-bottom: 1px solid var(--bborder);
|
border-bottom: 1px solid var(--bborder);
|
||||||
|
|
@ -23,7 +24,7 @@
|
||||||
height: 0;
|
height: 0;
|
||||||
border-top: 20px solid transparent;
|
border-top: 20px solid transparent;
|
||||||
border-bottom: 20px solid transparent;
|
border-bottom: 20px solid transparent;
|
||||||
border-left: 14px solid #fff;
|
border-left: 14px solid var(--box-bg);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -20px;
|
margin-top: -20px;
|
||||||
|
|
@ -45,17 +46,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active:after {
|
&.active:after {
|
||||||
border-left: 14px solid var(--btn-c-bg);
|
border-left: 14px solid var(--btn-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover:after {
|
&:hover:after {
|
||||||
border-left: 14px solid var(--btn-c-bg-hover);
|
border-left: 14px solid var(--btn-bg-hover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
background: var(--btn-c-bg);
|
background: var(--btn-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.active, li:hover {
|
.active, li:hover {
|
||||||
|
|
@ -63,7 +64,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
li:hover {
|
li:hover {
|
||||||
background: var(--btn-c-bg-hover);
|
background: var(--btn-bg-hover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -76,7 +77,7 @@
|
||||||
height: 0;
|
height: 0;
|
||||||
border-top: 20px solid transparent;
|
border-top: 20px solid transparent;
|
||||||
border-bottom: 20px solid transparent;
|
border-bottom: 20px solid transparent;
|
||||||
border-left: 14px solid #fff;
|
border-left: 14px solid var(--box-bg);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -20px;
|
margin-top: -20px;
|
||||||
|
|
@ -88,11 +89,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active:not(:last-child):after {
|
&.active:not(:last-child):after {
|
||||||
border-left: 14px solid var(--btn-c-bg);
|
border-left: 14px solid var(--btn-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover:not(:last-child):after {
|
&:hover:not(:last-child):after {
|
||||||
border-left: 14px solid var(--btn-c-bg-hover);
|
border-left: 14px solid var(--btn-bg-hover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
41
button.scss
41
button.scss
|
|
@ -6,7 +6,7 @@ button, input[type="submit"], input[type="reset"], input[type="button"], label.b
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
min-width: 70px;
|
min-width: 70px;
|
||||||
background: var(--btn-c-bg);
|
background: var(--btn-bg);
|
||||||
color: var(--txt-on-bg-c-2);
|
color: var(--txt-on-bg-c-2);
|
||||||
padding: 0 1rem 0 1rem;
|
padding: 0 1rem 0 1rem;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
|
|
@ -28,68 +28,69 @@ button, input[type="submit"], input[type="reset"], input[type="button"], label.b
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--btn-c-bg-hover);
|
background: var(--btn-bg-hover);
|
||||||
color: var(--txt-on-bg-c-2);
|
color: var(--txt-on-bg-c-2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button.save, .button.save, input[type="submit"].save {
|
button.save, .button.save, input[type="submit"].save {
|
||||||
color: rgba(0, 0, 0, 0.75);
|
color: var(--save-c);
|
||||||
background: #8fff79;
|
background: var(--save-bg);
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover, &:focus {
|
||||||
background: #a1ffa1;
|
background: var(--save-bg-hover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button.cancel, .button.cancel, input[type="submit"].cancel {
|
button.cancel, .button.cancel, input[type="submit"].cancel {
|
||||||
background: #ee5649;
|
color: var(--cancel-c);
|
||||||
|
background: var(--cancel-bg);
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover, &:focus {
|
||||||
background: #ff7d79;
|
background: var(--cancel-bg-hover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button.close, .button.close, input[type="submit"].close, input[type="reset"].close {
|
button.close, .button.close, input[type="submit"].close, input[type="reset"].close {
|
||||||
color: rgba(0, 0, 0, 0.75);
|
color: var(--close-c);
|
||||||
background: #ffde5b;
|
background: var(--close-bg);
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover, &:focus {
|
||||||
background: #ffe682;
|
background: var(--close-bg-hover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button.disabled, .button.disabled, input[type="submit"].disabled {
|
button.disabled, .button.disabled, input[type="submit"].disabled {
|
||||||
color: rgba(0, 0, 0, 0.5);
|
color: var(--disabled-c);
|
||||||
background: #e1e1e1;
|
background: var(--disabled-bg);
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover, &:focus {
|
||||||
background: #e1e1e1;
|
background: var(--disabled-bg-hover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.link.default {
|
.link.default {
|
||||||
color: var(--btn-c-bg);
|
color: var(--btn-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.link.save {
|
.link.save {
|
||||||
color: #8fff79;
|
color: var(--save-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.link.cancel {
|
.link.cancel {
|
||||||
color: #ee5649;
|
color: var(--cancel-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.link.close {
|
.link.close {
|
||||||
color: #fffc3e;
|
color: var(--close-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.link.disabled {
|
.link.disabled {
|
||||||
color: #e1e1e1;
|
color: var(--disabled-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
i.favorite {
|
i.favorite {
|
||||||
color: #ffd700;
|
color: var(--fav-c);
|
||||||
text-shadow: 0 0 1px #000;
|
text-shadow: 0 0 1px var(--text-shadow);
|
||||||
}
|
}
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
canvas {
|
canvas {
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
&.chart {
|
&.chart {
|
||||||
|
|
|
||||||
14
colors.scss
14
colors.scss
|
|
@ -1,34 +1,34 @@
|
||||||
.hl-1 {
|
.hl-1 {
|
||||||
background: var(--color-red) !important;
|
background: var(--red-c) !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hl-2 {
|
.hl-2 {
|
||||||
background: var(--color-green) !important;
|
background: var(--green-c) !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hl-3 {
|
.hl-3 {
|
||||||
background: var(--color-blue) !important;
|
background: var(--blue-c) !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hl-4 {
|
.hl-4 {
|
||||||
background: var(--color-yellow) !important;
|
background: var(--yellow-c) !important;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hl-5 {
|
.hl-5 {
|
||||||
background: var(--color-purple) !important;
|
background: var(--purple-c) !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hl-6 {
|
.hl-6 {
|
||||||
background: var(--color-pink) !important;
|
background: var(--pink-c) !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hl-7 {
|
.hl-7 {
|
||||||
background: var(--color-orange) !important;
|
background: var(--orange-c) !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
16
default.scss
16
default.scss
|
|
@ -17,9 +17,9 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
color: #fff;
|
color: var(--bq-c);
|
||||||
background: #25acff;
|
background: var(--bq-bg);
|
||||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
border: 1px solid var(--bq-border);
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
margin: 1.5rem;
|
margin: 1.5rem;
|
||||||
|
|
@ -41,8 +41,8 @@ blockquote {
|
||||||
pre, code {
|
pre, code {
|
||||||
font-family: var(--ff);
|
font-family: var(--ff);
|
||||||
font-size: .8rem;
|
font-size: .8rem;
|
||||||
background: #f4f4f4;
|
background: var(--code-bg);
|
||||||
color: #000;
|
color: var(--code-c);
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
code {
|
||||||
|
|
@ -53,13 +53,13 @@ code {
|
||||||
pre {
|
pre {
|
||||||
margin: 1rem 0 1rem 0;
|
margin: 1rem 0 1rem 0;
|
||||||
line-height: 1.2rem;
|
line-height: 1.2rem;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid var(--bborder);
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
border-left: 3px solid #25acff;
|
border-left: 3px solid var(--bq-bg);
|
||||||
|
|
||||||
code {
|
code {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
@ -70,7 +70,7 @@ pre {
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-right: 1px solid #ddd;
|
border-right: 1px solid var(--bborder);
|
||||||
padding: 0 .5em;
|
padding: 0 .5em;
|
||||||
margin-right: .5em;
|
margin-right: .5em;
|
||||||
color: #888;
|
color: #888;
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@ form {
|
||||||
|
|
||||||
label {
|
label {
|
||||||
font-size: .9rem;
|
font-size: .9rem;
|
||||||
color: rgba(0, 0, 0, 1.0);
|
color: var(--default-c);
|
||||||
}
|
}
|
||||||
|
|
||||||
i+i {
|
i+i {
|
||||||
|
|
|
||||||
10
image.scss
10
image.scss
|
|
@ -1,7 +1,7 @@
|
||||||
img {
|
img {
|
||||||
&.frame-1 {
|
&.frame-1 {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
border: 1px solid var(--bborder);
|
border: 1px solid var(--bborder);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -9,14 +9,14 @@ img {
|
||||||
|
|
||||||
&.frame-2 {
|
&.frame-2 {
|
||||||
border: 1px solid var(--bborder);
|
border: 1px solid var(--bborder);
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.rounded {
|
&.rounded {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.bordered {
|
&.bordered {
|
||||||
|
|
@ -105,7 +105,7 @@ img {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
margin: .3rem;
|
margin: .3rem;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid var(--bborder);
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
|
|
@ -123,7 +123,7 @@ img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
font-size: .8rem;
|
font-size: .8rem;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
20
input.scss
20
input.scss
|
|
@ -57,15 +57,15 @@ input[type="datetime-local"] {
|
||||||
border: 1px solid var(--iborder);
|
border: 1px solid var(--iborder);
|
||||||
transition: background 0.3s, border 0.3s;
|
transition: background 0.3s, border 0.3s;
|
||||||
|
|
||||||
&:focus, .active, &:active {
|
&:focus, &.active, &:active {
|
||||||
border-color: var(--ipt-bg-active);
|
border-color: var(--ipt-bg-active);
|
||||||
border: 1px solid var(--iborder-active);
|
border: 1px solid var(--iborder-active);
|
||||||
color: var(--ipt-c-active);
|
color: var(--ipt-c-active);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:disabled, &:readonly {
|
&:disabled {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
background: #efefef;
|
background: var(--disabled-bg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -362,11 +362,11 @@ label.radio, label.checkbox {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:checked ~ .checkmark {
|
&:checked ~ .checkmark {
|
||||||
background-color: var(--btn-c-bg);
|
background: var(--btn-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:required ~ .checkmark, &:disabled ~ .checkmark, &:readonly ~ .checkmark {
|
&:required ~ .checkmark, &:disabled ~ .checkmark {
|
||||||
background-color: #adadad;
|
background: #adadad;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:checked ~ .checkmark:after {
|
&:checked ~ .checkmark:after {
|
||||||
|
|
@ -379,7 +379,7 @@ label.radio, label.checkbox {
|
||||||
height: 15px;
|
height: 15px;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
background-color: #eee;
|
background: var(--ipt-bg);
|
||||||
border: 1px solid var(--iborder-active);
|
border: 1px solid var(--iborder-active);
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
|
|
@ -430,7 +430,7 @@ input[type="range"] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 150px;
|
min-width: 150px;
|
||||||
height: 5px;
|
height: 5px;
|
||||||
background: var(--btn-c-bg);
|
background: var(--btn-bg);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -444,7 +444,7 @@ input[type="range"] {
|
||||||
button {
|
button {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
// display: inline-block; If I add this, icons in a button are no longer centered
|
// display: inline-block; If I add this, icons in a button are no longer centered
|
||||||
background: var(--btn-c-bg);
|
background: var(--btn-bg);
|
||||||
height: 30px;
|
height: 30px;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
|
|
@ -460,7 +460,7 @@ input[type="range"] {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover, &:focus {
|
||||||
background: var(--btn-c-bg-hover);
|
background: var(--btn-bg-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.inactive {
|
&.inactive {
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
ul {
|
ul {
|
||||||
&.boxed {
|
&.boxed {
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: 1px solid var(--bborder);
|
border: 1px solid var(--bborder);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
.ctx-menu {
|
.ctx-menu {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
border: 1px solid #ccc;
|
border: 1px solid var(--bborder);
|
||||||
z-index: 1000; // Table headers are sticky which has a z-index of 999. The menu should be above
|
z-index: 1000; // Table headers are sticky which has a z-index of 999. The menu should be above
|
||||||
|
|
||||||
label {
|
label {
|
||||||
|
|
|
||||||
2
nav.scss
2
nav.scss
|
|
@ -16,7 +16,7 @@
|
||||||
li {
|
li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
a {
|
a {
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
position: relative;
|
position: relative;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
border: 1px solid var(--bborder);
|
border: 1px solid var(--bborder);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.portlet-head, .portlet-foot {
|
.portlet-head, .portlet-foot {
|
||||||
|
|
@ -38,11 +38,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.portlet-body > h2, .portlet-separator, .portlet-head {
|
.portlet-body > h2, .portlet-separator, .portlet-head {
|
||||||
border-bottom: 1px solid #ebedf2;
|
border-bottom: 1px solid var(--bborder2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.portlet-foot {
|
.portlet-foot {
|
||||||
border-top: 1px solid #ebedf2;
|
border-top: 1px solid var(--bborder2);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
column-gap: .5rem;
|
column-gap: .5rem;
|
||||||
|
|
|
||||||
|
|
@ -7,11 +7,11 @@
|
||||||
display: block;
|
display: block;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-color: #459442;
|
background-color: var(--green3-c);
|
||||||
background-image: linear-gradient(
|
background-image: linear-gradient(
|
||||||
to left top,
|
to left top,
|
||||||
color-stop(0, #459442),
|
color-stop(0, var(--green3-c)),
|
||||||
color-stop(1, #81e27d));
|
color-stop(1, var(--green2-c)));
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
@ -22,13 +22,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.blue > span {
|
&.blue > span {
|
||||||
background-color: #85b0ee;
|
background-color: var(--blue1-c);
|
||||||
background-image: linear-gradient(#85b0ee, #4865a5);
|
background-image: linear-gradient(var(--blue1-c), var(--blue3-c));
|
||||||
}
|
}
|
||||||
|
|
||||||
&.red > span {
|
&.red > span {
|
||||||
background-color: #ee5649;
|
background-color: var(--red1-c);
|
||||||
background-image: linear-gradient(#ee5649, #a5302a);
|
background-image: linear-gradient(var(--red1-c), var(--red3-c));
|
||||||
}
|
}
|
||||||
|
|
||||||
> span:after, .animate > span > span {
|
> span:after, .animate > span > span {
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 5px solid rgba(92, 2, 2, 0.1);
|
border: 5px solid var(--bborder);
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
font-family: 'Material Symbols Outlined', serif;
|
font-family: 'Material Symbols Outlined', serif;
|
||||||
|
|
@ -35,7 +35,7 @@ section {
|
||||||
margin: 10px 10px 0 10px;
|
margin: 10px 10px 0 10px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
border-bottom: 1px solid #e1e1e1;
|
border-bottom: 1px solid var(--bborder2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -46,7 +46,7 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.box {
|
&.box {
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
//box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3);
|
//box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3);
|
||||||
border: 1px solid var(--bborder);
|
border: 1px solid var(--bborder);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -53,7 +53,7 @@
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
&:checked+label {
|
&:checked+label {
|
||||||
border-color: #666;
|
border-color: var(--bborder);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
||||||
+img {
|
+img {
|
||||||
|
|
@ -72,7 +72,7 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-top: calc(50% + 15px);
|
margin-top: calc(50% + 15px);
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
border: 3px solid #999;
|
border: 3px solid var(--bborder);;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
.spinner-1 {
|
.spinner-1 {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
background-color: #333;
|
background-color: var(--default-c);
|
||||||
margin: 50px auto;
|
margin: 50px auto;
|
||||||
animation: sk-rotateplane 1.2s infinite ease-in-out;
|
animation: sk-rotateplane 1.2s infinite ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
> div {
|
> div {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
background-color: #333;
|
background-color: var(--default-c);
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
|
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
|
||||||
|
|
@ -53,7 +53,7 @@
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
margin: 50px auto;
|
margin: 50px auto;
|
||||||
background-color: #333;
|
background-color: var(--default-c);
|
||||||
|
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
animation: sk-scaleout 1.0s infinite ease-in-out;
|
animation: sk-scaleout 1.0s infinite ease-in-out;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
22
tab.scss
22
tab.scss
|
|
@ -5,28 +5,28 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-links {
|
.tab-links {
|
||||||
color: #000;
|
color: var(--default-c);
|
||||||
padding: 5px 0 0 0;
|
padding: 5px 0 0 0;
|
||||||
|
|
||||||
label {
|
label {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: 1px solid var(--btn-c-bg);
|
border: 1px solid var(--btn-bg);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover, &:focus {
|
||||||
color: var(--txt-on-bg-c-2);
|
color: var(--txt-on-bg-c-2);
|
||||||
background: var(--btn-c-bg-hover);
|
background: var(--btn-bg-hover);
|
||||||
border: 1px solid var(--btn-c-bg-hover);
|
border: 1px solid var(--btn-bg-hover);
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.active label:hover, .active label:focus {
|
.active label:hover, .active label:focus {
|
||||||
color: var(--txt-on-bg-c-2);
|
color: var(--txt-on-bg-c-2);
|
||||||
background: var(--btn-c-bg-hover);
|
background: var(--btn-bg-hover);
|
||||||
border: 1px solid var(--btn-c-bg-hover);
|
border: 1px solid var(--btn-bg-hover);
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -68,12 +68,12 @@
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background: none;
|
background: none;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.active, .active label {
|
.active, .active label {
|
||||||
color: var(--txt-on-bg-c-2);
|
color: var(--txt-on-bg-c-2);
|
||||||
background: var(--btn-c-bg);
|
background: var(--btn-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
|
|
@ -87,8 +87,8 @@
|
||||||
|
|
||||||
.tab-content {
|
.tab-content {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border: 1px solid var(--btn-c-bg);
|
border: 1px solid var(--btn-bg);
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -135,7 +135,7 @@
|
||||||
|
|
||||||
.active a, .active label {
|
.active a, .active label {
|
||||||
color: var(--txt-on-bg-c-2);
|
color: var(--txt-on-bg-c-2);
|
||||||
background: var(--btn-c-bg)
|
background: var(--btn-bg)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
14
table.scss
14
table.scss
|
|
@ -1,5 +1,5 @@
|
||||||
.order-up, .order-down, .remove-form, .update-form, .save-form, .form-action {
|
.order-up, .order-down, .remove-form, .update-form, .save-form, .form-action {
|
||||||
color: var(--btn-c-bg);
|
color: var(--btn-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
thead {
|
thead {
|
||||||
|
|
@ -27,7 +27,7 @@ table {
|
||||||
|
|
||||||
input[type=radio]:checked + i,
|
input[type=radio]:checked + i,
|
||||||
input[type=checkbox]:checked + label i {
|
input[type=checkbox]:checked + label i {
|
||||||
color: var(--btn-c-bg);
|
color: var(--btn-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-up, .order-down {
|
.order-up, .order-down {
|
||||||
|
|
@ -52,7 +52,7 @@ table {
|
||||||
//overflow-x: auto;
|
//overflow-x: auto;
|
||||||
|
|
||||||
.disabled, .empty {
|
.disabled, .empty {
|
||||||
color: #d8d8d8;
|
color: var(--disabled-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.empty {
|
.empty {
|
||||||
|
|
@ -114,7 +114,7 @@ table {
|
||||||
|
|
||||||
tbody {
|
tbody {
|
||||||
td, th {
|
td, th {
|
||||||
border-bottom: 1px solid #ebedf2;
|
border-bottom: 1px solid var(--bborder2);
|
||||||
}
|
}
|
||||||
|
|
||||||
tr {
|
tr {
|
||||||
|
|
@ -132,14 +132,14 @@ table {
|
||||||
|
|
||||||
&:hover td, &:focus td {
|
&:hover td, &:focus td {
|
||||||
background: var(--trow-bg-hover);
|
background: var(--trow-bg-hover);
|
||||||
color: #000;
|
color: var(--default-c);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus, &:hover {
|
&:focus, &:hover {
|
||||||
outline: none;
|
outline: none;
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
box-shadow: 0 0 5px var(--bborder);
|
box-shadow: 0 0 5px var(--bborder);
|
||||||
color: #000;
|
color: var(--default-c);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -149,7 +149,7 @@ table {
|
||||||
color: var(--thead-c);
|
color: var(--thead-c);
|
||||||
|
|
||||||
td {
|
td {
|
||||||
border-bottom: 1px solid #ebedf2;
|
border-bottom: 1px solid var(--bborder2);
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=radio] {
|
input[type=radio] {
|
||||||
|
|
|
||||||
3
tag.scss
3
tag.scss
|
|
@ -4,7 +4,7 @@ span.tag {
|
||||||
padding: 4px 6px 4px 6px;
|
padding: 4px 6px 4px 6px;
|
||||||
font-size: .8rem;
|
font-size: .8rem;
|
||||||
color: var(--txt-on-bg-c-2);
|
color: var(--txt-on-bg-c-2);
|
||||||
background: var(--btn-c-bg);
|
background: var(--btn-bg);
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -12,6 +12,7 @@ span.tag {
|
||||||
i {
|
i {
|
||||||
color: var(--txt-on-bg-c-2);
|
color: var(--txt-on-bg-c-2);
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
|
font-size: .8em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
.blurry-text {
|
.blurry-text {
|
||||||
text-shadow: 0 0 .9rem #000;
|
text-shadow: 0 0 .9rem var(--default-c);
|
||||||
color: transparent;
|
color: transparent;
|
||||||
}
|
}
|
||||||
/*
|
/*
|
||||||
|
|
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
.timeline1{list-style:none;margin:0 0 30px 120px;padding-left:30px;border-left:3px solid #eaeaea}.timeline1 li{margin:0;position:relative}.timeline1 p{margin:0 0 15px}.timeline1-date{margin-top:-18px;top:50%;left:-150px;font-size:0.95em;line-height:20px;position:absolute;padding:5px 10px 5px 10px;border:1px solid #ccc}.timeline1-circle,.timeline1-circle-start,.timeline1-circle-end{border:3px solid #eaeaea;border-radius:50%;display:block;position:absolute}.timeline1-circle{margin-top:-10px;top:50%;left:-40px;width:10px;height:10px;background:tomato}.timeline1-circle-start,.timeline1-circle-end{width:20px;height:20px;background:#fff;left:-45px;margin-top:0}.timeline1-circle-start{top:0}.timeline1-circle-end{top:100%}.timeline1-content{padding:50px 20px 0;border-radius:0.5em;position:relative}.timeline1-content p{text-align:justify}.timeline1 label{font-size:1.3em;position:absolute;z-index:90;top:20px}.timeline1-radio,.timeline1-break{display:none}@media only screen and (max-width: 600px){.timeline1-date{margin:0;font-size:0.95em;position:inherit;padding:0;border:none}.timeline1{margin:0 0 0 .5rem}}
|
.timeline1{list-style:none;margin:0 0 30px 120px;padding-left:30px;border-left:3px solid var(--bborder)}.timeline1 li{margin:0;position:relative}.timeline1 p{margin:0 0 15px}.timeline1-date{margin-top:-18px;top:50%;left:-150px;font-size:0.95em;line-height:20px;position:absolute;padding:5px 10px 5px 10px;border:1px solid var(--bborder)}.timeline1-circle,.timeline1-circle-start,.timeline1-circle-end{border:3px solid var(--bborder);border-radius:50%;display:block;position:absolute}.timeline1-circle{margin-top:-10px;top:50%;left:-40px;width:10px;height:10px;background:tomato}.timeline1-circle-start,.timeline1-circle-end{width:20px;height:20px;background:var(--box-bg);left:-45px;margin-top:0}.timeline1-circle-start{top:0}.timeline1-circle-end{top:100%}.timeline1-content{padding:50px 20px 0;border-radius:0.5em;position:relative}.timeline1-content p{text-align:justify}.timeline1 label{font-size:1.3em;position:absolute;z-index:90;top:20px}.timeline1-radio,.timeline1-break{display:none}@media only screen and (max-width: 600px){.timeline1-date{margin:0;font-size:0.95em;position:inherit;padding:0;border:none}.timeline1{margin:0 0 0 .5rem}}
|
||||||
/*# sourceMappingURL=timeline.css.map */
|
/*# sourceMappingURL=timeline.css.map */
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0 0 30px 120px;
|
margin: 0 0 30px 120px;
|
||||||
padding-left: 30px;
|
padding-left: 30px;
|
||||||
border-left: 3px solid #eaeaea;
|
border-left: 3px solid var(--bborder);
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -22,11 +22,11 @@
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding: 5px 10px 5px 10px;
|
padding: 5px 10px 5px 10px;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid var(--bborder);
|
||||||
}
|
}
|
||||||
|
|
||||||
.timeline1-circle, .timeline1-circle-start, .timeline1-circle-end {
|
.timeline1-circle, .timeline1-circle-start, .timeline1-circle-end {
|
||||||
border: 3px solid #eaeaea;
|
border: 3px solid var(--bborder);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -44,7 +44,7 @@
|
||||||
.timeline1-circle-start, .timeline1-circle-end {
|
.timeline1-circle-start, .timeline1-circle-end {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
background: #fff;
|
background: var(--box-bg);
|
||||||
left: -45px;
|
left: -45px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
padding: 7px;
|
padding: 7px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-color: rgb(71, 71, 71);
|
background: var(--btn-bg);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
content: attr(data-tooltip);
|
content: attr(data-tooltip);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
||||||
2
tree.css
2
tree.css
|
|
@ -1,2 +1,2 @@
|
||||||
.tree,.tree ul,.tree li{list-style:none;padding:0;position:relative}.tree{display:table;text-align:center}.tree .tree{border-top:1px solid #666}.tree .box{margin:0;padding:1rem;border:0}.tree ul{width:100%;display:table}.tree ul:not(.tree) li:before{border:1px solid #666}.tree li{display:table-cell;padding:.5em 0;vertical-align:top}.tree li:before{content:"";left:0;position:absolute;right:0;top:0}.tree li:first-child:before{left:50%}.tree li:last-child:before{right:50%}.tree li>span{text-align:left;border:solid .1em #666;display:inline-block;margin:0 .2em .5em;position:relative}.tree ul:not(.tree):before,.tree span:before{border:solid 1px #666;content:"";height:.45em;left:50%;position:absolute}.tree ul:before{top:-.5rem}.tree span:before{top:-.5rem}.tree>li:before,.tree>li:after,.tree>li>span:before{border:none}
|
.tree,.tree ul,.tree li{list-style:none;padding:0;position:relative}.tree{display:table;text-align:center}.tree .tree{border-top:1px solid var(--bborder)}.tree .box{margin:0;padding:1rem;border:0}.tree ul{width:100%;display:table}.tree ul:not(.tree) li:before{border:1px solid var(--bborder)}.tree li{display:table-cell;padding:.5em 0;vertical-align:top}.tree li:before{content:"";left:0;position:absolute;right:0;top:0}.tree li:first-child:before{left:50%}.tree li:last-child:before{right:50%}.tree li>span{text-align:left;border:solid 0.1em var(--bborder);display:inline-block;margin:0 .2em .5em;position:relative}.tree ul:not(.tree):before,.tree span:before{border:solid 1px var(--bborder);content:"";height:.45em;left:50%;position:absolute}.tree ul:before{top:-.5rem}.tree span:before{top:-.5rem}.tree>li:before,.tree>li:after,.tree>li>span:before{border:none}
|
||||||
/*# sourceMappingURL=tree.css.map */
|
/*# sourceMappingURL=tree.css.map */
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
.tree {
|
.tree {
|
||||||
border-top: 1px solid #666;
|
border-top: 1px solid var(--bborder);
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
ul:not(.tree) li:before {
|
ul:not(.tree) li:before {
|
||||||
border: 1px solid #666;
|
border: 1px solid var(--bborder);
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
|
|
@ -51,7 +51,7 @@
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border: solid .1em #666;
|
border: solid .1em var(--bborder);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 .2em .5em;
|
margin: 0 .2em .5em;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -59,7 +59,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
ul:not(.tree):before, span:before {
|
ul:not(.tree):before, span:before {
|
||||||
border: solid 1px #666;
|
border: solid 1px var(--bborder);
|
||||||
content: "";
|
content: "";
|
||||||
height: .45em;
|
height: .45em;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|
|
||||||
107
vars.scss
Normal file
107
vars.scss
Normal file
|
|
@ -0,0 +1,107 @@
|
||||||
|
:root {
|
||||||
|
--ff: 'Arial', Helvetica, sans-serif;
|
||||||
|
--default-c: #000;
|
||||||
|
--main-bg: #f6f6f6;
|
||||||
|
--main-bg-hl: #3697db;
|
||||||
|
--article-bg: #fff;
|
||||||
|
--article-c: #000;
|
||||||
|
|
||||||
|
--iborder: rgba(140, 140, 140, 0.4);
|
||||||
|
--iborder-active: rgba(54, 150, 219, 0.7);
|
||||||
|
|
||||||
|
--ipt-c: rgba(0, 0, 0, 0.8);
|
||||||
|
--ipt-c-active: rgba(0, 0, 0, 0.8);
|
||||||
|
--ipt-bg: #fff;
|
||||||
|
--ipt-bg-active: #fff;
|
||||||
|
--ipt-ico-c: rgba(54, 150, 219, .6);
|
||||||
|
--ipt-ico-c-active: #3697db;
|
||||||
|
|
||||||
|
--txt-on-bg-c: rgba(255, 255, 255, 0.7);
|
||||||
|
--txt-on-bg-c-2: rgba(255, 255, 255, 0.85);
|
||||||
|
|
||||||
|
--nav-cat-bg: #343a40;
|
||||||
|
--nav-cat-bg-hl: #3697db;
|
||||||
|
--nav-cat-bg-hover: #434a51;
|
||||||
|
--nav-sub-bg: #343A40;
|
||||||
|
--nav-sub-bg-hl: #3697db;
|
||||||
|
--nav-sub-bg-hover: #2a2b30;
|
||||||
|
--nav-content-hover: #3697db;
|
||||||
|
|
||||||
|
--btn-bg: #3697db;
|
||||||
|
--btn-bg-hover: #4aabf0;
|
||||||
|
--btn-main-bg: #3697db;
|
||||||
|
--btn-main-bg-active: #4aabf0;
|
||||||
|
--btn-main-c: rgba(255, 255, 255, .9);
|
||||||
|
|
||||||
|
--tcaption-bg: #fff;
|
||||||
|
--thead-bg: #3697db;
|
||||||
|
--thead-c: #fff;
|
||||||
|
--trow-bg: #fff;
|
||||||
|
--trow-bg-alt: #f7f7f7;
|
||||||
|
--trow-bg-hover: #d4eeff;
|
||||||
|
|
||||||
|
--badge-size: .55rem;
|
||||||
|
--badge-c: #fff;
|
||||||
|
--badge-bg: #e74c3c;
|
||||||
|
|
||||||
|
--bborder: rgba(72, 71, 114, 0.3);
|
||||||
|
--bborder2: #ebedf2;
|
||||||
|
|
||||||
|
--link-c: #3697db;
|
||||||
|
--lhover: #3697db;
|
||||||
|
|
||||||
|
--box-bg: #fff;
|
||||||
|
--box-hl: #3697db;
|
||||||
|
|
||||||
|
--header-bg: #fff;
|
||||||
|
|
||||||
|
--blue-c: #3697db;
|
||||||
|
--red-c: #e74c3c;
|
||||||
|
--green-c: #2ecc71;
|
||||||
|
--yellow-c: #ffde5b;
|
||||||
|
--purple-c: #7f5bff;
|
||||||
|
--pink-c: #ff5bef;
|
||||||
|
--orange-c: #ffa82e;
|
||||||
|
|
||||||
|
--green1-c: #aaffad;
|
||||||
|
--green2-c: #81e27d;
|
||||||
|
--green3-c: #459442;
|
||||||
|
|
||||||
|
--yellow1-c: #f8ffa8;
|
||||||
|
--yellow2-c: #d6d949;
|
||||||
|
--yellow3-c: #94972f;
|
||||||
|
|
||||||
|
--red1-c: #ff7d79;
|
||||||
|
--red2-c: #ee5649;
|
||||||
|
--red3-c: #a5302a;
|
||||||
|
|
||||||
|
--blue1-c: #b6d2ff;
|
||||||
|
--blue2-c: #85b0ee;
|
||||||
|
--blue3-c: #4865a5;
|
||||||
|
|
||||||
|
--save-c: rgba(0, 0, 0, 0.75);
|
||||||
|
--save-bg: #8fff79;
|
||||||
|
--save-bg-hover: #a1ffa1;
|
||||||
|
|
||||||
|
--cancel-c: #fff;
|
||||||
|
--cancel-bg: #ee5649;
|
||||||
|
--cancel-bg-hover: #ff7d79;
|
||||||
|
|
||||||
|
--close-c: rgba(0, 0, 0, 0.75);
|
||||||
|
--close-bg: #ffde5b;
|
||||||
|
--close-bg-hover: #ffe682;
|
||||||
|
|
||||||
|
--disabled-c: rgba(0, 0, 0, 0.5);
|
||||||
|
--disabled-bg: #e1e1e1;
|
||||||
|
--disabled-bg-hover: #e1e1e1;
|
||||||
|
|
||||||
|
--fav-c: #ffde5b;
|
||||||
|
--text-shadow: #000;
|
||||||
|
|
||||||
|
--bq-c: #fff;
|
||||||
|
--bq-bg: #25acff;
|
||||||
|
--bg-border: rgba(0, 0, 0, 0.4);
|
||||||
|
|
||||||
|
--code-c: #000;
|
||||||
|
--code-bg: #f4f4f4;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user