2020-05-11 23:29:18 +08:00
|
|
|
:root {
|
2020-08-12 05:02:25 +08:00
|
|
|
--bg-color: #121520;
|
|
|
|
|
--caret-color: #fff;
|
|
|
|
|
--main-color: #fff;
|
|
|
|
|
--sub-color: #676e8a;
|
|
|
|
|
--text-color: #fff;
|
|
|
|
|
--error-color: #da3333;
|
|
|
|
|
--error-extra-color: #791717;
|
|
|
|
|
--colorful-error-color: #da3333;
|
|
|
|
|
--colorful-error-extra-color: #791717;
|
2020-05-12 07:59:12 +08:00
|
|
|
}
|
|
|
|
|
|
2020-07-17 05:54:22 +08:00
|
|
|
#menu {
|
2020-08-12 05:02:25 +08:00
|
|
|
gap: 0.5rem;
|
2020-05-12 07:59:12 +08:00
|
|
|
}
|
|
|
|
|
|
2020-07-03 01:39:24 +08:00
|
|
|
#top.focus #menu .icon-button,
|
2020-05-12 07:59:12 +08:00
|
|
|
#top.focus #menu:before,
|
2020-07-17 05:54:22 +08:00
|
|
|
#top.focus #menu:after {
|
2020-08-12 05:02:25 +08:00
|
|
|
background: var(--sub-color);
|
2020-05-12 07:59:12 +08:00
|
|
|
}
|
|
|
|
|
|
2020-07-17 05:54:22 +08:00
|
|
|
#menu .icon-button {
|
2020-08-12 05:02:25 +08:00
|
|
|
border-radius: 10rem !important;
|
|
|
|
|
color: #121520;
|
2020-05-12 07:59:12 +08:00
|
|
|
}
|
|
|
|
|
|
2020-05-22 18:51:05 +08:00
|
|
|
/* #menu:before{
|
2020-05-12 07:59:12 +08:00
|
|
|
content: "";
|
|
|
|
|
background: #f94348;
|
|
|
|
|
width: 1.25rem;
|
|
|
|
|
height: 1.25rem;
|
|
|
|
|
padding: .5rem;
|
|
|
|
|
border-radius: 10rem;
|
2020-05-22 18:51:05 +08:00
|
|
|
} */
|
2020-05-12 07:59:12 +08:00
|
|
|
|
2020-07-17 05:54:22 +08:00
|
|
|
#menu .icon-button:nth-child(1) {
|
2020-08-12 05:02:25 +08:00
|
|
|
background: #f94348;
|
2020-05-12 07:59:12 +08:00
|
|
|
}
|
|
|
|
|
|
2020-07-17 05:54:22 +08:00
|
|
|
#menu .icon-button:nth-child(2) {
|
2020-08-12 05:02:25 +08:00
|
|
|
background: #9261ff;
|
2020-05-12 07:59:12 +08:00
|
|
|
}
|
|
|
|
|
|
2020-07-17 05:54:22 +08:00
|
|
|
#menu .icon-button:nth-child(3) {
|
2020-08-12 05:02:25 +08:00
|
|
|
background: #3cc5f8;
|
2020-05-22 18:51:05 +08:00
|
|
|
}
|
|
|
|
|
|
2020-07-17 05:54:22 +08:00
|
|
|
#menu .icon-button:nth-child(4) {
|
2020-08-12 05:02:25 +08:00
|
|
|
background: #4acb8a;
|
2020-05-12 07:59:12 +08:00
|
|
|
}
|
|
|
|
|
|
2020-07-17 05:54:22 +08:00
|
|
|
#menu .icon-button:nth-child(5) {
|
2020-08-12 05:02:25 +08:00
|
|
|
background: #ffd543;
|
2020-05-22 18:51:05 +08:00
|
|
|
}
|
|
|
|
|
|
2020-07-28 23:33:12 +08:00
|
|
|
#menu .icon-button:nth-child(6),
|
|
|
|
|
#menu .icon-button:nth-child(7) {
|
2020-08-12 05:02:25 +08:00
|
|
|
background: #ff9349;
|
2020-07-17 05:54:22 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* #menu:after{
|
2020-05-22 18:51:05 +08:00
|
|
|
content: "";
|
|
|
|
|
background: #ff9349;
|
|
|
|
|
width: 1.25rem;
|
|
|
|
|
height: 1.25rem;
|
|
|
|
|
padding: .5rem;
|
|
|
|
|
border-radius: 10rem;
|
2020-07-17 05:54:22 +08:00
|
|
|
} */
|
2020-05-22 19:17:36 +08:00
|
|
|
|
2020-07-17 05:54:22 +08:00
|
|
|
#top.focus #menu .icon-button.discord::after {
|
2020-08-12 05:02:25 +08:00
|
|
|
border-color: transparent;
|
|
|
|
|
}
|
