]>
jfr.im git - irc/freenode/web-7.0.git/blob - css/mock1.css
4 --jumbotron-bg: 15,75,14;
5 --jumbotron-bg-fall: 65,225,64;
7 --link-color: 66,139,202;
8 --footer-link-color: 255,255,255;
11 --footer-text-color: 255,255,255;
12 --border-color: 0,0,0;
13 --footer-border-color: 255,255,255;
14 --box-hover-color: #eee;
18 /* reset css for browser compat */
22 box-sizing: border-box
;
27 font-family: 'Open Sans';
28 color: var
(--text-color
);
31 color: rgb
(var
(--link-color
));
32 text-decoration: none
;
39 background-color: var
(--navbar-bg
);
46 justify-content: space-between
;
48 border-bottom: 1px solid rgba
(var
(--border-color
),.3);
56 justify-content: space-around
;
60 text-decoration: none
;
61 color: var
(--nlink-col
);
73 /*margin-right: 0.5em;*/
79 border-bottom: 1px solid
#888;
81 background: rgb
(var
(--jumotron-bg-fall
));
82 background: rgba
(var
(--jumbotron-bg
),.6);
83 box-shadow: 0 3px 5px rgba
(0,0,0, 0.36);
86 -webkit-border-bottom-right-radius: var
(--box-round
);
87 -webkit-border-bottom-left-radius: var
(--box-round
);
88 -moz-border-radius-bottomright: var
(--box-round
);
89 -moz-border-radius-bottomleft: var
(--box-round
);
90 border-bottom-right-radius: var
(--box-round
);
91 border-bottom-left-radius: var
(--box-round
);
100 justify-content: space-around
;
101 align-items: stretch
;
105 text-decoration: none
;
106 color: var
(--text-color
);
109 background-color: #fff;
110 border-radius: var
(--box-round
);
111 -webkit-border-radius: var
(--box-round
);
112 -moz-border-radius: var
(--box-round
);
116 background-color: var
(--box-hover-color
);
130 border-bottom: 1px solid rgba
(var
(--border-color
),.3);
157 justify-content: space-around
;
158 align-items: stretch
;
161 color: var
(--text-color
);
165 border-top: 1px solid rgba
(var
(--border-color
),.6);
166 border-left: 1px solid rgba
(var
(--border-color
),.6);
167 border-right: 1px solid rgba
(var
(--border-color
),.6);
171 background-color: var
(--box-hover-color
);
173 .hchild:first-child {
175 -webkit-border-top-left-radius: var
(--box-round
);
176 -webkit-border-top-right-radius: var
(--box-round
);
177 -moz-border-radius-topleft: var
(--box-round
);
178 -moz-border-radius-topright: var
(--box-round
);
179 border-top-left-radius: var
(--box-round
);
180 border-top-right-radius: var
(--box-round
);
184 border-bottom: 1px solid rgba
(var
(--border-color
),.6);
185 -webkit-border-bottom-right-radius: var
(--box-round
);
186 -webkit-border-bottom-left-radius: var
(--box-round
);
187 -moz-border-radius-bottomright: var
(--box-round
);
188 -moz-border-radius-bottomleft: var
(--box-round
);
189 border-bottom-right-radius: var
(--box-round
);
190 border-bottom-left-radius: var
(--box-round
);
195 background: rgba
(var
(--jumbotron-bg
),.6);
196 color: rgba
(var
(--footer-text-color
),.9);
200 justify-content: space-between
;
201 align-items: flex-start
;
202 box-shadow: 0 -3px 5px rgba
(0,0,0, 0.36);
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
);
214 color: rgb
(var
(--footer-link-color
));
222 list-style-type: none
;
227 @media all and
(max-width: 500px) {
229 flex-direction: column
;
233 border-bottom: 1px solid rgba
(var
(--footer-border-color
),.5);
235 .footerchild:last-child {
238 .footerchild ul li:last-child {
239 margin-bottom: 0.5em;
242 .footer h2, .footer h3 {
248 align-self: flex-end
;
253 justify-content: space-between
;
255 background: rgba
(var
(--copyright-bg
),.5);
257 color: rgba
(var
(--footer-text-color
),.9);
260 background: rgba
(var
(--copyright-bg
),.5);