templates/static/style.css (view raw)
1main {
2 max-width: 70ch;
3 padding: 2ch;
4 margin: auto;
5 font-family: "Roboto", Helvetica, Arial, Sans-serif;
6 word-wrap: break-word;
7 background-color: white;
8 line-height: 1.5;
9}
10
11a:visited {
12 color:blue
13}
14
15@media (prefers-color-scheme: dark) {
16 body, main { background: #1b262c; color: white; }
17 a { color: #21e6c1 }
18 a:visited { color: #21e6c1 }
19 input[type="text"], input[type="password"], textarea {
20 color: white;
21 background-color: #121212;
22 }
23 blockquote {
24 background-color: #121212;
25 border-left: .5em solid black;
26 }
27}
28@media only screen and (max-width: 600px) {
29 body {
30 font-size: 16px
31 }
32 input[type="text"], input[type="password"], textarea {
33 font-size: 1rem;
34 }
35}
36
37h1, h2, h3, h4, h5, h6{
38 margin-top:0;
39 margin-bottom:.2em;
40}
41
42.footer {
43 font-style: italic;
44 color: grey;
45 font-size: .9em;
46}
47
48body {
49}
50
51table {
52 margin-left: 7px
53}
54p {
55 margin-bottom: .2em;
56 line-height: 1.5;
57 margin-top: 0px;
58}
59
60.inline {
61 display: inline;
62}
63
64img {
65 max-width: 100%;
66}
67
68#editor {
69 width: 100%;
70 border: 1px solid #999999;
71 margin: 5px 0;
72 padding: 3px;
73 font-size: 1rem;
74 resize: vertical;
75}
76
77.textform {
78width: 100%;
79resize: vertical;
80}
81
82.impersonate {
83 font-style: italic;
84 font-weight: bold;
85 background-color:
86}
87
88.button {
89 background-color: white; /* Green */
90 border: 1px solid black;
91 text-decoration: none;
92 padding: 2px 5px;
93 display: inline-block;
94 margin: 0px;
95 font-size: 1rem;
96}
97
98
99.button:hover {
100 background-color: black;
101 color: white;
102}
103
104.delete:hover {
105 background-color: red;
106 color: white;
107}
108
109.error {
110 color: red;
111}
112
113.warning {
114 color: #ffcc00 ;
115}
116
117.alert {
118 color: green;
119}
120
121.nav {
122 color: blue;
123}
124
125.user-admin-details {
126 margin-left: 1em;
127 margin-bottom: 1em;
128}
129
130a {
131text-decoration: none;
132}
133
134pre {
135 line-height: 1.2;
136 overflow: auto;
137}
138
139a:hover {
140 text-decoration: underline;
141}
142
143blockquote {
144 font-style: italic;
145 background: #f9f9f9;
146 border-left: .5em solid #ccc;
147 margin-bottom: 0px;
148 margin-top: 0px;
149 padding: .5em 10px;
150}