Template:Tabs.css: Difference between revisions

From TwogPedia
Created page with ".tabs-container {margin-bottom: 1rem;} .tabs { display: flex; gap: 0.5rem; list-style: none; margin: 0 !important; border-bottom: 2px solid; } .tabs li { padding: 0.2rem 0.3rem; background-color: #eeeeee; border: 2px solid; border-bottom: none; } .tabs .active { border-bottom: none; background-color: #fefefe; margin-bottom: -2px; } .tabs li:hover {background-color: #e1e1e1;}"
 
No edit summary
 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
.tabs-container {margin-bottom: 1rem;}
.tabber__tab[aria-selected='true'],
.tabs {
.tabber__tab[aria-selected='true']:visited,
display: flex;
.tabber__tab:hover,
    gap: 0.5rem;
.tabber__tab[aria-selected='true']:hover {
    list-style: none;
     color: #ECEBEB !important;
     margin: 0 !important;
    border-bottom: 2px solid;
}
}
.tabs li {
 
padding: 0.2rem 0.3rem;
.tabber__tab[aria-selected='true'] {
    background-color: #eeeeee;
    box-shadow: 0 -2px 0 #ECEBEB inset !important;
    border: 2px solid;
    border-bottom: none;
}
}
.tabs .active {
 
border-bottom: none;
.tabber__tab:hover,
background-color: #fefefe;
.tabber__tab[aria-selected='true']:hover {
margin-bottom: -2px;
    box-shadow: 0 -2px 0 #ECEBEB inset !important;
}
}
.tabs li:hover {background-color: #e1e1e1;}

Latest revision as of 15:53, 16 April 2026

.tabber__tab[aria-selected='true'],
.tabber__tab[aria-selected='true']:visited,
.tabber__tab:hover,
.tabber__tab[aria-selected='true']:hover {
    color: #ECEBEB !important;
}

.tabber__tab[aria-selected='true'] {
    box-shadow: 0 -2px 0 #ECEBEB inset !important;
}

.tabber__tab:hover,
.tabber__tab[aria-selected='true']:hover {
    box-shadow: 0 -2px 0 #ECEBEB inset !important;
}