diff options
Diffstat (limited to 'www/wiki/extensions/UploadWizard/resources/uploadWizard.css')
-rw-r--r-- | www/wiki/extensions/UploadWizard/resources/uploadWizard.css | 583 |
1 files changed, 583 insertions, 0 deletions
diff --git a/www/wiki/extensions/UploadWizard/resources/uploadWizard.css b/www/wiki/extensions/UploadWizard/resources/uploadWizard.css new file mode 100644 index 00000000..b24f8714 --- /dev/null +++ b/www/wiki/extensions/UploadWizard/resources/uploadWizard.css @@ -0,0 +1,583 @@ +form.mwe-upwiz-form { + display: inline; +} + +#upload-wizard { + margin-top: 18px; + min-width: 750px; /* width of tutorial.png plus padding */ + max-width: 900px; /* wild guess */ +} + +#mwe-upwiz-steps { + margin: 0; + padding: 0; + font-size: 0.96em; + line-height: 1.3; + background-color: #fff; + border: 0; +} + +#mwe-upwiz-steps li { + color: #54595d; + margin-right: -1px; + border-color: #a7d7f9; + border-style: solid; + border-width: 1px 0; +} + +#mwe-upwiz-steps li:first-child { + border-left-width: 1px; +} + +#mwe-upwiz-steps li:last-child { + border-right-width: 1px; +} + +#mwe-upwiz-steps li.head { + color: #000; +} + +.mwe-upwiz-clearing { + clear: left; + width: 100%; +} + +#mwe-upwiz-content { + padding: 1em; +} + +#mwe-upwiz-upload-ctrl-flickr-container { + display: inline-block; +} + +.mwe-upwiz-add-files-0 #mwe-upwiz-upload-ctrl-flickr-container { + display: block; +} + +.mwe-upwiz-add-files-0, +#mwe-upwiz-files { + margin-top: 3em; + margin-bottom: 1em; +} + +.mwe-upwiz-add-files-0 { + text-align: center; +} + +.mwe-upwiz-add-files-0 #mwe-upwiz-add-file { + font-size: large; +} + +#mwe-upwiz-add-file .oo-ui-buttonElement-button { + position: relative; + overflow: hidden; +} + +#mwe-upwiz-add-file .oo-ui-buttonElement-button .mwe-upwiz-file-input { + position: absolute; + margin: 0; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + z-index: 1; + cursor: pointer; + /* Push the button part of the native control out of view, as it changes the cursor */ + padding-top: 100px; +} + +.mwe-upwiz-file.filled { + position: relative; +} + +.mwe-upwiz-file.odd .mwe-upwiz-visible-file { + background: #f8f9fa; +} + +.mwe-upwiz-file-indicator, +.mwe-upwiz-count { + float: right; + margin-left: 0.5em; + padding: 0.5em; +} + +.mwe-upwiz-visible-file .mwe-upwiz-file-indicator { + visibility: hidden; +} + +.mwe-upwiz-visible-file { + display: none; + position: relative; + z-index: 2; + width: 100%; /* of containing mwe-upwiz-file */ + overflow: hidden; +} + +.mwe-upwiz-file:hover .mwe-upwiz-visible-file { + background: #e0f0ff !important; /* stylelint-disable-line declaration-no-important */ +} + +#mwe-upwiz-files { + margin-right: 8em; + margin-left: 8em; +} + +.mwe-upwiz-file.filled .mwe-upwiz-visible-file { + display: block; +} + +.mwe-upwiz-visible-file-filename { + padding: 0.5em; + margin-right: 40px; + overflow: hidden; +} + +#mwe-upwiz-filelist { + /* We rely on the margin collapsing with that on #mwe-upwiz-files */ + margin-top: 3em; +} + +.mwe-upwiz-filled-filelist { + border: 1px solid #c8ccd1; +} + +.mwe-upwiz-file-status { + display: none; + color: #72777d; +} + +.mwe-upwiz-file-status-line ul { + margin-top: 0; + margin-bottom: 0; +} + +.mwe-upwiz-file-preview { + float: left; + height: 100px; + width: 100px; + padding: 0.5em; + border: 1px solid #eaecf0; + margin-right: 1em; + text-align: center; + /* @embed */ + background: url( images/32px-Blank-document.svg.png ) no-repeat center center; +} + +.mwe-upwiz-file-texts { + /* This also create a new block formatting context, resulting in the the whole block + displaying next to image thumbnail, rather than wrapping the lines of text around it */ + overflow: hidden; +} + +.mwe-upwiz-file-preview-broken { + /* @embed */ + background: url( images/32px-Blank-document-broken.svg.png ) no-repeat center center !important; /* stylelint-disable-line declaration-no-important */ +} + +.mwe-upwiz-add-files-n { + float: left; +} + +#mwe-upwiz-add-file-container.mwe-upwiz-add-files-n, +.mwe-upwiz-progress-bar-etr { + width: 300px; +} + +.mwe-upwiz-patent-rights .oo-ui-panelLayout .oo-ui-panelLayout:not( :last-child ) { + box-shadow: 0 1em 1px -1em #bbb; +} + +.mwe-upwiz-patent-rights-filelist { + display: block; + text-align: center; + box-shadow: 0 0 1px 0 #bbb; +} + +.mwe-upwiz-patent-weapon-policy { + margin-top: 1em; + padding: 0 1em 0 calc( 32px + 2em ); + border: 1px solid #c8ccd1; + white-space: pre-wrap; + /* @embed */ + background: #f2f4f7 url( images/no-weapons.svg ) no-repeat 1em 1em; + background-size: 32px 32px; +} + +/* Flickr Interface CSS*/ + +#mwe-upwiz-upload-ctr-divide { + display: block; + font-size: 1.3em; +} + +#mwe-upwiz-flickr-input { + display: inline-block; + position: relative; + font-size: 1.2em; + width: 250px; + padding: 4px; +} + +#mwe-upwiz-upload-add-flickr-container { + text-align: center; +} + +#mwe-upwiz-flickr-select-list-container { + margin: 0 auto; + display: none; + text-align: center; +} + +#mwe-upwiz-flickr-select-list { + clear: both; + overflow: hidden; + margin-bottom: 1em; +} + +#mwe-upwiz-flickr-select-list .oo-ui-checkboxMultioptionWidget { + margin: 6px; + padding: 1px; + float: left; + display: block; +} + +#mwe-upwiz-flickr-select-list img { + width: 75px; + height: 75px; +} + +#mwe-upwiz-flickr-disclaimer { + background-color: #eaf3ff; + font-size: 92%; + margin: 1em 0; + padding: 0.5em; +} + +.filled + .filled { + border-top: 1px solid #c8ccd1; +} + +#mwe-upwiz-upload-ctrls { + margin-top: 1em; +} + +#mwe-upwiz-stepdiv-file .mwe-upwiz-buttons .mwe-upwiz-file-endchoice { + display: none; +} + +.mwe-upwiz-file-indicator { + height: 40px; + width: 40px; +} + +#mwe-upwiz-flickr-select-list img, +.mwe-upwiz-status-progress { + /* @embed */ + background: url( images/24px-spinner-0645ad.gif ) no-repeat center center; +} + +.mwe-upwiz-file.odd .mwe-upwiz-status-progress { + /* @embed */ + background: url( images/24px-spinner-0645ad-f5f5f5.gif ) no-repeat center center; +} + +.mwe-upwiz-file:hover .mwe-upwiz-status-progress { + /* @embed */ + background: url( images/24px-spinner-0645ad-e0f0ff.gif ) no-repeat center center; +} + +.mwe-upwiz-status-stashed, +.mwe-upwiz-status-uploaded { + /* @embed */ + background: url( images/32px-check.png ) no-repeat center center; +} + +.mwe-upwiz-license-icon { + height: 18px; + margin-left: 6px; + padding: 9px; + width: 18px; +} + +.mwe-upwiz-cc-zero-icon { + /* @embed */ + background: url( images/18px-Cc-zero.svg.png ) no-repeat center center; +} + +.mwe-upwiz-cc-sa-icon { + /* @embed */ + background: url( images/18px-Share_Alike.svg.png ) no-repeat center center; +} + +.mwe-upwiz-cc-by-icon { + /* @embed */ + background: url( images/18px-Cc-by_new_white.svg.png ) no-repeat center center; +} + +.mwe-upwiz-status-error { + /* @embed */ + background: url( images/32px-alert.png ) no-repeat center center; + font-weight: bold; + color: #d33; +} + +.mwe-upwiz-progress { + margin-top: 15px; +} + +.mwe-upwiz-progress-bar-etr { + float: left; +} + +.mwe-upwiz-etr { + text-align: center; +} + +.mwe-upwiz-thumbnail { + background-color: #fff; + border: 1px solid #c8ccd1; + border-radius: 2px; + text-align: center; + width: 100px; + height: 100px; + padding: 8px; +} + +.mwe-upwiz-thumbnail-side { + float: left; + margin-bottom: 1em; + margin-right: 1em; + width: 116px; /* see .mwe-upwiz-thumbnail, 100 + 8 + 8 */ +} + +.mwe-upwiz-remove-upload { + /* Positioned below the thumbnail. All the floats make it more difficult than it seems + to do this in a less hacky way. */ + position: absolute; + left: -132px; + margin-left: -1em; + top: 132px; +} + +#mwe-upwiz-deeds-thumbnails { + background-color: #f8f9fa; + border-radius: 2px; + text-align: center; + margin: 1em 0; +} + +#mwe-upwiz-deeds-thumbnails .mwe-upwiz-thumbnail { + display: inline-block; + margin: 1em; + vertical-align: middle; +} + +/* I don't like that this has to have width, to ensure that all the floats work out correctly.*/ +.mwe-upwiz-data { + float: left; + width: 46em; + padding-right: 1em; /* fix for 100% width textareas in mwe-upwiz-data */ +} + +.mwe-upwiz-stepdiv { + position: relative; +} + +#mwe-upwiz-tutorial { + text-align: center; +} + +.mwe-small-print { + font-size: x-small; +} + +.mwe-upwiz-deed.selected .mwe-upwiz-deed-name { + font-weight: bold; +} + +.mwe-more-options, +.mwe-upwiz-macro-deeds-return, +.mwe-upwiz-deed-header-link { + cursor: pointer; +} + +.mwe-upwiz-deed-license { + margin-left: 1.5em; +} + +.mwe-upwiz-info-file { + padding: 1em; +} + +.mwe-upwiz-details-fieldname { + padding-top: 0.3em; +} + +.mwe-title { + font-family: sans-serif; + font-size: small; + width: 100%; +} + +.mwe-upwiz-details-fieldname-input { + margin-bottom: 1em; +} + +.mwe-upwiz-thirdparty-license { + margin-top: 8px; +} + +.mwe-upwiz-deed-form-internal { + padding: 0.5em 0 1em 2em; +} + +label.mwe-upwiz-copyright-info { + display: inline-block; + padding-left: 3px; + text-indent: 0; + padding-top: 2px; + width: 93%; +} + +.mwe-upwiz-custom-deed { + margin-top: 5px; +} + +.mwe-upwiz-buttons { + margin-top: 1em; + text-align: right; +} + +.mwe-upwiz-button-previous { + float: left; +} + +a.mwe-upwiz-tooltip-link { + cursor: pointer; +} + +input[ type='radio' ].mwe-upwiz-copyright-info-radio { + vertical-align: top; +} + +.mwe-upwiz-details-more-options, +.mwe-upwiz-details-copy-metadata, +.mwe-upwiz-deed-license-group-head { + padding-left: 1.5em; + cursor: pointer; + outline: 0; + display: block; +} + +.mwe-upwiz-details-more-options.mw-collapsible-toggle, +.mwe-upwiz-details-copy-metadata.mw-collapsible-toggle, +.mwe-upwiz-deed-license-group-head.mw-collapsible-toggle { + /* Override jquery.makeCollapsible styles */ + float: none; + /* Override mediawiki.icon styles */ + background-position: left center; +} + +.mwe-upwiz-deed-license-group-head { + margin-top: 10px; +} + +.mwe-upwiz-deed-license-group-body { + margin-bottom: 1em; + padding-left: 1.5em; +} + +.mwe-upwiz-license-custom { + overflow: hidden; +} + +.mwe-upwiz-license-custom .oo-ui-buttonElement { + float: right; + width: 9em; + padding-left: 1em; + margin-right: 0; +} + +.mwe-upwiz-license-custom .oo-ui-textInputWidget { + width: auto; + margin-right: 10em; +} + +.mwe-upwiz-license-custom .oo-ui-textInputWidget textarea { + font-family: monospace, monospace; +} + +.mwe-upwiz-thanks { + margin-bottom: 2em; +} + +.mwe-readonly { + background-color: #fff; + padding: 0.25em; +} + +.mwe-more-details .mw-collapsible-content { + margin-bottom: 1em; +} + +.ui-corner-top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.ui-corner-bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +.ui-corner-all { + border-radius: 2px; +} + +.mwe-upwiz-deed-license-group-subhead { + color: #72777d; + margin-top: 0; + margin-bottom: 0; +} + +.mwe-upwiz-details-texts { + padding: 0.5em; +} + +.mwe-upwiz-objref-pick-image { + font-weight: bold; +} + +.mwe-upwiz-objref-pick-image input:disabled + label { + color: #72777d; + font-weight: normal; +} + +.mwe-upwiz-objref-notice-existing-image { + font-weight: bold; +} + +.mwe-upwiz-sign { + max-width: 20em; + display: inline-block; + margin-right: 0; + vertical-align: baseline; +} + +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ''; + display: table; + border-collapse: collapse; +} + +.ui-helper-clearfix:after { + clear: both; +} + +.ui-helper-clearfix { + zoom: 1; +} |