minchat_ynh/sources/style.css

 
/* CSS Document */
html {
    height: 100%;
    margin: 0;
    padding: 0; }

body {
    height: 100%;
    font: 100% arial;
    margin: 0;
    padding: 0; 
    background: #d8d8d8;}

p, span {
    margin: 0;
    padding: 0; }

form {
  margin: 10px 50px;
  padding: 0;
}

input {
    background: #FEFFF4;
    font: 110% arial; }

input[type=submit] {
    font-size: 100%;
}

a {
    color: #0000FF;
    text-decoration: none; }

a:hover { text-decoration: underline; }

#wrapper, #loginform {
    background: #d8d8d8;
    width: 100%;
    height: 100%;
     }

#loginform { padding-top: 18px; width: 50%; height: auto; padding-top: 1.5em; padding-bottom: 2.5em; }

#loginform p { margin: 5px; }

#chatbox {
  background: #FEFFF4;
  position: absolute;
  bottom: 80px;
  right: 50px;
  left: 50px;  overflow-y: scroll;
  max-height: calc(100% - 140px);
  padding: .5em;   }

#usermsg {
   width: calc(100% - 100px);
   padding: 0.5ex;
   border: 1px solid #C7C7C7; }

#submit { width: 60px; }

.error { color: #ff0000; }

#menu { padding: 12.5px 25px 12.5px 25px; }

.welcome { float: left; }

.logout { float: right; }

.tform  { display: table;      }
.tform p     { display: table-row;  }
.tform label { display: table-cell; }
.tform input { display: table-cell; }
em {color:red;}
#content{height: calc(100% - 120px); }