X-Git-Url: https://git.cyclocoop.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki%2Fmediawiki.ForeignStructuredUpload.BookletLayout.less;h=4143520801df2d6a16055d7d536ef96bb556edaa;hb=b92b92acfcefcaf17ad82332e67209a7d02c0152;hp=28c81f238050fbb064c4ecc7604bb78bbc1dd4c4;hpb=c37bf16fc0aa1481363c0c5b14ef01504ecdffc7;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/src/mediawiki/mediawiki.ForeignStructuredUpload.BookletLayout.less b/resources/src/mediawiki/mediawiki.ForeignStructuredUpload.BookletLayout.less index 28c81f2380..4143520801 100644 --- a/resources/src/mediawiki/mediawiki.ForeignStructuredUpload.BookletLayout.less +++ b/resources/src/mediawiki/mediawiki.ForeignStructuredUpload.BookletLayout.less @@ -1,144 +1,5 @@ -@import "mediawiki.mixins"; - -/* All */ - .mw-foreignStructuredUpload-bookletLayout-license { font-size: 90%; line-height: 1.4em; color: #555; } - -/* Option 2 */ - -.mw-foreignStructuredUpload-bookletLayout-withicon.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline { - background-repeat: no-repeat; - background-size: 3.5em; - min-height: 4em; - margin-bottom: 0.25em; - display: table; - vertical-align: middle; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; -} - -.mw-foreignStructuredUpload-bookletLayout-withicon.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { - /* Together with 'display: table' above, and FieldLayout styles, this aligns the text */ - /* vertically to the middle. Don't try this at home, kids. */ - display: table-row; -} - -.mw-foreignStructuredUpload-bookletLayout-ownwork { - /* @embed */ - .background-image-svg('bookletlayout/option2/ownwork.svg', 'bookletlayout/option2/ownwork.png'); - background-position: right center; - padding-right: 4.5em; -} - -.mw-foreignStructuredUpload-bookletLayout-noderiv { - /* @embed */ - .background-image-svg('bookletlayout/option2/noderiv.svg', 'bookletlayout/option2/noderiv.png'); - background-position: right center; - padding-right: 4.5em; -} - -.mw-foreignStructuredUpload-bookletLayout-useful { - /* @embed */ - .background-image-svg('bookletlayout/option2/useful.svg', 'bookletlayout/option2/useful.png'); - background-position: right center; - padding-right: 4.5em; -} - -.mw-foreignStructuredUpload-bookletLayout-ccbysa { - /* @embed */ - .background-image-svg('bookletlayout/option2/ccbysa.svg', 'bookletlayout/option2/ccbysa.png'); - background-position: right center; - padding-right: 4.5em; -} - -/* Option 3 */ - -.mw-foreignStructuredUpload-bookletLayout-question .oo-ui-radioOptionWidget { - display: inline-block; - margin-right: 2em; -} - -.mw-foreignStructuredUpload-bookletLayout-checkbox.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - /* No unreadable greys, please. This is the lightest WCAG AA compliant grey. */ - color: #707070; -} - -/* Option 4 */ - -.mw-foreignStructuredUpload-bookletLayout-guide { - position: relative; - height: 315px; -} - -.mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-good, -.mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-bad { - display: table; - width: 150px; - height: 140px; - position: absolute; -} - -.mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-good span, -.mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-bad span { - display: table-cell; - vertical-align: middle; -} - -.mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-good { - top: 0; - left: 0; -} - -.mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-bad { - bottom: 0; - right: 0; -} - -.mw-foreignStructuredUpload-bookletLayout-guide-image { - position: absolute; - width: 200px; - height: 122px; - background-color: #fff; - background-size: 200px; - background-repeat: no-repeat; - border: 1px solid #e5e5e5; -} - -.mw-foreignStructuredUpload-bookletLayout-guide-image-camera { - /* @embed */ - .background-image-svg('bookletlayout/option4/camera.svg','bookletlayout/option4/camera.png'); - top: 0; - right: 80px; -} - -.mw-foreignStructuredUpload-bookletLayout-guide-image-graphics { - /* @embed */ - .background-image-svg('bookletlayout/option4/graphics.svg','bookletlayout/option4/graphics.png'); - top: 50px; - right: 0; -} - -.mw-foreignStructuredUpload-bookletLayout-guide-image-website { - /* @embed */ - .background-image-svg('bookletlayout/option4/website-ltr.svg','bookletlayout/option4/website-ltr.png'); - left: 0; - bottom: 50px; -} - -.mw-foreignStructuredUpload-bookletLayout-guide-image-search { - /* @embed */ - .background-image-svg('bookletlayout/option4/search-ltr.svg','bookletlayout/option4/search-ltr.png'); - left: 80px; - bottom: 0; -} - -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.mw-foreignStructuredUpload-bookletLayout-guide-checkbox { - /* We're really tight on vertical space. */ - margin-bottom: 0; -}