]>
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';
30 color: rgb
(66,139,202);
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
;
75 -webkit-flex-wrap: nowrap
;
76 -ms-flex-wrap: nowrap
;
81 text-decoration: none
;
105 background: rgb
(238,238,238);
106 box-shadow: 0 3px 5px rgba
(150,150,150,.36);
118 display: -webkit-box
;
119 display: -webkit-flex
;
120 display: -ms-flexbox
;
122 -webkit-flex-wrap: wrap
;
125 -webkit-justify-content: space-around
;
126 -ms-flex-pack: distribute
;
127 justify-content: space-around
;
128 -webkit-box-align: stretch
;
129 -webkit-align-items: stretch
;
130 -ms-flex-align: stretch
;
131 align-items: stretch
;
136 text-decoration: none
;
139 -webkit-flex-basis: 30%;
140 -ms-flex-preferred-size: 30%;
142 border: 1px solid rgba
(0,0,0, 0.39);
143 background-color: #fff;
145 -webkit-border-radius: 10px;
146 -moz-border-radius: 10px;
151 background-color: #eee;
174 border-bottom: 1px solid rgba
(0,0,0,.3);
211 display: -webkit-box
;
212 display: -webkit-flex
;
213 display: -ms-flexbox
;
215 -webkit-flex-wrap: wrap
;
218 -webkit-justify-content: space-around
;
219 -ms-flex-pack: distribute
;
220 justify-content: space-around
;
221 -webkit-box-align: stretch
;
222 -webkit-align-items: stretch
;
223 -ms-flex-align: stretch
;
224 align-items: stretch
;
232 border-top: 1px solid rgba
(0,0,0,.6);
233 border-left: 1px solid rgba
(0,0,0,.6);
234 border-right: 1px solid rgba
(0,0,0,.6);
239 background-color: #eee;
242 .hchild:first-child {
244 -webkit-border-top-left-radius: 10px;
245 -webkit-border-top-right-radius: 10px;
246 -moz-border-radius-topleft: 10px;
247 -moz-border-radius-topright: 10px;
248 border-top-left-radius: 10px;
249 border-top-right-radius: 10px;
254 border-bottom: 1px solid rgba
(0,0,0,.6);
255 -webkit-border-bottom-right-radius: 10px;
256 -webkit-border-bottom-left-radius: 10px;
257 -moz-border-radius-bottomright: 10px;
258 -moz-border-radius-bottomleft: 10px;
259 border-bottom-right-radius: 10px;
260 border-bottom-left-radius: 10px;
266 background: rgb
(238,238,238);
267 color: rgba
(51,51,51,.9);
269 display: -webkit-box
;
270 display: -webkit-flex
;
271 display: -ms-flexbox
;
273 -webkit-flex-wrap: nowrap
;
274 -ms-flex-wrap: nowrap
;
277 -webkit-box-pack: justify
;
278 -webkit-justify-content: space-between
;
279 -ms-flex-pack: justify
;
280 justify-content: space-between
;
281 -webkit-box-align: start
;
282 -webkit-align-items: flex-start
;
283 -ms-flex-align: start
;
284 align-items: flex-start
;
285 box-shadow: 0 -3px 5px rgba
(150,150,150,.36);
300 list-style-type: none
;
307 @media all and
(max-width: 500px) {
309 -webkit-box-orient: vertical
;
310 -webkit-box-direction: normal
;
311 -webkit-flex-direction: column
;
312 -ms-flex-direction: column
;
313 flex-direction: column
;
318 border-bottom: 1px solid rgba
(51,51,51,.5);
321 .footerchild:last-child {
325 .footerchild ul li:last-child {
341 display: -webkit-box
;
342 display: -webkit-flex
;
343 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);
358 color: rgba
(0,0,0,.8);
362 background: rgba
(170,178,171,.5);