MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 48: / Line 48: @@
    font-weight: normal; font-style: normal;
 }
+/* ── Icon base ──────────────────────────────────────────────────── */
+.gra-icon {
+  display: inline-block;
+  width:  20px;
+  height: 20px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  flex-shrink: 0;
+}
+/* comment.svg → Feedback (flag/report)  */
+.gra-icon-feedback { background-image: url('/images/feedback.svg'); }
+/* notes.svg   → Notes                  */
+.gra-icon-note     { background-image: url('/images/notes.svg'); }
+.gra-icon-bookmark { background-image: url('/images/bookmark.svg'); }
+.gra-icon-copy     { background-image: url('/images/copy.svg'); }
+.gra-icon-search { background-image: url('/images/search.svg'); }
+.gra-icon-dismiss { background-image: url('/images/close.svg'); }
+.gra-icon-prev { background-image: url('/images/prev.svg'); }
+.gra-icon-next { background-image: url('/images/next.svg'); }
 #mw-content-text {
@@ Line 834: / Line 855: @@
 .vector-user-links-main  {
   display: none !important;
+}
+.gr-phone-row { margin-bottom: 12px; }
+.gr-phone-label {
+    display: block;
+    font-weight: 700;
+    font-size: 0.875rem;
+    margin-bottom: 6px;
+}
+.gr-phone-inputs {
+    display: flex;
+    gap: 8px;
+    align-items: stretch;
+    height: 48px;
+    position: relative;
+    font-family: "Noto Sans Devanagari", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+}
+.gr-phone-country { width: 101px; border-radius: 12px; padding: 12px; gap: 8px; border: 1px solid #CED4DA;}
+.gr-phone-national { flex: 1; border-radius: 12px; padding: 12px; border: 1px solid #CED4DA;}
+/* ── Country trigger button ── */
+.gr-country-trigger {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 101px;
+    border-radius: 12px;
+    padding: 12px;
+    border: 1px solid #CED4DA;
+    white-space: nowrap;
+    background: #fff;
+}
+.gr-country-trigger:hover { border-color: #72777d; }
+.gr-trigger-flag { font-size: 1.3rem; line-height: 1; }
+.gr-trigger-dial { font-size: 0.9rem; color: #54595d; }
+.gr-trigger-caret { font-size: 0.7rem; color: #54595d; }
+/* ── Dropdown ── */
+.gr-country-dropdown {
+    position: absolute;
+    top: calc(100% + 4px); left: 0;
+    z-index: 9999;
+    width: 280px;
+    background: #fff;
+    border: 1px solid #a2a9b1;
+    border-radius: 4px;
+    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
+}
+.gr-country-search {
+    width: 100%; box-sizing: border-box;
+    padding: 8px 12px;
+    border: none; border-bottom: 1px solid #eee;
+    font-size: 0.9rem; outline: none;
+}
+.gr-country-list { max-height: 240px; overflow-y: auto; }
+.gr-country-option {
+    display: flex; align-items: center; gap: 8px;
+    padding: 8px 12px; cursor: pointer; font-size: 0.9rem;
+}
+.gr-country-option:hover { background: #f8f9fa; }
+.gr-country-flag { font-size: 1.2rem; flex-shrink: 0; }
+.gr-country-name { flex: 1; color: #202122; }
+.gr-country-dial { color: #54595d; font-size: 0.85rem; }
+.gr-phone-national:focus {
+    outline: none; border-color: #4A433A;
+}
+/* Search Results Bar styles */
+.gr-search-hl-mobile {
+    position: fixed;
+    top: 105px;
+    left: 0px;
+    right: 0px;
+    z-index: 10200;
+    background: rgb(181, 69, 27);
+    color: rgb(255, 255, 255);   display: flex;
+    align-items: stretch;
+    justify-content: space-around;
+    font-family: "Noto Sans Devanagari", system-ui, sans-serif;
+    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08) !important;
+    height: 52px;
+    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08) !important;
+    padding: 5px 4px !important;
+    gap: 20px !important;
+}
+.gr-search-hl-mobile .gr-search-bar-btn {
+  height: 48px;
+  width: 48px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  transition: background 0.15s;
 }