119 lines
2.8 KiB
CSS
119 lines
2.8 KiB
CSS
/** Gobal SMM **/
|
|
body {
|
|
background: #f0f0f1;
|
|
}
|
|
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
|
|
color: #999999!important;
|
|
opacity: .5!important; /* Firefox */
|
|
}
|
|
|
|
:-ms-input-placeholder { /* Internet Explorer 10-11 */
|
|
color: #999999!important;
|
|
}
|
|
|
|
::-ms-input-placeholder { /* Microsoft Edge */
|
|
color: #999999!important;
|
|
}
|
|
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
|
|
border: 1px solid #8c8f94!important;
|
|
}
|
|
.tooltip > .tooltip-inner {
|
|
background-color: #fff;
|
|
color: #333;
|
|
font-weight: 300;
|
|
font-size: 14px;
|
|
border-radius: 10px;
|
|
max-width: 240px;
|
|
box-shadow: 0 .25em .5em -.1em rgb(0 0 0/10%)!important;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.tooltip .tooltip-arrow:before, .tooltip .tooltip-arrow {
|
|
display: none;
|
|
}
|
|
.bs-checkbox .th-inner {
|
|
text-overflow: unset!important;
|
|
}
|
|
.th-inner {
|
|
padding-top: 0.5em!important;
|
|
padding-bottom: 0.5em!important;
|
|
}
|
|
.bootstrap-table div:not(.page-list) > .btn-group:not(.export) > * {
|
|
height: 38px;
|
|
}
|
|
.borderless td, .borderless th {
|
|
border: none;
|
|
}
|
|
.borderless .column-title .post-btn-group{
|
|
cursor: pointer;
|
|
display: none;
|
|
}
|
|
.borderless .column-title:hover .post-btn-group{
|
|
display: block;
|
|
}
|
|
a {
|
|
color: #125e96;
|
|
}
|
|
img.fa-icon.copy {
|
|
width: 20px;
|
|
filter: invert(30%) sepia(98%) saturate(550%) hue-rotate(166deg) brightness(88%) contrast(98%);
|
|
cursor: pointer;
|
|
}
|
|
.top-40px{
|
|
top: 40px!important;
|
|
}
|
|
.form-switch .form-check-input {
|
|
background-repeat: no-repeat;
|
|
margin-top: 0;
|
|
height: 18px;
|
|
}
|
|
@media screen and (max-width: 482px) {
|
|
.wrap, .create-form-card {
|
|
margin: 0;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
/** Form Setting SMM **/
|
|
.form-post tr th {
|
|
width: 250px;
|
|
max-width: 50%;
|
|
vertical-align: top;
|
|
}
|
|
.form-post input:not[type=checkbox], .form-setting-table.table select.form-select{
|
|
height: 38px!important;
|
|
border-radius: .25em!important;
|
|
}
|
|
@media screen and (max-width: 482px){
|
|
.form-post th{
|
|
display: none;
|
|
}
|
|
td::before {
|
|
content: attr(data-title);
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
/** Form Field Input **/
|
|
.validate-success img{
|
|
filter: invert(35%) sepia(32%) saturate(6298%) hue-rotate(138deg) brightness(84%) contrast(80%);
|
|
}
|
|
.validate-error img{
|
|
filter: invert(26%) sepia(74%) saturate(2359%) hue-rotate(335deg) brightness(90%) contrast(90%);
|
|
}
|
|
span.validate-error img {
|
|
width: 14px;
|
|
margin-top: -3px;
|
|
}
|
|
.form-switch input[type=checkbox]:checked::before {
|
|
content: '';
|
|
}
|
|
/** Form Field Table **/
|
|
tbody#sortable tr {
|
|
cursor: grab;
|
|
cursor: -webkit-grab;
|
|
}
|
|
|
|
.form-select {
|
|
font-size: 1rem!important;
|
|
} |