]> git.r.bdr.sh - rbdr/dasein/blame_incremental - static/css/app.css
Merge branch 'release/1.0.0'
[rbdr/dasein] / static / css / app.css
... / ...
CommitLineData
1* {
2 margin: 0;
3 padding: 0;
4}
5
6/* General styles */
7
8body {
9 font-family: "VT323", sans-serif;
10}
11
12a {
13 color: #00e;
14}
15
16a:active {
17 color: #e00;
18}
19
20a:visited {
21 color: #551a8b;
22}
23
24h1 {
25 font-size: 48px;
26}
27
28section {
29 padding: 24px;
30}
31
32/* Header */
33
34#dasein .dasein-header {
35 text-align: center;
36}
37
38#dasein .dasein-header a {
39 font-size: 96px;
40}
41
42.welcome-container,
43.login-container {
44 font-size: 24px;
45 padding: 50px 10px 10px;
46}
47
48/* The stream */
49
50.comments-container .comment .comment-meta,
51.posts-container .post .post-meta {
52 background-color: lightgray;
53 display: flex;
54 align-items: center;
55 font-size: 20px;
56}
57
58.comment-meta time, .comment-meta a,
59.post-meta time, .post-meta a {
60 padding: 0 10px;
61}
62
63.comments-container .comment .comment-content,
64.comment-form-container .comment-content-input,
65.comment-form-container .comment-submit,
66.posts-container .post .post-content,
67.post-form-container .post-content-input,
68.post-form-container .post-submit {
69 font-family: -apple-system, BlinkMacSystemFont,
70 "Segoe UI", "Roboto", "Oxygen",
71 "Ubuntu", "Cantarell", "Fira Sans",
72 "Droid Sans", "Helvetica Neue", sans-serif;
73 font-size: 24px;
74 padding: 10px;
75}
76
77.comments-container .comment .comment-content,
78.posts-container .post .post-content {
79 white-space: pre-wrap;
80 word-wrap: break-word;
81}
82
83.comment-form-container .comment-content-input,
84.post-form-container .post-content-input {
85 display: block;
86 margin: 10px;
87 width: 90%;
88 resize: none;
89 height: 140px;
90}
91
92.comment-form-container .comment-submit,
93.comment-form-container .comment-activate,
94.post-form-container .post-submit {
95 margin: 10px auto;
96 display: block;
97 background-color: lightgray;
98}
99
100.post-form-container .post-submit:active {
101 background-color: cyan;
102}
103
104.posts-error,
105.comments-error,
106.post-form-error {
107 color: red;
108 padding: 10px;
109}
110
111/* Comments */
112
113.comments-container .comment .comment-meta {
114 background-color: ghostwhite;
115 font-size: 16px;
116}
117
118.comments-container .comment .comment-meta img {
119 width: 24px;
120 height: 24px;
121}
122
123.comments-container .comment .comment-content,
124.comment-form-container .comment-content-input,
125.comment-form-container .comment-submit {
126 font-size: 16px;
127}
128
129.comment-form-container .comment-activate {
130 padding: 2px;
131 font-size: 12px;
132}
133
134.comment-form-container .comment-content-input {
135 height: 70px;
136}
137
138.comment-form-container .comment-activate:active,
139.comment-form-container .comment-submit:active {
140 background-color: magenta;
141}