Files: 0dcd8bc291330e6ea6c2e7fe6836238e1f68f702 / static / styles.css
2642 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 | float: left; |
79 | } |
80 | |
81 | .right-bar { |
82 | float: right; |
83 | display: inline-block; |
84 | } |
85 | |
86 | .repo-title .right-bar { |
87 | margin-top: .25em; |
88 | } |
89 | |
90 | .right-bar button { |
91 | font-size: 1em; |
92 | border-radius: .5ex; |
93 | |
94 | background-color: white; |
95 | border: 1px #ccc; |
96 | border-style: none solid solid none; |
97 | border-radius: .5ex; |
98 | cursor: pointer; |
99 | } |
100 | .right-bar button:hover { |
101 | background-color: #f6f6f6; |
102 | } |
103 | |
104 | #repo-name { |
105 | font-size: inherit; |
106 | width: 0; |
107 | opacity: 0; |
108 | } |
109 | |
110 | #repo-name:focus { |
111 | margin-left: 1ex; |
112 | width: 20em; |
113 | opacity: 1; |
114 | } |
115 | |
116 | #repo-name:focus ~ h2 :last-child, |
117 | #repo-name:not(:focus) ~ .repo-name-btn:not(:active) { |
118 | display: none; |
119 | } |
120 | |
121 | .repo-name-toggle { |
122 | font-size: 1.3em; |
123 | cursor: pointer; |
124 | } |
125 | |
126 | .clone-url { |
127 | font-size: small; |
128 | color: #666; |
129 | padding: .3em 1ex; |
130 | background-color: white; |
131 | border: 1px #ccc; |
132 | border-style: none solid solid none; |
133 | border-radius: .5ex; |
134 | float: right; |
135 | margin: 0; |
136 | } |
137 | .clone-url:hover { |
138 | background-color: #f6f6f6; |
139 | } |
140 | |
141 | .repo-nav { |
142 | margin: 1em 0 1ex 0; |
143 | } |
144 | |
145 | .repo-nav a { |
146 | border-radius: .5ex; |
147 | padding: 0 .5ex; |
148 | display: inline-block; |
149 | margin-right: .5ex; |
150 | } |
151 | .repo-nav a:hover { |
152 | color: #1a86ff; |
153 | } |
154 | |
155 | .raw-link { |
156 | float: right; |
157 | display: inline-block; |
158 | } |
159 | |
160 | .header-align { |
161 | margin-top: .25em; |
162 | } |
163 | |
164 | /* files list */ |
165 | |
166 | .files td:first-child { |
167 | padding: 0 1ex; |
168 | } |
169 | |
170 | /* user page */ |
171 | |
172 | .user-id { |
173 | float: right; |
174 | font-weight: normal; |
175 | display: inline-block; |
176 | margin: 0; |
177 | |
178 | } |
179 | |
180 | h2 .user-id { |
181 | font-size: 16px; |
182 | padding-top: .5em; |
183 | } |
184 | |
185 | h3 .user-id { |
186 | font-size: 15px; |
187 | padding-top: .25em; |
188 | } |
189 | |
190 | /* new issue form */ |
191 | |
192 | .wide-input { |
193 | width: 99%; |
194 | display: block; |
195 | font-size: 1.1em; |
196 | } |
197 | |
198 | /* issues */ |
199 | |
200 | .issue-info { |
201 | float: right; |
202 | } |
203 |
Built with git-ssb-web