PHP Classes
elePHPant
Icontem

File: css/style.css

Recommend this page to a friend!
  Classes of Johnny Mast  >  PHP MySQL Websocket Chat  >  css/style.css  >  Download  
File: css/style.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP MySQL Websocket Chat
Websocket chat that stores messages in MySQL
Author: By
Last change: Added reconnecting ..
Added an error indicator for when the message is empty. The message also wont be sent if the message is empty.
Removed some dependenties that were no longer needed like the starter-template.css file. I have merged it with style.css and also the bootstap javascript is not needed.
Date: 1 year ago
Size: 917 bytes
 

 

Contents

Class file image Download
body {
    padding-top: 50px;
}

.starter-template {
    padding: 40px 15px;
    text-align: center;
}

.chat_dialog {
    width: 70%;
    height: 500px;
    border: 1px solid black;
    text-align: left;
    padding: 5px;
    float: left;
}

.chat_dialog .priv_msg {
    color: blue;
    font-style: italic;
}

.user_list {
    width: 20%;
    height: 500px !important;
    border: 1px solid black;
    text-align: left;
    padding: 5px;
    float: left;
}

.clear {
    clear: both;
}

.client_chat {
    width: 94% !important;
}

.input-group.client {
    width: 91% !important;;
}

.connection_alert {
    margin-top: 15px;
    width: 90% !important;
}

.connection_alert .error_type::after {
    content: ':';
}

.input-group-btn {
    float: left;
}

.input-group-addon.name_bit {
    font-weight: bold;
}

.client_chat.error {
    background-color: #fce4e4;
    border: 1px solid #cc0033;
    outline: none;
}