errilaz/98se.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding tabs

Browse source
This commit is contained in:
CaptainFalcon92 2020-04-22 21:57:01 +02:00 • committed by Juan Garay
parent 196d95e367
commit 9cfa36b5c0
1 changed files with 47 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

47
style.css
View file

@ -68,6 +68,11 @@
--border-field: inset -1px -1px var(--button-highlight), --border-field: inset -1px -1px var(--button-highlight),
inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face), inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face),
inset 2px 2px var(--window-frame); inset 2px 2px var(--window-frame);
--border-tab: inset -1px 0 var(--window-frame),
inset 1px 1px var(--button-highlight),
inset -2px 0 var(--button-shadow),
inset 2px 2px var(--button-face)
} }
@font-face { @font-face {
@ -732,3 +737,45 @@ summary:focus {
width: 16px; width: 16px;
background-image: svg-load("./icon/button-right.svg"); background-image: svg-load("./icon/button-right.svg");
} }
menu.tabs {
position: relative;
margin: 0 0 -2px 0;
text-indent: 0;
list-style-type: none;
display: flex;
padding-left: 3px;
}
menu.tabs li {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: var(--border-tab);
z-index: 1;
}
menu.tabs > li.active {
padding-bottom: 2px;
margin-top: -2px;
background-color: var(--surface);
position: relative;
z-index: 8;
margin-left: -3px;
}
menu.tabs > li > a {
display: block;
color: #222;
margin: 6px;
text-decoration: none;
}
menu.tabs > li.active > a:focus {
outline: none;
}
menu.tabs > li > a:focus {
outline: 1px dotted #222;
}
menu.tabs.justified > li {
flex-grow: 1;
text-align: center;
}