85 lines
1.3 KiB
CSS
85 lines
1.3 KiB
CSS
.spinner{
|
|
margin-left:45%;
|
|
float: left;
|
|
}
|
|
#waiting{
|
|
margin-left: 35%;
|
|
font-weight: bold;
|
|
color: gray;
|
|
}
|
|
sm-input{
|
|
margin-left: 25%;
|
|
width: 50%;
|
|
}
|
|
sm-button{
|
|
margin-left: 38%;
|
|
width: 20%;
|
|
}
|
|
.block{
|
|
display:block;
|
|
}
|
|
#otp,#otp3{
|
|
margin-left: 20%;
|
|
margin-right: 20%;
|
|
}
|
|
.otpstyle{
|
|
color: gray;
|
|
font-weight: bold;
|
|
}
|
|
#otp2 {
|
|
margin-left: 25%;
|
|
margin-right: 25%;
|
|
}
|
|
|
|
.otpver{
|
|
margin-left: 20%;margin-right: 20%;
|
|
}
|
|
#otp1.scroll {
|
|
margin:4px, 4px;
|
|
padding:4px;
|
|
width: 800px;
|
|
height: 300px;
|
|
margin-left: 15%;
|
|
margin-right: 15%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
text-align:justify;
|
|
}
|
|
/* width */
|
|
.scroll::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
|
|
/* Track */
|
|
.scroll::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
/* Handle */
|
|
.scroll::-webkit-scrollbar-thumb {
|
|
background: #888;
|
|
}
|
|
|
|
/* Handle on hover */
|
|
.scroll::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|
|
@media screen and (max-width:900px){
|
|
sm-button{
|
|
width:fit-content;
|
|
|
|
}
|
|
sm-input{
|
|
width:100%;
|
|
margin-left: 0;
|
|
}
|
|
.spinner{
|
|
margin-left:35%;
|
|
float: left;
|
|
}
|
|
#waiting{
|
|
margin-left:10%;
|
|
font-weight: bold;
|
|
color: gray;
|
|
}
|
|
} |