You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
3.7 KiB
CSS
125 lines
3.7 KiB
CSS
2 months ago
|
.fl {
|
||
|
|
float:left;}
|
||
|
|
.fr {
|
||
|
|
float:right;}
|
||
|
|
|
||
|
|
.al{ text-align:left;}
|
||
|
|
.ar{ text-align:right;}
|
||
|
|
.btn{ font-weight:bold; }
|
||
|
|
.hz-table {margin:0;
|
||
|
|
}
|
||
|
|
.hz-table .table-title, .hz-table .radio, .hz-table .checkbox, .hz-table .radio-inline, .hz-table .checkbox-inline {
|
||
|
|
padding-top: 7px;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hz-table li {list-style:none; list-style-type:none;
|
||
|
|
margin: 24px -12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hz-table li:before, .hz-table li:after {
|
||
|
|
display: table;
|
||
|
|
content: " ";
|
||
|
|
}
|
||
|
|
|
||
|
|
.hz-table li:after {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hz-table li:before, .hz-table li:after {
|
||
|
|
display: table;
|
||
|
|
content: " ";
|
||
|
|
}
|
||
|
|
|
||
|
|
.hz-table li:after {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width:768px) {
|
||
|
|
.hz-table .table-title
|
||
|
|
|
||
|
|
{
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.hz-table li .table-title,.hz-table li .table-text {
|
||
|
|
position: relative;
|
||
|
|
padding-right: 12px;
|
||
|
|
padding-left: 12px; padding-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.hz-table li .table-text .input-group-table{ width:100%; position:relative;}
|
||
|
|
.hz-table li .table-text .input-group-time{ width:100%; position:relative;}
|
||
|
|
.hz-table li .table-text input[type=Text],.hz-table li .table-text select {width: 99%;
|
||
|
|
}
|
||
|
|
.input-group-table .input-group-addon{border-radius: 0!important;display: table-cell;position:absolute; right:1%;top:0px; width:36px; padding:5px 12px;}
|
||
|
|
|
||
|
|
.input-group-time .input-group-time-left { width:45%; float:left;}
|
||
|
|
.input-group-time .input-group-time-right { width:45%; float:right;}
|
||
|
|
.input-group-time .input-group-time-left .input-group-addon{border-radius: 0!important;display: table-cell;position:absolute; left:0;top:0px; width:36px; padding:5px 12px;}
|
||
|
|
.input-group-time .input-group-time-left .date-picker{ display:block; margin:0 0 0 36px!important; width:100%;}
|
||
|
|
.input-group-time .input-group-time-right .input-group-addon{border-radius: 0!important;display: table-cell;position:absolute; right:0;top:0px; width:36px; padding:5px 12px;}
|
||
|
|
.input-group-time .input-group-time-right .date-picker{ display:block; margin:0 36px 0 0 !important;width:100%;}
|
||
|
|
@media (min-width:768px) {
|
||
|
|
.container {
|
||
|
|
max-width: 744px;
|
||
|
|
}
|
||
|
|
.hz-table li .table-title {float: left;width: 30%;
|
||
|
|
}
|
||
|
|
.hz-table li .table-text{float: left;width: 70%;
|
||
|
|
}
|
||
|
|
.hz-table li .table-text input[type=Text],.hz-table li .table-text select {width: 50%;
|
||
|
|
}
|
||
|
|
.hz-table li .table-text .sign-group input[type=Text] {width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hz-table li .table-text .input-group-time{ width:50%; position:relative;}
|
||
|
|
.hz-table li .table-text .input-group-table .input-group-addon{border-radius: 0!important;display: table-cell;position:absolute; left:50%;top:0px; width:36px; padding:5px 12px;}
|
||
|
|
|
||
|
|
.hz-table li .table-text .input-group-time .input-group-time-left .date-picker{ display:block; margin:0 0 0 36px!important; width:100%;}
|
||
|
|
.hz-table li .table-text .input-group-time .input-group-time-right .date-picker{ display:block; margin:0 36px 0 0 !important;width:100%;}
|
||
|
|
}
|
||
|
|
|
||
|
|
.sign-group { float:left;
|
||
|
|
width:50%; position:relative;}
|
||
|
|
.help-block {float:right; padding-left:12px; display:inline-block;
|
||
|
|
width:50%; position:relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sign-group > [class*='icon-'] { left:auto; right:3px;
|
||
|
|
}
|
||
|
|
.sign-group input[type=Text] {width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hz-list{ width:100%;}
|
||
|
|
.hz-list .list-title, .hz-list .radio, .hz-list .checkbox, .hz-list .radio-inline, .hz-list .checkbox-inline {
|
||
|
|
padding-top: 7px;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hz-list input[type=Text],.hz-list select {width: 100%;
|
||
|
|
}
|
||
|
|
.hz-list .input-group-time{ position:relative;}
|
||
|
|
|
||
|
|
@media (min-width:768px) {
|
||
|
|
.hz-list .list-title
|
||
|
|
|
||
|
|
{
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hz-list input[type=Text],.hz-list select {width: 100%;
|
||
|
|
}
|
||
|
|
.hz-list .input-group-time{ position:relative;}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|