Anandamakaranda

MediaWiki:Gadget-GrAnnotations.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 14: Line 14:
}
}
/* comment.svg → Feedback (flag/report)  */
/* comment.svg → Feedback (flag/report)  */
.gra-icon-feedback { background-image: url('/images/commentary.svg'); }
.gra-icon-feedback { background-image: url('/images/feedback.svg'); }
/* notes.svg  → Notes                  */
/* notes.svg  → Notes                  */
.gra-icon-note    { background-image: url('/images/notes.svg'); }
.gra-icon-note    { background-image: url('/images/notes.svg'); }
.gra-icon-bookmark { background-image: url('/images/bookmark.svg'); }
.gra-icon-bookmark { background-image: url('/images/bookmark.svg'); }
.gra-icon-copy    { background-image: url('/images/copy.svg'); }
.gra-icon-copy    { background-image: url('/images/copy.svg'); }
.gra-icon-search { background-image: url('/images/search.svg'); }


/* ══════════════════════════════════════════════════════════════════
/* ══════════════════════════════════════════════════════════════════
Line 46: Line 47:
   cursor: pointer;
   cursor: pointer;
   display: flex;
   display: flex;
  flex-direction: column;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
Line 718: Line 720:
   scroll-margin-top: calc(var(--gr-bar-h) + 8px);
   scroll-margin-top: calc(var(--gr-bar-h) + 8px);
}
}
/* ══════════════════════════════════════════════════════════════════
 
  SELECTION FAB — terracotta theme, slightly bigger
  ══════════════════════════════════════════════════════════════════ */
#gra-fab {
  background: #b5451b !important;
  border: none !important;
  border-radius: 28px !important;
  padding: 5px 4px !important;
  box-shadow: 0 3px 14px rgba(181,69,27,0.35) !important;
  gap: 2px !important;
}
.gra-fab-btn {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: transparent !important;
  transition: background 0.12s !important;
}
.gra-fab-btn:hover {
  background: rgba(255,255,255,0.18) !important;
}
.gra-fab-btn .gra-icon {
  width: 22px !important;
  height: 22px !important;
  filter: brightness(0) invert(1) !important;
}
.gra-fab-tooltip {
  background: rgba(30,30,30,0.88) !important;
  font-size: 11px !important;
}
   
   
/* Search icon in FAB using an inline SVG data-URI */
/* Search icon in FAB using an inline SVG data-URI */
Retrieved from "https://dev.anandamakaranda.in/MediaWiki:Gadget-GrAnnotations.css"