diff options
Diffstat (limited to 'static/styles.sass')
-rw-r--r-- | static/styles.sass | 280 |
1 files changed, 280 insertions, 0 deletions
diff --git a/static/styles.sass b/static/styles.sass new file mode 100644 index 00000000..285a9bc2 --- /dev/null +++ b/static/styles.sass | |||
@@ -0,0 +1,280 @@ | |||
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 | .near-white | ||
31 | color: #f4f4f4 | ||
32 | |||
33 | .near-black | ||
34 | color: #111 | ||
35 | |||
36 | .dark-grey | ||
37 | color: #333 | ||
38 | |||
39 | .blue | ||
40 | color: #357edd | ||
41 | |||
42 | // background colors | ||
43 | |||
44 | .bg-near-white | ||
45 | background-color: #f4f4f4 | ||
46 | |||
47 | .bg-near-black | ||
48 | background-color: #111 | ||
49 | |||
50 | code | ||
51 | margin-bottom: 1em | ||
52 | |||
53 | // hyperlinks and buttons | ||
54 | |||
55 | #body_content a | ||
56 | text-decoration: underline | ||
57 | color: #357edd | ||
58 | &:link, &:visited | ||
59 | text-decoration: underline | ||
60 | color: #357edd | ||
61 | |||
62 | a.btn | ||
63 | text-decoration: none !important | ||
64 | color: white !important | ||
65 | &:link, &:visited | ||
66 | text-decoration: none !important | ||
67 | color: white !important | ||
68 | |||
69 | .team | ||
70 | padding: 75px 0 | ||
71 | |||
72 | h6.description | ||
73 | font-weight: bold | ||
74 | letter-spacing: 2px | ||
75 | color: #999 | ||
76 | border-bottom: 1px solid rgba(0, 0, 0, 0.1) | ||
77 | padding-bottom: 5px | ||
78 | |||
79 | .profile | ||
80 | margin-top: 25px | ||
81 | h1 | ||
82 | font-weight: normal | ||
83 | font-size: 20px | ||
84 | margin: 10px 0 0 0 | ||
85 | h2 | ||
86 | font-size: 14px | ||
87 | font-weight: lighter | ||
88 | margin-top: 5px | ||
89 | .img-box | ||
90 | opacity: 1 | ||
91 | display: block | ||
92 | position: relative | ||
93 | min-height: 160px | ||
94 | &:after | ||
95 | content: "" | ||
96 | opacity: 0 | ||
97 | background-color: rgba(0, 0, 0, 0.75) | ||
98 | position: absolute | ||
99 | right: 0 | ||
100 | left: 0 | ||
101 | top: 0 | ||
102 | bottom: 0 | ||
103 | .img-none | ||
104 | text-align: center | ||
105 | i.fa | ||
106 | color: #eee | ||
107 | font-size: 8em | ||
108 | |||
109 | .img-box ul | ||
110 | position: absolute | ||
111 | z-index: 2 | ||
112 | bottom: 50px | ||
113 | text-align: center | ||
114 | width: 100% | ||
115 | padding-left: 0px | ||
116 | height: 0px | ||
117 | margin: 0px | ||
118 | opacity: 0 | ||
119 | |||
120 | .profile .img-box:after | ||
121 | -webkit-transition: all 0.5s ease-in-out 0s | ||
122 | -moz-transition: all 0.5s ease-in-out 0s | ||
123 | transition: all 0.5s ease-in-out 0s | ||
124 | |||
125 | .img-box | ||
126 | ul | ||
127 | -webkit-transition: all 0.5s ease-in-out 0s | ||
128 | -moz-transition: all 0.5s ease-in-out 0s | ||
129 | transition: all 0.5s ease-in-out 0s | ||
130 | li | ||
131 | -webkit-transition: all 0.5s ease-in-out 0s | ||
132 | -moz-transition: all 0.5s ease-in-out 0s | ||
133 | transition: all 0.5s ease-in-out 0s | ||
134 | i | ||
135 | font-size: 20px | ||
136 | letter-spacing: 10px | ||
137 | li | ||
138 | width: 30px | ||
139 | height: 30px | ||
140 | text-align: center | ||
141 | color: #88C425 | ||
142 | margin: 2px | ||
143 | padding: 5px | ||
144 | display: inline-block | ||
145 | a | ||
146 | color: #fff | ||
147 | &:hover | ||
148 | &:after, ul | ||
149 | opacity: 1 | ||
150 | ul a | ||
151 | -webkit-transition: all 0.3s ease-in-out 0s | ||
152 | -moz-transition: all 0.3s ease-in-out 0s | ||
153 | transition: all 0.3s ease-in-out 0s | ||
154 | a:hover li | ||
155 | border-color: #fff | ||
156 | color: #88C425 | ||
157 | |||
158 | i.red | ||
159 | color: #BC0213 | ||
160 | |||
161 | .btn-primary | ||
162 | color: #fff | ||
163 | background-color: #678 | ||
164 | border-color: #68a | ||
165 | |||
166 | a.btn:hover | ||
167 | transition: background-color 0.7s | ||
168 | background-color: #d00 | ||
169 | border-color: #fff | ||
170 | color: white !important | ||
171 | |||
172 | body .banner | ||
173 | color: white | ||
174 | padding-top: 20px | ||
175 | padding-bottom: 20px | ||
176 | |||
177 | #body_content .banner a | ||
178 | color: white | ||
179 | |||
180 | .lang-slector | ||
181 | float: right | ||
182 | padding-top: 2mm | ||
183 | padding-bottom: 4mm | ||
184 | margin-left: 15px | ||
185 | margin-right: 15px | ||
186 | |||
187 | html | ||
188 | overflow-y: scroll | ||
189 | |||
190 | .dark | ||
191 | background-color: #333 | ||
192 | color: white | ||
193 | |||
194 | .c_acronym | ||
195 | background-color: #217fae | ||
196 | color: white | ||
197 | |||
198 | footer a | ||
199 | text-decoration: underline | ||
200 | color: white | ||
201 | &:link, &:visited | ||
202 | text-decoration: underline | ||
203 | color: white | ||
204 | &:hover | ||
205 | transition: background-color 0.3s | ||
206 | background-color: rgba(100, 100, 100, 0.5) | ||
207 | |||
208 | .c_intro | ||
209 | min-height: 97vh | ||
210 | |||
211 | // don't show the language selector in the dropdown on mobile devices, | ||
212 | // since it's in the top bar already. | ||
213 | |||
214 | .in .nav-lang | ||
215 | display: none | ||
216 | |||
217 | .mobile-lang | ||
218 | margin-left: 5px | ||
219 | margin-top: 8px | ||
220 | |||
221 | #mybody | ||
222 | // override ugly bootstrap defaults | ||
223 | color: black | ||
224 | |||
225 | .btn-dark | ||
226 | background-color: #999 | ||
227 | |||
228 | #mybody nav | ||
229 | border-radius: 0px | ||
230 | padding: 10px | ||
231 | |||
232 | .index-logo | ||
233 | text-align: center | ||
234 | |||
235 | footer | ||
236 | padding-top: 2em | ||
237 | margin-top: 2em | ||
238 | |||
239 | #body_content | ||
240 | .container-wide | ||
241 | margin-bottom: 2em | ||
242 | padding-top: 1em | ||
243 | padding-bottom: 1em | ||
244 | padding-left: 2em | ||
245 | padding-right: 2em | ||
246 | .container | ||
247 | padding-top: 1em | ||
248 | padding-bottom: 1em | ||
249 | padding-left: 2em | ||
250 | padding-right: 2em | ||
251 | max-width: 80em | ||
252 | .jumbotron | ||
253 | margin-bottom: 0px | ||
254 | // background-color: #cccccc; | ||
255 | // background-image: radial-gradient(circle, #baddef, #baddef, #349fd7); | ||
256 | // push footer down | ||
257 | min-height: 80vh | ||
258 | // space for the nav | ||
259 | // padding-top: 70px; | ||
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% | ||