Template
Pagetabs/styles.css
From Dogcraft Wiki
m (mobile wrap) |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 9: | Line 9: | ||
overflow:auto; | overflow:auto; | ||
white-space:nowrap; | white-space:nowrap; | ||
justify-content: start; | |||
width: calc(100% - 28px); | |||
min-width: calc(100% - 28px); | |||
} | |||
.pagetabsmore { | |||
display: flex; | |||
justify-content: end; | |||
position: relative; | |||
} | } | ||
Line 19: | Line 28: | ||
.pagetabs > div { | .pagetabs > div { | ||
padding-bottom:10px; | padding-bottom:10px; | ||
} | |||
.pagetabs :first-child { | |||
padding-left:8px; | |||
} | |||
.pagetabs :last-child { | |||
padding-right:8px; | |||
} | } | ||
Latest revision as of 21:08, 30 September 2023
.pagetabs {
display:flex;
justify-content:space-around;
min-width: 100%;
margin:1.5em 0 0 0;
font-weight: bold;
gap:16px;
flex-wrap:nowrap;
overflow:auto;
white-space:nowrap;
justify-content: start;
width: calc(100% - 28px);
min-width: calc(100% - 28px);
}
.pagetabsmore {
display: flex;
justify-content: end;
position: relative;
}
@media only screen and (max-width: 999px) {
.pagetabs {
justify-content:space-between;
}
}
.pagetabs > div {
padding-bottom:10px;
}
.pagetabs :first-child {
padding-left:8px;
}
.pagetabs :last-child {
padding-right:8px;
}
.pagetabs a {
padding-bottom:8px;
}
.pagetabs .mw-selflink.selflink {
border-bottom: solid 3px black;
}
.pagetabs + hr {
margin:-3px 0 1rem 0;
border-style:solid;
border-color:#d9d6d3;
}