/* Small additions to the original look for the archive. Everything else comes from Bootstrap 3.1.1 and the
   original mcwm-original.css. Keep this file short. */

/* "Archive" label next to the brand, so the site is never mistaken for the original. */
.archive-label { font-size: 9px; vertical-align: middle; background: #5b8f3c; }


/* Headings inside the original recent boxes were plain h6 elements. */

/* The one footer line that says this is an unofficial archive: small and quiet, still readable (about 4.5:1). */
.footer-notice { color: #6b6b6b; }

/* A world's saved preview picture shown where the original showed its live map. */
#world_map.world_preview { background: #1a1a1a; text-align: center; overflow: hidden; height: auto; min-height: 300px; }
#world_map.world_preview img { max-width: 100%; height: auto; display: inline-block; }
#world_map.world_preview .no-preview { color: #ccc; padding: 130px 10px; font-size: 11pt; }
@media (min-width: 768px) { #world_map.world_preview { min-height: 513px; } #world_map.world_preview .no-preview { padding: 230px 10px; } }

/* Marks things the archive could not save. */
.not-preserved { color: #8a6d3b; font-style: italic; }

/* ---- World pages, lists, user and search pages (worlds helper) ---- */
/* Card thumbnails: the original's were all the same size; ours keep one 4:3 shape so rows of cards line up. */
.worldwrapper .img-responsive { aspect-ratio: 4 / 3; object-fit: cover; background: #1a1a1a; }
/* The saved map picture where the original showed its live map (#world_map keeps the original box). */
#world_map { background: #1a1a1a; text-align: center; overflow: hidden; }
#world_map img { max-width: 100%; max-height: 100%; height: auto; display: inline-block; }
#world_map .map-note { color: #ccc; padding-top: 130px; font-size: 11pt; }
@media (min-width: 768px) { #world_map .map-note { padding-top: 230px; } }
/* One short note where the archive lacks something the original had. */
.archive-note, .download-note { font-size: 9pt; color: #8a6d3b; margin: 0 0 4px; }
.download-note { clear: right; text-align: right; }
/* Read-only: the original's comment buttons are shown but do nothing. */
.panel-comment-group a[aria-disabled], #download_links a[aria-disabled] { cursor: default; opacity: .65; }
.panel-comment-group > .read-only-note { font-size: 9pt; color: #6b6b6b; margin-left: 8px; }
/* Phones: the label widens the logo and squeezes the opened menu; the green read-only bar still says "archive". */
@media (max-width: 767px) { .archive-label { display: none; } }