MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 1,113: Line 1,113:


/* =========================================================
/* =========================================================
   OOO BUILDING TABS - Styled Like Item Buttons
   OOO BUILDING TABS
   ========================================================= */
   ========================================================= */


.tabber__tabs {
.tabber__tabs{
   display:flex;
   display:flex;
   gap:8px;
   gap:8px;
Line 1,122: Line 1,122:
}
}


/* Base tab */
/* Tab container */
.tabber__tabs .tabber__tab {
.tabber__tab{
   border:1px solid var(--ooo-border);
   border:1px solid var(--ooo-border);
   background:rgba(245,196,0,0.04);
   background:rgba(245,196,0,0.04);
  font-weight:700;
   transition:all .15s ease;
   transition:all .15s ease;
}
}


/* Anchor inside tab (this is what TabberNeue actually styles) */
/* Actual clickable tab */
.tabber__tabs .tabber__tab > a {
.tabber__tab > a{
   display:block;
   display:block;
   padding:8px 14px;
   padding:8px 14px;
  color:inherit !important;
  text-decoration:none !important;
}


/* Remove wiki link colors */
  font-weight:700;
.tabber__tabs .tabber__tab > a:visited,
   color:var(--color-base) !important;
.tabber__tabs .tabber__tab > a:hover,
.tabber__tabs .tabber__tab > a:active {
   color:inherit !important;
   text-decoration:none !important;
   text-decoration:none !important;
}
}


/* Hover */
/* Hover */
.tabber__tabs .tabber__tab:hover {
.tabber__tab:hover{
  border:2px solid rgba(245,196,0,0.75);
   background:rgba(245,196,0,0.12);
   background:rgba(245,196,0,0.12);
  border:2px solid rgba(245,196,0,0.75);
}
}


.tabber__tabs .tabber__tab:hover > a {
.tabber__tab:hover > a{
   padding:7px 13px;
   padding:7px 13px;
  color:var(--color-base) !important;
}
}


/* Active */
/* Active tab */
.tabber__tabs .tabber__tab--active {
.tabber__tab.tabber__tab--active{
  border:2px solid rgba(245,196,0,0.95);
   background:rgba(245,196,0,0.18);
   background:rgba(245,196,0,0.18);
  border:2px solid rgba(245,196,0,0.95);
}
}


.tabber__tabs .tabber__tab--active > a {
.tabber__tab.tabber__tab--active > a{
   padding:7px 13px;
   padding:7px 13px;
  color:#ffffff !important;
}
/* remove wiki link colors */
.tabber__tab a:visited,
.tabber__tab a:hover,
.tabber__tab a:active{
  color:inherit !important;
}
}