@charset 'utf-8'; article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { /* Responsive images (ensure images don't scale beyond their parents) */ max-width: 100%; /* Part 1: Set a maxium relative to the parent */ width: auto\9; /* IE7-8 need help adjusting responsive images */ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .navprepend img, #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } ul, li { list-style: none; padding: 0px; margin: 0px; } iframe { display: block; } .hide { display: none; } .inline { display: inline; } .block { display: block; } .weight { font-weight: bold; } .align-left { text-align: left; } .align-right { text-align: right; } .float-left { float: left; } .float-right { float: right; } .margin { margin: 5px; } .margin-large { margin: 10px; } .margin-small { margin: 5px; } .margin-mini { margin: 1px; } .margin-vertical { margin: 5px auto; } .margin-vertical-large { margin: 11px 19px auto; } .margin-vertical-mini { margin: 0 6px auto; } .margin-horizontal { margin: auto 5px; } .margin-horizontal-large { margin: auto 11px 19px; } .margin-horizontal-mini { margin: auto 0 6px; } .padding { padding: 5px; } .padding-large { padding: 10px; } .padding-small { padding: 5px; } .padding-mini { padding: 1px; } .padding-vertical { padding-top: 5px; padding-bottom: 5px; } .padding-vertical-large { padding-top: 10px; padding-bottom: 10px; } .padding-vertical-mini { padding-top: 1px; padding-bottom: 1px; } .padding-horizontal { padding-left: 5px; padding-right: 5px; } .padding-horizontal-large { padding-right: 10px; padding-left: 10px; } .padding-horizontal-mini { padding-right: 1px; padding-left: 1px; } .background-main { background-color: #548cc9; } .background-base { background-color: #f5f5f5; } .border-color-main { border-color: #0593d3; } .border-color-base { border-color: #cccccc; } .hover-color-main { background-color: #3b73af; } .hover-color-base { background-color: #e9e9e9; } .top-line { border-top: 1px solid #cccccc; } .right-line { border-right: 1px solid #cccccc; } .bottom-line { border-bottom: 1px solid #cccccc; } h2.bottom-line, h3.bottom-line, h4.bottom-line, h5.bottom-line, h6.bottom-line { width: 100%; } .left-line { border-left: 1px solid #cccccc; } .title-bg { display: inline-block; padding: 4px 6px; line-height: 20px; min-height: 20px; color: #707070; vertical-align: middle; background: #f5f5f5; border: 1px solid #e9e9e9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .panel { -moz-border-colors: none; -moz-box-sizing: border-box; background: rgba(255,255,255,1) !important; background: #ffffff; *filter: alpha(opacity= 100 )\9; border: 1px solid #cccccc; z-index: 1000; padding: 10px; } .expand { width: 0px; height: 0px; line-height: 0px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; border: 0.3em solid transparent; _border-color: #548cc9; border-top-color: #999999; } .top > .expand { border: 0.3em solid transparent; _border-color: #548cc9; border-bottom-color: #999999; } .right > .expand { border: 0.3em solid transparent; _border-color: #548cc9; border-right-color: #999999; } .left > .expand { border: 0.3em solid transparent; _border-color: #548cc9; border-left-color: #999999; } .inner-arrow:after, .inner-arrow:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-width: 8px; content: ""; height: 0; overflow: hidden; position: absolute; width: 0; } .top .inner-arrow:after, .top .inner-arrow:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-width: 8px; content: ""; height: 0; overflow: hidden; position: absolute; width: 0; } .top .inner-arrow:after, .top .inner-arrow:before { border-color: transparent transparent #cccccc; border-style: outset outset solid; bottom: 0; left: 50%; margin-left: -8px; } .top .inner-arrow:after { background: none repeat scroll 0 0 transparent; border-bottom-color: #ffffff; bottom: -1px; } .bottom .inner-arrow:after, .bottom .inner-arrow:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-width: 8px; content: ""; height: 0; overflow: hidden; position: absolute; width: 0; } .bottom .inner-arrow:after, .bottom .inner-arrow:before { border-color: #cccccc transparent transparent; border-style: solid outset outset ; top: 0; left: 50%; margin-left: -8px; } .bottom .inner-arrow:after { background: none repeat scroll transparent 0 0; border-top-color: #ffffff; top: -1px; bottom: auto; } .left .inner-arrow:after, .left .inner-arrow:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-width: 8px; content: ""; height: 0; overflow: hidden; position: absolute; width: 0; } .left .inner-arrow:after, .left .inner-arrow:before { border-color: transparent #cccccc transparent transparent; border-style: outset solid outset ; right: 0; top: 50%; margin-top: -8px; } .left .inner-arrow:after { background: none repeat scroll 0 transparent 0; border-right-color: #ffffff; right: -1px; } .right .inner-arrow:after, .right .inner-arrow:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-width: 8px; content: ""; height: 0; overflow: hidden; position: absolute; width: 0; } .right .inner-arrow:after, .right .inner-arrow:before { border-color: transparent transparent transparent #cccccc; border-style: outset solid outset ; left: 0; top: 50%; margin-top: -8px; } .right .inner-arrow:after { background: none repeat scroll 0 transparent 0; border-left-color: #ffffff; left: -1px; } .bg-arrow:after, .bg-arrow:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-width: 8px; content: ""; height: 0; overflow: hidden; position: absolute; width: 0; } .bg-arrow:before { border-color: #cccccc transparent transparent; border-style: solid outset outset ; right: 10px; top: 40%; margin-left: -8px; border-width: 6px; } .outer-arrow { border-width: 11px; } .outer-arrow:after { border-width: 10px; content: ""; } .outer-arrow, .outer-arrow:after { border-color: transparent; _border-color: #ffffff; border-style: solid; display: block; height: 0; position: absolute; width: 0; } .top .outer-arrow { _line-height: 10px; border-bottom-width: 0; border-top-color: #cccccc; bottom: -11px; left: 50%; margin-left: -11px; } .top .outer-arrow:after { border-bottom-width: 0; border-top-color: #ffffff; bottom: 1px; margin-left: -10px; } .right .outer-arrow { border-left-width: 0; border-right-color: #cccccc; left: -11px; top: 50%; margin-top: -11px; _line-height: 0; _left: 0; } .right .outer-arrow:after { border-left-width: 0; border-right-color: #ffffff; left: 1px; margin-top: -10px; } .bottom .outer-arrow { _line-height: 10px; border-top-width: 0; border-bottom-color: #cccccc; top: -11px; left: 50%; margin-left: -11px; } .bottom .outer-arrow:after { border-top-width: 0; border-bottom-color: #ffffff; top: 1px; margin-left: -10px; } .left .outer-arrow { border-right-width: 0; border-left-color: #cccccc; right: -11px; top: 50%; margin-top: -11px; _line-height: 0; _right: 0; } .left .outer-arrow:after { border-right-width: 0; border-left-color: #ffffff; right: 1px; margin-top: -10px; } .inline-block { display: inline-block; *display: inline; *zoom: 1; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "宋体", sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; } .body-layout { background-color: #f5f5f5; color: #333333; } a, input, button { font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "宋体", sans-serif; font-size: 14px; } .row { margin-left: -10px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } /* no use be cause ie6 cant handle *= [class*="span"] { float: left; min-height: 1px; // prevent collapsing columns margin-left: @gridGutterWidth; }*/ .span12 { width: 950px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span11 { width: 870px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span10 { width: 790px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span9 { width: 710px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span8 { width: 630px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span7 { width: 550px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span6 { width: 470px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span5 { width: 390px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span4 { width: 310px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span3 { width: 230px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span2 { width: 150px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .span1 { width: 70px; float: left; _display: inline; min-height: 1px; margin-left: 10px; } .offset12 { margin-left: 970px; } .offset11 { margin-left: 890px; } .offset10 { margin-left: 810px; } .offset9 { margin-left: 730px; } .offset8 { margin-left: 650px; } .offset7 { margin-left: 570px; } .offset6 { margin-left: 490px; } .offset5 { margin-left: 410px; } .offset4 { margin-left: 330px; } .offset3 { margin-left: 250px; } .offset2 { margin-left: 170px; } .offset1 { margin-left: 90px; } .page-fluid .row { width: 100%; margin-left: 0; _width: auto; *zoom: 1; /*[class*="span"] { .input-block-level(); float: left; }*/ } .page-fluid .row:before, .page-fluid .row:after { display: table; content: ""; line-height: 0; } .page-fluid .row:after { clear: both; } .page-fluid .row [class*="span"]:first-child { margin-left: 0; } .page-fluid .row .controls-row [class*="span"] + [class*="span"] { margin-left: 1.0526315789473684%; } .page-fluid .row .span12 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 99.99999999999999%; *width: 99.94736842105262%; } .page-fluid .row .span11 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 91.57894736842104%; *width: 91.52631578947367%; } .page-fluid .row .span10 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 83.1578947368421%; *width: 83.10526315789473%; } .page-fluid .row .span9 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 74.73684210526315%; *width: 74.68421052631578%; } .page-fluid .row .span8 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 66.3157894736842%; *width: 66.26315789473684%; } .page-fluid .row .span7 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 57.89473684210526%; *width: 57.84210526315789%; } .page-fluid .row .span6 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 49.47368421052631%; *width: 49.42105263157894%; } .page-fluid .row .span5 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 41.05263157894736%; *width: 40.99999999999999%; } .page-fluid .row .span4 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 32.63157894736842%; *width: 32.57894736842105%; } .page-fluid .row .span3 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 24.21052631578947%; *width: 24.1578947368421%; } .page-fluid .row .span2 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 15.789473684210524%; *width: 15.736842105263156%; } .page-fluid .row .span1 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1.0526315789473684%; *margin-left: 1%; /* ie 6-7 width 99% bug fix */ _display: inline; /* ie 6 float double margin bug fix */ _overflow: hidden; width: 7.368421052631578%; *width: 7.31578947368421%; } .page-fluid .row .offset12 { margin-left: 102.10526315789473%; *margin-left: 101.99999999999999%; } .page-fluid .row .offset12:first-child { margin-left: 101.05263157894736%; *margin-left: 100.94736842105262%; } .page-fluid .row .offset11 { margin-left: 93.68421052631578%; *margin-left: 93.57894736842104%; } .page-fluid .row .offset11:first-child { margin-left: 92.63157894736841%; *margin-left: 92.52631578947367%; } .page-fluid .row .offset10 { margin-left: 85.26315789473684%; *margin-left: 85.1578947368421%; } .page-fluid .row .offset10:first-child { margin-left: 84.21052631578947%; *margin-left: 84.10526315789473%; } .page-fluid .row .offset9 { margin-left: 76.84210526315789%; *margin-left: 76.73684210526315%; } .page-fluid .row .offset9:first-child { margin-left: 75.78947368421052%; *margin-left: 75.68421052631578%; } .page-fluid .row .offset8 { margin-left: 68.42105263157895%; *margin-left: 68.3157894736842%; } .page-fluid .row .offset8:first-child { margin-left: 67.36842105263158%; *margin-left: 67.26315789473684%; } .page-fluid .row .offset7 { margin-left: 60%; *margin-left: 59.89473684210526%; } .page-fluid .row .offset7:first-child { margin-left: 58.94736842105263%; *margin-left: 58.84210526315789%; } .page-fluid .row .offset6 { margin-left: 51.57894736842105%; *margin-left: 51.47368421052631%; } .page-fluid .row .offset6:first-child { margin-left: 50.52631578947368%; *margin-left: 50.42105263157894%; } .page-fluid .row .offset5 { margin-left: 43.1578947368421%; *margin-left: 43.05263157894736%; } .page-fluid .row .offset5:first-child { margin-left: 42.10526315789473%; *margin-left: 41.99999999999999%; } .page-fluid .row .offset4 { margin-left: 34.73684210526316%; *margin-left: 34.63157894736842%; } .page-fluid .row .offset4:first-child { margin-left: 33.68421052631579%; *margin-left: 33.57894736842105%; } .page-fluid .row .offset3 { margin-left: 26.315789473684205%; *margin-left: 26.210526315789465%; } .page-fluid .row .offset3:first-child { margin-left: 25.26315789473684%; *margin-left: 25.1578947368421%; } .page-fluid .row .offset2 { margin-left: 17.89473684210526%; *margin-left: 17.789473684210524%; } .page-fluid .row .offset2:first-child { margin-left: 16.842105263157894%; *margin-left: 16.736842105263154%; } .page-fluid .row .offset1 { margin-left: 9.473684210526315%; *margin-left: 9.368421052631579%; } .page-fluid .row .offset1:first-child { margin-left: 8.421052631578947%; *margin-left: 8.31578947368421%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; position: relative; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .container .btn-bar { margin: 5px 0; } .page-fluid .container { padding: 0 10px; width: auto; *zoom: 1; } .page-fluid .container:before, .page-fluid .container:after { display: table; content: ""; line-height: 0; } .page-fluid .container:after { clear: both; } .page-fluid .navbar-fixed-top .container, .page-fluid .navbar-fixed-bottom .container { padding: 0; width: auto; *zoom: 1; } .page-fluid .navbar-fixed-top .container:before, .page-fluid .navbar-fixed-bottom .container:before, .page-fluid .navbar-fixed-top .container:after, .page-fluid .navbar-fixed-bottom .container:after { display: table; content: ""; line-height: 0; } .page-fluid .navbar-fixed-top .container:after, .page-fluid .navbar-fixed-bottom .container:after { clear: both; } .page-hybird .navbar-fixed-top .container, .page-hybird .navbar-fixed-bottom .container { padding: 0; width: auto; *zoom: 1; } .page-hybird .navbar-fixed-top .container:before, .page-hybird .navbar-fixed-bottom .container:before, .page-hybird .navbar-fixed-top .container:after, .page-hybird .navbar-fixed-bottom .container:after { display: table; content: ""; line-height: 0; } .page-hybird .navbar-fixed-top .container:after, .page-hybird .navbar-fixed-bottom .container:after { clear: both; } .page { padding-top: 40px; _padding-top: 0; background-color: #f5f5f5; } .page .page-header { min-width: 980px; border-bottom: 1px solid #cccccc; } .page .page-header .btn-bar { border: 0; float: right; position: absolute; right: 0; bottom: 0; margin: 0; } .page .page-content { min-width: 980px; background-color: #ffffff; } .page .page-footer { min-width: 980px; border-top: 1px solid #cccccc; clear: both; float: left; width: 100%; } .page .page-footer .footer-body { color: #999999; line-height: 20px; margin: 20px auto; padding: 0 10px; text-align: center; *width: 20%; } .page .page-footer .footer-body ul { display: block; } .page .page-footer .footer-body ul li { display: inline-block; white-space: nowrap; } .page .page-footer .footer-body ul li:after { content: "·"; margin-left: 10px; } .page .page-footer .footer-body ul li:last-child:after { display: none; } .page .page-footer .footer-body ul:first-child { margin: 0; } .page-head-fixed { padding-top: 80px; _padding-top: 0; } .page-head-fixed .page-header { width: 100%; position: fixed; top: 0px; z-index: 999; background-color: #f5f5f5; } .page .login-panel { -moz-border-colors: none; -moz-box-sizing: border-box; background: rgba(255,255,255,1) !important; background: #ffffff; *filter: alpha(opacity= 100 )\9; border: 1px solid #cccccc; z-index: 1000; padding: 10px; padding: 20px; margin: 10% auto; display: block; width: 600px; } .page .login-panel .logo { height: 32px; width: 32px; margin: 0 10px; } .margin-fix { margin-top: 20px; } .page-header .page-header-main { padding: 10px 0; float: left; box-sizing: border-box; height: auto; } .page-header .page-header-main ul { margin: 0; padding: 0; } .page-header .page-header-main h1 { margin: 0; } .page-header .page-header-actions { padding: 1em 0 0 0; float: right; box-sizing: border-box; height: auto; } .page-header .page-header-actions .form, .page-header .page-header-actions .form-search, .page-header .page-header-actions .form-inline, .page-header .page-header-actions .btn-group { display: inline-block; _display: inline; } .page-content { margin: 0; } .page-content .content { border-left: 1px solid #cccccc; padding: 10px 0 10px 10px; margin-left: -1px; } .popover { -moz-border-colors: none; -moz-box-sizing: border-box; background: rgba(255,255,255,1) !important; background: #ffffff; *filter: alpha(opacity= 100 )\9; border: 1px solid #cccccc; z-index: 1000; padding: 10px; padding: 0; float: left; position: relative; width: 260px; _border-width: 0; _padding: 10px; } .popover .popover-title { background: #f5f5f5; border-bottom: 1px solid #e9e9e9; padding: 3px 14px; _border-bottom-width: 0; } .popover .popover-title h4 { margin: 5px 0; } .popover .popover-content { padding: 9px 14px; _padding-bottom: 0; _border: 1px solid #e9e9e9; _border-top-width: 0; } /* @media (min-width: 1200px) and (max-width: 1400px) { // Fixed grid #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200); // Fluid grid #grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200); // Input grid #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200); } @media (min-width: 1400px) { // Fixed grid #grid > .core(96px, 20px); // Fluid grid #grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200); // Input grid #grid > .input(96px, 20px); } */ h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "宋体", sans-serif; font-weight: bold; line-height: 20px; color: #333333; text-rendering: optimizelegibility; } h5, h6 { color: #707070; } h5 { text-transform: uppercase; } h1, h2, h6 { font-weight: normal; } h1 { line-height: 40px; } h2 { line-height: 36px; } h3 { line-height: 32px; } h1 { font-size: 24.5px; } h2 { font-size: 20.3px; } h3 { font-size: 16.03px; } h4 { font-size: 14px; } h5 { font-size: 12.04px; } h6 { font-size: 12.04px; } h1 small { font-size: 18.83px; } h2 small { font-size: 16.099999999999998px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } small { font-size: 85%; color: #999999; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #cccccc; } a.muted:hover, a.muted:focus { color: #b3b3b3; } .text-warning { color: #c09853; } a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } .text-error { color: #b94a48; } a.text-error:hover, a.text-error:focus { color: #953b39; } .text-info { color: #205081; } a.text-info:hover, a.text-info:focus { color: #163758; } .text-success { color: #468847; } a.text-success:hover, a.text-success:focus { color: #356635; } blockquote { padding: 10px 15px; margin: 0 0 20px; border-left: 5px solid #e9e9e9; color: #707070; } blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote small { display: block; line-height: 20px; color: #cccccc; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #e9e9e9; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 1.4em; } dl.none, ul.none, ol.none { margin: 0; padding: 0; } dl.unstyled, ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } dl.inline, ul.inline, ol.inline { margin-left: 0; list-style: none; *zoom: 1; } dl.inline dt, dl.inline dd, ul.inline li, ol.inline li { display: inline-block; padding-left: 5px; padding-right: 5px; *float: left; } ul.mark li { list-style: disc; } ol.mark li { list-style: decimal; } .form { margin: 0 0 20px; } .form fieldset { padding: 0; margin: 0; border: 0; } .form legend { padding: 0; margin-bottom: 10px; font-size: 16.03px; line-height: 40px; color: #707070; } .form legend small { font-size: 15px; color: #999999; } .small { font-size: 12px; color: #548cc9; margin-left: 10px; line-height: 12px; } .select, .textarea, .input { font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "宋体", sans-serif; font-size: 14px; display: inline-block; padding: 4px 6px; margin-bottom: 0; color: #999999; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .input { height: 20px; line-height: 20px; } .select { height: 30px; line-height: 30px; } .textarea, .input { -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; width: 210px; _width: 210px; } .textarea:-moz-placeholder, .input:-moz-placeholder { color: #cccccc; } .textarea:-ms-input-placeholder, .input:-ms-input-placeholder { color: #cccccc; } .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder { color: #cccccc; } .textarea:focus, .input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ } .input { _height: 20px; } .select, .textarea, .input { _display: inline-block; _padding: 4px 6px; _font-size: 14px; _line-height: 20px; _color: #999999; _vertical-align: middle; } .textarea, .input { _background-color: #ffffff; _border: 1px solid #cccccc; } .textarea, .select[multiple], .select-multiple { height: auto; } .select { width: 223px; _width: 225px; border: 1px solid #cccccc; background-color: #ffffff; *margin-top: 4px; /* For IE7, add top margin to align select with labels */ _margin-top: -5px; } .select-medium { width: 165px; _width: 167px; } .select-multiple { _height: 100px; } .select:focus, .radio:focus, .checkbox:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .input-readonly, .input-disabled { background-color: #e9e9e9; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly], .radio.disabled, .checkbox.disabled, .radio.readonly, .checkbox.readonly { background-color: transparent; opacity: 0.5; filter: alpha(opacity=@btnBackgroundOpacity * 100); } .text-show { display: inline-block; padding: 4px 6px; line-height: 20px; min-height: 20px; color: #707070; vertical-align: middle; background: #f5f5f5; border: 1px solid #e9e9e9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .text-multi { height: 90px; overflow-y: auto; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } .input:focus:invalid, .textarea:focus:invalid, .select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } .input:focus:invalid:focus, .textarea:focus:invalid:focus, .select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .help-block, .help-inline { color: #595959; font-size: 12px; } .help-block { display: block; margin-bottom: 5px; } .help-inline { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: middle; padding-left: 5px; } .radio, .checkbox { line-height: 30px; margin-right: 10px; } .radio input, .checkbox input { margin: -3px 5px 0 0; } .radio-stack, .checkbox-stack { display: block; margin-right: 0; } .input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; margin-bottom: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .navbar .search-query { -moz-appearance: textfield; -webkit-appearance: textfield; -moz-box-sizing: border-box; box-sizing: border-box; border: none; box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.3); margin: 8px 5px 0 0; font-family: inherit; font-size: inherit; height: 1.71428571428571em; *height: 1em; line-height: 1em; vertical-align: baseline; } .input[class*="span"], .select[class*="span"], .textarea[class*="span"], .page-fluid .row input[class*="span"], .page-fluid .row select[class*="span"], .page-fluid .row textarea[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-prepend input[class*="span"], .page-fluid .row input[class*="span"], .page-fluid .row select[class*="span"], .page-fluid .row textarea[class*="span"], .page-fluid .row .input-prepend [class*="span"], .page-fluid .row .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 10px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 936px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 856px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 776px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 696px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 616px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 536px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 456px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 376px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 296px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 216px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 136px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; content: ""; line-height: 0; } .controls-row:after { clear: both; } .controls-row [class*="span"], .page-fluid .row .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } .form-search .input, .form-inline .input, .form-horizontal .input, .form-search .textarea, .form-inline .textarea, .form-horizontal .textarea, .form-search .select, .form-inline .select, .form-horizontal .select, .form-search button, .form-inline button, .form-horizontal button, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-bottom: 0; vertical-align: middle; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-left: 0; margin-bottom: 0; vertical-align: middle; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 10px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { position: relative; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { margin-bottom: 5px; width: 160px; padding-top: 5px; _padding-top: 0; text-align: right; position: absolute; left: 0; } .form-horizontal .controls { *display: inline-block; padding-left: 180px; *padding-left: 200px; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .controls + .controls { margin-top: 2px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal .input + .help-block, .form-horizontal .select + .help-block, .form-horizontal .textarea + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top: 5px; } .form-horizontal .form-actions { padding-left: 180px; *padding-left: 201px; } .input-block { width: 100%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } input.input-block { height: 30px; *height: 20px; } .form-label-small .control-label { width: 100px; } .form-label-small .control-radio, .form-label-small .control-checkbox, .form-label-small .controls { padding-left: 120px; } .form-label-mini .control-label { width: 80px; } .form-label-mini .control-radio, .form-label-mini .control-checkbox, .form-label-mini .controls { padding-left: 100px; } .input-append, .input-prepend { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 0; white-space: nowrap; } .input-append .input-large, .input-prepend .input-large { width: 180px; _width: 184px; } .input-append .input-medium, .input-prepend .input-medium { width: 160px; } .input-append .input, .input-prepend .input, .input-append .select, .input-prepend .select { font-size: 14px; position: relative; margin-bottom: 0; *margin-left: 0; *margin-top: -1px; *vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .input:focus, .input-prepend .input:focus, .input-append .select:focus, .input-prepend .select:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #e9e9e9; border: 1px solid #cccccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .drop-wrap > .dropdown, .input-prepend .drop-wrap > .dropdown, .input-append .btn-group > .dropdown, .input-prepend .btn-group > .dropdown { vertical-align: middle; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #9bcc9c; border-color: #468847; } .input-prepend .input, .input-prepend .select { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; *margin-right: -2px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append .input, .input-append .select { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append .input + .drop-wrap .btn:last-child, .input-append .select + .drop-wrap .btn:last-child, .input-append .input + .btn-group .btn:last-child, .input-append .select + .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .drop-wrap, .input-append .btn-group { margin-left: -1px; *margin-left: -2px; } .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .drop-wrap:last-child > .dropdown, .input-append .btn-group:last-child > .dropdown { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .drop-wrap .btn, .input-prepend.input-append select + .drop-wrap .btn, .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .input-medium { width: 150px; _width: 165px; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .drop-wrap:first-child, .input-prepend.input-append .btn-group:first-child { margin-left: 0; } .input-prepend.input-append .add-left { _margin-left: 1px; } .input-prepend.input-append .add-right { *margin-right: 1px; } select.error, textarea.error, input.error { color: #b94a48; background: #f2dede; border: 1px solid #eed3d7; } select.warning, textarea.warning, input.warning { color: #c09853; background: #fcf8e3; border: 1px solid #fbeed5; } select.info, textarea.info, input.info { color: #205081; background: #d9edf7; border: 1px solid #bce8f1; } select.success, textarea.success, input.success { color: #468847; background: #dff0d8; border: 1px solid #d6e9c6; } label .required { color: #b94a48; } .form-horizontal label .required { margin-right: -4px; } .input-file .file-select { display: none; } .input-file .close { float: none; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #cccccc; } .table th { font-weight: normal; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #cccccc; } .table .table { background-color: #ffffff; } .table-center th, .table-center td { text-align: center; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #cccccc; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #cccccc; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-nobordered td, .table-nobordered th { border: none; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f5f5f5; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #e9e9e9; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.warning td { background-color: #fcf8e3; } .table tbody tr.info td { background-color: #d9edf7; } .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } .tablewrapper { padding: 0; margin: 0; overflow-x: scroll; margin-bottom: 20px; _width: 100%; } .tablewrapper .table { margin-bottom: 0; max-width: 99999999%; } .table-nowrap, .table-nowrap tr, .table-nowrap tr th, .table-nowrap tr td { white-space: nowrap; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .icon { display: inline-block; border: medium none; line-height: 0; margin: 0; padding: 0; background-repeat: no-repeat; text-align: left; vertical-align: middle; text-indent: -999em; *text-indent: 0; background-image: url("/static/eeya/image/glyphicons-halflings.png"); _background-image: url("/static/eeya/image/glyphicons-halflings.gif"); height: 16px; width: 16px; position: relative; vertical-align: text-top; } .icon-small { height: 16px; width: 16px; } .icon-medium { height: 24px; width: 24px; } .icon-large { height: 32px; width: 32px; } .icon-black { background-image: url("/static/eeya/image/glyphicons-halflings.png"); _background-image: url("/static/eeya/image/glyphicons-halflings.gif"); } .icon-white { background-image: url("/static/eeya/image/glyphicons-halflings-white.png"); _background-image: url("/static/eeya/image/glyphicons-halflings-white.gif"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { background-position: -216px -120px; width: 16px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; width: 16px; } .icon-folder-open { background-position: -408px -120px; width: 16px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .icon-wait { background-image: url("/static/eeya/image/wait.gif"); } .icon-pagetree { background-image: url("/static/eeya/image/pagetree.gif"); } .icon-pagetree-plus { background-position: -16px 0; } .icon-pagetree-minus { background-position: 0 0; } .icon-pagetree-square { background-position: -32px 0; } .iconfont { margin: 0 5px 5px; display: inline-block; border: medium none; line-height: 0; margin: 0; padding: 0; background-repeat: no-repeat; text-align: left; vertical-align: middle; text-indent: -999em; *text-indent: 0; } @font-face { font-family: "webframe Icons"; src: url("/static/eeya/image/webframe-icons.eot"); src: url("/static/eeya/image/webframe-icons.eot") format("embedded-opentype"), url("/static/eeya/image/webframe-icons.woff") format("woff"), url("/static/eeya/image/webframe-icons.ttf") format("truetype"), url("/static/eeya/image/webframe-icons.svg") format("svg"); font-weight: normal; font-style: normal; } .icon-small, .icon-large { position: relative; vertical-align: text-top; } .icon-small:before, .icon-large:before { color: inherit; font-family: "webframe Icons"; font-style: normal; font-weight: normal; left: 0; line-height: 1; position: absolute; text-indent: 0; top: 50%; } .icon-small:before { font-size: 16px; margin-top: -8px; } .icon-large:before { font-size: 32px; margin-top: -16px; } .iconfont-view:before { content: "A"; } .iconfont-configure:before { content: "B"; } .iconfont-add:before { content: "C"; } .iconfont-help:before { content: "D"; } .iconfont-search:before { content: "E"; } .iconfont-webframe:before { content: "F"; } .iconfont-workbox:before { content: "G"; } .iconfont-workbox-empty:before { content: "H"; } .iconfont-email:before { content: "I"; } .iconfont-star:before { content: "J"; } .iconfont-comment:before { content: "K"; } .iconfont-file:before { content: "L"; } .iconfont-minimize:before { content: "M"; } .iconfont-maximize:before { content: "N"; } .iconfont-remove:before { content: "O"; } .iconfont-list-alt:before { content: "P"; } .iconfont-time:before { content: "Q"; } .iconfont-error:before { content: "R"; } .iconfont-info:before { content: "S"; } .iconfont-approve:before { content: "T"; } .iconfont-edit:before { content: "U"; } .iconfont-share:before { content: "V"; } .iconfont-build:before { content: "W"; } .iconfont-user:before { content: "X"; } .iconfont-success:before { content: "Y"; } .iconfont-download-alt:before { content: "Z"; } .iconfont-arrow-down:before { content: "a"; } .iconfont-arrow-right:before { content: "b"; } .iconfont-arrow-up:before { content: "c"; } .iconfont-arrow-left:before { content: "d"; } .iconfont-print:before { content: "e"; } .iconfont-trash:before { content: "f"; } a.btn, input.btn, button.btn { font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "宋体", sans-serif; font-size: 14px; } .btn { display: inline-block; padding: 4px 10px; margin: 0; line-height: 20px; height: 30px; border: 1px solid #cccccc; border-radius: 4px; background: #e9e9e9; color: #666666; cursor: pointer; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: middle; *overflow: visible; /*ie6 ie7 button padding 问题*/ } .btn:hover { background-color: #ededed; border-color: #999999; } .btn::-moz-focus-inner { border: 0 none; padding: 0; } a.btn-mini, button.btn-mini, input.btn-mini, li.btn-mini { height: 22px; padding: 0 5px; } a.btn-small, button.btn-small, input.btn-small, li.btn-small { height: 26px; padding: 2px 10px; } a.btn-medium, button.btn-medium, input.btn-medium, li.btn-medium { height: 30px; padding: 4px 10px; } a.btn-large, button.btn-large, input.btn-large, li.btn-large { height: 34px; padding: 6px 12px; } a.btn-xlarge, button.btn-xlarge, input.btn-xlarge, li.btn-xlarge { height: 38px; padding: 8px 15px; } .btn-nb { display: inline-block; padding: 4px 10px; margin: 0; line-height: 20px; height: 30px; border: 1px solid #cccccc; border-radius: 4px; background: #e9e9e9; color: #666666; cursor: pointer; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: middle; *overflow: visible; /*ie6 ie7 button padding 问题*/ border: 1px solid transparent; _border-color: #ffffff; background: none; box-shadow: none; } .btn-nb:hover { background-color: #ededed; border-color: #999999; } .btn-nb::-moz-focus-inner { border: 0 none; padding: 0; } .btn-nb b.expand { _border-left-color: #e9e9e9; _border-right-color: #e9e9e9; _border-bottom-color: #e9e9e9; } .btn-nb .flag, .btn-nb .badge { position: relative; top: -1px; } .btn-nb:hover { background-color: transparent; } a.btn, a.btn-nb { outline: none; height: 20px; line-height: 20px; _height: 21px; _padding-top: 6px; *margin-right: 4px; } a.btn-nb { box-shadow: none; } /*火狐hack*/ /* @-moz-document url-prefix(){button{height:30px;}} */ .btn-primary { border: 1px solid #3872b2; background: #548cc9; color: #ffffff; text-shadow: 0 1px 0 #548cc9; *text-shadow: none; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #73a1d3; border: 1px solid #3872b2; } .btn-primary ul, .btn-primary li, .btn-primary a, .btn-primary p, .btn-primary span { text-shadow: none; font-weight: lighter; } .btn-nb .icon { background-image: url("/static/eeya/image/glyphicons-halflings.png"); _background-image: url("/static/eeya/image/glyphicons-halflings.gif"); } .btn-primary .icon { background-image: url("/static/eeya/image/glyphicons-halflings-white.png"); _background-image: url("/static/eeya/image/glyphicons-halflings-white.gif"); } input[disabled], a[disabled], button[disabled], input[disabled]:hover, a[disabled]:hover, button[disabled]:hover, .btn.disabled, .btn.disabled:hover { opacity: 0.5; filter: alpha(opacity=@btnBackgroundOpacity * 100); cursor: default; } [disabled]:hover, [class*="btn disabled"]:hover { background-color: #e9e9e9; border-color: #cccccc; } .btn-primary[disabled]:hover, [class*="btn-primary disabled"]:hover { background-color: #548cc9; border-color: #3872b2; } /*ie6 需要类似样式需添加类名*/ input[disabled]:hover, a[disabled]:hover, button[disabled]:hover, input.disabled:hover { *background-color: #e9e9e9; } button[disabled]:hover, button.disabled:hover { *background-color: #548cc9; border-color: #3872b2; } a[disabled], a[disabled]:hover, a.disabled, a.disabled:hover { *color: #999999; *border-color: #cccccc; background-color: #e9e9e9; } .btn-block { -moz-box-sizing: border-box; display: block; padding-left: 2px; padding-right: 2px; width: 100%; } .link { color: #3b73af; text-decoration: none; background: none repeat scroll 0 0 transparent; border-color: transparent; } .link:hover { text-decoration: underline; } .close { color: #333333; float: right; font-size: 19.999979999999997px; font-weight: bold; line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #ffffff; } .close:hover, .close:focus { color: #333333; cursor: pointer; opacity: 0.4; text-decoration: none; } input.close, button.close { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; padding: 0; } .btn-primary b.expand { border-top-color: #ffffff; _border-left-color: #548cc9; _border-right-color: #548cc9; _border-bottom-color: #548cc9; } .btn b.expand { _border-left-color: #e9e9e9; _border-right-color: #e9e9e9; _border-bottom-color: #e9e9e9; } .link b.expand { _border-left-color: #ffffff; _border-right-color: #ffffff; _border-bottom-color: #ffffff; } .btn-bar { border: 1px solid #cccccc; border-radius: 4px; padding: 10px 5px; zoom: 1; white-space: nowrap; font-size: 0; } .btn-bar .btn, .btn-bar .input, .btn-bar .select, .btn-bar .link, .btn-bar .label, .btn-bar .input-append, .btn-bar .input-prepend, .btn-bar .radio, .btn-bar .checkbox, .btn-bar .drop-wrap { margin: 0 5px; } .btn-bar .drop-wrap .btn { margin: 0; } .btn-bar .label { font-size: 14px; vertical-align: middle; } .btn-bar .radio, .btn-bar .checkbox { font-size: 14px; vertical-align: middle; } .btn-bar .link { vertical-align: middle; display: inline-block; } .btn-bar .input-append, .btn-bar .input-prepend { display: inline-block; *vertical-align: top; } .btn-bar .input-append .btn, .btn-bar .input-prepend .btn { margin: 0 0 0 -1px; } .btn-bar .input-append .input, .btn-bar .input-prepend .input, .btn-bar .input-append .drop-wrap, .btn-bar .input-prepend .drop-wrap { margin: 0; } .btn-bar .input-append .btn-group, .btn-bar .input-prepend .btn-group { margin: 0 0 0 -1px; } .btn-bar .input-append .btn-group .btn:first-child, .btn-bar .input-prepend .btn-group .btn:first-child { border-radius: 0; } .btn-bar .btn-group { margin: 0 5px; _padding-left: 6px; } .btn-bar .divider { display: inline-block; height: 20px; vertical-align: middle; margin: 0 10px; border-left: 1px dashed #999999; } .btn-group { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative; font-size: 0; } .btn-group .btn { position: relative; border-radius: 0; float: left; margin: 0 0 0 -1px; } .btn-group .btn:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .btn-group .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group .btn { font-size: 14px; } .btn-group .drop-wrap { float: left; margin: 0 0 0 -1px; } .btn-group .drop-wrap .btn { border-radius: 0; } .btn-group .drop-wrap:first-child .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .btn-group .drop-wrap:last-child .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active { z-index: 2; } .btn-group.btn-group-vertical .btn, .btn-group.btn-group-vertical .input, .btn-group.btn-group-vertical .select, .btn-group.btn-group-vertical .link, .btn-group.btn-group-vertical .label, .btn-group.btn-group-vertical .input-append, .btn-group.btn-group-vertical .input-prepend, .btn-group.btn-group-vertical .radio, .btn-group.btn-group-vertical .checkbox, .btn-group.btn-group-vertical .drop-wrap { margin: 0; } .btn-group.btn-group-vertical .btn { float: none; } .btn-group-vertical { display: inline-block; } .btn-group-vertical .btn { border-radius: 0 0 0 0; display: block; float: none; max-width: 100%; } .btn-group-vertical .btn:first-child { border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { border-radius: 0 0 6px 6px; } .btn-group-vertical .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-bar { border: 1px solid #cccccc; padding: 10px 5px; zoom: 1; white-space: nowrap; font-size: 0; } .btn-bar .btn, .btn-bar .input, .btn-bar .select, .btn-bar .link, .btn-bar .label, .btn-bar .input-append, .btn-bar .input-prepend, .btn-bar .radio, .btn-bar .checkbox, .btn-bar .drop-wrap { margin: 0 5px; } .btn-bar .drop-wrap .btn { margin: 0; } .btn-bar .label { font-size: 14px; vertical-align: middle; } .btn-bar .radio, .btn-bar .checkbox { font-size: 14px; vertical-align: middle; } .btn-bar .link { vertical-align: middle; display: inline-block; } .btn-bar .input-append, .btn-bar .input-prepend { display: inline-block; *vertical-align: top; } .btn-bar .input-append .btn, .btn-bar .input-prepend .btn { margin: 0 0 0 -1px; } .btn-bar .input-append .input, .btn-bar .input-prepend .input, .btn-bar .input-append .drop-wrap, .btn-bar .input-prepend .drop-wrap { margin: 0; } .btn-bar .input-append .btn-group, .btn-bar .input-prepend .btn-group { margin: 0 0 0 -1px; } .btn-bar .input-append .btn-group .btn:first-child, .btn-bar .input-prepend .btn-group .btn:first-child { border-radius: 0; border-top-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-bar .btn-group { margin: 0 5px; _padding-left: 6px; } .btn-bar .divider { display: inline-block; height: 20px; vertical-align: middle; margin: 0 10px; border-left: 1px dashed #999999; } .btn-group { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative; font-size: 0; white-space: nowrap; } .btn-group > .btn { position: relative; border-radius: 0; float: left; margin: 0 0 0 -1px; } .btn-group > .btn:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group .btn { font-size: 14px; } .btn-group .drop-wrap { float: left; margin: 0 0 0 -1px; } .btn-group .drop-wrap > .btn { border-radius: 0; } .btn-group .drop-wrap:first-child .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .btn-group .drop-wrap:last-child .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active { z-index: 2; } .btn-group.btn-group-vertical .btn, .btn-group.btn-group-vertical .input, .btn-group.btn-group-vertical .select, .btn-group.btn-group-vertical .link, .btn-group.btn-group-vertical .label, .btn-group.btn-group-vertical .input-append, .btn-group.btn-group-vertical .input-prepend, .btn-group.btn-group-vertical .radio, .btn-group.btn-group-vertical .checkbox, .btn-group.btn-group-vertical .drop-wrap { margin: 0; } .btn-group.btn-group-vertical .btn { float: none; } .btn-group-vertical { display: inline-block; } .btn-group-vertical .btn { border-radius: 0 0 0 0; display: block; float: none; max-width: 100%; } .btn-group-vertical .btn:first-child { border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { border-radius: 0 0 6px 6px; } .btn-group-vertical .btn + .btn { margin-left: 0; margin-top: -1px; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -5px; right: -25px; line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-success h4 { color: #468847; } .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-error h4 { color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #205081; } .alert-info h4 { color: #205081; } .alert-block { padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .navbar { background: rgba(84,140,201,1) !important; background: #548cc9; *filter: alpha(opacity= 100 )\9; border-radius: 5px; border: 1px solid #4a6785; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); color: #ffffff; font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "宋体", sans-serif; z-index: 1000; *zoom: 1; } .navbar:before, .navbar:after { display: table; content: ""; line-height: 0; } .navbar:after { clear: both; } .navbar a { color: #ffffff; } .navbar-adsorb { border-radius: 0px !important; width: 100%; border-left: none !important; border-right: none !important; } .navbar-adsorb-top { border-radius: 0px !important; width: 100%; border-left: none !important; border-right: none !important; border-top: none !important; } .navbar-adsorb-bottom { border-radius: 0px !important; width: 100%; border-left: none !important; border-right: none !important; border-bottom: none !important; } .navbar-fixed-top { border-radius: 0px !important; width: 100%; border-left: none !important; border-right: none !important; border-top: none !important; position: fixed; top: 0px; left: 0px; } .navprepend { float: left; } .navappend { float: right; } .navappend .submenu { left: 50px; } .menu, .submenu { padding: 0px; margin: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .menu { float: left; background: none; border: none; display: table; font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "宋体", sans-serif; font-size: 1em; } .menu .header-input, .menu .menuitem { float: left; vertical-align: top; padding: 0.7em 10px 0.7em 10px; margin-right: 0; border-right: none; cursor: pointer; position: relative; width: auto; } .menu li { list-style: none; } .menu .menuitem a { color: #ffffff; display: inline-block; *display: inline; *zoom: 1; margin: 0 0 0 2px; cursor: pointer; text-decoration: none; } .menu a, .menu a:hover { text-decoration: none; font-size: 1em; color: #ffffff; } .menuitem .expand { margin-left: 2px; border: 0.3em solid transparent; _border-color: #548cc9; border-top-color: #ffffff; } li.submenuitem .expand { display: block !important; position: absolute; top: 0.7em; right: 5px; border: 0.3em solid transparent; _border-color: #ffffff; border-left-color: #333333; } li.submenuitem .expand, li.submenu-active .submenuitem .expand, li.submenu-active .submenu-active .submenuitem .expand, li.submenu-active .submenu-active .submenu-active .submenuitem .expand { _border-top-color: #ffffff; _border-left-color: #333333; _border-right-color: #ffffff; _border-bottom-color: #ffffff; } li.submenu-active .expand, li.submenu-active .submenu-active .expand, li.submenu-active .submenu-active .submenu-active .expand, li.submenu-active .submenu-active .submenu-active .submenu-active .expand, li.submenu-active .submenu-active .submenu-active .submenu-active .expand { _border-top-color: #3b73af; _border-right-color: #3b73af; _border-bottom-color: #3b73af; } /* * 激活时的样式 */ .menu-active, .menu .menuitem:hover { background: #3b73af; } .menu-active .expand { _border-left-color: #3b73af; _border-right-color: #3b73af; _border-bottom-color: #3b73af; } /* * 子菜单激活时的样式 第一层 */ .submenu-active, li.submenuitem:hover { background: #3b73af !important; } .submenu-active > a, li.submenuitem:hover > a { color: #ffffff; display: block; } .submenu-active > i.icon, li.submenuitem:hover > i.icon { background-image: url("/static/eeya/image/glyphicons-halflings-white.png"); _background-image: url("/static/eeya/image/glyphicons-halflings-white.gif"); } .submenu-active > b.expand, li.submenuitem:hover > b.expand { border-left-color: #ffffff; _border-right-color: #3b73af; _border-bottom-color: #3b73af; _border-top-color: #3b73af; } .text-logo { font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "宋体", sans-serif; font-size: 1.6692em; color: #ffffff; letter-spacing: -3px; line-height: 1.6692em; padding: 0 20px; user-select: none; -moz-user-select: none; _padding-top: 5px; } .navbar .logo { height: 32px; width: 32px; margin-top: -8px; } .navbar .menu .icon { line-height: 0px; letter-spacing: 0px; position: relative; margin-right: -0.3em; background-image: url("/static/eeya/image/glyphicons-halflings-white.png"); _background-image: url("/static/eeya/image/glyphicons-halflings-white.gif"); } .navbar .submenuitem .icon { position: absolute; left: 5px; top: 50%; margin-top: -7px; background-image: url("/static/eeya/image/glyphicons-halflings.png"); _background-image: url("/static/eeya/image/glyphicons-halflings.gif"); } .submenu a { font-size: 1em; color: #333333; display: block; } .submenu a:hover { color: #ffffff; } .menu-arrow-icon { position: absolute; right: 5px; *right: 5px; top: 0.7em; *top: 2.7em; } /* 子菜单,默认情况下隐藏 */ .submenu { display: none; border: 1px solid #cccccc; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: rgba(255,255,255,1) !important; background: #ffffff; *filter: alpha(opacity= 100 )\9; position: absolute; font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "宋体", sans-serif; font-size: 1em; left: 0px; top: 100%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); z-index: 1000; } .submenu.pull-right { left: auto; right: 0px; } .submenu .submenuitem { float: none; padding: 0.3em 21px 0.3em 21px; position: relative; display: block; background: rgba(255,255,255,1) !important; background: #ffffff; *filter: alpha(opacity= 100 )\9; white-space: nowrap; min-width: 90px; width: auto; } .submenu .submenuitem a { color: #333333; float: none; text-decoration: none; } .submenu .submenuitem a:hover { color: #ffffff; } .submenu .divider { background: #e5e5e5; border-bottom: 1px solid #FFF; height: 1px; line-height: 1px; margin: 0px; margin: 2px 4px 2px 4px; overflow: hidden; padding: 0px !important; list-style-position: outside; list-style-type: none; *margin-bottom: -10px; } .navgroup { *zoom: 1; background: rgba(245,245,245,1) !important; background: #f5f5f5; *filter: alpha(opacity= 100 )\9; border-bottom: 1px solid #cccccc; } .navgroup:before, .navgroup:after { display: table; content: ""; line-height: 0; } .navgroup:after { clear: both; } .navgroup .nav { font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "宋体", sans-serif; font-size: 14px; white-space: nowrap; margin: 0; padding: 0; overflow: display; zoom: 1; } .navgroup .nav li { float: left; list-style: none; } .navgroup .nav li a { text-decoration: none; color: #0593d3; padding: 10px 10px; display: block; } .navgroup .nav li a:hover { background-color: #e9e9e9; } .navgroup .nav li.active a { color: #333333; font-weight: bold; position: relative; } .navgroup .nav li.active a:hover { background-color: #e9e9e9; } .navgroup .nav li.active a:after, .navgroup .nav li.active a:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-width: 8px; content: ""; height: 0; overflow: hidden; position: absolute; width: 0; } .navgroup .nav li.active a:after, .navgroup .nav li.active a:before { border-color: transparent transparent #cccccc; border-style: outset outset solid; bottom: 0; left: 50%; margin-left: -8px; } .navgroup .nav li.active a:after { background: none repeat scroll 0 0 transparent; border-bottom-color: #ffffff; bottom: -1px; } .navgroup-vertical { background: rgba(255,255,255,1) !important; background: #ffffff; *filter: alpha(opacity= 100 )\9; margin-left: 0; margin-right: -1px; border-bottom: 0; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; } .navgroup-vertical:first-child { border-left: 0 none; } .navgroup-vertical:last-child { border-right-width: 0; } .navgroup-vertical:last-child .nav li.active a:after, .navgroup-vertical:last-child .nav li.active a:before { border-width: 0; } .navgroup-vertical .nav { border-top: 1px solid #cccccc; margin-top: 5px; padding-top: 5px; } .navgroup-vertical .nav:first-child { border-top: 0 none; margin-top: 0; padding-top: 0; } .navgroup-vertical .nav li { float: none; zoom: 1; } .navgroup-vertical .nav li a { zoom: 1; } .navgroup-vertical .nav li.active a { background-color: #f5f5f5; } .navgroup-vertical .nav li.active a:after, .navgroup-vertical .nav li.active a:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-width: 8px; content: ""; height: 0; overflow: hidden; position: absolute; width: 0; } .navgroup-vertical .nav li.active a:after, .navgroup-vertical .nav li.active a:before { border-color: transparent #cccccc transparent transparent; border-style: outset solid outset ; right: 0; top: 50%; margin-top: -8px; } .navgroup-vertical .nav li.active a:after { background: none repeat scroll 0 transparent 0; border-right-color: #ffffff; right: -1px; } .navgroup-vertical .nav li.active a:after, .navgroup-vertical .nav li.active a:before { right: none; left: auto; bottom: auto; margin-left: none; } .navgroup-last { border-right-width: 0; } .navgroup-last .nav li.active a:after, .navgroup-last .nav li.active a:before { border-width: 0; } .sub { display: none; } .navgroup-sub { background: #ffffff; } .breadcrumb { padding: 8px 15px; margin: 0 0 .5em; list-style: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-shadow: 0 1px 0 #ffffff; color: #999999; } .breadcrumb > li a { color: #336699; text-decoration: none; } .breadcrumb li:before { content: "/"; margin-right: 10px; } .breadcrumb li:first-child:before { display: none; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -border-left: 1px solid #cccccc; } .pagination ul li { display: inline; } .pagination ul li a, .pagination ul li span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #cccccc; border-left-width: 0; color: #707070; } .pagination ul li a:hover, .pagination ul li a:focus, .pagination ul .active a, .pagination ul .active span { color: #707070; background-color: #cccccc; } .pagination ul li a:hover { background-color: #e9e9e9; } .pagination ul .active a, .pagination ul .active span { cursor: default; } .pagination ul .disabled span, .pagination ul .disabled a, .pagination ul .disabled a:hover, .pagination ul .disabled a:focus { color: #cccccc; background-color: transparent; cursor: default; opacity: 0.7; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -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; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-separate ul { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; -border-left: 0; } .pagination-separate ul li a, .pagination-separate ul li span { border-left-width: 1px; margin-right: 5px; } .pagination-separate ul > li:first-child > a, .pagination-separate ul > li:first-child > span, .pagination-separate ul > li:last-child > a, .pagination-separate ul > li:last-child > span { border: 0; } .pagination-large ul li a, .pagination-large ul li span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul li:first-child a, .pagination-large ul li:first-child span { -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .pagination-large ul li:last-child a, .pagination-large ul li:last-child span { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .pagination-mini ul li:first-child a, .pagination-small ul li:first-child a, .pagination-mini ul li:first-child span, .pagination-small ul li:first-child span { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; } .pagination-mini ul li:last-child a, .pagination-small ul li:last-child a, .pagination-mini ul li:last-child span, .pagination-small ul li:last-child span { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; } .pagination-small ul li a, .pagination-small ul li span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul li a, .pagination-mini ul li span { padding: 0 6px; font-size: 10.5px; } .tabs { border-bottom: 1px solid #cccccc; list-style: none; margin: 10px 0 0 0; *zoom: 1; } .tabs:before, .tabs:after { display: table; content: ""; line-height: 0; } .tabs:after { clear: both; } .tabs li { position: relative; margin: 0; margin-right: -1px; border: 1px solid #cccccc; border-bottom: none; background-color: #e9e9e9; float: left; } .tabs li a { margin: 0; display: block; outline: none; text-decoration: none; color: #333333; padding: 4px 10px; } .tabs li a:hover { background: #f5f5f5; } .tabs li:first-child { -webkit-border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; border-radius: 3px 0px 0px 0px; margin-left: 20px; } .tabs li:last-child { -webkit-border-radius: 0px 3px 0px 0px; -moz-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px; } .tabs li.active { border: 1px solid #cccccc; border-bottom: none; background: #ffffff; padding-bottom: 1px; margin-bottom: -1px; } .tabs li.active a:hover { background: #ffffff; } .taglibs { border-bottom: 1px solid #cccccc; list-style: none; margin: 10px 0 0 0; *zoom: 1; } .taglibs:before, .taglibs:after { display: table; content: ""; line-height: 0; } .taglibs:after { clear: both; } .taglibs li { position: relative; margin: 0; margin-right: -1px; border: 1px solid #cccccc; border-bottom: none; background-color: #e9e9e9; float: left; } .taglibs li a { margin: 0; display: block; outline: none; text-decoration: none; color: #333333; padding: 4px 10px; } .taglibs li a:hover { background: #f5f5f5; } .taglibs li:first-child { -webkit-border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; border-radius: 3px 0px 0px 0px; margin-left: 20px; } .taglibs li:last-child { -webkit-border-radius: 0px 3px 0px 0px; -moz-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px; } .taglibs li.active { border: 1px solid #cccccc; border-bottom: none; background: #ffffff; padding-bottom: 1px; margin-bottom: -1px; } .taglibs li.active a:hover { background: #ffffff; } .tabs-vertical { border-bottom: none; float: left; margin: 0; padding: 0; position: relative; width: 11em; z-index: 5; } .tabs-vertical li { float: none; zoom: 1; *margin-bottom: -4px; border-bottom: 1px solid #cccccc; margin-top: -1px; } .tabs-vertical li:first-child { margin-left: 0; margin-top: 20px; } .tabs-vertical li:last-child { -webkit-border-radius: 0px 0px 0px 3px; -moz-border-radius: 0px 0px 0px 3px; border-radius: 0px 0px 0px 3px; } .tabs-vertical li.active { border: 1px solid #cccccc; border-right: none; padding-right: 1px; margin-right: -1px; margin-left: -0.5em; *margin-bottom: -4px; } .tabs-pane { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 11em; padding: 20px; position: relative; z-index: 1; border: 1px solid #cccccc; } .datepicker-view { width: 260px; height: 240px; border: 1px solid #cccccc; border-radius: 5px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); position: absolute; background: #ffffff; background: rgba(255, 255, 255, 0.9); padding: 10px; } .datepicker-view .datepicker-header { text-align: center; position: relative; padding: 4px 0px 4px 0px; } .datepicker-view .datepicker-header .prev { position: absolute; top: 4px; left: 5px; -left: -100px; display: block; cursor: pointer; _zoom: 1; } .datepicker-view .datepicker-header .next { position: absolute; top: 4px; right: 5px; display: block; cursor: pointer; _zoom: 1; } .datepicker-view .datepicker-header .title { font-size: 1.2em; cursor: pointer; } .datepicker-view .datepicker-content .datepicker-days, .datepicker-view .datepicker-content .datepicker-week { overflow: hidden; } .datepicker-view .datepicker-content .datepicker-days li, .datepicker-view .datepicker-content .datepicker-week li { width: 14.28%; border: none !important; } .datepicker-view .datepicker-content .datepicker-years li, .datepicker-view .datepicker-content .datepicker-months li, .datepicker-view .datepicker-content .datepicker-days li { color: #cccccc; } .datepicker-view .datepicker-content .datepicker-minutes { padding: 20px 10px 10px 10px; overflow: hidden; } .datepicker-view .datepicker-content .datepicker-minutes li { width: 10%; padding: 6px 0px 6px 0px; border: none; } .datepicker-view .datepicker-content .datepicker-hours { padding: 20px 10px 10px 10px; overflow: hidden; } .datepicker-view .datepicker-content .datepicker-hours li { width: 20%; padding: 8px 0px 8px 0px; border: none; } .datepicker-view .datepicker-content .datepicker-months { padding: 20px 10px 10px 10px; overflow: hidden; } .datepicker-view .datepicker-content .datepicker-months li { width: 32.5%; padding: 8px 0px 8px 0px; border: none; } .datepicker-view .datepicker-content .datepicker-years { padding: 20px 10px 10px 10px; overflow: hidden; } .datepicker-view .datepicker-content .datepicker-years li { width: 32.5%; padding: 8px 0px 8px 0px; border: none; } .datepicker-view .datepicker-content li.optional { color: #333333; cursor: pointer; } .datepicker-view .datepicker-content li.active, .datepicker-view .datepicker-content li.optional:hover { color: #ffffff; background-color: #3b73af; font-weight: bold; } .datepicker-view .datepicker-content li.active, .datepicker-view .datepicker-content li.optional:visited { color: #ffffff; background-color: #548cc9; font-weight: bold; } .datepicker-view .datepicker-content ul { margin: 0px; list-style: none; } .datepicker-view .datepicker-content ul li { float: left; list-style: none; padding: 5px 0px 5px 0px; text-align: center; } .over-body { overflow: hidden; } .dialog { border: 1px solid #cccccc; background: #ffffff; border-radius: 5px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); width: 400px; z-index: 1000; position: absolute; overflow: hidden; } .dialog .dialog-header { padding: 4px 10px 4px 10px; position: relative; border-radius: 4px 4px 0 0; border-bottom: 1px solid #cccccc; } .dialog .dialog-header h1, .dialog .dialog-header h2, .dialog .dialog-header h3, .dialog .dialog-header h4, .dialog .dialog-header h5 { margin: 0; } .dialog .dialog-header .dialog-title { font-size: 17.5px; padding: 10px; } .dialog .dialog-header .dialog-control { position: absolute; right: 10px; top: 4px; } .dialog .dialog-header .dialog-control i { cursor: pointer; } .dialog .dialog-footer { border-top: 1px solid #cccccc; text-align: right; padding: 5px 10px 5px 10px; background-color: #f5f5f5; } .dialog .dialog-footer .dialog-buttons { text-align: right; } .dialog .dialog-content { position: relative; padding: 4px 10px 4px 10px; } .dialog .dialog-body { overflow: auto; } .dialog .dialog-mask { top: 0; left: 0; position: absolute; z-index: 10; background: rgba(0, 0, 0, 0.4) #000000; /*background:red !important;*/ filter: alpha(opacity=20); overflow: hidden; width: 100%; } .dialog .icon-minimal { background-position: -433px -96px; } .dialog .icon-normal { background-position: -216px 0; } .dialog .icon-close { background-position: -312px 0; } .dialog .icon-maximal { background-position: -456px -144px; } /* 图标 */ .msg-icon { display: block; text-indent: -99999px; overflow: hidden; border: none; background-image: url("/static/eeya/image/msg-icons.png"); _background-image: url("/static/eeya/image/msg-icons.gif"); width: 48px; height: 48px; } .msg-icon-info { background-position: 0px 0px; } .msg-icon-warn { background-position: -48px 0px; } .msg-icon-error { background-position: -96px 0px;background-image: url("/static/eeya/image/error.jpg"); } .msg-icon-help { background-position: -144px 0px; } .msg-icon-find { background-position: -192px 0px; } .msg-icon-forbidden { background-position: -240px 0px; } .msg-icon-critical { background-position: 0px -48px; } .msg-icon-tips { background-position: -48px -48px; } .msg-icon-delete { background-position: -96px -48px; } .msg-icon-heart { background-position: -144px -48px; } .msg-icon-star { background-position: -192px -48px; } /************************ 遮罩层 *************************/ .mask-layer { background: url("/static/eeya/image/ui-bg-none.gif") repeat; position: fixed !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .mask-layer-black { background: rgba(0, 0, 0, 0.3) !important; background: #000; filter: alpha(opacity=20); position: fixed; top: 0; left: 0; cursor: pointer; } /********************************** 提示框 ***********************************/ .alert-box { background: #ffffff; padding: 10px; *zoom: 1; } .alert-box:before, .alert-box:after { display: table; content: ""; line-height: 0; } .alert-box:after { clear: both; } .alert-box i { float: left; } .alert-box .alert-content { margin: 8px 0 0 8px; white-space: normal; word-break: break-all; float: left; width: 200px; } .confirm-box { background: #ffffff; padding: 10px; *zoom: 1; } .confirm-box:before, .confirm-box:after { display: table; content: ""; line-height: 0; } .confirm-box:after { clear: both; } .confirm-box i { float: left; } .confirm-box .confirm-content { margin: 8px 0 0 8px; white-space: normal; word-break: break-all; float: left; width: 200px; } .tooltip-view { position: absolute; left: 10px; border-radius: 3px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); padding: 4px 5px 4px 5px; } .tooltip-view-normal { position: absolute; left: 10px; border-radius: 3px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); padding: 4px 5px 4px 5px; color: #333333; background: #f5f5f5; border: 1px dashed #e3e3e3; } .tooltip-view-success { position: absolute; left: 10px; border-radius: 3px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); padding: 4px 5px 4px 5px; color: #4b924c; background: #ffffff; border: 1px dashed #d6e9c6; } .tooltip-view-info { position: absolute; left: 10px; border-radius: 3px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); padding: 4px 5px 4px 5px; color: #23588d; background: #ffffff; border: 1px dashed #bce8f1; } .tooltip-view-warning { position: absolute; left: 10px; border-radius: 3px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); padding: 4px 5px 4px 5px; color: #c09853; background: #ffffff; border: 1px dashed #fbeed5; } .tooltip-view-error { position: absolute; left: 10px; border-radius: 3px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); padding: 4px 5px 4px 5px; color: #bd5553; background: #ffffff; border: 1px dashed #eed3d7; } .drop-wrap { position: relative; display: inline-block; *display: inline; *zoom: 1; } .drop-wrap:before, .drop-wrap:after { display: table; content: ""; line-height: 0; } .drop-wrap:after { clear: both; } .drop-wrap .submenu { display: none; top: 30px; font-size: 14px; } .drop-wrap .dropdown { position: relative; } .drop-wrap .dropdown ul { position: absolute; top: 30px; } .drop-wrap .dropdown ul li { position: relative; text-align: left; } .drop-wrap .expand { margin-left: 2px; } .drop-wrap .dropbox-view { position: absolute; display: none; background: #fff; border: 1px solid #e9e9e9; padding: .5em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; top: 100%; bottom: auto; left: 0px; right: auto; } .drop-wrap .pull-top { bottom: 100%; top: auto; left: 0px; right: auto; } .drop-wrap .pull-bottom { top: 100%; bottom: auto; left: 0px; right: auto; } .drop-wrap .pull-right { right: 0px; left: auto; } .drop-wrap .pull-left { left: 0px; right: auto; } .drop-wrap .bottom .outer-arrow, .drop-wrap .top .outer-arrow { left: 10%; } .flag, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #cccccc; } .flag { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .flag:empty, .badge:empty { display: none; } a.flag:hover, a.flag:focus, a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .flag-important, .badge-important { background-color: #b94a48; } .flag-important[href], .badge-important[href] { background-color: #953b39; } .flag-warning, .badge-warning { background-color: #f89406; } .flag-warning[href], .badge-warning[href] { background-color: #c67605; } .flag-success, .badge-success { background-color: #468847; } .flag-success[href], .badge-success[href] { background-color: #356635; } .flag-info, .badge-info { background-color: #205081; } .flag-info[href], .badge-info[href] { background-color: #163758; } .flag-inverse, .badge-inverse { background-color: #707070; } .flag-inverse[href], .badge-inverse[href] { background-color: #575757; } .btn .flag, .btn .badge { position: relative; top: -1px; } .btn-mini .flag, .btn-mini .badge { top: 0; }