Notes/wwwroot/css/site.css

98 lines
1.6 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%;
}
2023-05-12 16:38:13 +00:00
div.note-names {
position: fixed;
2023-05-12 16:47:50 +00:00
bottom: 5px;
2023-05-12 16:38:13 +00:00
left: 0;
2023-05-18 01:44:41 +00:00
font-size: 14px;
opacity: 0.5;
2023-05-12 16:38:13 +00:00
}
2023-05-18 01:44:41 +00:00
div.note-names a {
color: #666;
padding-left: 10px;
text-decoration: none;
}
2023-05-12 16:38:13 +00:00
2023-05-18 01:44:41 +00:00
div.note-names a.current {
font-weight: bold;
}
div .note-names a:not(:last-of-type) {
border-right: 1px solid #666;
}
2023-05-12 16:38:13 +00:00
2022-11-29 15:14:15 +00:00
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-06-09 14:13:52 +00:00
body.dark, body.dark input, body.dark textarea {
2023-02-01 02:19:09 +00:00
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-05-18 01:44:41 +00:00
.toast.show {
bottom: 0;
}
2023-01-25 13:48:50 +00:00
2023-05-18 01:44:41 +00:00
.toast#saved-indicator {
background-color: green;
}
2023-01-25 13:48:50 +00:00
2023-05-18 01:44:41 +00:00
.toast#update-indicator {
background-color: orangered;
}
form input[type=password] {
display: block;
margin: 20px auto;
font-size: 20px;
padding: 8px;
border: 1px solid #999;
border-radius: 4px;
color: #999;
}