94 lines
1.9 KiB
CSS
94 lines
1.9 KiB
CSS
body {
|
|
margin-top: 3em !important;
|
|
display: flex;
|
|
justify-content: center;
|
|
background-color: white;
|
|
}
|
|
|
|
span i.bi.bi-clock::before {
|
|
font-size: large;
|
|
margin-top: 10px !important;
|
|
margin-left: 5px !important;
|
|
}
|
|
|
|
[placeholder]:focus::-webkit-input-placeholder {
|
|
transition: text-indent 0.5s 0.5s ease;
|
|
text-indent: -100%;
|
|
opacity: 1;
|
|
}
|
|
|
|
input[type="text"],
|
|
textarea {
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all 0.3s ease-in-out;
|
|
-ms-transition: all 0.3s ease-in-out;
|
|
-o-transition: all 0.3s ease-in-out;
|
|
outline: none;
|
|
padding: 3px 0px 3px 3px;
|
|
margin: 5px 1px 3px 0px;
|
|
}
|
|
|
|
input[type="text"]:focus,
|
|
textarea:focus {
|
|
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
|
|
padding: 3px 0px 3px 3px;
|
|
margin: 5px 1px 3px 0px;
|
|
}
|
|
|
|
input[type="text"] {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border: none;
|
|
border-bottom: 2px solid rgb(5, 5, 5);
|
|
}
|
|
|
|
input[class="form-control"],
|
|
textarea {
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all 0.3s ease-in-out;
|
|
-ms-transition: all 0.3s ease-in-out;
|
|
-o-transition: all 0.3s ease-in-out;
|
|
outline: none;
|
|
padding: 3px 0px 3px 3px;
|
|
margin: 5px 1px 3px 0px;
|
|
}
|
|
|
|
input[class="form-control"]:focus,
|
|
textarea:focus {
|
|
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
|
|
padding: 3px 0px 3px 3px;
|
|
margin: 5px 1px 3px 0px;
|
|
}
|
|
|
|
input[class="form-control"] {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border: none;
|
|
border-bottom: 2px solid rgb(5, 5, 5);
|
|
}
|
|
|
|
span.input-group-text.bg-light.d-block {
|
|
background-color: #fff !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.input-group-append {
|
|
cursor: pointer;
|
|
}
|
|
|
|
i.fa.fa-calendar {
|
|
padding: 4px;
|
|
}
|
|
|
|
.datepicker td,
|
|
th {
|
|
text-align: center;
|
|
padding: 8px 12px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.datepicker {
|
|
top: 6em !important;
|
|
border: 1px solid black;
|
|
}
|