aboutsummaryrefslogtreecommitdiff
path: root/static/styles.sass
diff options
context:
space:
mode:
Diffstat (limited to 'static/styles.sass')
-rw-r--r--static/styles.sass334
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
51code
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
64a.btn
65 text-decoration: none !important
66 color: white !important
67 &:link, &:visited
68 text-decoration: none !important
69 color: white !important
70
71h6.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
157i.red
158 color: #BC0213
159
160.btn-primary
161 color: #fff
162 background-color: #678
163 border-color: #68a
164
165img.distro-logo
166 height: 150px
167
168a.btn:hover
169 transition: background-color 0.7s
170 background-color: #217fae
171 border-color: #fff
172 color: white !important
173
174body .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
189html
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
203footer 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
240footer
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
282header
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
312a.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