MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 977: Line 977:


/* Remove extra tab borders */
/* Remove extra tab borders */
.ooo-buildbox .tabber__header,
.tabber__header {
.tabber__header {
   border-bottom:1px solid var(--ooo-border);
   border-bottom:1px solid var(--ooo-border);
  margin-bottom:10px;
}
}
/* =========================================================
/* =========================================================
Line 1,116: Line 1,116:
   ========================================================= */
   ========================================================= */


.ooo-card .tabber__tabs {
.tabber__tabs {
   display: flex;
   display:flex;
   gap: 10px;
   gap:8px;
   margin-bottom: 14px;
   margin-bottom:14px;
}
 
.ooo-card .tabber__tab {
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid var(--ooo-border);
  background: rgba(245,196,0,0.04); /* Same background as item buttons */
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
}


/* Hover effect matching item button style */
/* Base tab style */
.ooo-card .tabber__tab:hover {
.tabber__tab {
   background: rgba(245,196,0,0.07); /* Same hover as item buttons */
  padding:8px 14px;
   border-color: rgba(245,196,0,0.55);
  border:1px solid var(--ooo-border);
   background:rgba(245,196,0,0.04);
   font-weight:700;
  cursor:pointer;
  transition:background .15s ease, border-color .15s ease;
}
}


/* Active tab styling matching item buttons */
/* Hover */
.ooo-card .tabber__tab--active {
.tabber__tab:hover {
   background: rgba(245,196,0,0.10); /* Same active background as item buttons */
   background:rgba(245,196,0,0.07);
   border-color: rgba(245,196,0,0.80);
   border-color:rgba(245,196,0,0.55);
}
}


/* Optional: Add focus styles for better accessibility */
/* Active */
.ooo-card .tabber__tab:focus {
.tabber__tab--active {
   outline: none;
   background:rgba(245,196,0,0.10);
   box-shadow: 0 0 3px rgba(245, 196, 0, 0.6); /* Yellow glow on focus */
   border-color:rgba(245,196,0,0.80);
}
}


/* fix tab text color */
/* Link color fix */
 
.tabber__tab a {
.ooo-card .tabber__tab a {
   color:inherit !important;
   color: inherit !important;
   text-decoration:none;
   text-decoration: none;
}
}


.ooo-card .tabber__tab--active a {
.tabber__tab--active a {
   color: inherit !important;
   color:inherit !important;
}
}