User:Andyrom75/ListingEditorTest.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* BEGIN: responsive grid CSS */
/* Responsive grid CSS from http://www.responsivegridsystem.com/calculator/
   by Graham Miller (CC-SA 3.0 license) */
.listing-col {
	display: block;
	float:left;
	margin: 1% 0 0 3%;
}
.listing-col:first-child {
	margin-left: 0;
}
.listing-span_1_of_2 {
	width: 48.5%;
}
/* Use a single column at less than 640px */
@media only screen and (max-width: 640px) {
	.listing-col {
		margin: 1% 0 0 0;
	}
}
@media only screen and (max-width: 640px) {
	.listing-span_1_of_2 { width: 100%; }
}
/* END: responsive grid CSS */
/* BEGIN: listing editor form CSS */
.editor-fullwidth {
	width: 100%;
}
.editor-partialwidth {
	width: 55%;
}
.editor-label-col {
	width: 80px;
}
.listing-tooltip {
	border-bottom: 1px dotted;
	cursor: help;
}
#span-minor, #span-last-edit, #span-wikidata-wp, #span-wikidata-img, #span-wikidata-link {
	margin-left: 15px;
}
.listing-divider {
	border-width: 1px 0 0 0;
	border-color: #ccc;
	margin: 10px 0;
	border-style: dotted;
}
/* END: listing editor form CSS */
/* BEGIN: listing editor misc CSS */
@media screen {
	span.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;
	}
	.listing-sister {
		padding-bottom: 0.1em;
	}
	.listing-sister:hover {
		border-bottom: 1px solid #0645ad
	}
	.listing-sister-icons {
		padding-right: 0.2em;
	}
	.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;
	}

	fieldset .listing-span_1_of_2:nth-of-type(1) {
		float: left;
		border-right:black solid 1px;
	}
	fieldset .listing-span_1_of_2:nth-of-type(2) {
		float: right;
		width: unset;
	}
	#listing-editor-sync fieldset { margin: 0 }
	#listing-editor td > *:not(input):not(.ui-helper-hidden-accessible):not(.wikidata-update):not(.listing-charinsert):not([style*="display: none"]):not([style*="display:none"]) + *:before { content: ' |' }
	#listing-editor td > .listing-charinsert + *:before { content: ' ' }
	#listing-editor-sync .clear, #listing-editor-sync #autoSelect { display: block }
	#listing-editor-sync h4 {
		display: inline;
		color: unset;
	}
	#listing-editor-sync table td {
		text-align: center;
		width: 3.33%; /* must be specified, in case the only field has doNotUpload */
	}
	#listing-editor-sync table td:nth-of-type(2) {
		border: 1px solid black;
		border-left:none
	}
	#listing-editor-sync table td:nth-of-type(4) {
		border: 1px solid black;
		border-right:none
	}
	#listing-editor-sync table td:first-child {
		text-align: right;
		width: 45%;
		border: 1px solid black;
		border-right:none;
	}
	#listing-editor-sync table td:last-child {
		text-align: left;
		width: 45%;
		border:1px solid black;
		border-left:none;
	}
}
/* END: listing editor misc CSS */