MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(12 intermediate revisions by the same user not shown)
Line 48: Line 48:
   font-weight: normal; font-style: normal;
   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 {
#mw-content-text {
Line 686: Line 707:
   margin: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   padding: 0 !important;
  color: #ffffff;
}
}
.skin-minerva .minerva-header {
.skin-minerva .minerva-header {
Line 694: Line 716:
   padding: 0 12px !important;
   padding: 0 12px !important;
   margin: 0 !important;
   margin: 0 !important;
}
.minerva-icon {
filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(1%) hue-rotate(296deg) brightness(104%) contrast(100%);
}
}


Line 755: Line 782:
.skin-minerva .section-heading .indicator {
.skin-minerva .section-heading .indicator {
   display: none !important;
   display: none !important;
}
/* ── Hide MediaWiki default header user/account controls (desktop) ── */
#pt-userpage-2,
#p-vector-user-menu-userpage,
/* Hide the right-side person-icon dropdown */
#vector-user-links-dropdown,
.vector-user-links-dropdown,
#p-personal-more,
.vector-user-menu,
.mw-portlet-vector-user-menu-overflow,
#pt-watchlist-2, #pt-watchlist {
    display: none !important;
}
/* Hide original userpage text link */
#p-vector-user-menu-userpage { display: none !important; }
/* Hide the right-side person-icon user menu dropdown */
#vector-user-links-dropdown { display: none !important; }
/* ── Custom username dropdown ── */
#gr-user-dropdown {
    position: relative;
    display: inline-block;
    font-family: system-ui, sans-serif;
}
#gr-user-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.12);
    border: none;
    color: #fff;
    font-size: 0.9em;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
}
#gr-user-trigger:hover { background: rgba(255,255,255,0.2); }
#gr-user-trigger .gr-caret { font-size: 0.7em; opacity: 0.8; }
#gr-user-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 180px;
    background: #fff;
    border: 1px solid #e0d8d2;
    border-radius: 8px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.14);
    padding: 6px;
    z-index: 1000;
    display: none;
}
#gr-user-menu.gr-open { display: block; }
#gr-user-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    color: #2c1810;
    text-decoration: none;
    font-size: 0.92em;
    border-radius: 6px;
    white-space: nowrap;
}
#gr-user-menu a:hover { background: #f7f1ed; }
.vector-user-links a {
    color: #1C1A17 !important;
}
.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;
}
}