]>
jfr.im git - irc/freenode/web-7.0.git/blob - css/style.css
4 /*--jumbotron-bg: 15,75,14;*/
5 /*--jumbotron-bg: rgba(75,235,74,.4);*/
6 /*--footer-link-color: 255,255,255;*/
7 /*--footer-text-color: 255,255,255;*/
8 /*--footer-border-color: 255,255,255;*/
11 /* reset css for browser compat */
16 box-sizing: border-box
;
22 font-family: 'Open Sans';
31 text-decoration: none
;
39 background-color: #fff;
45 display: -webkit-flex
;
48 -webkit-flex-wrap: nowrap
;
49 -ms-flex-wrap: nowrap
;
51 -webkit-box-pack: justify
;
52 -webkit-justify-content: space-between
;
53 -ms-flex-pack: justify
;
54 justify-content: space-between
;
55 -webkit-box-align: center
;
56 -webkit-align-items: center
;
57 -ms-flex-align: center
;
59 border-bottom: 1px solid rgba
(0,0,0,.3);
69 display: -webkit-flex
;
72 -webkit-justify-content: space-around
;
73 -ms-flex-pack: distribute
;
74 justify-content: space-around
;
79 text-decoration: none
;
103 background: rgb
(238,238,238);
104 box-shadow: 0 3px 5px rgba
(150,150,150,.36);
116 display: -webkit-box
;
117 display: -webkit-flex
;
118 display: -ms-flexbox
;
120 -webkit-flex-wrap: wrap
;
123 -webkit-justify-content: space-around
;
124 -ms-flex-pack: distribute
;
125 justify-content: space-around
;
126 -webkit-box-align: stretch
;
127 -webkit-align-items: stretch
;
128 -ms-flex-align: stretch
;
129 align-items: stretch
;
134 text-decoration: none
;
137 -webkit-flex-basis: 30%;
138 -ms-flex-preferred-size: 30%;
140 border: 1px solid rgba
(0,0,0, 0.39);
141 background-color: #fff;
143 -webkit-border-radius: 10px;
144 -moz-border-radius: 10px;
149 background-color: #eee;
172 border-bottom: 1px solid rgba
(0,0,0,.3);
209 display: -webkit-box
;
210 display: -webkit-flex
;
211 display: -ms-flexbox
;
213 -webkit-flex-wrap: wrap
;
216 -webkit-justify-content: space-around
;
217 -ms-flex-pack: distribute
;
218 justify-content: space-around
;
219 -webkit-box-align: stretch
;
220 -webkit-align-items: stretch
;
221 -ms-flex-align: stretch
;
222 align-items: stretch
;
230 border-top: 1px solid rgba
(0,0,0,.6);
231 border-left: 1px solid rgba
(0,0,0,.6);
232 border-right: 1px solid rgba
(0,0,0,.6);
237 background-color: #eee;
240 .hchild:first-child {
242 -webkit-border-top-left-radius: 10px;
243 -webkit-border-top-right-radius: 10px;
244 -moz-border-radius-topleft: 10px;
245 -moz-border-radius-topright: 10px;
246 border-top-left-radius: 10px;
247 border-top-right-radius: 10px;
252 border-bottom: 1px solid rgba
(0,0,0,.6);
253 -webkit-border-bottom-right-radius: 10px;
254 -webkit-border-bottom-left-radius: 10px;
255 -moz-border-radius-bottomright: 10px;
256 -moz-border-radius-bottomleft: 10px;
257 border-bottom-right-radius: 10px;
258 border-bottom-left-radius: 10px;
264 background: rgb
(238,238,238);
265 color: rgba
(51,51,51,.9);
267 display: -webkit-box
;
268 display: -webkit-flex
;
269 display: -ms-flexbox
;
271 -webkit-flex-wrap: nowrap
;
272 -ms-flex-wrap: nowrap
;
275 -webkit-box-pack: justify
;
276 -webkit-justify-content: space-between
;
277 -ms-flex-pack: justify
;
278 justify-content: space-between
;
279 -webkit-box-align: start
;
280 -webkit-align-items: flex-start
;
281 -ms-flex-align: start
;
282 align-items: flex-start
;
283 box-shadow: 0 -3px 5px rgba
(150,150,150,.36);
298 list-style-type: none
;
305 @media all and
(max-width: 500px) {
307 -webkit-box-orient: vertical
;
308 -webkit-box-direction: normal
;
309 -webkit-flex-direction: column
;
310 -ms-flex-direction: column
;
311 flex-direction: column
;
316 border-bottom: 1px solid rgba
(51,51,51,.5);
319 .footerchild:last-child {
323 .footerchild ul li:last-child {
339 display: -webkit-box
;
340 display: -webkit-flex
;
341 display: -ms-flexbox
;
346 -webkit-flex-wrap: nowrap
;
347 -ms-flex-wrap: nowrap
;
349 -webkit-box-pack: justify
;
350 -webkit-justify-content: space-between
;
351 -ms-flex-pack: justify
;
352 justify-content: space-between
;
353 -webkit-box-align: center
;
354 -webkit-align-items: center
;
355 -ms-flex-align: center
;
357 background: rgba
(170,178,171,.5);
359 color: rgba
(0,0,0,.8);
363 background: rgba
(170,178,171,.5);