Module:Portal/styles.css: Difference between revisions
Appearance
m 1 revision imported |
m 1 revision imported |
||
(One intermediate revision by one other user not shown) | |||
Line 49: | Line 49: | ||
margin: 0.5em 0 0.5em 1em | margin: 0.5em 0 0.5em 1em | ||
} | } | ||
} | |||
/* forced night mode */ | |||
html.skin-theme-clientpref-night .portalbox { | |||
background: transparent; | |||
} | |||
@media (prefers-color-scheme: dark) { | |||
/* automatic mode */ | |||
html.skin-theme-clientpref-os .pane{ | |||
background: transparent; | |||
} | |||
} | } |
Latest revision as of 15:51, 7 June 2024
/* {{pp-template}} */
.portalbox {
padding: 0; /* Timeless adds padding */
margin: 0.5em 0;
display: table;
box-sizing: border-box;
max-width: 175px;
list-style: none;
}
.portalborder {
border: solid #aaa 1px;
padding: 0.1em;
background: #f9f9f9;
}
.portalbox-entry {
display: table-row;
font-size: 85%;
line-height: 110%;
height: 1.9em; /* sets min height */
font-style: italic;
font-weight: bold;
}
.portalbox-image {
display: table-cell;
padding: 0.2em;
vertical-align: middle;
text-align: center;
}
.portalbox-link {
display: table-cell;
padding: 0.2em 0.2em 0.2em 0.3em;
vertical-align: middle;
}
@media (min-width: 720px) {
.portalleft {
clear: left;
float: left;
margin: 0.5em 1em 0.5em 0
}
.portalright {
clear: right;
float: right;
margin: 0.5em 0 0.5em 1em
}
}
/* forced night mode */
html.skin-theme-clientpref-night .portalbox {
background: transparent;
}
@media (prefers-color-scheme: dark) {
/* automatic mode */
html.skin-theme-clientpref-os .pane{
background: transparent;
}
}