Lighten background, keep Mojang status at top

This commit is contained in:
Cryptkeeper 2016-06-20 18:55:50 -05:00
parent 35e5d610aa
commit 348f437c8a
2 changed files with 22 additions and 12 deletions

@ -6,7 +6,7 @@
} }
body { body {
background: #252525; background: #2E2B2C;
color: #FFF; color: #FFF;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
font-size: 18px; font-size: 18px;
@ -28,15 +28,12 @@ a {
} }
/* Header */ /* Header */
#header, #tagline {
}
#header { #header {
background: #EBEBEB; background: #EBEBEB;
color: #3B3738; color: #3B3738;
padding: 20px 0; padding: 20px 0;
overflow: auto; overflow: auto;
margin-top: 44px;
} }
#header .slogan { #header .slogan {
@ -88,7 +85,16 @@ a {
/* Tagline */ /* Tagline */
#tagline { #tagline {
padding: 10px 0; padding: 10px 0;
text-align: center; width: 100%;
z-index: 999999; /* I'm so sorry. */
position: fixed;
left: 0;
top: 0;
}
#tagline-center {
width: 1480px;
margin: 0 auto;
} }
/* Colors used by the Mojang service's status bar */ /* Colors used by the Mojang service's status bar */

@ -18,6 +18,16 @@
<div id="push"> <div id="push">
<div id="tagline" class="status-connecting">
<div id="tagline-center">
<span id="tagline-text" class="text-uppercase">Connecting...</span>
</div>
</div>
<div id="header"> <div id="header">
<div id="column-center"> <div id="column-center">
@ -34,12 +44,6 @@
</div> </div>
<div id="tagline" class="status-connecting">
<span id="tagline-text" class="text-uppercase">Connecting...</span>
</div>
<div id="big-graph"></div> <div id="big-graph"></div>
<div id="big-graph-controls" style="display: none;"> <div id="big-graph-controls" style="display: none;">