Files: ea522127885486018de1547de0db04f3d3144eb6 / static / styles.css
2910 bytesRaw
1 | body { |
2 | margin: 0 auto; |
3 | font-family: sans-serif; |
4 | font-size: 18px; |
5 | } |
6 | |
7 | section { |
8 | padding: 1ex; |
9 | } |
10 | |
11 | .symbol { |
12 | font-family: Symbola; |
13 | } |
14 | |
15 | .ssb-post img, |
16 | .ssb-issue img { |
17 | max-width: 100%; |
18 | max-height: 500px; |
19 | } |
20 | |
21 | .ssb-post blockquote { |
22 | border-left: 4px #e0e0e0 solid; |
23 | color: #444; |
24 | background-color: #f9f9f9; |
25 | padding: .2rem .2rem .2rem 1rem; |
26 | margin: .5rem 0; |
27 | } |
28 | |
29 | .ssb-post-text pre, .ssb-post-text pre * { |
30 | overflow-wrap: break-word; |
31 | word-wrap: break-word; |
32 | -ms-word-break: break-all; |
33 | /* This is the dangerous one in WebKit, as it breaks things wherever */ |
34 | word-break: break-all; |
35 | /* Instead use this non-standard one: */ |
36 | word-break: break-word; |
37 | /* Adds a hyphen where the word breaks, if supported (No Blink) */ |
38 | -ms-hyphens: auto; |
39 | -moz-hyphens: auto; |
40 | -webkit-hyphens: auto; |
41 | hyphens: auto; |
42 | } |
43 | |
44 | img.ssb-emoji { |
45 | height: 1em; |
46 | width: 1em; |
47 | border: none; |
48 | } |
49 | |
50 | .nav-bar { |
51 | background-color: #039; |
52 | padding-left: 1em; |
53 | } |
54 | |
55 | .nav-bar a { |
56 | color: #ed0; |
57 | } |
58 | |
59 | .search-input { |
60 | color: #efd; |
61 | background-color: transparent; |
62 | border: 1px solid black; |
63 | font-size: inherit; |
64 | width: 24ex; |
65 | } |
66 | |
67 | footer { |
68 | font-size: smaller; |
69 | text-align: center; |
70 | color: #999; |
71 | padding: 1ex; |
72 | } |
73 | |
74 | .ssb-avatar-image { |
75 | width: 4em; |
76 | max-height: 4em; |
77 | vertical-align: top; |
78 | } |
79 | |
80 | .ssb-feed .ssb-avatar-image, |
81 | .ssb-main .ssb-avatar-image { |
82 | width: 4em; |
83 | max-height: 8em; |
84 | } |
85 | |
86 | h3.feed-name { |
87 | padding: 0; |
88 | margin: 0; |
89 | } |
90 | |
91 | .recps-input { |
92 | width: 100%; |
93 | } |
94 | |
95 | textarea { |
96 | font: inherit; |
97 | width: 100%; |
98 | } |
99 | |
100 | pre { |
101 | white-space: pre-wrap; |
102 | } |
103 | |
104 | .task-list { |
105 | margin-left: 1em; |
106 | padding-left: 0; |
107 | } |
108 | |
109 | .task-list-item { |
110 | list-style-type: none; |
111 | } |
112 | |
113 | .ssb-id { |
114 | font-size: .7em; |
115 | color: #777; |
116 | text-decoration: none; |
117 | } |
118 | |
119 | .ssb-timestamp { |
120 | font-size: smaller; |
121 | } |
122 | |
123 | .msg-header { |
124 | margin-bottom: .25ex; |
125 | } |
126 | |
127 | .recps { |
128 | font-size: smaller; |
129 | } |
130 | |
131 | .ssb-msgs { |
132 | border-spacing: 0; |
133 | border-bottom: 1px solid #ddd; |
134 | width: 100%; |
135 | } |
136 | |
137 | .msg-left, |
138 | .msg-main, |
139 | .msg-right { |
140 | border-top: 1px solid #ddd; |
141 | padding: .5ex; |
142 | } |
143 | |
144 | .msg-content { |
145 | padding: 0 .5ex .5ex .5ex; |
146 | } |
147 | |
148 | .content-warning { |
149 | color: red; |
150 | border-bottom: 2px dotted red; |
151 | margin-bottom: 4px; |
152 | display: inline-block; |
153 | } |
154 | |
155 | .composer-actions { |
156 | text-align: right; |
157 | padding: .2ex .5ex; |
158 | } |
159 | |
160 | td { |
161 | vertical-align: top; |
162 | } |
163 | |
164 | .msg-right { |
165 | text-align: right; |
166 | padding: .2ex .5ex; |
167 | } |
168 | |
169 | .feed-name { |
170 | padding: .75ex; |
171 | } |
172 | |
173 | .feed-about { |
174 | padding-left: .75ex; |
175 | } |
176 | |
177 | .msg-left .ssb-avatar-image { |
178 | margin-left: .25em; |
179 | background-color: #efd; |
180 | } |
181 | |
182 | .msg-title { |
183 | margin: 0; |
184 | padding: 0; |
185 | } |
186 | |
187 | .mentions li { |
188 | list-style-type: none; |
189 | } |
190 | |
191 | .id-input { |
192 | width: 60ex; |
193 | font-family: monospace; |
194 | } |
195 | |
196 | table.ssb-object { |
197 | border-collapse: collapse; |
198 | } |
199 | |
200 | table.ssb-object td { |
201 | border: 1px solid black; |
202 | } |
203 | |
204 | .chess-square { |
205 | width: 1em; |
206 | height: 1em; |
207 | text-align: center; |
208 | } |
209 | |
210 | .chess-square-dark { |
211 | background-color: #ccc; |
212 | } |
213 | |
214 | .diff-old { background-color: #ffe2dd; } |
215 | .diff-new { background-color: #d1ffd6; } |
216 |
Built with git-ssb-web