1 @import "mediawiki.mixins";
5 .mw-foreignStructuredUpload-bookletLayout-license {
13 .mw-foreignStructuredUpload-bookletLayout-withicon.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
14 background-repeat: no-repeat;
15 background-size: 3.5em;
17 margin-bottom: 0.25em;
19 vertical-align: middle;
20 -webkit-box-sizing: border-box;
21 -moz-box-sizing: border-box;
22 box-sizing: border-box;
26 .mw-foreignStructuredUpload-bookletLayout-withicon.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
27 /* Together with 'display: table' above, and FieldLayout styles, this aligns the text */
28 /* vertically to the middle. Don't try this at home, kids. */
32 .mw-foreignStructuredUpload-bookletLayout-ownwork {
34 .background-image-svg('bookletlayout/option2/ownwork.svg', 'bookletlayout/option2/ownwork.png');
35 background-position: right center;
39 .mw-foreignStructuredUpload-bookletLayout-noderiv {
41 .background-image-svg('bookletlayout/option2/noderiv.svg', 'bookletlayout/option2/noderiv.png');
42 background-position: right center;
46 .mw-foreignStructuredUpload-bookletLayout-useful {
48 .background-image-svg('bookletlayout/option2/useful.svg', 'bookletlayout/option2/useful.png');
49 background-position: right center;
53 .mw-foreignStructuredUpload-bookletLayout-ccbysa {
55 .background-image-svg('bookletlayout/option2/ccbysa.svg', 'bookletlayout/option2/ccbysa.png');
56 background-position: right center;
62 .mw-foreignStructuredUpload-bookletLayout-question .oo-ui-radioOptionWidget {
63 display: inline-block;
67 .mw-foreignStructuredUpload-bookletLayout-checkbox.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
68 /* No unreadable greys, please. This is the lightest WCAG AA compliant grey. */
74 .mw-foreignStructuredUpload-bookletLayout-guide {
79 .mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-good,
80 .mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-bad {
87 .mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-good span,
88 .mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-bad span {
90 vertical-align: middle;
93 .mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-good {
98 .mw-foreignStructuredUpload-bookletLayout-guide-text-wrapper-bad {
103 .mw-foreignStructuredUpload-bookletLayout-guide-image {
107 background-color: #fff;
108 background-size: 200px;
109 background-repeat: no-repeat;
110 border: 1px solid #e5e5e5;
113 .mw-foreignStructuredUpload-bookletLayout-guide-image-camera {
115 .background-image-svg('bookletlayout/option4/camera.svg','bookletlayout/option4/camera.png');
120 .mw-foreignStructuredUpload-bookletLayout-guide-image-graphics {
122 .background-image-svg('bookletlayout/option4/graphics.svg','bookletlayout/option4/graphics.png');
127 .mw-foreignStructuredUpload-bookletLayout-guide-image-website {
129 .background-image-svg('bookletlayout/option4/website-ltr.svg','bookletlayout/option4/website-ltr.png');
134 .mw-foreignStructuredUpload-bookletLayout-guide-image-search {
136 .background-image-svg('bookletlayout/option4/search-ltr.svg','bookletlayout/option4/search-ltr.png');
141 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.mw-foreignStructuredUpload-bookletLayout-guide-checkbox {
142 /* We're really tight on vertical space. */