]>
jfr.im git - irc/freenode/web-7.0.git/blob - css/mock1.css
4 /*--jumbotron-bg: 15,75,14;*/
5 /*--jumbotron-bg: rgba(75,235,74,.4);*/
6 --jumbotron-bg: rgb
(238,238,238);
7 --jumbotron-bg-fall: 65,225,64;
8 --copyright-bg: 170,178,171;
9 --link-color: 66,139,202;
10 /*--footer-link-color: 255,255,255;*/
11 --footer-link-color: 51,51,51;
14 /*--footer-text-color: 255,255,255;*/
15 --footer-text-color: 51,51,51;
16 --copyright-text-color: 0,0,0;
17 --jumbotron-text-color: #333;
18 --border-color: 0,0,0;
19 /*--footer-border-color: 255,255,255;*/
20 --footer-border-color: 51,51,51;
21 --box-hover-color: #eee;
25 /* reset css for browser compat */
29 box-sizing: border-box
;
34 font-family: 'Open Sans';
35 color: var
(--text-color
);
41 text-decoration: none
;
48 background-color: var
(--navbar-bg
);
55 justify-content: space-between
;
57 border-bottom: 1px solid rgba
(var
(--border-color
),.3);
67 justify-content: space-around
;
72 text-decoration: none
;
73 color: var
(--nlink-col
);
86 /*margin-right: 0.5em;*/
94 background: var
(--jumbotron-bg
);
95 box-shadow: 0 3px 5px rgba
(150,150,150,.36);
96 color: var
(--jumbotron-text-color
);
98 -webkit-border-bottom-right-radius: var
(--box-round
);
99 -webkit-border-bottom-left-radius: var
(--box-round
);
100 -moz-border-radius-bottomright: var
(--box-round
);
101 -moz-border-radius-bottomleft: var
(--box-round
);
102 border-bottom-right-radius: var
(--box-round
);
103 border-bottom-left-radius: var
(--box-round
);
114 justify-content: space-around
;
115 align-items: stretch
;
120 text-decoration: none
;
121 color: var
(--text-color
);
124 background-color: #fff;
125 border-radius: var
(--box-round
);
126 -webkit-border-radius: var
(--box-round
);
127 -moz-border-radius: var
(--box-round
);
130 .box:hover,.box:active {
131 background-color: var
(--box-hover-color
);
138 .fa-comment,.fa-question {
152 border-bottom: 1px solid rgba
(var
(--border-color
),.3);
185 justify-content: space-around
;
186 align-items: stretch
;
190 color: var
(--text-color
);
194 border-top: 1px solid rgba
(var
(--border-color
),.6);
195 border-left: 1px solid rgba
(var
(--border-color
),.6);
196 border-right: 1px solid rgba
(var
(--border-color
),.6);
199 a
.hchild:hover
,a
.hchild:active
{
200 background-color: var
(--box-hover-color
);
203 .hchild:first-child {
205 -webkit-border-top-left-radius: var
(--box-round
);
206 -webkit-border-top-right-radius: var
(--box-round
);
207 -moz-border-radius-topleft: var
(--box-round
);
208 -moz-border-radius-topright: var
(--box-round
);
209 border-top-left-radius: var
(--box-round
);
210 border-top-right-radius: var
(--box-round
);
215 border-bottom: 1px solid rgba
(var
(--border-color
),.6);
216 -webkit-border-bottom-right-radius: var
(--box-round
);
217 -webkit-border-bottom-left-radius: var
(--box-round
);
218 -moz-border-radius-bottomright: var
(--box-round
);
219 -moz-border-radius-bottomleft: var
(--box-round
);
220 border-bottom-right-radius: var
(--box-round
);
221 border-bottom-left-radius: var
(--box-round
);
226 background: var
(--jumbotron-bg
);
227 color: rgba
(var
(--footer-text-color
),.9);
231 justify-content: space-between
;
232 align-items: flex-start
;
233 box-shadow: 0 -3px 5px rgba
(150,150,150,.36);
234 -webkit-border-top-left-radius: var
(--box-round
);
235 -webkit-border-top-right-radius: var
(--box-round
);
236 -moz-border-radius-topleft: var
(--box-round
);
237 -moz-border-radius-topright: var
(--box-round
);
238 border-top-left-radius: var
(--box-round
);
239 border-top-right-radius: var
(--box-round
);
250 .footerchild ul,.footerchild ul ul {
255 list-style-type: none
;
262 @media all and
(max-width: 500px) {
264 flex-direction: column
;
269 border-bottom: 1px solid rgba
(var
(--footer-border-color
),.5);
272 .footerchild:last-child {
276 .footerchild ul li:last-child {
281 .footer h2,.footer h3 {
288 align-self: flex-end
;
294 justify-content: space-between
;
296 background: rgba
(var
(--copyright-bg
),.5);
298 color: rgba
(var
(--copyright-text-color
),.8);
302 background: rgba
(var
(--copyright-bg
),.5);