Anandamakaranda

MediaWiki:Common.css: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(23 intermediate revisions by 2 users not shown)
Line 43: Line 43:
   font-weight: bold; font-style: normal;
   font-weight: bold; font-style: normal;
}
}
@font-face {
  font-family: "Noto Sans Devanagari";
  src: url("/resources/fonts/Noto_Sans_Devanagari/NotoSansDevanagari.ttf") format("truetype");
  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 57: Line 83:
   box-sizing: border-box;
   box-sizing: border-box;
}
}
// Danda marks wrap issue
.mw-parser-output { overflow-wrap: anywhere; }


/* ── 4. HIDE ELEMENTS (both skins) ────────────────────────────── */
/* ── 4. HIDE ELEMENTS (both skins) ────────────────────────────── */
Line 224: Line 253:
   margin: 24px 0 4px !important;
   margin: 24px 0 4px !important;
   border-bottom: 2px dotted var(--maroon) !important;
   border-bottom: 2px dotted var(--maroon) !important;
   width: 75%; font-family: 'AdishilaDevGuru'; text-align: center;
   width: 75%; font-family: 'AdishilaDev'; text-align: center;
}
}
.mw-parser-output h3, .mw-parser-output .mw-heading3 h3 {
.mw-parser-output h3, .mw-parser-output .mw-heading3 h3 {
Line 231: Line 260:
   margin: 24px 0 8px !important;
   margin: 24px 0 8px !important;
   border-bottom: 1px dotted var(--orange) !important;
   border-bottom: 1px dotted var(--orange) !important;
   width: 55%; font-family: 'AdishilaDevGuru'; text-align: center;
   width: 55%; font-family: 'AdishilaDev'; text-align: center;
}
}


Line 241: Line 270:
   font-size: 2em; font-weight: 500; color: var(--maroon);
   font-size: 2em; font-weight: 500; color: var(--maroon);
   line-height: 1.4; margin: 0 0 16px; border: none !important;
   line-height: 1.4; margin: 0 0 16px; border: none !important;
   text-align:center; font-family: 'AdishilaDevGuru';
   text-align:center; font-family: 'AdishilaDev';
}
}


/* ── 10. VERSE BLOCKS ──────────────────────────────────────────── */
/* ── 10. VERSE BLOCKS ──────────────────────────────────────────── */
.shloka-block { display: block; text-align: left; margin: 3px 0 0; }
.shloka-block { display: block; text-align: left; margin: 3px 0 0; padding-bottom: 0.5em; }
.shloka-line { display: block; font-style: normal; color: #333; line-height: 1.35; margin: 0; }
.shloka-line { display: block; font-style: normal; color: #333; line-height: 1.35; margin: 0; }
.verse-block { display: block; margin: 6px 0 0; text-align: left; }
.verse-block { display: block; margin: 6px 0 0; text-align: left; }
Line 293: Line 322:
/* ── 14. TEEKA ─────────────────────────────────────────────────── */
/* ── 14. TEEKA ─────────────────────────────────────────────────── */
.teeka-block {
.teeka-block {
   border-radius: 5px; padding: 6px 10px 8px; margin: 0.3em 0;
   padding: 6px 10px 8px; margin: 0.3em 0; line-height: 1.6; color: #555;
  font-size: 0.92em; line-height: 1.6; color: #555;
  background: #fffdf5; border: 1px solid #f0e0b0;
}
}
.teeka-title {
.teeka-title {
   font-family: system-ui, -apple-system, sans-serif !important;
   font-family: 'AdishilaDev';, sans-serif !important;
   font-size: 0.75em; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
   font-size: 1.75em; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
   color: var(--brown); margin-bottom: 4px; padding-bottom: 3px;
   margin-bottom: 4px; padding-bottom: 3px;
  border-bottom: 1px solid var(--light-brown);
}
}
.teeka-body .shloka-block {
.teeka-body .shloka-block {
   margin: 0.4em 0; padding: 0.3em 0.6em; border-left: 3px solid #e8c88a; background: transparent;
   margin: 0.4em 0; padding: 0.3em 0.6em; font-family: 'AdishilaDev';
}
}
.teeka-body .shloka-line { color: #8a4a00; font-style: italic; font-size: 0.97em; }
.teeka-body .shloka-line { font-style: italic; font-size: 0.97em; font-family: 'AdishilaDev'; }


/* ── 15. PRATEEKA / MOOLA ──────────────────────────────────────── */
/* ── 15. PRATEEKA / MOOLA ──────────────────────────────────────── */
Line 364: Line 390:
}
}
.gr-author-note {
.gr-author-note {
   font-style: italic; color: #666; text-align: center; font-size: 0.9em;
   font-style: italic; color: var(--maroon); text-align: center; font-size: 0.9em;
   margin: 0.8em 0 0.4em 0; border-top: 1px solid #ddd; padding-top: 0.4em;
   margin: 0.8em 0 0.4em 0; border-top: 1px solid #ddd; padding-top: 0.4em; font-family: 'AdishilaDev'
}
}
.gr-devatachandas { font-size: 0.82em; color: #777; margin: 0.4em 0 0.2em 0; }
.gr-devatachandas { font-size: 0.82em; color: #777; margin: 0.4em 0 0.2em 0; }
.gr-vargikarana  { font-size: 0.82em; color: #888; margin: 0.5em 0 0.1em 0; }
.gr-vargikarana  { font-size: 0.82em; color: #888; margin: 0.5em 0 0.1em 0; }
/* ── 19. TEEKA VIEW MODES ──────────────────────────────────────── */
body.gr-standalone .teeka-block { background: none !important; border: none !important; padding: 0 !important; }
body.gr-standalone .teeka-title { display: none !important; }
body.gr-standalone .gr-teeka-entry { border-bottom: 1px solid #f0e8d8; padding-bottom: 0.8em; margin-bottom: 0.8em; }
body.gr-standalone .teeka-body .shloka-line { color: var(--maroon); font-style: italic; }
body.gr-ref-mode .teeka-block { background: #fffdf5 !important; border: 1px solid #f0e0b0 !important; }
body.gr-ref-mode .gr-page-nav { display: none; }
.gr-teeka-page .teeka-block { background: #fffdf5; border: 1px solid #f0e0b0; }


/* ── 20. BHASHYA COLLECTION ────────────────────────────────────── */
/* ── 20. BHASHYA COLLECTION ────────────────────────────────────── */
Line 690: 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 698: 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 759: 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;
}
}
Retrieved from "https://dev.anandamakaranda.in/MediaWiki:Common.css"