/* Ask A Question horse photo uploader - site-branded overrides for imagesloader */ .aaq-photo-uploader { background: #f8f9fb; border: 1px solid #e3e6ef; border-radius: 6px; padding: 1.25rem 1.5rem 1.5rem; margin-bottom: 1.5rem; } .aaq-photo-uploader .aaq-photo-intro { color: #666; font-size: 0.95rem; margin-bottom: 0.5rem; } .aaq-photo-uploader .aaq-bcs-examples .aaq-bcs-thumb { max-height: 100px; width: auto; border-radius: 4px; border: 1px solid #e3e6ef; background: #fff; } .aaq-photo-uploader .aaq-bcs-examples a:hover .aaq-bcs-thumb { border-color: #394193; } #aaq-submit-status { min-height: 1.25rem; } .aaq-photo-uploader [data-type="imagesloader"] { margin-left: -0.5rem; margin-right: -0.5rem; } .aaq-photo-uploader [data-type="image"], .aaq-photo-uploader [data-type="image-add"] { margin-bottom: 0.75rem; } .aaq-photo-uploader .ratio-box { border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(31, 33, 64, 0.12); } .aaq-photo-uploader .image.border.dashed.rounded { border-color: #c5cad8 !important; background: #fff !important; border-radius: 6px !important; } .aaq-photo-uploader .main-tag { background: #1F2140 !important; left: 10% !important; top: auto !important; bottom: 8px !important; width: auto !important; font-size: 0.75rem; } /* Buttons inside the uploader tiles (Add / Edit) stay within the container. */ .aaq-photo-uploader [data-type="image-buttons"] .btn { font-size: 0.85rem; } .aaq-photo-uploader [data-type="image-buttons"] .btn-outline-success { color: #1F2140; border-color: #1F2140; background: #fff; } .aaq-photo-uploader [data-type="image-buttons"] .btn-outline-success:hover { color: #fff; background: #394193; border-color: #394193; } .aaq-photo-uploader [data-type="image-buttons"] .btn-success { background: #1F2140; border-color: #1F2140; } .aaq-photo-uploader [data-type="image-buttons"] .btn-success:hover { background: #394193; border-color: #394193; } .aaq-photo-uploader [data-type="progress"] .progress-bar.bg-success, .aaq-photo-uploader [data-type="progress"] .progress-bar.bg-success.progress-bar-striped { background-color: #1F2140 !important; } .aaq-photo-uploader [data-type="progress"] .progress-bar.bg-warning { color: #1F2140 !important; } .aaq-photo-uploader .img-loading { color: #394193 !important; } .aaq-photo-uploader #horse-photos-upload-status { min-height: 1.25rem; } /* ------------------------------------------------------------------ Popover + tooltip overrides. Bootstrap moves .popover and .tooltip to the end of , so they are NOT inside .aaq-photo-uploader and cannot be scoped to it. This stylesheet is only loaded on the enquiry page, so unscoped overrides here are safe and bring the imagesloader popover/tooltip into brand. ------------------------------------------------------------------ */ .popover .btn-success { background: #1F2140; border-color: #1F2140; color: #fff; } .popover .btn-success:hover, .popover .btn-success:focus { background: #394193; border-color: #394193; box-shadow: none; } .popover .btn-outline-success { color: #1F2140; border-color: #1F2140; background: #fff; } .popover .btn-outline-success:hover, .popover .btn-outline-success:focus { color: #fff; background: #394193; border-color: #394193; box-shadow: none; } .popover .btn-outline-danger { color: #b02a37; border-color: #b02a37; } .popover .btn-outline-danger:hover { color: #fff; background: #b02a37; } /* Green "Cover" badge on the main photo. */ .aaq-photo-uploader .main-tag.badge-success, .aaq-photo-uploader .badge-success { background-color: #1F2140 !important; } /* Tooltip theme (plugin default is green #339933). */ .tooltip-inner { color: #1F2140; } .tooltip.bs-tooltip-auto[x-placement=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before { border-top-color: #1F2140; } .tooltip.bs-tooltip-auto[x-placement=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: #1F2140; } .tooltip.bs-tooltip-auto[x-placement=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before { border-right-color: #1F2140; } .tooltip.bs-tooltip-auto[x-placement=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before { border-left-color: #1F2140; }