]>
jfr.im git - irc/freenode/web-7.0.git/blob - css/mock1.css
9faa9880b6f26ca528be3201813311d48a63c593
5 --jumbotron-bg: rgba
(75,235,74,.4);
10 --box-hover-color: #eee;
16 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
17 color: var
(--text-color
);
20 color: var
(--link-color
);
21 text-decoration: none
;
28 background-color: var
(--navbar-bg
);
35 justify-content: space-between
;
37 border-bottom: 1px solid rgba
(var
(--border-color
),.3);
44 text-decoration: none
;
45 color: var
(--nlink-col
);
63 background: var
(--jumbotron-bg
);
65 -webkit-border-bottom-right-radius: var
(--box-round
);
66 -webkit-border-bottom-left-radius: var
(--box-round
);
67 -moz-border-radius-bottomright: var
(--box-round
);
68 -moz-border-radius-bottomleft: var
(--box-round
);
69 border-bottom-right-radius: var
(--box-round
);
70 border-bottom-left-radius: var
(--box-round
);
78 justify-content: space-around
;
83 text-decoration: none
;
84 color: var
(--text-color
);
86 border: 1px solid rgb
(var
(--border-color
));
89 background-color: #fff;
90 border-radius: var
(--box-round
);
91 -webkit-border-radius: var
(--box-round
);
92 -moz-border-radius: var
(--box-round
);
94 .box:hover, .box:active {
95 background-color: var
(--box-hover-color
);
106 border-bottom: 1px solid rgba
(var
(--border-color
),.3);
133 justify-content: space-around
;
136 color: var
(--text-color
);
140 border-top: 1px solid rgba
(var
(--border-color
),.6);
141 border-left: 1px solid rgba
(var
(--border-color
),.6);
142 border-right: 1px solid rgba
(var
(--border-color
),.6);
144 a
.hchild:hover
, a
.hchild:active
{
145 background-color: var
(--box-hover-color
);
147 .hchild:first-child {
149 -webkit-border-top-left-radius: var
(--box-round
);
150 -webkit-border-top-right-radius: var
(--box-round
);
151 -moz-border-radius-topleft: var
(--box-round
);
152 -moz-border-radius-topright: var
(--box-round
);
153 border-top-left-radius: var
(--box-round
);
154 border-top-right-radius: var
(--box-round
);
158 border-bottom: 1px solid rgba
(var
(--border-color
),.6);
159 -webkit-border-bottom-right-radius: var
(--box-round
);
160 -webkit-border-bottom-left-radius: var
(--box-round
);
161 -moz-border-radius-bottomright: var
(--box-round
);
162 -moz-border-radius-bottomleft: var
(--box-round
);
163 border-bottom-right-radius: var
(--box-round
);
164 border-bottom-left-radius: var
(--box-round
);
169 background: var
(--footer-bg
);
175 justify-content: space-between
;
176 align-items: flex-start
;
177 /* -webkit-border-top-left-radius: var(--box-round);
178 -webkit-border-top-right-radius: var(--box-round);
179 -moz-border-radius-topleft: var(--box-round);
180 -moz-border-radius-topright: var(--box-round);
181 border-top-left-radius: var(--box-round);
182 border-top-right-radius: var(--box-round);*/
184 .footer .footerchild p {
188 border-right: 1px solid
#000;