FANDOM


(Created page with "<syntaxhighlight lang="CSS">- Tabviews, e.g. file pages or profile pages: ul.tabs { display: flex; flex-direction: row; border-bottom: none; text-shadow: 0 ...")
 
 
Line 48: Line 48:
 
background: none;
 
background: none;
 
color: inherit;
 
color: inherit;
}/**/</syntaxhighlight><ac_metadata title="tabs code"> </ac_metadata>
+
}/**/</syntaxhighlight><ac_metadata title="tabs code (if you don&#039;t have it yet)"> </ac_metadata>

Latest revision as of 00:34, August 30, 2018

/* Tabviews, e.g. file pages or profile pages */
ul.tabs {
    display: flex;
    flex-direction: row;
    border-bottom: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
 
.tabs li {
    border-bottom: 4px solid #888;
    box-shadow: 0 2px 0 #5f5f5f;
    color: #888;
    cursor: pointer;
    float: left;
    font-family: Ubuntu;
    font-size: .875rem;
    font-weight: bold;
    height: 36px;
    text-align: center;
    text-transform: uppercase;
    flex: 1 auto;
    margin: 0;
    transition: filter 0.25s ease-out
}
 
.tabs li:hover {
    filter: brightness(1.25);
}
 
.tabs li a {
    color: inherit;
    border: none !important;
}
 
.tabs li:hover a {
    text-decoration: none;
    text-shadow: none;
}
 
.tabs li.selected {
    border-bottom: 4px solid currentColor;
    box-shadow: 0 2px 0 #888888;
    color: currentColor;
}
 
.tabs li.selected a {
    cursor: pointer;
    background: none;
    color: inherit;
}/**/
Community content is available under CC-BY-SA unless otherwise noted.