cgould/lingo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update style

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
server/src/main/resources/static/client.html
View File

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

16
server/src/main/resources/static/layout.css
View File

@ -63,22 +63,6 @@ body {
line-height: 50px; 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 { .chat.column {
border-left: 1px solid black; border-left: 1px solid black;
} }

17
server/src/main/resources/static/style.css
View File

@ -10,7 +10,7 @@
} }
body { body {
font-family: "Lucida Sans Unicode", sans-serif; font-family: cursive;
} }
button { button {
@ -21,6 +21,20 @@ button:hover {
cursor: pointer; 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 */ /* Chat pane */
.message-item { .message-item {
@ -77,6 +91,7 @@ button:hover {
/* Waiting pane */ /* Waiting pane */
#waitingDiv h1 { #waitingDiv h1 {
color: steelblue;
font-size: 28px; font-size: 28px;
text-align: center text-align: center
} }