nova/Chatto
1
0
Fork 0
Code Issues 7 Pull Requests Releases Wiki Activity

home background image to webp

Browse Source
This commit is contained in:
Rohan Sircar 2020-06-20 15:21:49 +05:30
parent 3822e9fb3c
commit 6b15e9c9b7
1 changed files with 45 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
src/main/resources/static/css/master.css
View File

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