diff options
Diffstat (limited to 'static/styles.sass')
-rw-r--r-- | static/styles.sass | 334 |
1 files changed, 0 insertions, 334 deletions
diff --git a/static/styles.sass b/static/styles.sass deleted file mode 100644 index d554d723..00000000 --- a/static/styles.sass +++ /dev/null | |||
@@ -1,334 +0,0 @@ | |||
1 | .static-top | ||
2 | position: fixed | ||
3 | top: 0 | ||
4 | right: 0 | ||
5 | left: 0 | ||
6 | z-index: 3 | ||
7 | |||
8 | .skip | ||
9 | display: none !important | ||
10 | position: absolute | ||
11 | top: 0 | ||
12 | left: 0 | ||
13 | width: 100% | ||
14 | font-size: .857143em | ||
15 | li | ||
16 | position: absolute | ||
17 | z-index: 1 | ||
18 | margin: 0 | ||
19 | a | ||
20 | position: absolute | ||
21 | left: -9999px | ||
22 | &:active, &:focus | ||
23 | display: block | ||
24 | position: static | ||
25 | left: 0 | ||
26 | padding: .25em 1em | ||
27 | |||
28 | // text colors | ||
29 | |||
30 | // blunt-force priority, works for now. | ||
31 | .near-white | ||
32 | color: #f4f4f4 !important | ||
33 | |||
34 | .near-black | ||
35 | color: #111 | ||
36 | |||
37 | .dark-grey | ||
38 | color: #333 | ||
39 | |||
40 | .blue | ||
41 | color: #357edd | ||
42 | |||
43 | // background colors | ||
44 | |||
45 | .bg-near-white | ||
46 | background-color: #f4f4f4 | ||
47 | |||
48 | .bg-near-black | ||
49 | background-color: #111 | ||
50 | |||
51 | code | ||
52 | margin-bottom: 1em | ||
53 | word-wrap: break-word | ||
54 | |||
55 | // hyperlinks and buttons | ||
56 | |||
57 | //#body_content a | ||
58 | // text-decoration: underline | ||
59 | // color: #357edd | ||
60 | // &:link, &:visited | ||
61 | // text-decoration: underline | ||
62 | // color: #357edd | ||
63 | |||
64 | a.btn | ||
65 | text-decoration: none !important | ||
66 | color: white !important | ||
67 | &:link, &:visited | ||
68 | text-decoration: none !important | ||
69 | color: white !important | ||
70 | |||
71 | h6.description | ||
72 | font-weight: bold | ||
73 | letter-spacing: 2px | ||
74 | color: #999 | ||
75 | border-bottom: 1px solid rgba(0, 0, 0, 0.1) | ||
76 | padding-bottom: 5px | ||
77 | |||
78 | .profile | ||
79 | margin-top: 25px | ||
80 | h1 | ||
81 | font-weight: normal | ||
82 | font-size: 20px | ||
83 | margin: 10px 0 0 0 | ||
84 | h2 | ||
85 | font-size: 14px | ||
86 | font-weight: lighter | ||
87 | margin-top: 5px | ||
88 | .img-box | ||
89 | opacity: 1 | ||
90 | display: block | ||
91 | position: relative | ||
92 | min-height: 160px | ||
93 | &:after | ||
94 | content: "" | ||
95 | opacity: 0 | ||
96 | background-color: rgba(0, 0, 0, 0.75) | ||
97 | position: absolute | ||
98 | right: 0 | ||
99 | left: 0 | ||
100 | top: 0 | ||
101 | bottom: 0 | ||
102 | .img-none | ||
103 | text-align: center | ||
104 | i.fa | ||
105 | color: #eee | ||
106 | font-size: 8em | ||
107 | |||
108 | .img-box ul | ||
109 | position: absolute | ||
110 | z-index: 2 | ||
111 | bottom: 50px | ||
112 | text-align: center | ||
113 | width: 100% | ||
114 | padding-left: 0px | ||
115 | height: 0px | ||
116 | margin: 0px | ||
117 | opacity: 0 | ||
118 | |||
119 | .profile .img-box:after | ||
120 | -webkit-transition: all 0.5s ease-in-out 0s | ||
121 | -moz-transition: all 0.5s ease-in-out 0s | ||
122 | transition: all 0.5s ease-in-out 0s | ||
123 | |||
124 | .img-box | ||
125 | ul | ||
126 | -webkit-transition: all 0.5s ease-in-out 0s | ||
127 | -moz-transition: all 0.5s ease-in-out 0s | ||
128 | transition: all 0.5s ease-in-out 0s | ||
129 | li | ||
130 | -webkit-transition: all 0.5s ease-in-out 0s | ||
131 | -moz-transition: all 0.5s ease-in-out 0s | ||
132 | transition: all 0.5s ease-in-out 0s | ||
133 | i | ||
134 | font-size: 20px | ||
135 | letter-spacing: 10px | ||
136 | li | ||
137 | width: 30px | ||
138 | height: 30px | ||
139 | text-align: center | ||
140 | color: #88C425 | ||
141 | margin: 2px | ||
142 | padding: 5px | ||
143 | display: inline-block | ||
144 | a | ||
145 | color: #fff | ||
146 | &:hover | ||
147 | &:after, ul | ||
148 | opacity: 1 | ||
149 | ul a | ||
150 | -webkit-transition: all 0.3s ease-in-out 0s | ||
151 | -moz-transition: all 0.3s ease-in-out 0s | ||
152 | transition: all 0.3s ease-in-out 0s | ||
153 | a:hover li | ||
154 | border-color: #fff | ||
155 | color: #88C425 | ||
156 | |||
157 | i.red | ||
158 | color: #BC0213 | ||
159 | |||
160 | .btn-primary | ||
161 | color: #fff | ||
162 | background-color: #678 | ||
163 | border-color: #68a | ||
164 | |||
165 | img.distro-logo | ||
166 | height: 150px | ||
167 | |||
168 | a.btn:hover | ||
169 | transition: background-color 0.7s | ||
170 | background-color: #217fae | ||
171 | border-color: #fff | ||
172 | color: white !important | ||
173 | |||
174 | body .banner | ||
175 | color: white | ||
176 | padding-top: 20px | ||
177 | padding-bottom: 20px | ||
178 | |||
179 | #body_content .banner a | ||
180 | color: white | ||
181 | |||
182 | .lang-slector | ||
183 | float: right | ||
184 | padding-top: 2mm | ||
185 | padding-bottom: 4mm | ||
186 | margin-left: 15px | ||
187 | margin-right: 15px | ||
188 | |||
189 | html | ||
190 | overflow-y: scroll | ||
191 | |||
192 | .dark | ||
193 | background-color: #333 | ||
194 | color: white | ||
195 | |||
196 | .c_acronym | ||
197 | background-color: #419edb | ||
198 | color: white | ||
199 | a | ||
200 | &:link &:visited | ||
201 | color: #c1d9f5 | ||
202 | |||
203 | footer a | ||
204 | text-decoration: underline | ||
205 | color: white | ||
206 | &:link, &:visited | ||
207 | text-decoration: underline | ||
208 | color: white | ||
209 | &:hover | ||
210 | transition: background-color 0.3s | ||
211 | background-color: rgba(100, 100, 100, 0.5) | ||
212 | |||
213 | .c_intro | ||
214 | min-height: 97vh | ||
215 | |||
216 | // don't show the language selector in the dropdown on mobile devices, | ||
217 | // since it's in the top bar already. | ||
218 | |||
219 | .in .nav-lang | ||
220 | display: none | ||
221 | |||
222 | .mobile-lang | ||
223 | margin-left: 5px | ||
224 | margin-top: 8px | ||
225 | |||
226 | #mybody | ||
227 | // override ugly bootstrap defaults | ||
228 | color: black | ||
229 | |||
230 | .btn-dark | ||
231 | background-color: #999 | ||
232 | |||
233 | #mybody nav | ||
234 | border-radius: 0px | ||
235 | padding: 10px | ||
236 | |||
237 | .index-logo | ||
238 | text-align: center | ||
239 | |||
240 | footer | ||
241 | padding: 2em | ||
242 | |||
243 | #body_content | ||
244 | .container-wide | ||
245 | margin-bottom: 2em | ||
246 | padding-top: 1em | ||
247 | padding-bottom: 1em | ||
248 | padding-left: 2em | ||
249 | padding-right: 2em | ||
250 | .container | ||
251 | padding-top: 1em | ||
252 | padding-bottom: 1em | ||
253 | padding-left: 2em | ||
254 | padding-right: 2em | ||
255 | max-width: 80em | ||
256 | .jumbotron | ||
257 | margin-bottom: 0px | ||
258 | // push footer down | ||
259 | min-height: 80vh | ||
260 | |||
261 | .adorn_h3_bracket h3::before | ||
262 | content: "#" | ||
263 | color: #333 | ||
264 | margin-right: 0.5em | ||
265 | |||
266 | .footer-list | ||
267 | list-style: none | ||
268 | |||
269 | .cushion-above | ||
270 | padding-top: 2em | ||
271 | |||
272 | .cushion-below | ||
273 | padding-bottom: 2em | ||
274 | |||
275 | .invert | ||
276 | -webkit-filter: invert(100%) | ||
277 | filter: invert(100%) | ||
278 | |||
279 | .row | ||
280 | min-width: 50% | ||
281 | |||
282 | header | ||
283 | text-align: center | ||
284 | margin-top: 30px | ||
285 | margin-bottom: 50px | ||
286 | |||
287 | // Notification bar at top of index page | ||
288 | .alert | ||
289 | display: flex; | ||
290 | overflow: hidden; | ||
291 | background-color: #c4453c; | ||
292 | width: 100%; | ||
293 | align-items: center; | ||
294 | justify-content: center; | ||
295 | padding: 0.1em | ||
296 | |||
297 | .alert-content | ||
298 | //position: absolute; | ||
299 | color: #f6f6f6; | ||
300 | font: bold 16px/40px sans-serif; | ||
301 | text-align: center; | ||
302 | text-decoration: none; | ||
303 | |||
304 | |||
305 | // Some docs are too long, thus there is a need for a subnav. | ||
306 | // Use "subnav" class for the submenu. | ||
307 | // Use "subnav-anchor" class for the a-tags right before a section title. | ||
308 | .subnav | ||
309 | a.nav-link | ||
310 | &:link, &:visited | ||
311 | color: #419edb !important | ||
312 | a.subnav-anchor | ||
313 | position: relative | ||
314 | top: -80px | ||
315 | |||
316 | .item-preview | ||
317 | &:link &visited | ||
318 | text-decoration: none | ||
319 | color: #212529 | ||
320 | display: block | ||
321 | padding: 10px 15px | ||
322 | text-align: left | ||
323 | &:active &:focus &:hover | ||
324 | background-color: #F4BB15 | ||
325 | h3 | ||
326 | font-size: 1em | ||
327 | font-weight: bold | ||
328 | margin: 0px | ||
329 | |||
330 | p | ||
331 | word-wrap: break-word | ||
332 | |||
333 | .item-date | ||
334 | font-size: 0.9em | ||