Template:Navigation sidebar/styles.css: Difference between revisions
Content deleted Content added
maybe fix? color: #333; |
dark mode support |
||
Line 1: | Line 1: | ||
.tpl-navsidebar { |
.tpl-navsidebar { |
||
max-width: 22em; |
max-width: 22em; |
||
background: #fff; |
background: var( --background-color-base, #fff ); |
||
color: # |
color: var( --color-base, #202122 ); |
||
border: 1px solid #a2a9b1; |
border: 1px solid var( --border-color-base, #a2a9b1 ); |
||
float: right; |
float: right; |
||
clear: right; |
clear: right; |
||
Line 34: | Line 34: | ||
.tpl-navsidebar-title { |
.tpl-navsidebar-title { |
||
margin: 8px 16px; |
margin: 8px 16px; |
||
border-bottom: 3px solid #eaecf0; |
border-bottom: 3px solid var( --border-color-muted, #eaecf0 ); |
||
font-size: 20px; |
font-size: 20px; |
||
text-align: center; |
text-align: center; |
Latest revision as of 11:58, 26 June 2024
.tpl-navsidebar {
max-width: 22em;
background: var( --background-color-base, #fff );
color: var( --color-base, #202122 );
border: 1px solid var( --border-color-base, #a2a9b1 );
float: right;
clear: right;
margin: .5em 0 1em 1em;
}
.tpl-navsidebar-floatright {
/* @noflip */
float: right;
/* @noflip */
clear: right;
/* @noflip */
margin: .5em 0 1em 1em;
}
.tpl-navsidebar-floatleft {
/* @noflip */
float: left;
/* @noflip */
clear: left;
/* @noflip */
margin: .5em 1em 1em 0;
}
.tpl-navsidebar-floatnone {
float: none;
clear: both;
margin: .5em 0;
}
.tpl-navsidebar-topimage {
margin: 0 0 16px 0;
}
.tpl-navsidebar-title {
margin: 8px 16px;
border-bottom: 3px solid var( --border-color-muted, #eaecf0 );
font-size: 20px;
text-align: center;
}
.tpl-navsidebar-image {
margin: 0 0 8px;
}
.tpl-navsidebar-content {
margin: 0 0 16px 0;
padding: 0 8px;
}
.tpl-navsidebar-heading {
margin: 8px 0 0 0;
font-weight: bold;
}
.tpl-navsidebar-foot {
padding: 0 8px;
margin: 0;
text-align: right;
font-size: smaller;
}
@media not (min-width: 720px) {
.tpl-navsidebar {
float: none;
clear: both;
margin: .5em 0;
max-width: none;
}
}