Want to contribute? Join the Discord and ask for the editor role.
Template:Navplate/styles.css: Difference between revisions
Template page
No edit summary |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 115: | Line 115: | ||
html.skin-citizen-dark .navplate__content { | html.skin-citizen-dark .navplate__content { | ||
background: #222629; | |||
border: 1px solid rgba(255,255,255,0.05); | |||
} | } | ||
Line 125: | Line 126: | ||
html.skin-citizen-dark .navplate__content-item { | html.skin-citizen-dark .navplate__content-item { | ||
border-color: rgba(255,255,255,0.05); | border-color: rgba(255,255,255,0.05); | ||
} | |||
html.skin-citizen-dark .navplate__content-item:last-child { | |||
border: none; | |||
} | } | ||
Latest revision as of 00:15, 7 May 2021
.navplate {
margin-top: 1.6rem;
clear: both;
position: relative;
}
.navplate p {
margin: 0;
}
.navplate__header {
line-height: 1.2;
}
.navplate__header-label,
.navplate__content-header,
.navplate__content-item-label {
color: #72777d;
/*letter-spacing: .75px;*/
}
.navplate__header-label {
font-size: 0.8125rem;
}
.navplate__header-title {
margin-top: 2px;
font-size: 1.2rem;
font-weight: bold;
}
.navplate__header-title a:not(:hover):not(:focus):not(:active) {
color: inherit;
}
.navplate__content {
margin: 10px -20px 0;
border-radius: 12px;
background: #f8f9fa;
font-size: 14px;
overflow: hidden;
}
.navplate__content-header {
padding: 5px 20px;
border-bottom: 1px solid rgba(0,0,0,0.02);
background-color: rgba(0,0,0,0.04);
}
.navplate__content-item {
display: grid;
border-bottom: 1px solid rgba(0,0,0,0.04);
}
.navplate__content-item-label {
padding: 10px 20px;
display: flex;
background-color: rgba(0,0,0,0.02);
}
.navplate__content-item-label a:not(:hover):not(:focus):not(:active) {
color: inherit;
}
.navplate__content-item-label-icon {
margin-right: 8px;
}
.navplate__content-item-list {
padding: 10px 14px;
}
.navplate__content-item-list a {
padding: 0px 6px;
display: inline-block;
}
.navplate .mw-collapsible-toggle {
position: absolute;
float: unset;
right: 0;
margin-top: -47px;
}
.navplate .mw-collapsible-toggle-default:before,
.navplate .mw-collapsible-toggle-default:after {
content: none;
}
.navplate .mw-collapsible-text {
position: relative;
right: 0;
padding: 4px 12px;
display: block;
border: 1px solid rgba(0,0,0,0.02);
border-radius: 12px;
color: #72777d;
background: rgba(0,0,0,0.02);
}
.navplate .mw-collapsible-text:hover {
background: rgba(0,0,0,0.03);
}
.navplate .mw-collapsible-text:active {
background: rgba(0,0,0,0.05);
}
html.skin-citizen-dark .navplate__header-label,
html.skin-citizen-dark .navplate__content-header,
html.skin-citizen-dark .navplate__content-item-label {
color: #a0a1a5;
}
html.skin-citizen-dark .navplate__content {
background: #222629;
border: 1px solid rgba(255,255,255,0.05);
}
html.skin-citizen-dark .navplate__content-header {
border-color: rgba(255,255,255,0.02);
background-color: rgba(255,255,255,0.04);
}
html.skin-citizen-dark .navplate__content-item {
border-color: rgba(255,255,255,0.05);
}
html.skin-citizen-dark .navplate__content-item:last-child {
border: none;
}
html.skin-citizen-dark .navplate__content-item-label {
background-color: rgba(255,255,255,0.02);
}
html.skin-citizen-dark .navplate .mw-collapsible-text {
border-color: rgba(255,255,255,0.04);
color: #a0a1a5;
background: rgba(255,255,255,0.04);
}
html.skin-citizen-dark .navplate .mw-collapsible-text:hover {
background: rgba(255,255,255,0.05);
}
html.skin-citizen-dark .navplate .mw-collapsible-text:active {
background: rgba(255,255,255,0.02);
}
@media only screen and (min-width: 720px) {
.navplate__content {
margin-left: 0;
margin-right: 0;
}
.navplate__content-item {
grid-template-columns: 180px auto;
}
.navplate__content-item-label {
padding-right: 10px;
}
.navplate__content-item-list {
padding-left: 6px;
}
}