Перейти до вмісту

MediaWiki:Common.css: відмінності між версіями

MediaWiki:Common.css (переглянути вихідний код)

Версія за 01:48, 4 травня 2026

1199 байтів додано ,  4 травень
Filled (Heroicons solid) іконки сервіс-карток замість outlined
(Перекодував SVG-іконки сервіс-карток у URL-encoded data URI)
(Filled (Heroicons solid) іконки сервіс-карток замість outlined)
Рядок 418: Рядок 418:
.service-card__row a:hover { text-decoration: underline; }
.service-card__row a:hover { text-decoration: underline; }


/* SVG-іконки (Lucide style, stroke #4b5563, URL-encoded) */
/* SVG-іконки (Heroicons solid, fill #4b5563, URL-encoded) */
.service-card__row--phone {
.service-card__row--phone {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%234b5563%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%27%2F%3E%3C%2Fsvg%3E");
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%234b5563%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M1.5%204.5a3%203%200%200%201%203-3h1.372c.86%200%201.61.586%201.819%201.42l1.105%204.423a1.875%201.875%200%200%201-.694%201.955l-1.293.97c-.135.101-.164.249-.126.352a11.285%2011.285%200%200%200%206.197%206.197c.103.038.25.009.352-.126l.97-1.293a1.875%201.875%200%200%201%201.955-.694l4.423%201.105c.834.209%201.42.959%201.42%201.82V19.5a3%203%200%200%201-3%203h-2.25C8.552%2022.5%201.5%2015.448%201.5%206.75V4.5z%27%20clip-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E");
}
}
.service-card__row--telegram {
.service-card__row--telegram {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%234b5563%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%202%2011%2013%27%2F%3E%3Cpath%20d%3D%27M22%202%2015%2022%2011%2013%202%209z%27%2F%3E%3C%2Fsvg%3E");
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%234b5563%27%3E%3Cpath%20d%3D%27M3.478%202.405a.75.75%200%200%200-.926.94l2.432%207.905H13.5a.75.75%200%200%201%200%201.5H4.984l-2.432%207.905a.75.75%200%200%200%20.926.94%2060.519%2060.519%200%200%200%2018.445-8.986.75.75%200%200%200%200-1.218A60.517%2060.517%200%200%200%203.478%202.405z%27%2F%3E%3C%2Fsvg%3E");
}
}
.service-card__row--languages {
.service-card__row--languages {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%234b5563%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m5%208%206%206%27%2F%3E%3Cpath%20d%3D%27m4%2014%206-6%202-3%27%2F%3E%3Cpath%20d%3D%27M2%205h12%27%2F%3E%3Cpath%20d%3D%27M7%202h1%27%2F%3E%3Cpath%20d%3D%27m22%2022-5-10-5%2010%27%2F%3E%3Cpath%20d%3D%27M14%2018h6%27%2F%3E%3C%2Fsvg%3E");
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%234b5563%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M9%202.25a.75.75%200%200%201%20.75.75v1.506a49.38%2049.38%200%200%201%205.343.371.75.75%200%201%201-.186%201.489c-.66-.083-1.323-.151-1.99-.206a18.67%2018.67%200%200%201-2.969%206.323c.317.384.65.753.998%201.107a.75.75%200%201%201-1.07%201.052A18.902%2018.902%200%200%201%209%2013.687a18.823%2018.823%200%200%201-5.656%204.482.75.75%200%201%201-.688-1.333%2017.323%2017.323%200%200%200%205.396-4.353A18.72%2018.72%200%200%201%205.89%208.598a.75.75%200%200%201%201.388-.568A17.21%2017.21%200%200%200%209%2011.224a17.17%2017.17%200%200%200%202.391-5.165%2048.038%2048.038%200%200%200-8.298.307.75.75%200%200%201-.186-1.489%2049.159%2049.159%200%200%201%205.343-.371V3A.75.75%200%200%201%209%202.25zM15.75%209a.75.75%200%200%201%20.68.433l5.25%2011.25a.75.75%200%201%201-1.36.634l-1.198-2.567h-6.744l-1.198%202.567a.75.75%200%200%201-1.36-.634l5.25-11.25A.75.75%200%200%201%2015.75%209zm-2.672%208.25h5.344l-2.672-5.726-2.672%205.726z%27%20clip-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E");
}
}
.service-card__row--website {
.service-card__row--website {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%234b5563%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Cpath%20d%3D%27M2%2012h20%27%2F%3E%3Cpath%20d%3D%27M12%202a15%2015%200%200%201%204%2010%2015%2015%200%200%201-4%2010%2015%2015%200%200%201-4-10%2015%2015%200%200%201%204-10z%27%2F%3E%3C%2Fsvg%3E");
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%234b5563%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M12%202.25c-5.385%200-9.75%204.365-9.75%209.75s4.365%209.75%209.75%209.75%209.75-4.365%209.75-9.75S17.385%202.25%2012%202.25zM4.575%2015.6a8.25%208.25%200%200%200%209.348%204.425%201.966%201.966%200%200%200-1.84-1.275.983.983%200%200%201-.97-.822l-.073-.437c-.094-.565.25-1.11.8-1.267l.99-.282c.427-.123.783-.418.982-.816l.036-.073a1.453%201.453%200%200%201%202.328-.377L16.5%2015h.628a2.25%202.25%200%200%201%201.983%201.186%208.25%208.25%200%200%200-6.345-12.4c.044.262.18.503.389.676l1.068.89c.442.369.535%201.01.216%201.49l-.51.766a2.25%202.25%200%200%201-1.161.886l-.143.048a1.107%201.107%200%200%200-.57%201.664c.369.555.169%201.307-.427%201.605L9%2013.125l.423%201.059a.956.956%200%200%201-1.652.928l-.679-.906a1.125%201.125%200%200%200-1.906.143l-.476.952a.992.992%200%200%201-.785.572l-.504.054z%27%20clip-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E");
}
}
Отримано з https://nomadica.uno/Спеціальна:Мобільна_різниця_версій/493