mediawiki-skins-Citizen/skinStyles/mmv.less
2019-12-26 11:22:05 +01:00

56 lines
1 KiB
Plaintext

/*
* Citizen - MultimediaViewer Styles
* https://starcitizen.tools
*/
@import '../resources/variables.less';
@import '../resources/mixins.less';
.mw-mmv-image-metadata {
border-color: @base-80;
}
.mw-mmv-stripe-button.mw-mmv-description-page-button,
.mw-mmv-stripe-button.mw-mmv-description-page-button:active,
.mw-mmv-stripe-button.mw-mmv-description-page-button:visited {
margin: 0;
padding: 18px 16px;
border-radius: 0;
font-size: @ui-menu-text;
}
@media only screen and ( max-width: 560px ) {
.mw-mmv-image-metadata-links-column {
width: auto; // Fix mobile bouncing
float: none;
}
.mw-mmv-untruncated {
.mw-mmv-image-metadata-desc-column,
.mw-mmv-image-metadata-links-column {
width: auto;
max-width: none;
}
}
}
@media ( prefers-color-scheme: dark ) {
.mw-mmv-post-image {
background-color: @dark-bg-0;
color: @dark-text-100;
}
.mw-mmv-image-metadata {
background-color: @dark-bg-10;
border-color: @dark-bg-20;
}
.mw-mmv-credit {
color: @dark-text-90;
}
.mw-mmv-image-links li {
color: @dark-text-80;
}
}