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 {
|
||||
text-align: left;
|
||||
border: 1px solid #c9c9c9;
|
||||
border: 1px solid var(--bborder);
|
||||
|
||||
> input {
|
||||
display: none;
|
||||
|
||||
&:checked + label {
|
||||
background: var(--btn-c-bg);
|
||||
background: var(--btn-bg);
|
||||
color: var(--txt-on-bg-c-2);
|
||||
|
||||
+ section {
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
}
|
||||
|
||||
&:hover {
|
||||
background: var(--btn-c-bg-hover);
|
||||
background: var(--btn-bg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -30,18 +30,18 @@
|
|||
z-index: 20;
|
||||
margin-top: -1px;
|
||||
cursor: pointer;
|
||||
color: #000;
|
||||
color: var(--default-c);
|
||||
font-size: 1rem;
|
||||
background: var(--bborder);
|
||||
|
||||
&:hover {
|
||||
color: var(--txt-on-bg-c-2);
|
||||
background: var(--btn-c-bg-hover);
|
||||
background: var(--btn-bg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
> section {
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
overflow: hidden;
|
||||
height: auto;
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@each $tuple in
|
||||
'ok' #aaffad #81e27d #459442,
|
||||
'warning' #f8ffa8 #d6d949 #94972f,
|
||||
'error' #ff7d79 #ee5649 #a5302a,
|
||||
'info' #b6d2ff #85b0ee #4865a5 {
|
||||
'ok' var(--green1-c) var(--green2-c) var(--green3-c),
|
||||
'warning' var(--yellow1-c) var(--yellow2-c) var(--yellow3-c),
|
||||
'error' var(--red1-c) var(--red2-c) var(--red3-c),
|
||||
'info' var(--blue1-c) var(--blue2-c) var(--blue3-c) {
|
||||
.log-lvl-#{nth($tuple, 1)} {
|
||||
background: #{nth($tuple, 2)};
|
||||
border: 1px solid #{nth($tuple, 3)};
|
||||
|
|
|
|||
10
article.scss
10
article.scss
|
|
@ -3,11 +3,11 @@
|
|||
}
|
||||
|
||||
article {
|
||||
background: #fff;
|
||||
background: var(--article-bg);
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
font-size: .9rem;
|
||||
color: #000;
|
||||
color: var(--article-c);
|
||||
line-height: 2rem;
|
||||
white-space: normal;
|
||||
|
||||
|
|
@ -21,15 +21,15 @@ article {
|
|||
}
|
||||
|
||||
del {
|
||||
background: #ff9e9e;
|
||||
background: var(--red1-c);
|
||||
}
|
||||
|
||||
ins {
|
||||
background: #b0f3b0;
|
||||
background: var(--green1-c);
|
||||
}
|
||||
|
||||
mark {
|
||||
background: #f9ffa1;
|
||||
background: var(--yellow1-c);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
|
|
|
|||
|
|
@ -3,9 +3,10 @@
|
|||
overflow: hidden;
|
||||
font-size: 1rem;
|
||||
user-select: none;
|
||||
display: flex;
|
||||
|
||||
li {
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
border-left: 1px solid var(--bborder);
|
||||
border-top: 1px solid var(--bborder);
|
||||
border-bottom: 1px solid var(--bborder);
|
||||
|
|
@ -23,7 +24,7 @@
|
|||
height: 0;
|
||||
border-top: 20px solid transparent;
|
||||
border-bottom: 20px solid transparent;
|
||||
border-left: 14px solid #fff;
|
||||
border-left: 14px solid var(--box-bg);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -20px;
|
||||
|
|
@ -45,17 +46,17 @@
|
|||
}
|
||||
|
||||
&.active:after {
|
||||
border-left: 14px solid var(--btn-c-bg);
|
||||
border-left: 14px solid var(--btn-bg);
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
border-left: 14px solid var(--btn-c-bg-hover);
|
||||
border-left: 14px solid var(--btn-bg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
cursor: default;
|
||||
background: var(--btn-c-bg);
|
||||
background: var(--btn-bg);
|
||||
}
|
||||
|
||||
.active, li:hover {
|
||||
|
|
@ -63,7 +64,7 @@
|
|||
}
|
||||
|
||||
li:hover {
|
||||
background: var(--btn-c-bg-hover);
|
||||
background: var(--btn-bg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -76,7 +77,7 @@
|
|||
height: 0;
|
||||
border-top: 20px solid transparent;
|
||||
border-bottom: 20px solid transparent;
|
||||
border-left: 14px solid #fff;
|
||||
border-left: 14px solid var(--box-bg);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -20px;
|
||||
|
|
@ -88,11 +89,11 @@
|
|||
}
|
||||
|
||||
&.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 {
|
||||
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;
|
||||
display: inline-flex;
|
||||
min-width: 70px;
|
||||
background: var(--btn-c-bg);
|
||||
background: var(--btn-bg);
|
||||
color: var(--txt-on-bg-c-2);
|
||||
padding: 0 1rem 0 1rem;
|
||||
flex-grow: 0;
|
||||
|
|
@ -28,68 +28,69 @@ button, input[type="submit"], input[type="reset"], input[type="button"], label.b
|
|||
}
|
||||
|
||||
&:hover {
|
||||
background: var(--btn-c-bg-hover);
|
||||
background: var(--btn-bg-hover);
|
||||
color: var(--txt-on-bg-c-2);
|
||||
}
|
||||
}
|
||||
|
||||
button.save, .button.save, input[type="submit"].save {
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
background: #8fff79;
|
||||
color: var(--save-c);
|
||||
background: var(--save-bg);
|
||||
|
||||
&:hover, &:focus {
|
||||
background: #a1ffa1;
|
||||
background: var(--save-bg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
button.cancel, .button.cancel, input[type="submit"].cancel {
|
||||
background: #ee5649;
|
||||
color: var(--cancel-c);
|
||||
background: var(--cancel-bg);
|
||||
|
||||
&:hover, &:focus {
|
||||
background: #ff7d79;
|
||||
background: var(--cancel-bg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
button.close, .button.close, input[type="submit"].close, input[type="reset"].close {
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
background: #ffde5b;
|
||||
color: var(--close-c);
|
||||
background: var(--close-bg);
|
||||
|
||||
&:hover, &:focus {
|
||||
background: #ffe682;
|
||||
background: var(--close-bg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
button.disabled, .button.disabled, input[type="submit"].disabled {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
background: #e1e1e1;
|
||||
color: var(--disabled-c);
|
||||
background: var(--disabled-bg);
|
||||
cursor: not-allowed;
|
||||
|
||||
&:hover, &:focus {
|
||||
background: #e1e1e1;
|
||||
background: var(--disabled-bg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.link.default {
|
||||
color: var(--btn-c-bg);
|
||||
color: var(--btn-bg);
|
||||
}
|
||||
|
||||
.link.save {
|
||||
color: #8fff79;
|
||||
color: var(--save-bg);
|
||||
}
|
||||
|
||||
.link.cancel {
|
||||
color: #ee5649;
|
||||
color: var(--cancel-bg);
|
||||
}
|
||||
|
||||
.link.close {
|
||||
color: #fffc3e;
|
||||
color: var(--close-bg);
|
||||
}
|
||||
|
||||
.link.disabled {
|
||||
color: #e1e1e1;
|
||||
color: var(--disabled-bg);
|
||||
}
|
||||
|
||||
i.favorite {
|
||||
color: #ffd700;
|
||||
text-shadow: 0 0 1px #000;
|
||||
color: var(--fav-c);
|
||||
text-shadow: 0 0 1px var(--text-shadow);
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
canvas {
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
user-select: none;
|
||||
|
||||
&.chart {
|
||||
|
|
|
|||
14
colors.scss
14
colors.scss
|
|
@ -1,34 +1,34 @@
|
|||
.hl-1 {
|
||||
background: var(--color-red) !important;
|
||||
background: var(--red-c) !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hl-2 {
|
||||
background: var(--color-green) !important;
|
||||
background: var(--green-c) !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hl-3 {
|
||||
background: var(--color-blue) !important;
|
||||
background: var(--blue-c) !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hl-4 {
|
||||
background: var(--color-yellow) !important;
|
||||
background: var(--yellow-c) !important;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.hl-5 {
|
||||
background: var(--color-purple) !important;
|
||||
background: var(--purple-c) !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hl-6 {
|
||||
background: var(--color-pink) !important;
|
||||
background: var(--pink-c) !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hl-7 {
|
||||
background: var(--color-orange) !important;
|
||||
background: var(--orange-c) !important;
|
||||
color: #fff;
|
||||
}
|
||||
16
default.scss
16
default.scss
|
|
@ -17,9 +17,9 @@ p {
|
|||
}
|
||||
|
||||
blockquote {
|
||||
color: #fff;
|
||||
background: #25acff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
color: var(--bq-c);
|
||||
background: var(--bq-bg);
|
||||
border: 1px solid var(--bq-border);
|
||||
padding: 1rem;
|
||||
border-radius: 5px;
|
||||
margin: 1.5rem;
|
||||
|
|
@ -41,8 +41,8 @@ blockquote {
|
|||
pre, code {
|
||||
font-family: var(--ff);
|
||||
font-size: .8rem;
|
||||
background: #f4f4f4;
|
||||
color: #000;
|
||||
background: var(--code-bg);
|
||||
color: var(--code-c);
|
||||
}
|
||||
|
||||
code {
|
||||
|
|
@ -53,13 +53,13 @@ code {
|
|||
pre {
|
||||
margin: 1rem 0 1rem 0;
|
||||
line-height: 1.2rem;
|
||||
border: 1px solid #ddd;
|
||||
border: 1px solid var(--bborder);
|
||||
padding: 1rem;
|
||||
overflow-x: auto;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
white-space: pre-wrap;
|
||||
border-left: 3px solid #25acff;
|
||||
border-left: 3px solid var(--bq-bg);
|
||||
|
||||
code {
|
||||
padding: 0;
|
||||
|
|
@ -70,7 +70,7 @@ pre {
|
|||
|
||||
&:before {
|
||||
display: inline-block;
|
||||
border-right: 1px solid #ddd;
|
||||
border-right: 1px solid var(--bborder);
|
||||
padding: 0 .5em;
|
||||
margin-right: .5em;
|
||||
color: #888;
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ form {
|
|||
|
||||
label {
|
||||
font-size: .9rem;
|
||||
color: rgba(0, 0, 0, 1.0);
|
||||
color: var(--default-c);
|
||||
}
|
||||
|
||||
i+i {
|
||||
|
|
|
|||
10
image.scss
10
image.scss
|
|
@ -1,7 +1,7 @@
|
|||
img {
|
||||
&.frame-1 {
|
||||
padding: 1rem;
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
border: 1px solid var(--bborder);
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
|
|
@ -9,14 +9,14 @@ img {
|
|||
|
||||
&.frame-2 {
|
||||
border: 1px solid var(--bborder);
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.rounded {
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
}
|
||||
|
||||
&.bordered {
|
||||
|
|
@ -105,7 +105,7 @@ img {
|
|||
width: 100px;
|
||||
height: 100px;
|
||||
margin: .3rem;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid var(--bborder);
|
||||
}
|
||||
|
||||
label {
|
||||
|
|
@ -123,7 +123,7 @@ img {
|
|||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
padding: 2px;
|
||||
font-size: .8rem;
|
||||
}
|
||||
|
|
|
|||
20
input.scss
20
input.scss
|
|
@ -57,15 +57,15 @@ input[type="datetime-local"] {
|
|||
border: 1px solid var(--iborder);
|
||||
transition: background 0.3s, border 0.3s;
|
||||
|
||||
&:focus, .active, &:active {
|
||||
&:focus, &.active, &:active {
|
||||
border-color: var(--ipt-bg-active);
|
||||
border: 1px solid var(--iborder-active);
|
||||
color: var(--ipt-c-active);
|
||||
}
|
||||
|
||||
&:disabled, &:readonly {
|
||||
&:disabled {
|
||||
cursor: not-allowed;
|
||||
background: #efefef;
|
||||
background: var(--disabled-bg);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -362,11 +362,11 @@ label.radio, label.checkbox {
|
|||
cursor: pointer;
|
||||
|
||||
&:checked ~ .checkmark {
|
||||
background-color: var(--btn-c-bg);
|
||||
background: var(--btn-bg);
|
||||
}
|
||||
|
||||
&:required ~ .checkmark, &:disabled ~ .checkmark, &:readonly ~ .checkmark {
|
||||
background-color: #adadad;
|
||||
&:required ~ .checkmark, &:disabled ~ .checkmark {
|
||||
background: #adadad;
|
||||
}
|
||||
|
||||
&:checked ~ .checkmark:after {
|
||||
|
|
@ -379,7 +379,7 @@ label.radio, label.checkbox {
|
|||
height: 15px;
|
||||
width: 15px;
|
||||
margin-right: 5px;
|
||||
background-color: #eee;
|
||||
background: var(--ipt-bg);
|
||||
border: 1px solid var(--iborder-active);
|
||||
|
||||
&:after {
|
||||
|
|
@ -430,7 +430,7 @@ input[type="range"] {
|
|||
width: 100%;
|
||||
min-width: 150px;
|
||||
height: 5px;
|
||||
background: var(--btn-c-bg);
|
||||
background: var(--btn-bg);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -444,7 +444,7 @@ input[type="range"] {
|
|||
button {
|
||||
box-sizing: border-box;
|
||||
// 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;
|
||||
font-size: 1rem;
|
||||
min-width: 40px;
|
||||
|
|
@ -460,7 +460,7 @@ input[type="range"] {
|
|||
flex-shrink: 0;
|
||||
|
||||
&:hover, &:focus {
|
||||
background: var(--btn-c-bg-hover);
|
||||
background: var(--btn-bg-hover);
|
||||
}
|
||||
|
||||
&.inactive {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
ul {
|
||||
&.boxed {
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
padding: 5px;
|
||||
border: 1px solid var(--bborder);
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
.ctx-menu {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
border: 1px solid #ccc;
|
||||
background: var(--box-bg);
|
||||
border: 1px solid var(--bborder);
|
||||
z-index: 1000; // Table headers are sticky which has a z-index of 999. The menu should be above
|
||||
|
||||
label {
|
||||
|
|
|
|||
2
nav.scss
2
nav.scss
|
|
@ -16,7 +16,7 @@
|
|||
li {
|
||||
display: inline-block;
|
||||
a {
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
border: 1px solid var(--bborder);
|
||||
box-sizing: border-box;
|
||||
margin-top: 1rem;
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
}
|
||||
|
||||
.portlet-head, .portlet-foot {
|
||||
|
|
@ -38,11 +38,11 @@
|
|||
}
|
||||
|
||||
.portlet-body > h2, .portlet-separator, .portlet-head {
|
||||
border-bottom: 1px solid #ebedf2;
|
||||
border-bottom: 1px solid var(--bborder2);
|
||||
}
|
||||
|
||||
.portlet-foot {
|
||||
border-top: 1px solid #ebedf2;
|
||||
border-top: 1px solid var(--bborder2);
|
||||
box-sizing: border-box;
|
||||
flex-wrap: wrap;
|
||||
column-gap: .5rem;
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
display: block;
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
background-color: #459442;
|
||||
background-color: var(--green3-c);
|
||||
background-image: linear-gradient(
|
||||
to left top,
|
||||
color-stop(0, #459442),
|
||||
color-stop(1, #81e27d));
|
||||
color-stop(0, var(--green3-c)),
|
||||
color-stop(1, var(--green2-c)));
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
@ -22,13 +22,13 @@
|
|||
}
|
||||
|
||||
&.blue > span {
|
||||
background-color: #85b0ee;
|
||||
background-image: linear-gradient(#85b0ee, #4865a5);
|
||||
background-color: var(--blue1-c);
|
||||
background-image: linear-gradient(var(--blue1-c), var(--blue3-c));
|
||||
}
|
||||
|
||||
&.red > span {
|
||||
background-color: #ee5649;
|
||||
background-image: linear-gradient(#ee5649, #a5302a);
|
||||
background-color: var(--red1-c);
|
||||
background-image: linear-gradient(var(--red1-c), var(--red3-c));
|
||||
}
|
||||
|
||||
> span:after, .animate > span > span {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
margin: 0 auto;
|
||||
margin-top: 3rem;
|
||||
text-align: center;
|
||||
border: 5px solid rgba(92, 2, 2, 0.1);
|
||||
border: 5px solid var(--bborder);
|
||||
|
||||
&:before {
|
||||
font-family: 'Material Symbols Outlined', serif;
|
||||
|
|
@ -35,7 +35,7 @@ section {
|
|||
margin: 10px 10px 0 10px;
|
||||
padding-bottom: 5px;
|
||||
font-size: 1.1em;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
border-bottom: 1px solid var(--bborder2);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -46,7 +46,7 @@ section {
|
|||
}
|
||||
|
||||
&.box {
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
//box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3);
|
||||
border: 1px solid var(--bborder);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@
|
|||
display: none;
|
||||
|
||||
&:checked+label {
|
||||
border-color: #666;
|
||||
border-color: var(--bborder);
|
||||
opacity: 1;
|
||||
|
||||
+img {
|
||||
|
|
@ -72,7 +72,7 @@
|
|||
display: inline-block;
|
||||
margin-top: calc(50% + 15px);
|
||||
margin-left: 15px;
|
||||
border: 3px solid #999;
|
||||
border: 3px solid var(--bborder);;
|
||||
cursor: pointer;
|
||||
opacity: 0.6;
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
.spinner-1 {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-color: #333;
|
||||
background-color: var(--default-c);
|
||||
margin: 50px auto;
|
||||
animation: sk-rotateplane 1.2s infinite ease-in-out;
|
||||
}
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
> div {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-color: #333;
|
||||
background-color: var(--default-c);
|
||||
border-radius: 100%;
|
||||
display: inline-block;
|
||||
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 50px auto;
|
||||
background-color: #333;
|
||||
background-color: var(--default-c);
|
||||
|
||||
border-radius: 100%;
|
||||
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 {
|
||||
color: #000;
|
||||
color: var(--default-c);
|
||||
padding: 5px 0 0 0;
|
||||
|
||||
label {
|
||||
font-size: 0.9em;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--btn-c-bg);
|
||||
border: 1px solid var(--btn-bg);
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: var(--txt-on-bg-c-2);
|
||||
background: var(--btn-c-bg-hover);
|
||||
border: 1px solid var(--btn-c-bg-hover);
|
||||
background: var(--btn-bg-hover);
|
||||
border: 1px solid var(--btn-bg-hover);
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.active label:hover, .active label:focus {
|
||||
color: var(--txt-on-bg-c-2);
|
||||
background: var(--btn-c-bg-hover);
|
||||
border: 1px solid var(--btn-c-bg-hover);
|
||||
background: var(--btn-bg-hover);
|
||||
border: 1px solid var(--btn-bg-hover);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
|
@ -68,12 +68,12 @@
|
|||
padding: 5px;
|
||||
background: none;
|
||||
overflow: auto;
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
}
|
||||
|
||||
.active, .active label {
|
||||
color: var(--txt-on-bg-c-2);
|
||||
background: var(--btn-c-bg);
|
||||
background: var(--btn-bg);
|
||||
}
|
||||
|
||||
li {
|
||||
|
|
@ -87,8 +87,8 @@
|
|||
|
||||
.tab-content {
|
||||
box-sizing: border-box;
|
||||
border: 1px solid var(--btn-c-bg);
|
||||
background: #fff;
|
||||
border: 1px solid var(--btn-bg);
|
||||
background: var(--box-bg);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
|
@ -135,7 +135,7 @@
|
|||
|
||||
.active a, .active label {
|
||||
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 {
|
||||
color: var(--btn-c-bg);
|
||||
color: var(--btn-bg);
|
||||
}
|
||||
|
||||
thead {
|
||||
|
|
@ -27,7 +27,7 @@ table {
|
|||
|
||||
input[type=radio]:checked + i,
|
||||
input[type=checkbox]:checked + label i {
|
||||
color: var(--btn-c-bg);
|
||||
color: var(--btn-bg);
|
||||
}
|
||||
|
||||
.order-up, .order-down {
|
||||
|
|
@ -52,7 +52,7 @@ table {
|
|||
//overflow-x: auto;
|
||||
|
||||
.disabled, .empty {
|
||||
color: #d8d8d8;
|
||||
color: var(--disabled-bg);
|
||||
}
|
||||
|
||||
.empty {
|
||||
|
|
@ -114,7 +114,7 @@ table {
|
|||
|
||||
tbody {
|
||||
td, th {
|
||||
border-bottom: 1px solid #ebedf2;
|
||||
border-bottom: 1px solid var(--bborder2);
|
||||
}
|
||||
|
||||
tr {
|
||||
|
|
@ -132,14 +132,14 @@ table {
|
|||
|
||||
&:hover td, &:focus td {
|
||||
background: var(--trow-bg-hover);
|
||||
color: #000;
|
||||
color: var(--default-c);
|
||||
}
|
||||
|
||||
&:focus, &:hover {
|
||||
outline: none;
|
||||
transform: scale(1);
|
||||
box-shadow: 0 0 5px var(--bborder);
|
||||
color: #000;
|
||||
color: var(--default-c);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -149,7 +149,7 @@ table {
|
|||
color: var(--thead-c);
|
||||
|
||||
td {
|
||||
border-bottom: 1px solid #ebedf2;
|
||||
border-bottom: 1px solid var(--bborder2);
|
||||
}
|
||||
|
||||
input[type=radio] {
|
||||
|
|
|
|||
3
tag.scss
3
tag.scss
|
|
@ -4,7 +4,7 @@ span.tag {
|
|||
padding: 4px 6px 4px 6px;
|
||||
font-size: .8rem;
|
||||
color: var(--txt-on-bg-c-2);
|
||||
background: var(--btn-c-bg);
|
||||
background: var(--btn-bg);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
|
|
@ -12,6 +12,7 @@ span.tag {
|
|||
i {
|
||||
color: var(--txt-on-bg-c-2);
|
||||
margin-right: .5rem;
|
||||
font-size: .8em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
.blurry-text {
|
||||
text-shadow: 0 0 .9rem #000;
|
||||
text-shadow: 0 0 .9rem var(--default-c);
|
||||
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 */
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
list-style: none;
|
||||
margin: 0 0 30px 120px;
|
||||
padding-left: 30px;
|
||||
border-left: 3px solid #eaeaea;
|
||||
border-left: 3px solid var(--bborder);
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
|
|
@ -22,11 +22,11 @@
|
|||
line-height: 20px;
|
||||
position: absolute;
|
||||
padding: 5px 10px 5px 10px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid var(--bborder);
|
||||
}
|
||||
|
||||
.timeline1-circle, .timeline1-circle-start, .timeline1-circle-end {
|
||||
border: 3px solid #eaeaea;
|
||||
border: 3px solid var(--bborder);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
.timeline1-circle-start, .timeline1-circle-end {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #fff;
|
||||
background: var(--box-bg);
|
||||
left: -45px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
margin-bottom: 5px;
|
||||
padding: 7px;
|
||||
border-radius: 3px;
|
||||
background-color: rgb(71, 71, 71);
|
||||
background: var(--btn-bg);
|
||||
color: #fff;
|
||||
content: attr(data-tooltip);
|
||||
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 */
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
text-align: center;
|
||||
|
||||
.tree {
|
||||
border-top: 1px solid #666;
|
||||
border-top: 1px solid var(--bborder);
|
||||
}
|
||||
|
||||
.box {
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
}
|
||||
|
||||
ul:not(.tree) li:before {
|
||||
border: 1px solid #666;
|
||||
border: 1px solid var(--bborder);
|
||||
}
|
||||
|
||||
li {
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
|
||||
> span {
|
||||
text-align: left;
|
||||
border: solid .1em #666;
|
||||
border: solid .1em var(--bborder);
|
||||
display: inline-block;
|
||||
margin: 0 .2em .5em;
|
||||
position: relative;
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
}
|
||||
|
||||
ul:not(.tree):before, span:before {
|
||||
border: solid 1px #666;
|
||||
border: solid 1px var(--bborder);
|
||||
content: "";
|
||||
height: .45em;
|
||||
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