模板:System map/styles.css

/* Template:System map/styles.css · Blockland Wiki · Vector 2022
   v4.1: TemplateStyles-safe CSS; orbital rail, vertical moon hierarchy, light borderless discs.
   No global Common.css or Navbar overrides. */
.blsm-map {color:#202122;background:#fff;font-size:12px;line-height:1.4;}
.blsm-map .blsm-scroll {max-width:100%;overflow-x:auto;overflow-y:hidden;padding:12px 8px 8px;outline-offset:-2px;}
.blsm-map .blsm-scroll:focus {outline:2px solid #36c;}
.blsm-map .blsm-rail {position:relative;display:flex;align-items:stretch;width:max-content;min-width:100%;gap:0;padding:0 4px 8px;}
.blsm-map .blsm-rail:before {content:"";position:absolute;left:15px;right:15px;top:78px;height:1px;background:#c8ccd1;}
.blsm-map .blsm-slot {box-sizing:border-box;display:flex;flex-direction:column;align-items:center;flex:0 0 auto;position:relative;min-height:156px;text-align:center;padding:0 7px;z-index:1;}
.blsm-map .blsm-designation {height:19px;font-size:10px;color:#72777d;letter-spacing:.02em;line-height:17px;}
.blsm-map .blsm-glyph {width:100%;height:90px;display:flex;align-items:center;justify-content:center;position:relative;}
.blsm-map .blsm-disc {box-sizing:border-box;flex:0 0 auto;border-radius:50%;border:1px solid #72777d55;position:relative;z-index:1;background-image:none!important;box-shadow:none!important;filter:none!important;}
.blsm-map .blsm-disc--star {border-color:#c5a44c;background-image:none!important;box-shadow:none!important;}
.blsm-map .blsm-disc--gas, .blsm-map .blsm-disc--gas-blue, .blsm-map .blsm-disc--gas-purple, .blsm-map .blsm-disc--gas-orange {background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.10) 0,rgba(255,255,255,.10) 3px,rgba(25,30,38,.07) 4px,rgba(25,30,38,.07) 7px)!important;}
.blsm-map .blsm-image {display:inline-flex;align-items:center;justify-content:center;max-width:100%;z-index:1;filter:none!important;}
.blsm-map .blsm-image img {display:block;height:auto;max-width:none;vertical-align:middle;filter:none!important;box-shadow:none!important;}
.blsm-map .blsm-name {font-size:13px;font-weight:600;line-height:1.4;margin-top:2px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.blsm-map .blsm-name a {color:#36c;text-decoration:none;}
.blsm-map .blsm-name a:hover {text-decoration:underline;}
.blsm-map .blsm-caption {height:20px;font:11px/18px ui-monospace,Consolas,monospace;color:#54595d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.blsm-map .blsm-caption--hidden {visibility:hidden;}
.blsm-map .blsm-current>.blsm-name,.blsm-map .blsm-current .blsm-child-name {font-weight:700;}
.blsm-map .blsm-current>.blsm-name:after {content:" ·";color:#36c;}
/* Asteroid belts are dark speckled vertical strips, not luminous rings. */
.blsm-map .blsm-belt-band {width:14px;height:67px;display:block;position:relative;z-index:1;border-left:1px dotted #72777d;border-right:1px dotted #72777d;background-color:#fff;background-image:radial-gradient(circle,#54595d 0.8px,transparent 1.25px),radial-gradient(circle,#a2a9b1 .9px,transparent 1.3px);background-size:6px 9px,8px 11px;background-position:0 0,2px 4px;box-shadow:none!important;filter:none!important;}
.blsm-map .blsm-slot--belt .blsm-name {font-size:12px;font-weight:600;white-space:normal;line-height:1.25;}
/* Vertical satellite hierarchy like Stanton system: one row per moon. */
.blsm-map .blsm-children {box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:4px auto 0;padding:4px 0 0 0;width:calc(100% - 12px);min-height:24px;position:relative;}
.blsm-map .blsm-children:before {content:"";position:absolute;left:13px;top:0;bottom:8px;width:1px;background:#c8ccd1;}
.blsm-map .blsm-child {display:flex;flex-direction:row;align-items:center;position:relative;min-height:22px;width:100%;text-align:left;gap:6px;white-space:nowrap;}
.blsm-map .blsm-child-glyph {position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:0 0 26px;height:24px;background:#fff;}
.blsm-map .blsm-child-glyph img {display:block;max-width:24px;max-height:24px;vertical-align:middle;}
.blsm-map .blsm-child-disc {border-radius:50%;display:block;border:1px solid #72777d33;box-sizing:border-box;box-shadow:none!important;background-image:none!important;}
.blsm-map .blsm-child-name {display:inline;font-size:12px;line-height:1.3;min-width:0;max-width:82px;overflow:hidden;text-overflow:ellipsis;}
.blsm-map .blsm-child-name a {color:#36c;text-decoration:none;}
.blsm-map .blsm-child-name a:hover {text-decoration:underline;}
.blsm-map .blsm-child-code {font:10px/1.4 ui-monospace,monospace;color:#72777d;flex:none;}
.blsm-map .blsm-child--ring {font-size:11px;}
.blsm-map .blsm-ring-band {display:block;width:22px;height:12px;border:1px dotted #72777d;background-color:#eaecf0;}
.blsm-map .blsm-foot {font:10px/1.6 sans-serif;color:#72777d;text-align:center;border-top:1px solid #eaecf0;padding:5px 8px;}
.blsm-map .blsm-empty {color:#72777d;}
@media(max-width:720px){.blsm-map .blsm-scroll {padding:8px 4px 6px;}.blsm-map .blsm-slot {min-height:150px;}.blsm-map .blsm-foot {text-align:left;}}
body.skin-theme-clientpref-night .blsm-map {background:#202122;color:#f8f9fa;}
body.skin-theme-clientpref-night .blsm-map .blsm-rail:before,body.skin-theme-clientpref-night .blsm-map .blsm-children:before {background:#72777d;}
body.skin-theme-clientpref-night .blsm-map .blsm-name a,body.skin-theme-clientpref-night .blsm-map .blsm-child-name a {color:#8ab4f8;}
body.skin-theme-clientpref-night .blsm-map .blsm-belt-band,body.skin-theme-clientpref-night .blsm-map .blsm-child-glyph {background-color:#202122;}
body.skin-theme-clientpref-night .blsm-map .blsm-foot {border-color:#54595d;color:#a2a9b1;}
body.skin-theme-clientpref-night .blsm-map .blsm-caption {color:#a2a9b1;}