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.
585 lines
12 KiB
CSS
585 lines
12 KiB
CSS
/*背景*/
|
|
.track_subscription {
|
|
background: #eff3fa;
|
|
padding-top: 0px;
|
|
}
|
|
/*标题*/
|
|
.track_subscription .title {
|
|
font-size: 16px;
|
|
color: #333;
|
|
margin: 20px 0;
|
|
font-weight:bold;
|
|
}
|
|
.track_subscription .ibox-content{
|
|
border:none;
|
|
}
|
|
/*顶部按钮*/
|
|
.track_subscription .ibox-content .button-group{
|
|
height:35px;
|
|
}
|
|
.track_subscription .ibox-content .button-group li {
|
|
width: 110px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
border: 1px solid #dfdfdf;
|
|
border-radius: 3px;
|
|
float: left;
|
|
margin-right: 12px;
|
|
list-style: none;
|
|
}
|
|
.track_subscription .ibox-content .button-group li a{
|
|
color:#666;
|
|
}
|
|
.track_subscription .navbar-collapse {
|
|
padding-left:0px;
|
|
margin-top:5px;
|
|
}
|
|
.track_subscription .navbar-nav li a {
|
|
padding: 7px 20px;
|
|
font-weight: normal;
|
|
border: 1px solid #dfdfdf;
|
|
margin-right: 12px;
|
|
border-radius: 3px;
|
|
box-shadow: 2px 4px 4px -3px rgba(233,233,233,1);
|
|
background:#FFF;
|
|
}
|
|
.track_subscription .navbar-nav li a:hover {
|
|
background: #42b0d5;
|
|
color: #FFF;
|
|
border: 1px solid #42b0d5;
|
|
}
|
|
.track_subscription .table-nav li a {
|
|
border: 1px solid #42b0d5;
|
|
color: #42b0d5;
|
|
box-shadow:none;
|
|
}
|
|
/*表单*/
|
|
.track_subscription .form-horizontal .form-group .control-label {
|
|
width: 21%;
|
|
color: #666;
|
|
margin-right: 15px;
|
|
font-weight: normal;
|
|
}
|
|
.track_subscription .form-horizontal .form-group .date-label{
|
|
text-align:left;
|
|
padding-left:3%;
|
|
}
|
|
.track_subscription .form-horizontal .form-group {
|
|
width: 15%;
|
|
height: 34px;
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
margin-bottom: 8px;
|
|
float: left;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.track_subscription .form-horizontal input {
|
|
width:200px;
|
|
height:32px;
|
|
color:#999;
|
|
border: 1px solid #e2e2e2;
|
|
border-radius:3px;
|
|
padding-left:10px;
|
|
vertical-align:middle;
|
|
}
|
|
@media screen and (max-width: 1900px) {
|
|
.form-horizontal.form-screen .form-group {
|
|
height: 64px !important;
|
|
}
|
|
.form-horizontal.form-screen .form-group .control-label {
|
|
width: 50% !important;
|
|
text-align: left !important;
|
|
margin-bottom: 5px;
|
|
}
|
|
.button{
|
|
margin-top:29px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1440px){
|
|
.form-horizontal.form-screen .form-group input[type='text'] {
|
|
width: 190px !important;
|
|
}
|
|
.form-horizontal.form-screen .form-group .select {
|
|
width: 190px !important;
|
|
}
|
|
}
|
|
/*文本框提示字符颜色*/
|
|
input::-webkit-input-placeholder {
|
|
color: #999 !important;
|
|
}
|
|
|
|
input::-moz-placeholder {
|
|
color: #999 !important;
|
|
}
|
|
|
|
input:-moz-placeholder {
|
|
color: #999 !important;
|
|
}
|
|
|
|
input:-ms-input-placeholder {
|
|
color: #999 !important;
|
|
}
|
|
|
|
input[type='text']:focus {
|
|
outline: none;
|
|
border: 1px solid #42b0d5;
|
|
}
|
|
.track_subscription input[type='checkbox'] {
|
|
width: 14px;
|
|
height: 14px;
|
|
background: #FFF;
|
|
-webkit-appearance: none;
|
|
border: 1px solid #b7b7b7;
|
|
border-radius: 2px;
|
|
outline: none;
|
|
display: block;
|
|
float: left;
|
|
margin-top: 3px;
|
|
margin-right: 7px;
|
|
}
|
|
.track_subscription input[type='checkbox']:checked {
|
|
background: #42b0d5 url(../img/check.png) no-repeat center;
|
|
background-size: cover;
|
|
border: 1px solid #42b0d5;
|
|
}
|
|
/*select*/
|
|
.select {
|
|
width: 200px;
|
|
height: 31px;
|
|
padding-left: 10px;
|
|
border: 1px solid #e2e2e2;
|
|
color: #999;
|
|
border-radius: 3px;
|
|
/*隐藏默认小箭头*/
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
background: url(../img/select_arrow.jpg) no-repeat scroll right 10px center transparent;
|
|
vertical-align: middle;
|
|
}
|
|
.select:focus {
|
|
outline:none;
|
|
border: 1px solid #42b0d5 !important;
|
|
}
|
|
|
|
.select option {
|
|
background: transparent;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
}
|
|
/*文本框日期*/
|
|
input.date{
|
|
width:200px !important;
|
|
background:url(../img/date.jpg) no-repeat 10px;
|
|
padding-left:32px !important;
|
|
}
|
|
/*查询和重置*/
|
|
.query_more{
|
|
display:none;
|
|
}
|
|
.btn-more:focus {
|
|
box-shadow: none !important;
|
|
}
|
|
.btn-more{
|
|
margin-right:15px;
|
|
display:inline-block;
|
|
}
|
|
.btn-more i {
|
|
width: 10px;
|
|
height:13px;
|
|
background: url(../img/query_more.png) no-repeat;
|
|
background-size:100%;
|
|
display:block;
|
|
margin:3px 0 0 7px;
|
|
float:right;
|
|
}
|
|
.btn-more i.up {
|
|
width: 10px;
|
|
height: 13px;
|
|
background: url(../img/query_more_up.png) no-repeat;
|
|
background-size: 100%;
|
|
display: block;
|
|
margin: 3px 0 0 7px;
|
|
float: right;
|
|
}
|
|
.btn-query, .btn-reset {
|
|
padding: 5px 25px;
|
|
margin-top: 3px;
|
|
}
|
|
.btn-query {
|
|
background: #42b0d5;
|
|
border: 1px solid #42b0d5;
|
|
color: #FFF;
|
|
margin-right:15px;
|
|
}
|
|
.btn-query:hover{
|
|
color:#FFF;
|
|
}
|
|
.btn-reset {
|
|
background: #FFF;
|
|
color: #666;
|
|
padding:5px 10px;
|
|
}
|
|
/*表格*/
|
|
.stand-table{
|
|
margin-top:20px;
|
|
padding-left:15px;
|
|
}
|
|
.stand-table thead tr {
|
|
height: 45px;
|
|
background: #f5f7fa;
|
|
}
|
|
.stand-table thead tr th{
|
|
border-bottom:1px solid #ebebeb;
|
|
color:#666;
|
|
font-size:15px;
|
|
}
|
|
.stand-table thead tr th:first-child, .stand-table tbody tr td:first-child {
|
|
padding-left: 40px;
|
|
}
|
|
.stand-table tbody tr {
|
|
height: 40px;
|
|
}
|
|
.stand-table tbody tr:nth-child(even){
|
|
background:#f4f7fb;
|
|
}
|
|
.stand-table tbody tr td{
|
|
color:#777;
|
|
line-height:22px;
|
|
border-top:none;
|
|
}
|
|
.stand-table tbody tr td span{
|
|
color:#333;
|
|
display:block;
|
|
}
|
|
.stand-table tbody tr td span img{
|
|
margin-left:9px;
|
|
}
|
|
.stand-table .send {
|
|
width: 55px;
|
|
height: 20px;
|
|
background: #dff5ec;
|
|
border-radius: 15px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
color: #20ab73;
|
|
font-size: 10px;
|
|
}
|
|
.stand-table .submit {
|
|
width: 55px;
|
|
height: 20px;
|
|
background: #d7eafe;
|
|
border-radius: 15px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
color: #1182fb;
|
|
font-size: 10px;
|
|
}
|
|
.stand-table .declare {
|
|
width: 55px;
|
|
height: 20px;
|
|
background: #e5e5e5;
|
|
border-radius: 15px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
color: #666;
|
|
font-size: 10px;
|
|
}
|
|
.desc-table{
|
|
border:1px solid #ebebeb;
|
|
margin-top:-5px;
|
|
}
|
|
.desc-table thead tr th,.desc-table tbody tr td{
|
|
text-align:center;
|
|
}
|
|
.desc-table tbody tr td.release-yes,.desc-table tbody tr td.ship-yes{
|
|
color:#06ac8d;
|
|
}
|
|
.desc-table tbody tr td.release-no,.desc-table tbody tr td.ship-no{
|
|
color:#cc0000;
|
|
}
|
|
/*模态框按钮*/
|
|
.btn-cancel {
|
|
background: #FFF;
|
|
border: 1px solid #e2e2e2;
|
|
color: #666;
|
|
}
|
|
.btn-cancel:hover {
|
|
background: #a6aab8;
|
|
border: 1px solid #a6aab8;
|
|
}
|
|
.btn-deter {
|
|
background: #43b0d5;
|
|
border: 1px solid #43b0d5;
|
|
}
|
|
.btn-deter:hover {
|
|
background: #3d9dbe;
|
|
border: 1px solid #3d9dbe;
|
|
}
|
|
/*新增订阅*/
|
|
.form-add .form-group{
|
|
width:28% !important;
|
|
height:70px !important;
|
|
margin-left:5px !important;
|
|
}
|
|
.form-add .form-group .control-label {
|
|
width: 100% !important;
|
|
text-align:left !important;
|
|
padding-top:0px !important;
|
|
margin-bottom:10px;
|
|
}
|
|
.form-add .form-group input[type='text'], .form-add .form-group .select {
|
|
width: 185px;
|
|
}
|
|
.form-add .btn-add{
|
|
margin-top:35px;
|
|
float:left;
|
|
}
|
|
/*批量订阅*/
|
|
.form-batch .form-group {
|
|
width: 100% !important;
|
|
margin-left: 0px !important;
|
|
margin-bottom: 0px !important;
|
|
}
|
|
.form-batch .label {
|
|
width: 17% !important;
|
|
float:left;
|
|
background:none;
|
|
text-align:left !important;
|
|
font-size:14px;
|
|
}
|
|
.form-batch .control-label{
|
|
width:19% !important;
|
|
text-align:left !important;
|
|
padding-top:0px !important;
|
|
margin-right:0px !important;
|
|
}
|
|
|
|
.form-batch .control-label input {
|
|
margin-top: 3px !important;
|
|
}
|
|
.form-batch .btn-custom{
|
|
margin-left:3%;
|
|
}
|
|
/*提单信息*/
|
|
.form-group-bg {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
background: #ebeef5;
|
|
padding-left: 15px;
|
|
}
|
|
.form-group-bg .control-label{
|
|
margin-right:5%;
|
|
}
|
|
.form-group-bg .control-label i {
|
|
width: 3px;
|
|
height: 12px;
|
|
background: #41afd3;
|
|
margin-top:12px;
|
|
margin-right:5px;
|
|
display:block;
|
|
float:left;
|
|
}
|
|
|
|
.img {
|
|
-webkit-filter: grayscale(100%);
|
|
-moz-filter: grayscale(100%);
|
|
-ms-filter: grayscale(100%);
|
|
-o-filter: grayscale(100%);
|
|
filter: grayscale(100%);
|
|
filter: gray;
|
|
}
|
|
/*码头信息*/
|
|
.wharf_info {
|
|
width: 955px;
|
|
height: 260px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
/*background: url(../img/wharf_dott.jpg) no-repeat 70px 94px;*/
|
|
margin: 0 auto;
|
|
}
|
|
.wharf_info ul li{
|
|
width:130px;
|
|
list-style:none;
|
|
float:left;
|
|
margin-top:30px;
|
|
background:url(../img/wharf_arrow1.jpg) no-repeat 89px 27px;
|
|
}
|
|
.wharf_info ul li:last-child{
|
|
background:none;
|
|
}
|
|
.wharf_info ul li img{
|
|
-webkit-filter: grayscale(100%);
|
|
-moz-filter: grayscale(100%);
|
|
-ms-filter: grayscale(100%);
|
|
-o-filter: grayscale(100%);
|
|
filter: grayscale(100%);
|
|
filter: gray;
|
|
}
|
|
.wharf_info ul li p{
|
|
text-align:center;
|
|
margin-top:10px;
|
|
margin-left:-60px;
|
|
line-height:20px;
|
|
}
|
|
.wharf_info ul li.arrive img{
|
|
filter:unset;
|
|
}
|
|
.wharf_info ul li.arrive p {
|
|
color: #11afbf;
|
|
}
|
|
/*预警方案设置*/
|
|
.form-programme .control-label {
|
|
width: 25% !important;
|
|
margin-top:3px !important;
|
|
}
|
|
.form-programme .control-label.custom-label {
|
|
width: 16% !important;
|
|
padding-left: 0px !important;
|
|
padding-right: 0px !important;
|
|
}
|
|
.form-programme .help{
|
|
position:relative;
|
|
}
|
|
.form-programme .help p:before{
|
|
content:"";
|
|
width:4px;
|
|
height:7px;
|
|
background:url(../img/help_arrow.jpg) no-repeat;
|
|
display:block;
|
|
position:absolute;
|
|
left:-4px;
|
|
top:11px;
|
|
}
|
|
.form-programme .help p {
|
|
position: absolute;
|
|
left: 45px;
|
|
top: 0px;
|
|
padding:6px 10px;
|
|
border-radius: 3px;
|
|
background: #feedd4;
|
|
color:#f9a629;
|
|
}
|
|
/*提醒*/
|
|
.form-remind .control-label{
|
|
width:24% !important;
|
|
}
|
|
.form-remind .control-label.custom-label {
|
|
width: 16% !important;
|
|
padding-left: 0px !important;
|
|
padding-right: 0px !important;
|
|
text-align: right !important;
|
|
}
|
|
.form-remind .form-group input[type='text']{
|
|
width:50px;
|
|
height:25px;
|
|
margin-right:5px;
|
|
}
|
|
.form-remind .form-group .select{
|
|
width:95px;
|
|
height:25px;
|
|
}
|
|
/*收件箱*/
|
|
.inbox {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.inbox input[type='text'] {
|
|
width: 400px;
|
|
}
|
|
|
|
.inbox .con-8 .remember {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.inbox .con-8 .remember {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.btn-send {
|
|
width:30%;
|
|
margin-top: 15px;
|
|
float: right;
|
|
}
|
|
/*下拉框样式*/
|
|
.selectize-control.contacts .selectize-input {
|
|
width:100%;
|
|
padding: 5px 8px 2px 8px;
|
|
border: 1px solid #d0d0d0;
|
|
}
|
|
.selectize-control.contacts .selectize-input > div {
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
-webkit-font-smoothing: auto;
|
|
color: #666;
|
|
background: #eaf5f9;
|
|
padding:3px 10px;
|
|
border-radius:10px;
|
|
margin-right:3px;
|
|
margin-bottom:3px;
|
|
}
|
|
.selectize-control.contacts .selectize-input > * {
|
|
display: inline-block;
|
|
}
|
|
.selectize-control.contacts .selectize-input input{
|
|
width:25px;
|
|
border:none;
|
|
}
|
|
.selectize-control.contacts .selectize-input input:focus{
|
|
outline:none;
|
|
}
|
|
|
|
.selectize-control.contacts .selectize-input > div.active {
|
|
background: #30a1c7;
|
|
color: #FFF;
|
|
}
|
|
|
|
.selectize-control.contacts .selectize-input > div .email {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.selectize-control.contacts .selectize-input > div .name + .email {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.selectize-control.contacts .selectize-input > div .email:before {
|
|
content: '<';
|
|
}
|
|
|
|
.selectize-control.contacts .selectize-input > div .email:after {
|
|
content: '>';
|
|
}
|
|
|
|
.selectize-control.contacts .selectize-dropdown {
|
|
padding: 5px 10px;
|
|
padding-top: 10px;
|
|
background: #FFF;
|
|
box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
|
|
position:absolute;
|
|
height:80px;
|
|
overflow-x:scroll;
|
|
}
|
|
.selectize-control.contacts .selectize-dropdown .caption {
|
|
font-size: 12px;
|
|
display: block;
|
|
color: #a0a0a0;
|
|
}
|
|
.selectize-control.contacts .selectize-dropdown .selectize-dropdown-content div{
|
|
margin-bottom:7px;
|
|
clear:both;
|
|
overflow:hidden;
|
|
}
|
|
.selectize-control.contacts .selectize-dropdown .selectize-dropdown-content div .label{
|
|
margin-right:7px;
|
|
float:left;
|
|
}
|
|
.selectize-control.contacts .selectize-dropdown .selectize-dropdown-content div .caption {
|
|
float: left;
|
|
}
|
|
/*弹框*/
|
|
.modal-title{
|
|
font-size:16px;
|
|
} |