notes/style.css

182 lines
2.4 KiB
CSS
Raw Normal View History

2023-01-18 12:34:55 +01:00
/* globals */
:root {
--black: rgb(55, 53, 47);
--blue: #5AA7CE;
--shadow: 0.75px 0 0;
}
2023-01-18 12:34:55 +01:00
body {
margin-left: 7%;
margin-right: 7%;
2023-11-15 21:24:38 +01:00
background: white;
font-family: system-ui;
caret-color: var(--blue);
color: var(--black);
2023-01-18 12:34:55 +01:00
}
2023-07-04 17:41:19 +02:00
a {
color: inherit;
}
2023-01-18 12:34:55 +01:00
input {
outline: none;
border: none;
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
2023-01-18 12:34:55 +01:00
}
/* scrollbars */
:root
{
scrollbar-width: thin;
scrollbar-color: lightgray;
2023-01-18 12:34:55 +01:00
}
body::-webkit-scrollbar {
height: 7px;
width: 7px;
background-color: darkgray;
2023-01-18 12:34:55 +01:00
}
body::-webkit-scrollbar-thumb {
background-color: lightgray;
2023-01-18 12:34:55 +01:00
border-radius: 10px;
}
/* note page and editor */
#notepage {
width: 100%;
2023-11-16 10:42:27 +01:00
display: table;
2023-01-18 12:34:55 +01:00
}
#md {
outline: none;
border: none;
width: 100%;
color: inherit;
2023-01-18 12:34:55 +01:00
resize: none;
2023-09-11 09:57:00 +02:00
2023-01-18 12:34:55 +01:00
font-family: inherit;
font-size: inherit;
line-height: inherit;
background-color: inherit;
2023-09-23 09:02:02 +02:00
/* coloring */
position: absolute;
top: 0;
left: 0;
padding: 0;
}
#notecontent {
position: relative;
}
#colored {
position: absolute;
2023-09-27 21:15:57 +02:00
white-space: pre-wrap;
2023-09-23 09:02:02 +02:00
top: 0;
left: 0;
z-index: -1;
width: 100%;
word-wrap:break-word;
2023-01-18 12:34:55 +01:00
}
#network {
position: absolute;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
}
2023-01-18 12:34:55 +01:00
/* top bar content */
#topbar {
height: 50px;
width: 100%;
}
#title {
width: 100%;
font-size: 20px;
background-color: inherit;
height: 100%;
font-weight: bold;
2023-01-18 12:34:55 +01:00
}
2023-11-07 10:36:51 +01:00
/* preview */
#preview {
font-size: 16px;
line-height: 150%;
}
2023-01-18 12:34:55 +01:00
/* search file dialog */
#filter {
2023-10-25 17:54:16 +02:00
color: black;
width: 100%;
2023-01-18 12:34:55 +01:00
}
#searchdialog {
2023-10-25 17:54:16 +02:00
color: black;
background-color: lightgray;
2023-01-18 12:34:55 +01:00
position: absolute;
top: 0;
2023-09-27 22:21:38 +02:00
left: 10%;
2023-01-18 12:34:55 +01:00
opacity: 1;
2023-09-27 22:21:38 +02:00
width: 80%;
z-index: 2;
2023-10-25 17:54:16 +02:00
font-size: 14px;
min-width: 500px;
2023-01-18 12:34:55 +01:00
}
2023-10-25 11:12:20 +02:00
.searchitem {
cursor: pointer;
2023-10-25 17:54:16 +02:00
margin: 2px 2px 2px 2px;
2023-10-25 11:12:20 +02:00
}
.selected {
cursor: pointer;
2023-10-25 17:54:16 +02:00
background-color: darkgray;
margin: 2px 2px 2px 2px;
}
/* colors */
.color-code {
2023-11-14 16:52:53 +01:00
color:lightgray;
background-color:var(--black);
}
.color-accent {
color: var(--blue);
2023-11-13 17:17:38 +01:00
}
.color-bold {
text-shadow: var(--shadow);
}
.color-light {
color: lightgray;
}
2023-11-13 17:17:38 +01:00
/* link dialog */
#linkdialog {
border-radius: 3px;
opacity:1;
color: white;
background-color:var(--black);
2023-11-13 17:17:38 +01:00
position:absolute;
}
#linkelt {
margin: 5px 7px 5px 7px;
}