]>
jfr.im git - irc/freenode/web-7.0.git/blob - css/style.css
4 /*--jumbotron-bg: 15,75,14;*/
5 /*--footer-link-color: 255,255,255;*/
6 /*--footer-text-color: 255,255,255;*/
7 /*--footer-border-color: 255,255,255;*/
10 /* reset css for browser compat */
15 box-sizing: border-box
;
21 font-family: 'Open Sans';
28 text-decoration: none
;
36 background-color: #fff;
42 display: -webkit-flex
;
45 -webkit-flex-wrap: nowrap
;
46 -ms-flex-wrap: nowrap
;
48 -webkit-box-pack: justify
;
49 -webkit-justify-content: space-between
;
50 -ms-flex-pack: justify
;
51 justify-content: space-between
;
52 -webkit-box-align: center
;
53 -webkit-align-items: center
;
54 -ms-flex-align: center
;
56 border-bottom: 1px solid rgba
(0,0,0,.3);
66 display: -webkit-flex
;
69 -webkit-justify-content: space-around
;
70 -ms-flex-pack: distribute
;
71 justify-content: space-around
;
76 text-decoration: none
;
91 /*margin-right: 0.5em;*/
98 border-bottom: 1px solid
#888;
101 background: rgba
(75,235,74,.4);
102 box-shadow: 0 3px 5px rgba
(0,0,0,0.36);
104 -webkit-flex-basis: 100%;
105 -ms-flex-preferred-size: 100%;
107 -webkit-border-bottom-right-radius: 10px;
108 -webkit-border-bottom-left-radius: 10px;
109 -moz-border-radius-bottomright: 10px;
110 -moz-border-radius-bottomleft: 10px;
111 border-bottom-right-radius: 10px;
112 border-bottom-left-radius: 10px;
121 display: -webkit-box
;
122 display: -webkit-flex
;
123 display: -ms-flexbox
;
125 -webkit-flex-wrap: wrap
;
128 -webkit-justify-content: space-around
;
129 -ms-flex-pack: distribute
;
130 justify-content: space-around
;
131 -webkit-box-align: stretch
;
132 -webkit-align-items: stretch
;
133 -ms-flex-align: stretch
;
134 align-items: stretch
;
139 text-decoration: none
;
142 -webkit-flex-basis: 30%;
143 -ms-flex-preferred-size: 30%;
145 background-color: #fff;
147 -webkit-border-radius: 10px;
148 -moz-border-radius: 10px;
153 background-color: #eee;
176 border-bottom: 1px solid rgba
(0,0,0,.3);
208 display: -webkit-box
;
209 display: -webkit-flex
;
210 display: -ms-flexbox
;
212 -webkit-flex-wrap: wrap
;
215 -webkit-justify-content: space-around
;
216 -ms-flex-pack: distribute
;
217 justify-content: space-around
;
218 -webkit-box-align: stretch
;
219 -webkit-align-items: stretch
;
220 -ms-flex-align: stretch
;
221 align-items: stretch
;
229 border-top: 1px solid rgba
(0,0,0,.6);
230 border-left: 1px solid rgba
(0,0,0,.6);
231 border-right: 1px solid rgba
(0,0,0,.6);
236 background-color: #eee;
239 .hchild:first-child {
241 -webkit-border-top-left-radius: 10px;
242 -webkit-border-top-right-radius: 10px;
243 -moz-border-radius-topleft: 10px;
244 -moz-border-radius-topright: 10px;
245 border-top-left-radius: 10px;
246 border-top-right-radius: 10px;
251 border-bottom: 1px solid rgba
(0,0,0,.6);
252 -webkit-border-bottom-right-radius: 10px;
253 -webkit-border-bottom-left-radius: 10px;
254 -moz-border-radius-bottomright: 10px;
255 -moz-border-radius-bottomleft: 10px;
256 border-bottom-right-radius: 10px;
257 border-bottom-left-radius: 10px;
263 background: rgba
(75,235,74,.4);
264 color: rgba
(51,51,51,.9);
266 display: -webkit-box
;
267 display: -webkit-flex
;
268 display: -ms-flexbox
;
270 -webkit-flex-wrap: nowrap
;
271 -ms-flex-wrap: nowrap
;
273 -webkit-box-pack: justify
;
274 -webkit-justify-content: space-between
;
275 -ms-flex-pack: justify
;
276 justify-content: space-between
;
277 -webkit-box-align: start
;
278 -webkit-align-items: flex-start
;
279 -ms-flex-align: start
;
280 align-items: flex-start
;
281 box-shadow: 0 -3px 5px rgba
(0,0,0,0.36);
282 -webkit-border-top-left-radius: 10px;
283 -webkit-border-top-right-radius: 10px;
284 -moz-border-radius-topleft: 10px;
285 -moz-border-radius-topright: 10px;
286 border-top-left-radius: 10px;
287 border-top-right-radius: 10px;
304 list-style-type: none
;
311 @media all and
(max-width: 500px) {
313 -webkit-box-orient: vertical
;
314 -webkit-box-direction: normal
;
315 -webkit-flex-direction: column
;
316 -ms-flex-direction: column
;
317 flex-direction: column
;
322 border-bottom: 1px solid rgba
(51,51,51,.5);
325 .footerchild:last-child {
329 .footerchild ul li:last-child {
342 -webkit-align-self: flex-end
;
343 -ms-flex-item-align: end
;
344 align-self: flex-end
;
348 display: -webkit-box
;
349 display: -webkit-flex
;
350 display: -ms-flexbox
;
352 -webkit-flex-wrap: nowrap
;
353 -ms-flex-wrap: nowrap
;
355 -webkit-box-pack: justify
;
356 -webkit-justify-content: space-between
;
357 -ms-flex-pack: justify
;
358 justify-content: space-between
;
359 -webkit-box-align: center
;
360 -webkit-align-items: center
;
361 -ms-flex-align: center
;
363 background: rgba
(0,0,0,.5);
365 color: rgba
(255,255,255,.8);
369 background: rgba
(0,0,0,.5);