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

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

Версія за 11:08, 2 серпня 2026

2299 байтів додано , Учора о 11:08

Стилі віджета «Повідомити про правку» (krai-feedback)

Admin

Бюрократи, Адміністратори інтерфейсу, Адміністратори

2206

редагувань

@@ Рядок 2059: / Рядок 2059: @@
    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.516%202.17a.75.75%200%2000-1.032%200%2011.209%2011.209%200%2001-7.877%203.08.75.75%200%2000-.722.515A12.74%2012.74%200%20002.25%209.75c0%205.942%204.064%2010.933%209.563%2012.348a.749.749%200%2000.374%200C17.686%2020.683%2021.75%2015.692%2021.75%209.75c0-1.44-.24-2.83-.678-4.128a.75.75%200%2000-.722-.515%2011.209%2011.209%200%2001-7.834-3.08zM15.53%209.53a.75.75%200%2000-1.06-1.06l-3.97%203.97-1.47-1.47a.75.75%200%2000-1.06%201.06l2%202a.75.75%200%20001.06%200l4.5-4.5z%27%20clip-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E");
 }
+/* === Країнопедія: віджет «Повідомити про правку» (krai-feedback) === */
+.krai-fb-btn{position:fixed;right:16px;bottom:16px;z-index:1000;background:#1e63d0;color:#fff;border:none;border-radius:24px;padding:10px 16px;font-size:14px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:pointer;line-height:1.2}
+.krai-fb-btn:hover{background:#174ea6}
+@media(max-width:640px){.krai-fb-btn{right:10px;bottom:10px;padding:9px 13px;font-size:13px}}
+.krai-fb-overlay{display:none;position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.5);align-items:center;justify-content:center;padding:16px}
+.krai-fb-overlay.is-open{display:flex}
+.krai-fb-modal{background:#fff;color:#202122;max-width:460px;width:100%;border-radius:12px;padding:20px 22px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:90vh;overflow:auto}
+.krai-fb-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:26px;line-height:1;color:#72777d;cursor:pointer}
+.krai-fb-title{margin:0 0 4px;font-size:20px;border:none;padding:0}
+.krai-fb-sub{margin:0 0 14px;font-size:13px;color:#54595d}
+.krai-fb-form label.krai-fb-label{display:block;font-size:13px;font-weight:600;margin:10px 0 0;color:#202122}
+.krai-fb-label span{font-weight:400;color:#72777d}
+.krai-fb-form textarea,.krai-fb-form input[type=text]{width:100%;box-sizing:border-box;margin-top:4px;padding:8px;border:1px solid #a2a9b1;border-radius:6px;font-size:14px;font-family:inherit}
+.krai-fb-kind{display:flex;gap:16px;margin-bottom:4px;font-size:14px;font-weight:600}
+.krai-fb-kind label{font-weight:600;cursor:pointer}
+.krai-fb-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
+.krai-fb-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
+.krai-fb-cancel{background:#f8f9fa;border:1px solid #a2a9b1;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:14px}
+.krai-fb-submit{background:#1e63d0;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:600}
+.krai-fb-submit:disabled{opacity:.6;cursor:default}
+.krai-fb-msg{margin-top:10px;font-size:13px;min-height:1em}
+.krai-fb-msg.is-ok{color:#14866d}
+.krai-fb-msg.is-err{color:#d33}
+/* === /krai-feedback === */