aboutsummaryrefslogtreecommitdiff
path: root/static/styles.sass
diff options
context:
space:
mode:
Diffstat (limited to 'static/styles.sass')
-rw-r--r--static/styles.sass280
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
50code
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
62a.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
72h6.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
158i.red
159 color: #BC0213
160
161.btn-primary
162 color: #fff
163 background-color: #678
164 border-color: #68a
165
166a.btn:hover
167 transition: background-color 0.7s
168 background-color: #d00
169 border-color: #fff
170 color: white !important
171
172body .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
187html
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
198footer 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
235footer
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%