Improve noscript styling

This commit is contained in:
James Lyne 2020-12-20 15:49:48 +00:00
parent e397aec972
commit 655d104fbe

View File

@ -40,7 +40,15 @@
padding: 0; padding: 0;
} }
#splash { noscript {
color: #cccccc;
font-size: 1rem;
font-family: sans-serif;
text-align: center;
line-height: 1.25;
}
#splash, noscript {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -119,12 +127,12 @@
<div id="splash__error" role="alert" aria-hidden="true"> <div id="splash__error" role="alert" aria-hidden="true">
Failed to load server configuration. Retrying<span id="splash__error-attempt"></span>... Failed to load server configuration. Retrying<span id="splash__error-attempt"></span>...
</div> </div>
<noscript>
<strong>Dynmap requires JavaScript to work. Please enable it to continue.</strong>
</noscript>
</div> </div>
<noscript>
<strong>LiveAtlas requires JavaScript to work.<br />Please enable it to continue.</strong>
</noscript>
<div id="mcmap" class="dynmap"></div> <div id="mcmap" class="dynmap"></div>
<script src="standalone/config.js"></script> <script src="standalone/config.js"></script>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->