MediaWiki:Gadget-ListingEditor.css

/* Responsive grid CSS from http://www.responsivegridsystem.com/calculator/ by Graham Miller (CC-SA 3.0 license) */ /* BEGIN: listing editor form */ .listing-col { display: block; float:left; margin: 1% 0 0 3%; width: 48.5%; } .listing-col:first-child { margin-left: 0; } /* Use a single column at less than 640px */ @media only screen and (max-width: 640px) { .listing-col { margin: 1% 0 0 0; width: 100%; } }

.editor-row { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; } .editor-row > div { width: 100%; padding-bottom: 4px; } .editor-row > div:first-child { width: 7em; min-width: 7em; } .editor-row > div:nth-of-type(2) { display: flex; } .editor-row .input-cc, .editor-row .input-price, .editor-row .input-other { text-align: right; white-space: nowrap; padding-left: 0.4em; } .editor-row .input-cc:empty, .editor-row .input-other:empty { padding-left: 0; }	display: flex; }	display: block; } .editor-fullwidth { width: 100%; } .editor-partialwidth { width: 55%; } .editor-label-col { width: 83px; } .listing-tooltip { border-bottom: 1px dotted; cursor: help; }	margin-left: 15px; white-space: nowrap; } .listing-divider { border-width: 1px 0 0 0; border-color: #ccc; margin: 10px 0; border-style: dotted; } .vcard-edit-button a { color: #969696; } body .ui-dialog .ui-widget-header { background: #a9c8d6 !important; }	font-size:large; padding-top:22px; text-align:center; }	padding: 0 1.5em 1em; }	margin-right: 30px; } .listingeditor-add { margin-left: 0.25em; } .listing-license { width: 60%; padding-top: 0.8em; font-size: 0.8em; } .listing-editor-dialog { margin: 0 5%; } .listing-editor-dialog a:hover, .listing-editor-dialog a:focus { text-decoration: underline; }	float: right; /*	color: maroon; not used in en:voy*/ } .listing-sister { padding-bottom: 0.1em; } .listing-sister:hover { border-bottom: 1px solid #0645ad } .listing-sister-icons { padding-right: 0.2em; } /* END: listing editor form */ /* BEGIN: sync editor form */ .wikidata-update, .wikivoyage-update { display: inline-block; margin: 0 5px 0 2px; } .wikidata-update { background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/16px-Wikidata-logo.svg.png); width: 10px; height: 9px; } .wikivoyage-update { background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Wikivoyage-logo.svg/16px-Wikivoyage-logo.svg.png); width: 16px; height: 16px; } label .wikidata-update { margin-bottom: 3px; }   border: none; border-bottom: 1px dotted; padding: 0; }	width: 48.5%; } @media only screen and (max-width: 640px) { #listing-editor-sync fieldset > span { width: 100%; } }	float: left; }	float: right; }	display: block } .syncSelect { font-size: larger; font-weight: bold; }	display: flex; height: 22px; line-height: 22px; }	text-align: center; width: 3.33%; /* must be specified, in case the only field has doNotUpload */ }	text-align: right; width: 45%; border: 1px solid black; border-right:none; }	border: 1px solid black; border-left:none; }	border: 1px solid black; border-right:none; }	text-align: left; width: 45%; border:1px solid black; border-left:none; } .sync_label { text-align: center; font-weight: bold; }
 * 1) div_wikidata_update, #div_type > div:nth-of-type(2) > div, #div_status /* div_status for en:voy only*/{
 * 1) div_type > div:nth-of-type(2) {
 * 1) span-minor, #span-wikidata-wp, #span-wikidata-img, #span-wikidata-link {
 * 1) progress-dialog {
 * 1) listing-editor {
 * 1) listing-help {
 * 1) span-closed {
 * 1) listing-editor-sync fieldset {
 * 1) listing-editor-sync fieldset > span {
 * 1) listing-editor-sync fieldset > span:first-child {
 * 1) listing-editor-sync fieldset > span:last-child, #listing-editor-sync fieldset > span:last-child > a, #listing-editor-sync fieldset .wikivoyage-update {
 * 1) listing-editor-sync .clear, #listing-editor-sync {
 * 1) listing-editor-sync .choose-row {
 * 1) listing-editor-sync .choose-row div {
 * 1) listing-editor-sync .choose-row div:first-child {
 * 1) listing-editor-sync .choose-row div:nth-of-type(2) {
 * 1) listing-editor-sync .choose-row div:nth-of-type(4) {
 * 1) listing-editor-sync .choose-row div:last-child {

@media all and ( max-width: 800px ) { .listing-editor-dialog { left: 0 !important; right: 0 !important; top: 0 !important; position: fixed !important; bottom: 0 !important; width: 100% !important; height: 100% !important; margin-left: 0 !important; overflow: scroll; } } /* END: sync editor form */