Template:Tabs.css: Difference between revisions

From TwogPedia
← Older edit
undoAdmin (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,081 edits
No edit summary
No edit summary
 
(3 intermediate revisions by the same user 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;
background-color: #fefefe;
margin-bottom: -2px;
}
.tabs li:hover {background-color: #e1e1e1;}
/* DARKMODE */


html.skin-citizen-dark .tabs {color: #fefefe;}
.tabber__tab:hover,
html.skin-citizen-dark .tabs li {
.tabber__tab[aria-selected='true']:hover {
background-color: #131920;
    box-shadow: 0 -2px 0 #ECEBEB inset !important;
background-color: hsl(210,27%,10%);
}
}

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;
}
Retrieved from "https://staging.twogpedia.com/index.php?title=Template:Tabs.css&oldid=15517"