worknova.manus/css/visitation.css
LAPTOP-V9RRD1TL\Michelle's Computer f8f8fcaf96 first commit
2025-07-21 21:38:17 +08:00

449 lines
7.3 KiB
CSS

body{
min-height: 100%;
height: auto;
font-size: 13px;
}
.modal-body{
padding: 10px;
background-color:#000;
}
.modal-top{
background-size: 100% auto;
width: 100%;
height: 25px;
}
.modal-center{
background-size: 100% auto;
width: 100%;
min-height: 26px;
padding: 0 50px;
padding-bottom: 30px;
}
.modal-bottom{
background-size: 100% auto;
width: 100%;
height: 26px;
}
.modal-backdrop.in{
opacity: 0.1;
}
.input-form{
width: 100%;
margin: 0 auto;
}
.input-form-next{
width: 100%;
}
.logo-box{
text-align: center;
padding: 0;
}
.logo{
width: 100%;
max-width: 200px;
}
.input-box{
margin-top: 20px;
}
.input{
padding: 6px;
width: 100%;
}
.join-input-left{
width: 100%;
padding: 6px;
}
.join-input-right{
width: 100%;
padding: 6px;
}
.input-title{
color: #fff;
}
.input-title-2 a{
color:#fff;
}
.input-ul{
margin-left: 0;
padding-left: 16px;
}
.input-submit{
padding: 6px;
width: 100%;
margin-top: 10px;
background: #e8c77a;
color: #fff;
font-weight: bold;
border: 0;
}
.input-submit-a{
display: block;
text-align: center;
}
.input-submit:hover, .input-submit:active{
background: #b68f32;
color: #fff;
text-decoration: none !important;
}
.image-preview{
width: 100%;
}
.table-box{
border: 1px solid #fff;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
}
.table-preview{
width: 100%;
color: #fff;
font-size: 12px;
}
.table-preview td{
vertical-align: top;
white-space: initial;
}
.input-sub-box{
background: #3e3c3c;
padding: 20px;
margin-top: 30px;
}
.qrcode-box{
margin: 20px 0;
text-align: center;
}
input.input:disabled, input.join-input-left:disabled, input.join-input-right:disabled{
background: #ddd;
}
.title-box{
margin-top: -30px;
}
.title{
text-align: center;
color: #fff;
font-size: 20px;
}
.description{
text-align: justify;
color: #fff;
}
.desktop-preview{
display: block;
}
.mobile-preview{
display: none;
}
.input-mobile select, .input-mobile input {
float: left;
}
.input-mobile select{
width: 30%;
height: 35px;
}
.input-mobile input{
width: 70%;
}
.language{
width: inherit;
float: right;
margin-top: 0;
}
.language a{
color: #fff;
}
.language a.active{
color: #e8c77b;
}
/* for mobile only */
@media (max-width: 1200px) and (min-width: 981px){
.forecast_box{
max-width:800px;
margin-left:-400px;
}
.autocomplete_view_title {
width: 64%;
}
}
@media (max-width: 980px) and (min-width: 768px){
.forecast_box{
max-width:600px;
margin-left:-300px;
}
.btn, .form-control, table td, table th, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
padding:10px 6px;
}
.select2-container--default .select2-selection--single{
height:auto;
padding:9.5px 6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
background-position:3px 8px ;
}
.list_item_sub, #list_item_main{
padding-left: 25px;
padding-right: 50px;
}
.list_item_remark_a{
top:9px;
}
.list_item_remove_a{
top:6px;
}
.form-horizontal .list_item_status_box{
padding-top:14px;
}
.mix_group{
height:36px
}
.mix_textbox #company, .mix_textbox #return_customer, .mix_textbox #return_company, .mix_textbox .order_ajax_item_title{
height:36px;
}
.dropdown-menu>li>a{
padding:8px 14px;
}
.panel-body{
font-size:14px;
}
.custom_dropdown .caret{
margin-top:18px;
}
.care{
margin-left:6px;
}
.custom_dropdown{
height:41px;
}
.check_domain_form .select2{
width: 110px !important;
}
.select2-container--default .select2-selection--multiple{
padding:9px 3px;
}
.mix_group{
height:42px;
}
.mix_option{
clip: rect(-1px 1200px 42px 0);
}
.mix_option .form-control{
padding-top:11px;
padding-bottom:11px;
}
.mix_textbox #company, .mix_textbox #return_customer, .mix_textbox #return_company, .mix_textbox .order_ajax_item_title{
height:42px;
}
.list_item_sub {
margin-bottom: 35px;
}
.list_item_date_span{
right:inherit;
left:5px;
top:45px;
}
}
@media only screen and (max-width:767px){
.desktop-preview{
display: none;
}
.mobile-preview{
display: block;
}
.no_padding_under .mobile_padding_10{
padding:5px 0;
}
.row_2_padding {
padding: 0;
margin-bottom: 6px;
}
.forecast_box{
width: 90%;
max-width:100%;
left:0;
margin-left: 5%;
}
.commission_rule_box .col-sm-4{
padding:0 0 0 0;
}
.btn, .form-control, table td, table th, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
padding:10px 6px;
}
.select2-container--default .select2-selection--single{
height:auto;
padding:9.5px 6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
background-position:3px 8px ;
}
#check_domain_input{
padding-right:259px;
}
.list_item_sub, #list_item_main{
padding-left: 25px;
padding-right: 50px;
}
.list_item_remark_a{
top:9px;
}
.list_item_remove_a{
top:6px;
}
.form-horizontal .list_item_status_box{
padding-top:14px;
}
.dropdown-menu>li>a{
padding:8px 14px;
}
.panel-body{
font-size:14px;
}
.header_company_box {
width: 100%;
margin-top: 8px;
}
.mix_group{
height:36px
}
.mix_textbox #company, .mix_textbox #return_customer, .mix_textbox #return_company, .mix_textbox .order_ajax_item_title{
height:36px;
}
.mobile_hide{
display:none;
}
.comment_picture img{
width:32px;
height:32px;
}
.custom_dropdown .caret{
margin-top:18px;
}
.care{
margin-left:6px;
}
.custom_dropdown{
height:41px;
}
.check_domain_form .select2{
width: 110px !important;
}
.select2-container--default .select2-selection--multiple{
padding:9px 3px;
}
.mix_group{
height:42px;
}
.mix_option{
clip: rect(-1px 1200px 42px 0);
}
.mix_option .form-control{
padding-top:11px;
padding-bottom:11px;
}
.mix_textbox #company, .mix_textbox #return_customer, .mix_textbox #return_company, .mix_textbox .order_ajax_item_title{
height:42px;
}
.list_item_sub {
margin-bottom: 35px;
}
.list_item_date_span{
right:inherit;
left:5px;
top:45px;
}
.modal-dialog{
width: 460px;
margin: 30px auto;
}
.modal-top{
height: 19px;
}
.modal-center{
min-height: 19px;
padding: 0 30px 30px;
}
.modal-bottom{
height: 19px;
}
}
@media only screen and (max-width:667px){
.modal-dialog{
width: 540px;
}
.modal-top{
height: 19px;
}
.modal-center{
min-height: 19px;
padding: 0 30px 30px;
}
.modal-bottom{
height: 19px;
}
}
@media only screen and (max-width:567px){
.modal-dialog{
width: 440px;
}
.modal-top{
height: 18px;
}
.modal-center{
min-height: 18px;
padding: 0 30px 30px;
}
.modal-bottom{
height: 18px;
}
}
@media only screen and (max-width:479px){
.modal-dialog{
width: 420px;
}
.modal-top{
height: 13px;
}
.modal-center{
min-height: 13px;
padding: 0 25px 25px;
}
.modal-bottom{
height: 13px;
}
}
@media only screen and (max-width:429px){
.modal-dialog{
width: 370px;
}
.modal-top{
height: 13px;
}
.modal-center{
min-height: 13px;
padding: 0 20px 20px;
}
.modal-bottom{
height: 13px;
}
}
@media only screen and (max-width:380px){
.modal-dialog{
width: 320px;
}
.modal-top{
height: 13px;
}
.modal-center{
min-height: 13px;
padding: 0 20px 20px;
}
.modal-bottom{
height: 13px;
}
}