Files: a623136687667b0fb73dfbb8432d287868cede02 / static / styles.css
2410 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 | .left { |
73 | float: left; |
74 | } |
75 | |
76 | .repo-title h2 { |
77 | color: #888; |
78 | } |
79 | |
80 | .upvotes { |
81 | float: right; |
82 | display: inline-block; |
83 | margin-top: .25em; |
84 | } |
85 | |
86 | .upvotes button { |
87 | font-size: 1em; |
88 | border-radius: .5ex; |
89 | |
90 | background-color: white; |
91 | border: 1px #ccc; |
92 | border-style: none solid solid none; |
93 | border-radius: .5ex; |
94 | cursor: pointer; |
95 | } |
96 | .upvotes button:hover { |
97 | background-color: #f6f6f6; |
98 | } |
99 | |
100 | .petname { |
101 | display: inline-block; |
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-size: 16px; |
175 | font-weight: normal; |
176 | display: inline-block; |
177 | margin: 0; |
178 | padding-top: .5em; |
179 | } |
180 |
Built with git-ssb-web