body { font: 14px/1.5 Tahoma, Arial, "\5b8b\4f53", sans-serif; } .circle { width: 20px; height: 20px; padding: 0 5px; border: 1px solid #f5f5f5; border-radius: 500px; } .round { border-radius: 28px; padding: 1px 5px; line-height: 1.5; color: #27ad60; background-color: #fff; border: 1px solid #27ad60; } .line { color: #27ad60; background-color: #fff; border: 1px solid #27ad60; padding: 1px 5px; } .text-lg { font-size: 18px; } .text-xl { font-size: 26px; } .text-error { color: #f50 !important; } .radio-inline,.radio-inline+.radio-inline { margin-top: 0; margin-left: 0; margin-right: 10px; } .input-xs { height: 26px; padding: 2px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-simple { border: none; } .form-control-feedback { top: 0; color: #777; } /*top*/ #top { font-family: "microsoft yahei"; background-color: #fff; color: #27ad60; padding-bottom: 10px; padding-top: 10px; border-bottom: 2px solid #27ad60; width: 100%; background-color: #fff; border-bottom: 2px solid #27ad60; } #top .title { font-size: 26px; background-color: #fff; text-align: center; position: relative; height: 30px; } #top .title .text { position: absolute; top: 0; left: 50%; margin-left: -100px; margin-top: -4px; background-color: #fff; padding: 0 10px; z-index: 10; } #top .title:after,#top .title:before { background-color: #458A55; content: ""; height: 1px; position: absolute; top: 15px; width: 50%; } #top .title:after { background-image: -webkit-gradient(linear, left top, right top, from(#458A55), to(#fff)); background-image: -webkit-linear-gradient(left, #458A55, #fff); background-image: -moz-linear-gradient(left, #458A55, #fff); background-image: -ms-linear-gradient(left, #458A55, #fff); background-image: -o-linear-gradient(left, #458A55, #fff); background-image: linear-gradient(left, #458A55, #fff); right: 0; } #top .title:before { background-image: -webkit-gradient(linear, right top, left top, from(#458A55), to(#fff)); background-image: -webkit-linear-gradient(right, #458A55, #fff); background-image: -moz-linear-gradient(right, #458A55, #fff); background-image: -ms-linear-gradient(right, #458A55, #fff); background-image: -o-linear-gradient(right, #458A55, #fff); background-image: linear-gradient(right, #458A55, #fff); left: 0; } #top .info { margin-top: 10px; margin-bottom: 0; } /*deal*/ #deal { width: 100%; background-color: #fff; padding-top: 10px; padding-bottom: 10px; } #deal .form { padding-bottom: 5px; font-family: "\5FAE\8F6F\96C5\9ED1"; } #deal .line { color: #27ad60; border-color: #27ad60; font-weight: 700; height: 36px; } #deal .line:hover,#deal .line:active { color: #F7A947 !important; border-color: #F7A947; background-color: #fff; } .list-group { margin-bottom: 5px; } .list-group-item { padding: 6px 15px; } #deal .list-group-item .pull-right { margin-top: -4px; } /*bill*/ #bill { width: 100%; padding-top: 18px; padding-bottom: 10px; min-height: 60px; background-color: #fff; position: relative; box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075), 0 2px 2px rgba(0, 0, 0, .075); border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; } #bill .title { position: relative; border-top: 2px dotted #27ad60; padding-top: 20px; } #bill .title .text { position: absolute; top: -13px; width: 120px; background: #fff; margin: 0 auto; text-align: center; font-size: 18px; color: #ffb433; } #bill .title .text.left { left: 25px; } #bill .title .text.right { right: 25px; } .nav-tabs>li { border-top: 2px solid #eee; cursor: pointer; } .nav-tabs { border: 0; } .nav-tabs>li { background: #f0f0f0; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; } .nav-tabs.nav-justified>li:last-child { border-right: none; } .nav-tabs>li>a,.nav-tabs.nav-justified>li>a { padding: 5px 8px; margin-bottom: 0; border-radius: 0; border: none; color: #666; border-radius: 0; } .nav-tabs>li.active { border-bottom-color: #fff; border-top: 2px solid #27ad60; } .nav-tabs>li>a:hover,.nav-tabs>li>a:focus,.nav-tabs>li>a:active,.nav-tabs>li.active>a { color: #27ad60 !important; font-weight: bold; } .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus { border: none; cursor: pointer; } .nav-tabs.nav-justified>li>a { white-space: nowrap; width: 100%; float: left; margin: 0; } /*replace nav-justified, due to nav-justified not useful in some device*/ .justified { display: table; width: 100%; } .justified>li { display: table-cell; float: none; } .justified>li>a { float: left; width: 100%; text-align: center; vertical-align: middle; padding: 5px 8px; white-space: nowrap; } @media ( min-width : 120px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1%; } .dl-horizontal dt { float: left; width: 110px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dt:after { content: ':' } .dl-horizontal dd { margin-left: 130px; } } #tab-header { margin-bottom: 6px; } /*ex deals*/ #ex { display: none; margin-bottom: 10px; border-bottom: 1px solid #d2d2d2; position: relative; } #ex .btn-circle { border-radius: 500px; padding: 4px 7px; background-color: #fff; border: 1px solid #ccc; color: #777; margin-right: 10px; } #ex .btn.active { border-color: #ffb433; color: #ffb433; font-size: 23px; padding: 4px 9px; } #bill-detail { position: relative; overflow-y: auto; } .table .special { background-color: #f9f9f9; } .table { margin-bottom: 10px; } .record { border: 1px solid #CCCCCC; border-radius: 2px; padding: 5px; margin-bottom: 5px; } .recorder { color: #27ad60; font-size: 15px; font-weight: bold; } .recorddate { font-size: 10px; font-weight: normal;; } .record-content { font-size: 12px; padding-left: 20px; } .dropdown-menu { width: 100%; border-radius: 0; margin-top: 0; padding-top: 1px; border-top: none; } .dropdown-menu .list-group>.list-group-item { border-radius: 0; border-left: none; border-right: none; position: relative; } .dropdown-menu .list-group>.list-group-item .right { position: absolute; top: 6px; left: 50%; } /*history*/ #history { background: url("img/line-fx.png") repeat-y; background-position: bottom center; } #history>ul { margin-left: 0; } #history>ul>li { width: 100%; margin-top: 5px; padding: 5px 10px; border: 1px solid #eee; border-radius: 4px; position: relative; background: #fff; } #history>ul>li:first-child { margin-top: 0; } #history blockquote { font-size: 100%; margin-bottom: 5px; } .text-top { position: absolute; top: 0; right: 0; padding: 2px 10px; border: 1px solid #eee; border-width: 0 0 1px 1px; border-radius: 0 0 0 4px; color: #27ad60; } .text-trans { position: absolute; top: 20px; right: 60px; background-color: #fff; border: 1px solid; padding: 3px 14px; font-size: 18px; font-family: "LiShu"; border-radius: 10px; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); border-radius: 10px; opacity: 0.7; } .text-trans.success { color: #ffb433; border-color: #ffb433; } .text-trans.error { color: #d44950; border-color: #d44950; } .text-trans.warning { color: #7f64b5; border-color: #7f64b5; } .highlight { margin: -10px -10px -5px -10px; padding: 9px 14px; background-color: #f7f7f9; border-top: 1px solid #eee; } /*"relative"*/ #relative { width: 100%; padding-top: 18px; padding-bottom: 10px; min-height: 60px; background-color: #fff; } #relative .title { position: relative; border-top: 2px dotted #27ad60; padding-top: 20px; } #relative .title .text { position: absolute; left: 25px; top: -13px; width: 120px; background: #fff; margin: 0 auto; text-align: center; font-size: 18px; color: #7f64b5; } .btn-inverse { background-color: #fff; border: 1px solid #7f64b5; color: #7f64b5; font-weight: 700; } .btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active { background-color: #7f64b5; color: #fff; } .empty { background: url("img/sad.png") no-repeat; background-color: #fff; width: 51px; height: 31px; margin: 25px auto; } /*modal*/ @media ( min-width : 120px) { .modal-dialog { margin: 18% auto; width: 80%; } } /*loading*/ .loading-container { width: 160px; height: 56px; position: absolute; display: none; top: 50%; left: 50%; margin-left: -80px; line-height: 56px; color: #fff; padding-left: 60px; font-size: 15px; font-family: "YouYuan"; background: #000 url(img/loading.gif) no-repeat 10px 50%; opacity: 0.7; z-index: 99999999; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); } .loading-container:before,.loading-container:after { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 50px; min-width: 50px; } .loading-container:before { background-color: white; opacity: 0.5; } /*switch*/ .has-switch { display: inline-block; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); position: relative; text-align: left; overflow: hidden; line-height: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; min-width: 100px; } .has-switch.switch-mini { min-width: 72px; } .has-switch.switch-small { min-width: 80px; } .has-switch.switch-large { min-width: 120px; } .has-switch.deactivate { opacity: 0.5; filter: alpha(opacity = 50); cursor: default !important; } .has-switch.deactivate label,.has-switch.deactivate span { cursor: default !important; } .has-switch>div { display: inline-block; width: 150%; position: relative; top: 0; } .has-switch>div.switch-animate { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } .has-switch>div.switch-off { left: -50%; } .has-switch>div.switch-on { left: 0%; } .has-switch input[type=checkbox] { display: none; } .has-switch span,.has-switch label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; position: relative; display: inline-block; height: 100%; padding-bottom: 4px; padding-top: 4px; font-size: 14px; line-height: 20px; float: left; } .has-switch span.switch-mini,.has-switch label.switch-mini { padding-bottom: 4px; padding-top: 4px; font-size: 10px; line-height: 9px; } .has-switch span.switch-small,.has-switch label.switch-small { padding-bottom: 3px; padding-top: 3px; font-size: 12px; line-height: 18px; } .has-switch span.switch-large,.has-switch label.switch-large { padding-bottom: 9px; padding-top: 9px; font-size: 16px; line-height: normal; } .has-switch label { text-align: center; margin-top: -1px; margin-bottom: -1px; z-index: 100; width: 38%; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled= false); z-index: 100; } .has-switch label:hover,.has-switch label:focus,.has-switch label:active,.has-switch label.active,.has-switch label.disabled,.has-switch label[disabled] { color: #ffffff; background-color: #e6e6e6; *background-color: #d9d9d9; } .has-switch label:active,.has-switch label.active { background-color: #cccccc \9; } .has-switch label i { color: #000; text-shadow: 0 1px 0 #fff; line-height: 18px; pointer-events: none; } .has-switch span { text-align: center; z-index: 1; width: 31%; } .has-switch span.switch-left { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .has-switch span.switch-right { color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff); background-image: -o-linear-gradient(top, #e6e6e6, #ffffff); background-image: linear-gradient(to bottom, #e6e6e6, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0); border-color: #ffffff #ffffff #d9d9d9; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #ffffff; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled= false); } .has-switch span.switch-right:hover,.has-switch span.switch-right:focus,.has-switch span.switch-right:active,.has-switch span.switch-right.active,.has-switch span.switch-right.disabled,.has-switch span.switch-right[disabled] { color: #333333; background-color: #ffffff; *background-color: #f2f2f2; } .has-switch span.switch-right:active,.has-switch span.switch-right.active { background-color: #e6e6e6 \9; } .has-switch span.switch-primary,.has-switch span.switch-left { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #005fcc; background-image: -moz-linear-gradient(top, #0044cc, #0088cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc)); background-image: -webkit-linear-gradient(top, #0044cc, #0088cc); background-image: -o-linear-gradient(top, #0044cc, #0088cc); background-image: linear-gradient(to bottom, #0044cc, #0088cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0); border-color: #0088cc #0088cc #005580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0088cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled= false); } .has-switch span.switch-primary:hover,.has-switch span.switch-left:hover,.has-switch span.switch-primary:focus,.has-switch span.switch-left:focus,.has-switch span.switch-primary:active,.has-switch span.switch-left:active,.has-switch span.switch-primary.active,.has-switch span.switch-left.active,.has-switch span.switch-primary.disabled,.has-switch span.switch-left.disabled,.has-switch span.switch-primary[disabled],.has-switch span.switch-left[disabled] { color: #ffffff; background-color: #0088cc; *background-color: #0077b3; } .has-switch span.switch-primary:active,.has-switch span.switch-left:active,.has-switch span.switch-primary.active,.has-switch span.switch-left.active { background-color: #006699 \9; } .has-switch span.switch-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #41a7c5; background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de)); background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de); background-image: -o-linear-gradient(top, #2f96b4, #5bc0de); background-image: linear-gradient(to bottom, #2f96b4, #5bc0de); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0); border-color: #5bc0de #5bc0de #28a1c5; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #5bc0de; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled= false); } .has-switch span.switch-info:hover,.has-switch span.switch-info:focus,.has-switch span.switch-info:active,.has-switch span.switch-info.active,.has-switch span.switch-info.disabled,.has-switch span.switch-info[disabled] { color: #ffffff; background-color: #5bc0de; *background-color: #46b8da; } .has-switch span.switch-info:active,.has-switch span.switch-info.active { background-color: #31b0d5 \9; } .has-switch span.switch-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #58b058; background-image: -moz-linear-gradient(top, #51a351, #62c462); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462)); background-image: -webkit-linear-gradient(top, #51a351, #62c462); background-image: -o-linear-gradient(top, #51a351, #62c462); background-image: linear-gradient(to bottom, #51a351, #62c462); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0); border-color: #62c462 #62c462 #3b9e3b; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #62c462; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled= false); } .has-switch span.switch-success:hover,.has-switch span.switch-success:focus,.has-switch span.switch-success:active,.has-switch span.switch-success.active,.has-switch span.switch-success.disabled,.has-switch span.switch-success[disabled] { color: #ffffff; background-color: #62c462; *background-color: #4fbd4f; } .has-switch span.switch-success:active,.has-switch span.switch-success.active { background-color: #42b142 \9; } .has-switch span.switch-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f9a123; background-image: -moz-linear-gradient(top, #f89406, #fbb450); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450)); background-image: -webkit-linear-gradient(top, #f89406, #fbb450); background-image: -o-linear-gradient(top, #f89406, #fbb450); background-image: linear-gradient(to bottom, #f89406, #fbb450); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0); border-color: #fbb450 #fbb450 #f89406; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #fbb450; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled= false); } .has-switch span.switch-warning:hover,.has-switch span.switch-warning:focus,.has-switch span.switch-warning:active,.has-switch span.switch-warning.active,.has-switch span.switch-warning.disabled,.has-switch span.switch-warning[disabled] { color: #ffffff; background-color: #fbb450; *background-color: #faa937; } .has-switch span.switch-warning:active,.has-switch span.switch-warning.active { background-color: #fa9f1e \9; } .has-switch span.switch-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #d14641; background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b)); background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b); background-image: -o-linear-gradient(top, #bd362f, #ee5f5b); background-image: linear-gradient(to bottom, #bd362f, #ee5f5b); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0); border-color: #ee5f5b #ee5f5b #e51d18; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #ee5f5b; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled= false); } .has-switch span.switch-danger:hover,.has-switch span.switch-danger:focus,.has-switch span.switch-danger:active,.has-switch span.switch-danger.active,.has-switch span.switch-danger.disabled,.has-switch span.switch-danger[disabled] { color: #ffffff; background-color: #ee5f5b; *background-color: #ec4844; } .has-switch span.switch-danger:active,.has-switch span.switch-danger.active { background-color: #e9322d \9; } .form-horizontal .form-group { margin-right: 0px; margin-left: 0px; } #em_search { max-height: 200px; overflow-y: auto; }