90 lines
1.2 KiB
CSS
Executable File
90 lines
1.2 KiB
CSS
Executable File
* {
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
html, body {
|
|
padding:0;
|
|
margin:0;
|
|
height:100%;
|
|
width:100%;
|
|
color:#dedede;
|
|
background-color: #849091;
|
|
font-family: 'Helvetica Neue', Helvetica, sans-serif;
|
|
}
|
|
|
|
header {
|
|
width:100%;
|
|
position:absolute;
|
|
text-align:center;
|
|
bottom:20px;
|
|
}
|
|
|
|
header a, header a:visited {
|
|
font-size:18px;
|
|
color:#dedede;
|
|
text-decoration:none;
|
|
}
|
|
|
|
header a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
section {
|
|
height:70%;
|
|
background-color:#2B2B2A;
|
|
}
|
|
|
|
section input {
|
|
display:block;
|
|
height:52px;
|
|
width:800px;
|
|
margin:10px auto;
|
|
outline:none;
|
|
background-color:transparent;
|
|
border:none;
|
|
border-bottom:1px solid #2B2B2A;
|
|
padding:0;
|
|
font-size:42px;
|
|
color:#eee;
|
|
}
|
|
|
|
#messages {
|
|
background-color:#232323;
|
|
padding:10px;
|
|
height:100%;
|
|
width:800px;
|
|
margin:0 auto;
|
|
overflow-y:auto;
|
|
}
|
|
|
|
#messages p {
|
|
margin:5px 0;
|
|
padding:0;
|
|
}
|
|
|
|
.info {
|
|
margin:5px 0;
|
|
font-style:italic;
|
|
}
|
|
|
|
.message-container {
|
|
margin:5px 0;
|
|
color:#fff;
|
|
}
|
|
|
|
.message-container .username {
|
|
display:inline-block;
|
|
margin-right:5px;
|
|
font-weight:bold;
|
|
color:#849091;
|
|
}
|
|
|
|
.me, .username.me {
|
|
font-weight:bold;
|
|
color:cyan;
|
|
}
|
|
|
|
.message-container .username.me {
|
|
display:inline-block;
|
|
margin-right:5px;
|
|
} |