Files: 41444b07037d09738d6ca7efa64afde5b9d01433 / static / styles.css
2948 bytesRaw
1 | body { |
2 | margin: 1ex 1em; |
3 | line-height: 1.6; |
4 | background-color: #eee; |
5 | font-family: sans-serif; |
6 | } |
7 | |
8 | header, article { |
9 | width: 45em; |
10 | max-width: 100%; |
11 | min-width: 16em; |
12 | margin: 0 auto; |
13 | } |
14 | |
15 | /* header */ |
16 | |
17 | header h1 { |
18 | font-weight: inherit; |
19 | font-size: 1.5em; |
20 | } |
21 | |
22 | header h1 a { |
23 | color: #666; |
24 | } |
25 | |
26 | header h1 sub { |
27 | color: #444; |
28 | font-style: oblique; |
29 | font-size: small; |
30 | } |
31 | |
32 | /* content */ |
33 | |
34 | section { |
35 | background-color: white; |
36 | padding: 1ex 1ex; |
37 | margin-bottom: 1ex; |
38 | border-radius: .5ex; |
39 | border: 1px #ccc; |
40 | border-style: none solid solid none; |
41 | } |
42 | |
43 | section.collapse { |
44 | margin-bottom: 0; |
45 | } |
46 | |
47 | h1, h2, h3, h4, h5, h6 { |
48 | margin: 0; |
49 | } |
50 | |
51 | a { |
52 | color: #006eff; |
53 | text-decoration: none; |
54 | } |
55 | a:hover { |
56 | color: #1f8fff; |
57 | } |
58 | |
59 | hr { |
60 | border: 0; |
61 | border-bottom: 1px solid #ddd; |
62 | } |
63 | |
64 | i { |
65 | font-family: Symbola, 'Apple Color Emoji', 'Android Emoji', |
66 | 'Segoe UI Symbol', 'DejaVu Sans', sans-serif; |
67 | font-style: inherit; |
68 | } |
69 | |
70 | /* repo page */ |
71 | |
72 | .repo-title { |
73 | height: 2.4em; |
74 | } |
75 | |
76 | .repo-title h2 { |
77 | color: #888; |
78 | } |
79 | |
80 | .petname h2, |
81 | .petname h3 { |
82 | float: left; |
83 | } |
84 | |
85 | .right-bar { |
86 | float: right; |
87 | display: inline-block; |
88 | } |
89 | |
90 | .repo-title .right-bar { |
91 | margin-top: .25em; |
92 | } |
93 | |
94 | .right-bar button { |
95 | font-size: 1em; |
96 | border-radius: .5ex; |
97 | |
98 | background-color: white; |
99 | border: 1px #ccc; |
100 | border-style: none solid solid none; |
101 | border-radius: .5ex; |
102 | cursor: pointer; |
103 | } |
104 | .right-bar button:hover { |
105 | background-color: #f6f6f6; |
106 | } |
107 | |
108 | .name { |
109 | font-size: inherit; |
110 | width: 0; |
111 | opacity: 0; |
112 | } |
113 | |
114 | .name:focus { |
115 | margin-left: 1ex; |
116 | width: 20em; |
117 | opacity: 1; |
118 | } |
119 | |
120 | .name:focus ~ h2 :last-child, |
121 | .name:focus ~ h3, |
122 | .name:not(:focus) ~ .name-btn:not(:active) { |
123 | display: none; |
124 | } |
125 | |
126 | .name-toggle { |
127 | font-size: 1.3em; |
128 | cursor: pointer; |
129 | } |
130 | |
131 | .clone-url { |
132 | font-size: small; |
133 | color: #666; |
134 | padding: .3em 1ex; |
135 | background-color: white; |
136 | border: 1px #ccc; |
137 | border-style: none solid solid none; |
138 | border-radius: .5ex; |
139 | float: right; |
140 | margin: 0; |
141 | } |
142 | .clone-url:hover { |
143 | background-color: #f6f6f6; |
144 | } |
145 | |
146 | .repo-nav { |
147 | margin: 1em 0 1ex 0; |
148 | } |
149 | |
150 | .repo-nav a { |
151 | border-radius: .5ex; |
152 | padding: 0 .5ex; |
153 | display: inline-block; |
154 | margin-right: .5ex; |
155 | } |
156 | .repo-nav a:hover { |
157 | color: #1a86ff; |
158 | } |
159 | |
160 | .raw-link { |
161 | float: right; |
162 | display: inline-block; |
163 | } |
164 | |
165 | .header-align { |
166 | margin-top: .25em; |
167 | } |
168 | |
169 | /* files list */ |
170 | |
171 | .files td:first-child { |
172 | padding: 0 1ex; |
173 | } |
174 | |
175 | /* user page */ |
176 | |
177 | .user-id { |
178 | float: right; |
179 | font-weight: normal; |
180 | display: inline-block; |
181 | margin: 0; |
182 | |
183 | } |
184 | |
185 | h2 .user-id { |
186 | font-size: 16px; |
187 | padding-top: .5em; |
188 | } |
189 | |
190 | h3 .user-id { |
191 | font-size: 15px; |
192 | padding-top: .25em; |
193 | } |
194 | |
195 | /* new issue form */ |
196 | |
197 | .wide-input { |
198 | width: 99%; |
199 | display: block; |
200 | font-size: 1.1em; |
201 | } |
202 | |
203 | /* issues */ |
204 | |
205 | .issue-info { |
206 | float: right; |
207 | } |
208 | |
209 | /* issue */ |
210 | |
211 | .issue-status { |
212 | padding: .4ex .75ex; |
213 | margin-right: .75ex; |
214 | border-radius: .5ex; |
215 | color: white; |
216 | } |
217 | |
218 | .open { |
219 | background-color: #38ae67; |
220 | } |
221 | |
222 | .closed { |
223 | background-color: #d84a38; |
224 | } |
225 | |
226 | .mention-preview { |
227 | overflow: hidden; |
228 | white-space: pre; |
229 | text-overflow: ellipsis; |
230 | } |
231 |
Built with git-ssb-web