MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 1,107: Line 1,107:


/* =========================================================
/* =========================================================
   OOO CATEGORY TABS (match browser items)
   OOO BUILDING TABS (Same as item buttons)
   ========================================================= */
   ========================================================= */
.ooo-card .tabber__tabs {
.ooo-card .tabber__tabs {
   display: flex;
   display: flex;
Line 1,120: Line 1,119:
   border-radius: 10px;
   border-radius: 10px;
   border: 1px solid var(--ooo-border);
   border: 1px solid var(--ooo-border);
 
   background: rgba(245,196,0,0.04); /* Same background as item buttons */
   background: rgba(245,196,0,0.04);
 
   font-weight: 700;
   font-weight: 700;
   cursor: pointer;
   cursor: pointer;
   transition: 0.15s ease;
   transition: 0.15s ease;
}
}


/* Hover effect matching item button style */
.ooo-card .tabber__tab:hover {
.ooo-card .tabber__tab:hover {
   border-color: rgba(245,196,0,0.55);
   border-color: rgba(245,196,0,0.55);
   background: rgba(245,196,0,0.07);
   background: rgba(245,196,0,0.07); /* Same hover effect as item buttons */
}
}


/* Active tab with stronger highlight */
.ooo-card .tabber__tab--active {
.ooo-card .tabber__tab--active {
   border-color: rgba(245,196,0,0.80);
   border-color: rgba(245,196,0,0.80);
   background: rgba(245,196,0,0.10);
   background: rgba(245,196,0,0.10); /* Same active background as item buttons */
}
}