92 lines
1.8 KiB
CSS
92 lines
1.8 KiB
CSS
:root {
|
|
--color-border: rgba(206, 206, 206, 0.4);
|
|
--color-box-shadow: rgba(206, 206, 206, 0.4);
|
|
--color-red: #ff5722;
|
|
--color-primary: rgba(252, 189, 0, 1);
|
|
--color-green: rgba(129, 179, 55, 1);
|
|
--color-blue: rgba(64, 149, 229, 1);
|
|
--color-purple: #a233c6;
|
|
--color-dark: rgba(68, 72, 88, 1);
|
|
--color-light: #fafafa;
|
|
--color-hover: #eeeeee;
|
|
--color-text-disabled: rgba(68, 72, 88, 0.5);
|
|
--color-text-header-left: #FFBF6B;
|
|
--color-text-header-right: #101010;
|
|
--color-note: rgba(68, 72, 88, 0.5);
|
|
--color-disabled: #D9D9D9;
|
|
--font-size-head: 14px;
|
|
/* --width-workspace: 1280px; */
|
|
--width-workspace: 100vw;
|
|
--height-head: 60px;
|
|
--height-foot: 30px;
|
|
}
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
background-color: #EEEEEE;
|
|
/* 禁止滚动条占位 隐藏浏览器默认的滚动条样式 */
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
a {
|
|
color: var(--color-blue);
|
|
text-decoration-line: none;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.text-btn {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.btn {
|
|
border: none;
|
|
border-radius: 3px;
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.btn:active {
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.btn-red {
|
|
background-color: var(--color-red);
|
|
color: var(--color-light);
|
|
}
|
|
|
|
.btn-orange {
|
|
background-color: var(--color-primary);
|
|
color: var(--color-light);
|
|
}
|
|
|
|
.btn-green {
|
|
background-color: var(--color-green);
|
|
color: var(--color-light);
|
|
}
|
|
|
|
.btn-blue {
|
|
background-color: var(--color-blue);
|
|
color: var(--color-light);
|
|
}
|
|
|
|
.btn-purple {
|
|
background-color: var(--color-purple);
|
|
color: var(--color-light);
|
|
}
|
|
|
|
.btn-dark {
|
|
background-color: var(--color-dark);
|
|
color: var(--color-light);
|
|
}
|
|
|
|
.btn-light {
|
|
background-color: var(--color-light);
|
|
color: var(--color-dark);
|
|
} |