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