]>
jfr.im git - irc/freenode/web-7.0.git/blob - static/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
;
106 background: rgb
(238,238,238);
107 box-shadow: 0 3px 5px rgba
(150,150,150,.36);
119 display: -webkit-box
;
120 display: -webkit-flex
;
121 display: -ms-flexbox
;
123 -webkit-flex-wrap: wrap
;
126 -webkit-justify-content: space-around
;
127 -ms-flex-pack: distribute
;
128 justify-content: space-around
;
129 -webkit-box-align: stretch
;
130 -webkit-align-items: stretch
;
131 -ms-flex-align: stretch
;
132 align-items: stretch
;
137 text-decoration: none
;
140 -webkit-flex-basis: 30%;
141 -ms-flex-preferred-size: 30%;
143 /* border: 1px solid rgba(var(--border-color), 0.39); */
144 background-color: #fff;
146 -webkit-border-radius: 10px;
147 -moz-border-radius: 10px;
152 background-color: #eee;
175 border-bottom: 1px solid rgba
(0,0,0,.3);
212 display: -webkit-box
;
213 display: -webkit-flex
;
214 display: -ms-flexbox
;
216 -webkit-flex-wrap: wrap
;
219 -webkit-justify-content: space-around
;
220 -ms-flex-pack: distribute
;
221 justify-content: space-around
;
222 -webkit-box-align: stretch
;
223 -webkit-align-items: stretch
;
224 -ms-flex-align: stretch
;
225 align-items: stretch
;
233 border-top: 1px solid rgba
(0,0,0,.6);
234 border-left: 1px solid rgba
(0,0,0,.6);
235 border-right: 1px solid rgba
(0,0,0,.6);
240 background-color: #eee;
243 .hchild:first-child {
245 -webkit-border-top-left-radius: 10px;
246 -webkit-border-top-right-radius: 10px;
247 -moz-border-radius-topleft: 10px;
248 -moz-border-radius-topright: 10px;
249 border-top-left-radius: 10px;
250 border-top-right-radius: 10px;
255 border-bottom: 1px solid rgba
(0,0,0,.6);
256 -webkit-border-bottom-right-radius: 10px;
257 -webkit-border-bottom-left-radius: 10px;
258 -moz-border-radius-bottomright: 10px;
259 -moz-border-radius-bottomleft: 10px;
260 border-bottom-right-radius: 10px;
261 border-bottom-left-radius: 10px;
271 background: rgb
(238,238,238);
272 color: rgba
(51,51,51,.9);
274 display: -webkit-box
;
275 display: -webkit-flex
;
276 display: -ms-flexbox
;
278 -webkit-flex-wrap: nowrap
;
279 -ms-flex-wrap: nowrap
;
282 -webkit-box-pack: justify
;
283 -webkit-justify-content: space-between
;
284 -ms-flex-pack: justify
;
285 justify-content: space-between
;
286 -webkit-box-align: start
;
287 -webkit-align-items: flex-start
;
288 -ms-flex-align: start
;
289 align-items: flex-start
;
290 box-shadow: 0 -3px 5px rgba
(150,150,150,.36);
303 display: inline-block
;
310 list-style-type: none
;
317 @media all and
(max-width: 500px) {
319 -webkit-box-orient: vertical
;
320 -webkit-box-direction: normal
;
321 -webkit-flex-direction: column
;
322 -ms-flex-direction: column
;
323 flex-direction: column
;
331 .footerchild ul li:last-child {