custom.css (1843B)
1 /* Forms and its elements should stretch full width */
2 form:not(.inline) > *
3 {
4 width: 100%;
5 }
6
7 /* The content text area should have a substantial height */
8 textarea#content {
9 height: 400px;
10 }
11
12 /* provide inline utility class for buttons, forms, etc. */
13 .inline {
14 display: inline-block;
15 }
16
17 /* Ensure the notes list items do not overflow and break properly */
18 .list_item {
19 overflow: hidden;
20 word-break: break-all;
21 margin-bottom: 1em;
22 padding-bottom: 0.5em;
23 border-bottom: 1px solid grey;
24 }
25
26 /* provide a utility class so buttons behave like anchor-objects */
27 .likeanchor {
28 background-color: unset !important;
29 border: unset !important;
30 color: var(--accent) !important;
31 margin: initial !important;
32 padding: initial !important;
33 text-decoration: underline;
34 display: inline-block;
35 }
36 .likeanchor:hover {
37 color: var(--accent-hover) !important;
38 cursor: pointer !important;
39 }
40
41 .likenavitem {
42 background-color: unset !important;
43 border: 1px solid var(--border) !important;
44 border-radius: var(--standard-border-radius) !important;
45 color: var(--text) !important;
46 margin: 0 .5rem 1rem !important;
47 padding: .1rem 1rem !important;
48 text-decoration: none !important;
49 display: inline-block;
50 line-height: 2 !important;
51 }
52
53 .likenavitem:hover {
54 background-color: unset !important;
55 border-color: var(--accent) !important;
56 color: var(--accent) !important;
57 cursor: pointer !important;
58 }
59
60 header {
61 margin-bottom: 2em;
62 }
63
64 .danger {
65 background-color: #ff0000 !important;
66 border-color: #ff0000 !important;
67 }
68
69 .danger:hover {
70 background-color: #ff6161 !important;
71 border-color: #ff6161 !important;
72 }
73
74 .danger.likeanchor {
75 background-color: unset !important;
76 border-color: unset !important;
77 color: #ff0000 !important;
78 }
79 .danger.likeanchor:hover {
80 color: #ff6161 !important;
81 }
82
83 input.marked {
84
85 }