2206
редагувань
MediaWiki:Common.css: відмінності між версіями
SVG-іконки для service cards (Lucide outline style через data URI)
Admin (обговорення | внесок) (CSS для service cards (грід 2 в ряд, hover, контакти)) |
Admin (обговорення | внесок) (SVG-іконки для service cards (Lucide outline style через data URI)) |
||
| Рядок 408: | Рядок 408: | ||
padding-top: 10px; | padding-top: 10px; | ||
} | } | ||
.service-card__row { line-height: 1.5; } | .service-card__row { | ||
line-height: 1.5; | |||
padding-left: 22px; | |||
background-repeat: no-repeat; | |||
background-position: 0 4px; | |||
background-size: 14px 14px; | |||
} | |||
.service-card__row a { color: #2a6df4; text-decoration: none; } | .service-card__row a { color: #2a6df4; text-decoration: none; } | ||
.service-card__row a:hover { text-decoration: underline; } | .service-card__row a:hover { text-decoration: underline; } | ||
/* SVG-іконки (Lucide style, stroke #4b5563) */ | |||
.service-card__row--phone { | |||
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/></svg>"); | |||
} | |||
.service-card__row--telegram { | |||
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 2 11 13'/><path d='M22 2 15 22 11 13 2 9z'/></svg>"); | |||
} | |||
.service-card__row--languages { | |||
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m5 8 6 6'/><path d='m4 14 6-6 2-3'/><path d='M2 5h12'/><path d='M7 2h1'/><path d='m22 22-5-10-5 10'/><path d='M14 18h6'/></svg>"); | |||
} | |||
.service-card__row--website { | |||
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M2 12h20'/><path d='M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10 15 15 0 0 1-4-10 15 15 0 0 1 4-10z'/></svg>"); | |||
} | |||