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;
}
#div_wikidata_update, #div_type > div:nth-of-type(2) > div, #div_status /* div_status for en:voy only*/{
	display: flex;
}
#div_type > div:nth-of-type(2) {
	display: block;
}
.editor-fullwidth {
	width: 100%;
}
.editor-partialwidth {
	width: 55%;
}
.editor-label-col {
	width: 83px;
}
.listing-tooltip {
	border-bottom: 1px dotted;
	cursor: help;
}
#span-minor, #span-wikidata-wp, #span-wikidata-img, #span-wikidata-link {
	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;
}
#progress-dialog {
	font-size:large;
	padding-top:22px;
	text-align:center;
}
#listing-editor {
	padding: 0 1.5em 1em;
}
#listing-help {
	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;
}
#span-closed {
	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;
}
#listing-editor-sync fieldset {
    border: none;
    border-bottom: 1px dotted;
    padding: 0;
}
#listing-editor-sync fieldset > span {
	width: 48.5%;
}
@media only screen and (max-width: 640px) {
	#listing-editor-sync fieldset > span {
		width: 100%;
	}
}
#listing-editor-sync fieldset > span:first-child {
	float: left;
}
#listing-editor-sync fieldset > span:last-child, #listing-editor-sync fieldset > span:last-child > a, #listing-editor-sync fieldset .wikivoyage-update {
	float: right;
}
#listing-editor-sync .clear, #listing-editor-sync {
	display: block
}
.syncSelect {
	font-size: larger;
	font-weight: bold;
}
#listing-editor-sync .choose-row {
	display: flex;
	height: 22px;
	line-height: 22px;
}
#listing-editor-sync .choose-row div {
	text-align: center;
	width: 3.33%; /* must be specified, in case the only field has doNotUpload */
}
#listing-editor-sync .choose-row div:first-child {
	text-align: right;
	width: 45%;
	border: 1px solid black;
	border-right:none;
}
#listing-editor-sync .choose-row div:nth-of-type(2) {
	border: 1px solid black;
	border-left:none;
}
#listing-editor-sync .choose-row div:nth-of-type(4) {
	border: 1px solid black;
	border-right:none;
}
#listing-editor-sync .choose-row div:last-child {
	text-align: left;
	width: 45%;
	border:1px solid black;
	border-left:none;
}
.sync_label {
	text-align: center;
	font-weight: bold;
}

@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 */