]>
jfr.im git - irc/freenode/web-7.0.git/blob - css/mock1.css
4 --jumbotron-bg: rgba
(75,235,74,.4);
10 --footer-text-color: #fff;
11 --border-color: 0,0,0;
12 --footer-border-color: 255,255,255;
13 --box-hover-color: #eee;
19 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
20 color: var
(--text-color
);
23 color: var
(--link-color
);
24 text-decoration: none
;
42 background-color: var
(--navbar-bg
);
49 justify-content: space-between
;
51 border-bottom: 1px solid rgba
(var
(--border-color
),.3);
59 justify-content: space-around
;
63 text-decoration: none
;
64 color: var
(--nlink-col
);
78 flex-direction: column
;
80 justify-content: space-between
;
85 background: var
(--jumbotron-bg
);
88 -webkit-border-bottom-right-radius: var
(--box-round
);
89 -webkit-border-bottom-left-radius: var
(--box-round
);
90 -moz-border-radius-bottomright: var
(--box-round
);
91 -moz-border-radius-bottomleft: var
(--box-round
);
92 border-bottom-right-radius: var
(--box-round
);
93 border-bottom-left-radius: var
(--box-round
);
101 justify-content: space-around
;
106 text-decoration: none
;
107 color: var
(--text-color
);
109 border: 1px solid rgb
(var
(--border-color
));
112 background-color: #fff;
113 border-radius: var
(--box-round
);
114 -webkit-border-radius: var
(--box-round
);
115 -moz-border-radius: var
(--box-round
);
119 background-color: var
(--box-hover-color
);
135 border-bottom: 1px solid rgba
(var
(--border-color
),.3);
162 justify-content: space-around
;
165 color: var
(--text-color
);
169 border-top: 1px solid rgba
(var
(--border-color
),.6);
170 border-left: 1px solid rgba
(var
(--border-color
),.6);
171 border-right: 1px solid rgba
(var
(--border-color
),.6);
175 background-color: var
(--box-hover-color
);
177 .hchild:first-child {
179 -webkit-border-top-left-radius: var
(--box-round
);
180 -webkit-border-top-right-radius: var
(--box-round
);
181 -moz-border-radius-topleft: var
(--box-round
);
182 -moz-border-radius-topright: var
(--box-round
);
183 border-top-left-radius: var
(--box-round
);
184 border-top-right-radius: var
(--box-round
);
188 border-bottom: 1px solid rgba
(var
(--border-color
),.6);
189 -webkit-border-bottom-right-radius: var
(--box-round
);
190 -webkit-border-bottom-left-radius: var
(--box-round
);
191 -moz-border-radius-bottomright: var
(--box-round
);
192 -moz-border-radius-bottomleft: var
(--box-round
);
193 border-bottom-right-radius: var
(--box-round
);
194 border-bottom-left-radius: var
(--box-round
);
199 background: rgb
(var
(--footer-bg
));
200 color: var
(--footer-text-color
);
206 justify-content: space-between
;
207 align-items: flex-start
;
208 /* -webkit-border-top-left-radius: var(--box-round);
209 -webkit-border-top-right-radius: var(--box-round);
210 -moz-border-radius-topleft: var(--box-round);
211 -moz-border-radius-topright: var(--box-round);
212 border-top-left-radius: var(--box-round);
213 border-top-right-radius: var(--box-round);*/
215 @media all and
(max-width: 500px) {
217 flex-direction: column
;
221 border-bottom: 1px solid rgba
(var
(--footer-border-color
),.5);
223 .footerchild:last-child {
231 list-style-type: none
;
236 .footer h2, .footer h3 {
239 .footer .footerchild p {
243 background: rgba
(var
(--copyright-bg
),.5);