Notes/wwwroot/css/site.css

66 lines
1.0 KiB
CSS
Raw Normal View History

2022-11-29 15:14:15 +00:00
html {
font-size: 14px;
height: 100%;
2022-12-03 02:38:05 +00:00
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
2022-11-29 15:14:15 +00:00
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
html {
position: relative;
min-height: 100%;
}
body {
margin: 0;
min-height: 100%;
}
textarea {
width: 100%;
height: 100%;
padding: 15px;
2022-12-01 02:33:41 +00:00
margin: 0;
resize: none;
2022-11-29 15:14:15 +00:00
color: #444;
2022-12-01 02:33:41 +00:00
font-size: 12px;
2023-01-27 01:07:18 +00:00
font-family: Consolas, 'Courier New', monospace;
2022-11-29 15:14:15 +00:00
outline: none;
position: absolute;
box-sizing: border-box;
2022-12-03 02:37:44 +00:00
border-width: 0;
2022-11-29 15:14:15 +00:00
}
2022-12-01 02:33:41 +00:00
2023-02-01 02:19:09 +00:00
.dark textarea {
background-color: #222;
color: #ddd;
}
2022-12-03 02:38:05 +00:00
2023-01-25 13:48:50 +00:00
.toast {
2022-12-01 02:33:41 +00:00
position: fixed;
2023-02-01 02:19:09 +00:00
bottom: -30px;
right: 25px;
font-size: 11px;
padding: 6px;
2022-12-01 02:33:41 +00:00
color: #fff;
2023-02-01 02:19:09 +00:00
transition: bottom 0.3s;
2023-02-01 02:21:40 +00:00
opacity: 0.8;
2023-02-01 02:19:09 +00:00
border-radius: 5px 5px 0 0;
2022-12-01 02:33:41 +00:00
}
2023-01-25 13:48:50 +00:00
.toast.show {
2023-02-01 02:19:09 +00:00
bottom: 0;
2022-12-03 02:38:05 +00:00
}
2023-01-25 13:48:50 +00:00
2023-02-01 02:19:09 +00:00
.toast#saved-indicator {
background-color: green;
}
2023-01-25 13:48:50 +00:00
2023-02-01 02:19:09 +00:00
.toast#update-indicator {
background-color: orangered;
}