]>
jfr.im git - irc/freenode/web-7.0.git/blob - css/mock1.css
4471f7df1edfcda7c3b0c9d4eba35cb95b42b68a
4 /*--jumbotron-bg: 15,75,14;*/
5 --jumbotron-bg: rgba
(75,235,74,.4);
6 --jumbotron-bg-fall: 65,225,64;
8 --link-color: 66,139,202;
9 /*--footer-link-color: 255,255,255;*/
10 --footer-link-color: 51,51,51;
13 /*--footer-text-color: 255,255,255;*/
14 --footer-text-color: 51,51,51;
15 --jumbotron-text-color: #333;
16 --border-color: 0,0,0;
17 --footer-border-color: 255,255,255;
18 --box-hover-color: #eee;
22 /* reset css for browser compat */
26 box-sizing: border-box
;
31 font-family: 'Open Sans';
32 color: var
(--text-color
);
38 text-decoration: none
;
45 background-color: var
(--navbar-bg
);
52 justify-content: space-between
;
54 border-bottom: 1px solid rgba
(var
(--border-color
),.3);
64 justify-content: space-around
;
69 text-decoration: none
;
70 color: var
(--nlink-col
);
83 /*margin-right: 0.5em;*/
89 border-bottom: 1px solid
#888;
92 background: var
(--jumbotron-bg
);
93 box-shadow: 0 3px 5px rgba
(0,0,0,0.36);
94 color: var
(--jumbotron-text-color
);
96 -webkit-border-bottom-right-radius: var
(--box-round
);
97 -webkit-border-bottom-left-radius: var
(--box-round
);
98 -moz-border-radius-bottomright: var
(--box-round
);
99 -moz-border-radius-bottomleft: var
(--box-round
);
100 border-bottom-right-radius: var
(--box-round
);
101 border-bottom-left-radius: var
(--box-round
);
112 justify-content: space-around
;
113 align-items: stretch
;
118 text-decoration: none
;
119 color: var
(--text-color
);
122 background-color: #fff;
123 border-radius: var
(--box-round
);
124 -webkit-border-radius: var
(--box-round
);
125 -moz-border-radius: var
(--box-round
);
128 .box:hover,.box:active {
129 background-color: var
(--box-hover-color
);
136 .fa-comment,.fa-question {
150 border-bottom: 1px solid rgba
(var
(--border-color
),.3);
183 justify-content: space-around
;
184 align-items: stretch
;
188 color: var
(--text-color
);
192 border-top: 1px solid rgba
(var
(--border-color
),.6);
193 border-left: 1px solid rgba
(var
(--border-color
),.6);
194 border-right: 1px solid rgba
(var
(--border-color
),.6);
197 a
.hchild:hover
,a
.hchild:active
{
198 background-color: var
(--box-hover-color
);
201 .hchild:first-child {
203 -webkit-border-top-left-radius: var
(--box-round
);
204 -webkit-border-top-right-radius: var
(--box-round
);
205 -moz-border-radius-topleft: var
(--box-round
);
206 -moz-border-radius-topright: var
(--box-round
);
207 border-top-left-radius: var
(--box-round
);
208 border-top-right-radius: var
(--box-round
);
213 border-bottom: 1px solid rgba
(var
(--border-color
),.6);
214 -webkit-border-bottom-right-radius: var
(--box-round
);
215 -webkit-border-bottom-left-radius: var
(--box-round
);
216 -moz-border-radius-bottomright: var
(--box-round
);
217 -moz-border-radius-bottomleft: var
(--box-round
);
218 border-bottom-right-radius: var
(--box-round
);
219 border-bottom-left-radius: var
(--box-round
);
224 background: var
(--jumbotron-bg
);
225 color: rgba
(var
(--footer-text-color
),.9);
229 justify-content: space-between
;
230 align-items: flex-start
;
231 box-shadow: 0 -3px 5px rgba
(0,0,0,0.36);
232 -webkit-border-top-left-radius: var
(--box-round
);
233 -webkit-border-top-right-radius: var
(--box-round
);
234 -moz-border-radius-topleft: var
(--box-round
);
235 -moz-border-radius-topright: var
(--box-round
);
236 border-top-left-radius: var
(--box-round
);
237 border-top-right-radius: var
(--box-round
);
248 .footerchild ul,.footerchild ul ul {
253 list-style-type: none
;
260 @media all and
(max-width: 500px) {
262 flex-direction: column
;
267 border-bottom: 1px solid rgba
(var
(--footer-border-color
),.5);
270 .footerchild:last-child {
274 .footerchild ul li:last-child {
279 .footer h2,.footer h3 {
286 align-self: flex-end
;
292 justify-content: space-between
;
294 background: rgba
(var
(--copyright-bg
),.5);
296 color: rgba
(var
(--footer-text-color
),.8);
300 background: rgba
(var
(--copyright-bg
),.5);