Update style

This commit is contained in:
Charles Gould 2017-01-11 22:46:35 -05:00
parent 622b2b79c0
commit adf5d7acf5
3 changed files with 18 additions and 19 deletions

View File

@ -9,12 +9,12 @@
</head>
<body>
<div id="usernameDiv" class="jumbotron">
<p>Choose your username<p>
<p>What is your name?<p>
<form>
<div class="form-group">
<input id="username" type="text" class="form-control" maxlength="16" placeholder="Username">
</div>
<button id="usernameButton" type="button" class="btn btn-default">Go</button>
<button id="usernameButton" type="button" class="btn btn-default">Submit</button>
</form>
</div>
<div id="appDiv" class="hidden">

View File

@ -63,22 +63,6 @@ body {
line-height: 50px;
}
.header {
font-size: 1.4em;
color: #eee;
background: #696f77;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
padding: 0 0.5em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #696f77),
color-stop(100%, #28343b));
background: -webkit-linear-gradient(top, #696f77 0%, #28343b 100%);
background: -ms-linear-gradient(top, #696f77 0%, #28343b 100%);
}
.body {
background: #ddd
}
.chat.column {
border-left: 1px solid black;
}

View File

@ -10,7 +10,7 @@
}
body {
font-family: "Lucida Sans Unicode", sans-serif;
font-family: cursive;
}
button {
@ -21,6 +21,20 @@ button:hover {
cursor: pointer;
}
/* Main area */
.header {
font-size: 1.4em;
color: white;
background: steelblue;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
padding: 0 0.5em;
}
.body {
background: linen
}
/* Chat pane */
.message-item {
@ -77,6 +91,7 @@ button:hover {
/* Waiting pane */
#waitingDiv h1 {
color: steelblue;
font-size: 28px;
text-align: center
}