查看“︁模板:System map/styles.css”︁的源代码

/* Blockland Wiki System map v4.2 | Vector 2022 | TemplateStyles-compatible */
/* The rail is intentionally ABSOLUTE: its intrinsic width must not expand Navbox. */
.blsm-map {display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:hidden;background:#fff;color:#202122;font-size:13px;line-height:1.4;}
.blsm-map .blsm-viewport {position:relative;display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:hidden;}
.blsm-map .blsm-scroll {position:absolute;left:0;right:0;top:0;bottom:0;display:block;box-sizing:border-box;width:100%;height:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 0 3px;}
.blsm-map .blsm-scroll:focus {outline:2px solid #36c;outline-offset:-2px;}
.blsm-map .blsm-rail {position:relative;display:flex;align-items:flex-start;box-sizing:border-box;width:max-content;min-width:100%;height:auto;min-height:145px;padding:0 22px;}
/* 76px glyph box: centre is 8px top padding + 38px = 46px from viewport top. */
.blsm-map .blsm-rail:before {content:"";position:absolute;left:18px;right:18px;top:38px;height:1px;background:#c8ccd1;}
.blsm-map .blsm-slot {position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;flex:0 0 auto;min-width:0;max-width:240px;min-height:135px;margin:0;padding:0 7px;text-align:center;}
.blsm-map .blsm-glyph {position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:76px;flex:0 0 76px;}
.blsm-map .blsm-disc {position:relative;display:block;flex:0 0 auto;box-sizing:border-box;border-radius:50%;border:1px solid #a2a9b1;background-image:none;}
/* Keep the star's restrained glow; do not alter uploaded images. */
.blsm-map .blsm-disc--star {border-color:#d7ae54;box-shadow:0 0 11px 2px rgba(238,179,71,.42);}
.blsm-map .blsm-image {position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;}
.blsm-map .blsm-image img {display:block;max-width:none;height:auto;vertical-align:middle;}
.blsm-map .blsm-slot--star .blsm-image {border-radius:50%;box-shadow:0 0 11px 2px rgba(238,179,71,.40);}
.blsm-map .blsm-name {position:relative;margin-top:0;font-size:15px;line-height:1.5;font-weight:600;white-space:normal;}
.blsm-map .blsm-name a,.blsm-map .blsm-child-name a {color:#36c;text-decoration:none;}
.blsm-map .blsm-name a:hover,.blsm-map .blsm-child-name a:hover {text-decoration:underline;}
.blsm-map .blsm-caption {font-size:12px;line-height:1.4;color:#54595d;min-height:18px;white-space:nowrap;}
.blsm-map .blsm-extra {font-size:11px;color:#72777d;white-space:nowrap;}
.blsm-map .blsm-current .blsm-name a,.blsm-map .blsm-current .blsm-child-name a {font-weight:700;}
.blsm-map .blsm-current>.blsm-name:after {content:" ·";color:#36c;}
/* Speckled belt as an independent rail position, like Stanton's Aaron Halo. */
.blsm-map .blsm-belt-band {position:relative;display:block;width:13px;height:44px;border-left:1px dotted #72777d;border-right:1px dotted #72777d;background-color:#fff;background-image:radial-gradient(circle,#54595d 0.7px,transparent 1px),radial-gradient(circle,#a2a9b1 0.7px,transparent 1px);background-size:5px 8px,7px 9px;background-position:0 0,2px 4px;}
.blsm-map .blsm-slot--belt .blsm-name {font-size:14px;}
/* Each satellite lives in the column directly below its primary's disc. */
.blsm-map .blsm-children {position:relative;box-sizing:border-box;align-self:stretch;display:flex;flex-direction:column;align-items:stretch;width:100%;margin:13px 0 0;padding:4px 0 0;}
.blsm-map .blsm-children:before {content:"";position:absolute;left:50%;top:-13px;bottom:10px;width:1px;background:#c8ccd1;}
.blsm-map .blsm-child {position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;width:calc(50% + 11px);margin-left:calc(50% - 11px);min-height:27px;gap:7px;text-align:left;white-space:nowrap;}
.blsm-map .blsm-child-glyph {position:relative;z-index:1;display:flex;flex:0 0 22px;align-items:center;justify-content:center;width:22px;height:25px;background-color:#fff;}
.blsm-map .blsm-child-art {display:inline-flex;align-items:center;justify-content:center;}
.blsm-map .blsm-child-art img {display:block;max-width:none;height:auto;vertical-align:middle;}
.blsm-map .blsm-child-disc {display:block;box-sizing:border-box;border:1px solid #c8ccd1;border-radius:50%;}
.blsm-map .blsm-child-name {font-size:13px;line-height:1.4;white-space:nowrap;}
.blsm-map .blsm-child-code {font-size:11px;line-height:1.4;color:#54595d;white-space:nowrap;}
.blsm-map .blsm-ring-band {display:block;width:20px;height:10px;border:1px dotted #72777d;background:#eaecf0;}
.blsm-map .blsm-empty {color:#72777d;}
@media(max-width:720px) {.blsm-map .blsm-scroll {padding-top:6px;} .blsm-map .blsm-rail {padding:0 12px;} .blsm-map .blsm-slot {padding:0 6px;} }
body.skin-theme-clientpref-night .blsm-map {color:#f8f9fa;background:#202122;}
body.skin-theme-clientpref-night .blsm-map .blsm-scroll,body.skin-theme-clientpref-night .blsm-map .blsm-child-glyph,body.skin-theme-clientpref-night .blsm-map .blsm-belt-band {background-color:#202122;}
body.skin-theme-clientpref-night .blsm-map .blsm-caption,body.skin-theme-clientpref-night .blsm-map .blsm-child-code {color:#c8ccd1;}
body.skin-theme-clientpref-night .blsm-map .blsm-name a,body.skin-theme-clientpref-night .blsm-map .blsm-child-name a {color:#8ab4f8;}