mediawiki-skins-Citizen/skinStyles/extensions/UploadWizard/ext.uploadWizard.less
alistair3149 47e1259bc3
feat: implement a more adaptive smooth shadow
* Looks more natural
* Can be customized through the surface-shadow and shadow-strength CSS var
* Light mode and dark mode have been different shadow now, it should be more visible in dark mode
* Box-shadow is a CSS var, which can be used in templates and wiki CSS
2022-04-24 15:24:09 -04:00

87 lines
1.7 KiB
Plaintext

/*
* Citizen - Upload Wizard
* https://starcitizen.tools
*/
/*
* resources/uploadWizard.css
*/
#upload-wizard {
min-width: auto;
max-width: none; // handled by .mw-body-content
}
#mwe-upwiz-tutorial img {
max-width: 100%; // don't exceed container
height: auto;
}
#mwe-upwiz-files {
margin-right: 0;
margin-left: 0;
}
.filled + .filled {
border-top-color: var( --border-color-base );
}
.mwe-upwiz-file:hover .mwe-upwiz-visible-file {
background: var( --background-color-primary--hover ) !important;
}
.mwe-upwiz-file.odd .mwe-upwiz-visible-file {
background: var( --background-color-framed );
}
#mwe-upwiz-deeds-thumbnails {
background-color: var( --background-color-framed );
}
.mwe-upwiz-thumbnail-link canvas,
.mwe-upwiz-thumbnail-link img {
box-shadow: var( --box-shadow-card );
}
.mwe-upwiz-singleLanguageInputWidget {
border-color: var( --border-color-base );
background-color: var( --background-color-framed );
}
.mwe-upwiz-copyMetadataWidget {
border-color: var( --border-color-base );
}
#mwe-upwiz-stepdiv-details .mwe-upwiz-data {
width: auto;
max-width: 100%;
}
/*
* resources/jquery.arrowSteps/jquery.arrowSteps.css
*/
.arrowSteps {
border-color: var( --border-color-base );
}
.arrowSteps li {
background-color: var( --background-color-framed );
color: var( --color-base--subtle );
}
#mwe-upwiz-steps li.head {
background-color: var( --background-color-primary--hover );
color: var( --color-primary );
}
.arrowSteps li.arrow:after {
border-left-color: var( --background-color-framed );
}
.arrowSteps li.arrow:before {
border-left-color: var( --background-color-dp-00 );
}
#mwe-upwiz-steps li.head:after {
border-left-color: var( --background-color-primary--hover );
}