A self hosted chat application with end-to-end encrypted messaging.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

126 lines
2.0 KiB

/* .myClass {
color: red;
} */
/* https://arcusiridis.com/images/background.jpg */
body {
background: #333;
color: #ffffff;
/* background-image: url('https://bluestnight.com/images/background_lg.jpg'); */
}
/* #body-container {
margin: 0 auto 0 auto;
max-width: 80%;
vertical-align: auto;
}
*/
input[type="radio"] {
/*position:fixed;*/
opacity: 0;
}
input[type=radio]+label {
font-weight: normal;
}
input[type=radio]:checked+label {
font-weight: bold;
background-color: #566069;
}
input[type=radio]:focus+label {
border: 1px dotted #000;
}
#home-section {
background-image: url('../img/home.jpg');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
min-height: 900px;
height: auto;
}
#home-section .home-inner {
padding-top: 75px;
/* padding-bottom: 10px; */
/* background: #333; */
}
/* #home-section .card-form {
opacity: 0.8;
} */
#home-section .dark-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 900px;
background: rgba(0, 0, 0, 0.7);
}
#chat-section {
/* background-image: url('../img/home.jpg'); */
background: #495561;
/* background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed; */
min-height: 500px;
}
#chat-section .chat-inner {
padding-top: 75px;
/* background: #333; */
}
#chat-section .dark-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 600px;
/* background: rgba(0, 0, 0, 0.7); */
}
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
#chatTextArea {
min-height: 300px;
}
/* .container {
width: 50%;
} */
.my-form-inputs {
width: 80%;
}
#login-card {
width: 40%;
/* margin: 0 auto; */
/* Added */
/* float: none; */
/* Added */
/* margin-bottom: 10px; */
/* Added */
}
@media only screen and (max-width: 600px) {
#login-card {
width: 90%;
}
}