User:ARR8/Gadget-ListingEditor.css

/* 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: 0em 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([style*="display: none"]):not([style*="display:none"]) + *: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 */