zoukankan      html  css  js  c++  java
  • 模态框

    1.响应式(兼容IE9以上)

    http://www.htmleaf.com/jQuery/Lightbox-Dialog/20141223964.html

    2.bootstrap模态框

    截取自http://www.cnblogs.com/ZHF/p/3739022.html ,(垂直居中)

    在bootstrap.js文件900行后面添加如下代码,便可以实现垂直居中(作者:ZHF 出处:http://zhf.cnblogs.com/)    

    that.$element.children().eq(0).css("position", "absolute").css({
              "margin":"0px",
              "top": function () {
                  return (that.$element.height() - that.$element.children().eq(0).height()-40) / 2 + "px";
              },
              "left": function () {
                  return (that.$element.width() - that.$element.children().eq(0).width()) / 2 + "px";
              }
          });
    

    HTML代码示例如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
       <title>Bootstrap 模态框弹出窗口</title>
       <link rel="stylesheet" href="css/bootstrap.modal.css"/>
       <script src="js/jquery-1.11.2.min.js"></script>
       <script src="js/bootstrap.js"></script>
       <style>
           .modal-content{background: url(../images/modal_bg.jpg) repeat left top;}
           .modal-dialog{border: 2px solid #fff;padding: 5px;border-radius: 3px;overflow: hidden;}
           .modal-content{border: 2px solid #fff;margin: 0;}
           .modal .modal-header .close{width: 58px;height: 20px;line-height: 20px; background: url(../images/redClose.jpg) repeat-x left top;color: #fff;border: 1px solid #ccc;border-radius: 2px;}
        </style>
    </head>
    <body>
    
    <h2>标题</h2>
    
    <!-- 按钮 -->
    <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
       按钮
    </button>
    
    <!-- 内容 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
        aria-labelledby="myModalLabel" aria-hidden="true">
       <div class="modal-dialog">
          <div class="modal-content">
             <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" 
                    aria-hidden="true">按钮
                </button>
                <h4 class="modal-title" id="myModalLabel">
                  文字文字文字
                </h4>
             </div>
             <div class="modal-body">
               主体主体主体
             </div>
             <div class="modal-footer">
                <button type="button" class="btn btn-default" 
                    data-dismiss="modal">
                   按钮1
                </button>
                <button type="button" class="btn btn-primary">
                   按钮2
                </button>
             </div>
          </div><!-- /.modal-content -->
       </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <script>
       $(function () { $('#myModal').modal('hide')})});
    </script>
    <script>
       $(function () { $('#myModal').on('hide.bs.modal',function () {  
           alert("拜拜"); }
                      )
       });
    </script>
    
    </body>
    </html>

    bootstrap.modal.min.css

    .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}
    .col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px 9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:12px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:31px;font-size:12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ebebeb;border-radius:3px}.form-control:focus{outline:0;border-color:rgba(82,168,236,0.8);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6)}.form-control::-webkit-input-placeholder{color:#aaa}.form-control:-moz-placeholder{color:#aaa}.form-control::-moz-placeholder{color:#aaa}.form-control:-ms-input-placeholder{color:#aaa}.form-control:-moz-placeholder{color:#aaa}.form-control::-moz-placeholder{color:#aaa}.form-control:-ms-input-placeholder{color:#aaa}.form-control::-webkit-input-placeholder{color:#aaa}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}input[type="date"]{line-height:31px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:17px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px;margin-top:1px}
    .radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:28px;padding:5px 10px;font-size:11px;line-height:1.5;border-radius:2px}select.input-sm{height:28px;line-height:28px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:41px;padding:10px 16px;font-size:15px;line-height:1.33;border-radius:3px}select.input-lg{height:41px;line-height:41px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:38.75px}.has-feedback .form-control-feedback{position:absolute;top:22px;right:0;display:block;width:31px;height:31px;line-height:31px;text-align:center}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#ffd40b}.has-warning .form-control{border-color:#ffd78a}.has-warning .form-control:focus{border-color:#ffc658}.has-warning .input-group-addon{color:#ffd40b;border-color:#ffd78a;background-color:#ffefa4}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#ff3030}.has-error .form-control{border-color:#ffafbd}.has-error .form-control:focus{border-color:#ff7c92}.has-error .input-group-addon{color:#ff3030;border-color:#ffafbd;background-color:#ffc9c9}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#46cd43}.has-success .form-control{border-color:#b4e8a8}.has-success .form-control:focus{border-color:#91dd80}.has-success .input-group-addon{color:#46cd43;border-color:#b4e8a8;background-color:#bdedbc}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#d4d4d4}@media(min-768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:24px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{content:" ";display:table}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-group{clear:both}.form-horizontal .form-group:before,.form-horizontal .form-group:after{content:" ";display:table}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-control-static{padding-top:7px}@media(min-768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.bs-example>.btn,.bs-example>.make-switch,.bs-example>.btn-group{margin-top:4px;margin-bottom:4px;margin-right:9px}.bs-example.bs-baseline-top .btn,.bs-example.bs-baseline-top .btn-group{vertical-align:top!important}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group.col{float:none;padding-left:0;padding-right:0}.input-group .form-control{float:left;width:100%;margin-bottom:0}.input-group.minimal .input-group-addon{background-color:transparent;padding-right:0}.input-group.minimal .input-group-addon+.form-control{border-left:0;border-right-width:1px}.input-group.minimal>.input-group-addon:first-child{padding-left:8px}
    .input-group.minimal>.input-group-addon:first-child+.form-control{padding-left:5px}.input-group.minimal .form-control+.input-group-addon{padding-right:12px;padding-left:0}.input-group.minimal .form-control{border-right-width:0;padding-right:5px}.input-group.minimal .form-control+.input-group-addon{padding-right:8px}.input-group.minimal .form-control:focus{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-color:#ebebeb}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:41px;padding:10px 16px;font-size:15px;line-height:1.33;border-radius:3px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:41px;line-height:41px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:28px;padding:5px 10px;font-size:11px;line-height:1.5;border-radius:2px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:28px;line-height:28px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:12px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#f3f3f3;border:1px solid #ebebeb;border-radius:3px;color:#919191}.input-group-addon.input-sm{padding:5px 10px;font-size:11px;border-radius:2px}.input-group-addon.input-lg{padding:10px 16px;font-size:15px;border-radius:3px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap;font-size:0}.input-group-btn:first-child>.btn{margin-right:-1px}.input-group-btn:last-child>.btn{margin-left:-1px}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.input-group>.twitter-typeahead:first-child .typeahead{-webkit-border-radius:3px 0 0 3px;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px;-moz-background-clip:padding;border-radius:3px 0 0 3px;background-clip:padding-box}.input-group>.twitter-typeahead:last-child .typeahead{-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.close{float:right;font-size:18px;font-weight:bold;line-height:1;color:#000;-webkit-opacity:.2;-moz-opacity:.2;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal-open .page-container{padding-right:15px}.modal{display:none;overflow:auto;overflow-y:scroll;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.custom-width{margin-left:auto;margin-right:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.modal.custom-width .modal-dialog{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.modal .modal-header .close{background:#f0f0f1;display:inline-block;padding:0 5px;line-height:1;color:#787878;-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);text-shadow:none;font-weight:300;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
    .modal .modal-header .close:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}.modal .modal-header h4{text-shadow:none;color:#3b3b3b;font-size:1.125em;font-weight:bold}.modal .modal-body>p:last-child{margin-bottom:0}.modal.inline{display:block;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);position:relative;left:0;top:0;right:auto;bottom:auto;overflow:hidden;z-index:0!important}.modal.inline .modal-dialog{margin:0;width:auto}.modal.invert .modal-dialog .modal-content{background-color:#303641;color:#aaabae;border-color:#454a54}.modal.invert .modal-dialog .modal-content .modal-header{border-bottom-color:#454a54}.modal.invert .modal-dialog .modal-content .modal-header .close{background-color:#454a54;color:#c7cad1}.modal.invert .modal-dialog .modal-content .modal-header h4{color:#fff}.modal.invert .modal-dialog .modal-content .modal-footer{border-top-color:#454a54}.modal.gray .modal-dialog .modal-content{background-color:#f0f0f1;border-color:#fff}.modal.gray .modal-dialog .modal-content .modal-header{border-bottom-color:#fff}.modal.gray .modal-dialog .modal-content .modal-header .close{background-color:#fff;color:#808080}.modal.gray .modal-dialog .modal-content .modal-header h4{color:#6b6b6b}.modal.gray .modal-dialog .modal-content .modal-footer{border-top-color:#fff}.modal.fade .modal-dialog{-webkit-transform:translateY(-400px) scale(1.1);-moz-transform:translateY(-400px) scale(1.1);-o-transform:translateY(-400px) scale(1.1);-ms-transform:translateY(-400px) scale(1.1);transform:translateY(-400px) scale(1.1);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:-webkit-transform .5s cubic-bezier(0.175,0.885,0.320,1.275);-moz-transition:-moz-transform .5s cubic-bezier(0.175,0.885,0.320,1.275);-o-transition:-o-transform .5s cubic-bezier(0.175,0.885,0.320,1.275);transition:transform .5s cubic-bezier(0.175,0.885,0.320,1.275)}.modal.in .modal-dialog{-moz-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}.modal-dialog{position:relative;margin-left:auto;margin-right:auto;width:auto;padding:10px;width:600px}.modal-dialog.fade{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.modal-dialog.in{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50)}.modal-content{position:relative;background-color:#fff;border:1px solid #ebebeb;border-radius:3px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background-clip:padding-box;outline:0;margin-top:50px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px;overflow:hidden}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer.left{text-align:left}.modal-footer:before,.modal-footer:after{content:" ";display:table}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{content:" ";display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-768px){.modal-dialog{width:600px;padding-top:30px;padding-bottom:30px}.modal-dialog.modal-lg{width:900px}.modal-dialog.modal-sm{width:400px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#303641;text-decoration:none;outline:0}.btn:active,.btn.active{outline:0;background-image:none;-moz-box-shadow:inset 0 0 7px rgba(0,0,0,0.225);-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.225);box-shadow:inset 0 0 7px rgba(0,0,0,0.225);-moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.2);box-shadow:inset 0 0 4px rgba(0,0,0,0.2)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;-webkit-opacity:.65;-moz-opacity:.65;opacity:.65;filter:alpha(opacity=65);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.btn.btn-icon{position:relative}.btn.btn-icon i{position:absolute;right:0;top:0;height:100%}
    .btn-default{color:#303641;background-color:#f0f0f1;border-color:#f0f0f1}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#303641;background-color:#dbdbdd;border-color:#d0d0d3}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#f0f0f1;border-color:#f0f0f1}.btn-default .badge{color:#f0f0f1;background-color:#303641}.btn-default>.caret{border-top-color:#303641;border-bottom-color:#303641!important}.btn-default.dropdown-toggle{border-left-color:#dedee0}.btn-default.btn-icon{position:relative;padding-right:39px;border:0}.btn-default.btn-icon i{background-color:#dbdbdd;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.btn-default.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-default.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-default.btn-icon.btn-lg{padding-right:55px}.btn-default.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-default.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-default.btn-icon.btn-sm{padding-right:36px}.btn-default.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-default.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-default.btn-icon.btn-xs{padding-right:32px}.btn-default.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-default.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-primary{color:#fff;background-color:#303641;border-color:#303641}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#1f232a;border-color:#16191e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#303641;border-color:#303641}.btn-primary .badge{color:#303641;background-color:#fff}.btn-primary>.caret{border-top-color:#fff;border-bottom-color:#fff!important}.btn-primary.dropdown-toggle{border-left-color:#21252c}.btn-primary.btn-icon{position:relative;padding-right:39px;border:0}.btn-primary.btn-icon i{background-color:#1f232a;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.btn-primary.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-primary.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-primary.btn-icon.btn-lg{padding-right:55px}.btn-primary.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-primary.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-primary.btn-icon.btn-sm{padding-right:36px}.btn-primary.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-primary.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-primary.btn-icon.btn-xs{padding-right:32px}.btn-primary.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-primary.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-blue{color:#fff;background-color:#0072bc;border-color:#0072bc}.btn-blue:hover,.btn-blue:focus,.btn-blue:active,.btn-blue.active,.open .dropdown-toggle.btn-blue{color:#fff;background-color:#005993;border-color:#004d7f}
    .btn-blue:active,.btn-blue.active,.open .dropdown-toggle.btn-blue{background-image:none}.btn-blue.disabled,.btn-blue[disabled],fieldset[disabled] .btn-blue,.btn-blue.disabled:hover,.btn-blue[disabled]:hover,fieldset[disabled] .btn-blue:hover,.btn-blue.disabled:focus,.btn-blue[disabled]:focus,fieldset[disabled] .btn-blue:focus,.btn-blue.disabled:active,.btn-blue[disabled]:active,fieldset[disabled] .btn-blue:active,.btn-blue.disabled.active,.btn-blue[disabled].active,fieldset[disabled] .btn-blue.active{background-color:#0072bc;border-color:#0072bc}.btn-blue .badge{color:#0072bc;background-color:#fff}.btn-blue>.caret{border-top-color:#fff;border-bottom-color:#fff!important}.btn-blue.dropdown-toggle{border-left-color:#005c98}.btn-blue.btn-icon{position:relative;padding-right:39px;border:0}.btn-blue.btn-icon i{background-color:#005993;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.btn-blue.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-blue.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-blue.btn-icon.btn-lg{padding-right:55px}.btn-blue.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-blue.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-blue.btn-icon.btn-sm{padding-right:36px}.btn-blue.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-blue.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-blue.btn-icon.btn-xs{padding-right:32px}.btn-blue.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-blue.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-red{color:#fff;background-color:#d42020;border-color:#d42020}.btn-red:hover,.btn-red:focus,.btn-red:active,.btn-red.active,.open .dropdown-toggle.btn-red{color:#fff;background-color:#b11b1b;border-color:#9f1818}.btn-red:active,.btn-red.active,.open .dropdown-toggle.btn-red{background-image:none}.btn-red.disabled,.btn-red[disabled],fieldset[disabled] .btn-red,.btn-red.disabled:hover,.btn-red[disabled]:hover,fieldset[disabled] .btn-red:hover,.btn-red.disabled:focus,.btn-red[disabled]:focus,fieldset[disabled] .btn-red:focus,.btn-red.disabled:active,.btn-red[disabled]:active,fieldset[disabled] .btn-red:active,.btn-red.disabled.active,.btn-red[disabled].active,fieldset[disabled] .btn-red.active{background-color:#d42020;border-color:#d42020}.btn-red .badge{color:#d42020;background-color:#fff}.btn-red>.caret{border-top-color:#fff;border-bottom-color:#fff!important}.btn-red.dropdown-toggle{border-left-color:#b51b1b}.btn-red.btn-icon{position:relative;padding-right:39px;border:0}.btn-red.btn-icon i{background-color:#b11b1b;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.btn-red.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-red.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-red.btn-icon.btn-lg{padding-right:55px}.btn-red.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-red.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-red.btn-icon.btn-sm{padding-right:36px}.btn-red.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-red.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-red.btn-icon.btn-xs{padding-right:32px}.btn-red.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-red.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-orange{color:#fff;background-color:#ff9600;border-color:#ff9600}.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange{color:#fff;background-color:#d67e00;border-color:#c27200}.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange{background-image:none}.btn-orange.disabled,.btn-orange[disabled],fieldset[disabled] .btn-orange,.btn-orange.disabled:hover,.btn-orange[disabled]:hover,fieldset[disabled] .btn-orange:hover,.btn-orange.disabled:focus,.btn-orange[disabled]:focus,fieldset[disabled] .btn-orange:focus,.btn-orange.disabled:active,.btn-orange[disabled]:active,fieldset[disabled] .btn-orange:active,.btn-orange.disabled.active,.btn-orange[disabled].active,fieldset[disabled] .btn-orange.active{background-color:#ff9600;border-color:#ff9600}
    .btn-orange .badge{color:#ff9600;background-color:#fff}.btn-orange>.caret{border-top-color:#fff;border-bottom-color:#fff!important}.btn-orange.dropdown-toggle{border-left-color:#db8100}.btn-orange.btn-icon{position:relative;padding-right:39px;border:0}.btn-orange.btn-icon i{background-color:#d67e00;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.btn-orange.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-orange.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-orange.btn-icon.btn-lg{padding-right:55px}.btn-orange.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-orange.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-orange.btn-icon.btn-sm{padding-right:36px}.btn-orange.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-orange.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-orange.btn-icon.btn-xs{padding-right:32px}.btn-orange.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-orange.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-gold{color:#846e20;background-color:#fcd036;border-color:#fcd036}.btn-gold:hover,.btn-gold:focus,.btn-gold:active,.btn-gold.active,.open .dropdown-toggle.btn-gold{color:#846e20;background-color:#fbc70e;border-color:#f1bc04}.btn-gold:active,.btn-gold.active,.open .dropdown-toggle.btn-gold{background-image:none}.btn-gold.disabled,.btn-gold[disabled],fieldset[disabled] .btn-gold,.btn-gold.disabled:hover,.btn-gold[disabled]:hover,fieldset[disabled] .btn-gold:hover,.btn-gold.disabled:focus,.btn-gold[disabled]:focus,fieldset[disabled] .btn-gold:focus,.btn-gold.disabled:active,.btn-gold[disabled]:active,fieldset[disabled] .btn-gold:active,.btn-gold.disabled.active,.btn-gold[disabled].active,fieldset[disabled] .btn-gold.active{background-color:#fcd036;border-color:#fcd036}.btn-gold .badge{color:#fcd036;background-color:#846e20}.btn-gold>.caret{border-top-color:#846e20;border-bottom-color:#846e20!important}.btn-gold.dropdown-toggle{border-left-color:#fbc813}.btn-gold.btn-icon{position:relative;padding-right:39px;border:0}.btn-gold.btn-icon i{background-color:#fbc70e;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.btn-gold.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-gold.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-gold.btn-icon.btn-lg{padding-right:55px}.btn-gold.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-gold.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-gold.btn-icon.btn-sm{padding-right:36px}.btn-gold.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-gold.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-gold.btn-icon.btn-xs{padding-right:32px}.btn-gold.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-gold.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-black{color:#fff;background-color:#000;border-color:#000}.btn-black:hover,.btn-black:focus,.btn-black:active,.btn-black.active,.open .dropdown-toggle.btn-black{color:#fff;background-color:#000;border-color:#000}.btn-black:active,.btn-black.active,.open .dropdown-toggle.btn-black{background-image:none}.btn-black.disabled,.btn-black[disabled],fieldset[disabled] .btn-black,.btn-black.disabled:hover,.btn-black[disabled]:hover,fieldset[disabled] .btn-black:hover,.btn-black.disabled:focus,.btn-black[disabled]:focus,fieldset[disabled] .btn-black:focus,.btn-black.disabled:active,.btn-black[disabled]:active,fieldset[disabled] .btn-black:active,.btn-black.disabled.active,.btn-black[disabled].active,fieldset[disabled] .btn-black.active{background-color:#000;border-color:#000}.btn-black .badge{color:#000;background-color:#fff}.btn-black>.caret{border-top-color:#fff;border-bottom-color:#fff!important}.btn-black.dropdown-toggle{border-left-color:#000}.btn-black.btn-icon{position:relative;padding-right:39px;border:0}.btn-black.btn-icon i{background-color:#000;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}
    .btn-black.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-black.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-black.btn-icon.btn-lg{padding-right:55px}.btn-black.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-black.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-black.btn-icon.btn-sm{padding-right:36px}.btn-black.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-black.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-black.btn-icon.btn-xs{padding-right:32px}.btn-black.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-black.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-white{color:#303641;background-color:#fff;border-color:#fff;border-color:#ebebeb}.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white{color:#303641;background-color:#ebebeb;border-color:#e0e0e0}.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white{background-image:none}.btn-white.disabled,.btn-white[disabled],fieldset[disabled] .btn-white,.btn-white.disabled:hover,.btn-white[disabled]:hover,fieldset[disabled] .btn-white:hover,.btn-white.disabled:focus,.btn-white[disabled]:focus,fieldset[disabled] .btn-white:focus,.btn-white.disabled:active,.btn-white[disabled]:active,fieldset[disabled] .btn-white:active,.btn-white.disabled.active,.btn-white[disabled].active,fieldset[disabled] .btn-white.active{background-color:#fff;border-color:#fff}.btn-white .badge{color:#fff;background-color:#303641}.btn-white>.caret{border-top-color:#303641;border-bottom-color:#303641!important}.btn-white.dropdown-toggle{border-left-color:#ededed}.btn-white.btn-icon{position:relative;padding-right:39px;border:0}.btn-white.btn-icon i{background-color:#ebebeb;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.btn-white.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-white.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-white.btn-icon.btn-lg{padding-right:55px}.btn-white.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-white.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-white.btn-icon.btn-sm{padding-right:36px}.btn-white.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-white.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-white.btn-icon.btn-xs{padding-right:32px}.btn-white.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-white.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-warning{color:#fff;background-color:#fad839;border-color:#fad839}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#f9d011;border-color:#f0c706}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#fad839;border-color:#fad839}.btn-warning .badge{color:#fad839;background-color:#fff}.btn-warning>.caret{border-top-color:#fff;border-bottom-color:#fff!important}.btn-warning.dropdown-toggle{border-left-color:#f9d116}.btn-warning.btn-icon{position:relative;padding-right:39px;border:0}.btn-warning.btn-icon i{background-color:#f9d011;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.btn-warning.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-warning.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}
    .btn-warning.btn-icon.btn-lg{padding-right:55px}.btn-warning.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-warning.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-warning.btn-icon.btn-sm{padding-right:36px}.btn-warning.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-warning.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-warning.btn-icon.btn-xs{padding-right:32px}.btn-warning.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-warning.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-danger{color:#fff;background-color:#cc2424;border-color:#cc2424}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#a91e1e;border-color:#981b1b}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#cc2424;border-color:#cc2424}.btn-danger .badge{color:#cc2424;background-color:#fff}.btn-danger>.caret{border-top-color:#fff;border-bottom-color:#fff!important}.btn-danger.dropdown-toggle{border-left-color:#ae1f1f}.btn-danger.btn-icon{position:relative;padding-right:39px;border:0}.btn-danger.btn-icon i{background-color:#a91e1e;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.btn-danger.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-danger.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-danger.btn-icon.btn-lg{padding-right:55px}.btn-danger.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-danger.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-danger.btn-icon.btn-sm{padding-right:36px}.btn-danger.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-danger.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-danger.btn-icon.btn-xs{padding-right:32px}.btn-danger.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-danger.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-success,.btn-green{color:#fff;background-color:#00a651;border-color:#00a651}.btn-success:hover,.btn-green:hover,.btn-success:focus,.btn-green:focus,.btn-success:active,.btn-green:active,.btn-success.active,.btn-green.active,.open .dropdown-toggle.btn-success,.open .dropdown-toggle.btn-green{color:#fff;background-color:#007d3d;border-color:#006933}.btn-success:active,.btn-green:active,.btn-success.active,.btn-green.active,.open .dropdown-toggle.btn-success,.open .dropdown-toggle.btn-green{background-image:none}.btn-success.disabled,.btn-green.disabled,.btn-success[disabled],.btn-green[disabled],fieldset[disabled] .btn-success,fieldset[disabled] .btn-green,.btn-success.disabled:hover,.btn-green.disabled:hover,.btn-success[disabled]:hover,.btn-green[disabled]:hover,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-green:hover,.btn-success.disabled:focus,.btn-green.disabled:focus,.btn-success[disabled]:focus,.btn-green[disabled]:focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-green:focus,.btn-success.disabled:active,.btn-green.disabled:active,.btn-success[disabled]:active,.btn-green[disabled]:active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-green:active,.btn-success.disabled.active,.btn-green.disabled.active,.btn-success[disabled].active,.btn-green[disabled].active,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-green.active{background-color:#00a651;border-color:#00a651}.btn-success .badge,.btn-green .badge{color:#00a651;background-color:#fff}.btn-success>.caret,.btn-green>.caret{border-top-color:#fff;border-bottom-color:#fff!important}.btn-success.dropdown-toggle,.btn-green.dropdown-toggle{border-left-color:#008240}.btn-success.btn-icon,.btn-green.btn-icon{position:relative;padding-right:39px;border:0}.btn-success.btn-icon i,.btn-green.btn-icon i{background-color:#007d3d;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}
    .btn-success.btn-icon.icon-left,.btn-green.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-success.btn-icon.icon-left i,.btn-green.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-success.btn-icon.btn-lg,.btn-green.btn-icon.btn-lg{padding-right:55px}.btn-success.btn-icon.btn-lg.icon-left,.btn-green.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-success.btn-icon.btn-lg i,.btn-green.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-success.btn-icon.btn-sm,.btn-green.btn-icon.btn-sm{padding-right:36px}.btn-success.btn-icon.btn-sm.icon-left,.btn-green.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-success.btn-icon.btn-sm i,.btn-green.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-success.btn-icon.btn-xs,.btn-green.btn-icon.btn-xs{padding-right:32px}.btn-success.btn-icon.btn-xs.icon-left,.btn-green.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-success.btn-icon.btn-xs i,.btn-green.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-info{color:#fff;background-color:#21a9e1;border-color:#21a9e1}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#1a8fbf;border-color:#1782ad}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#21a9e1;border-color:#21a9e1}.btn-info .badge{color:#21a9e1;background-color:#fff}.btn-info>.caret{border-top-color:#fff;border-bottom-color:#fff!important}.btn-info.dropdown-toggle{border-left-color:#1a92c4}.btn-info.btn-icon{position:relative;padding-right:39px;border:0}.btn-info.btn-icon i{background-color:#1a8fbf;padding:6px 6px;font-size:12px;line-height:1.42857143;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}.btn-info.btn-icon.icon-left{padding-right:12px;padding-left:39px}.btn-info.btn-icon.icon-left i{float:left;right:auto;left:0;-webkit-border-radius:3px 0 0 3px!important;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px!important;-moz-background-clip:padding;border-radius:3px 0 0 3px!important;background-clip:padding-box}.btn-info.btn-icon.btn-lg{padding-right:55px}.btn-info.btn-icon.btn-lg.icon-left{padding-right:16px;padding-left:55px}.btn-info.btn-icon.btn-lg i{padding:10px 10px;font-size:15px;line-height:1.33;border-radius:3px}.btn-info.btn-icon.btn-sm{padding-right:36px}.btn-info.btn-icon.btn-sm.icon-left{padding-right:10px;padding-left:36px}.btn-info.btn-icon.btn-sm i{padding:5px 6px;font-size:11px;line-height:1.5;border-radius:2px}.btn-info.btn-icon.btn-xs{padding-right:32px}.btn-info.btn-icon.btn-xs.icon-left{padding-right:10px;padding-left:32px}.btn-info.btn-icon.btn-xs i{padding:2px 6px;font-size:10px;line-height:1.5;border-radius:2px}.btn-link{color:#373e4a;font-weight:normal;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#818da2;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:15px;line-height:1.33;border-radius:3px}.btn-sm,.btn-xs{padding:5px 10px;font-size:11px;line-height:1.5;border-radius:2px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}
  • 相关阅读:
    C++ 学习笔记 (七)继承与多态 virtual关键字的使用场景
    C++ 学习笔记 (六) 继承- 子类与父类有同名函数,变量
    C++ 学习笔记(五)类的知识小结一(重载,友元函数,静态成员,new)
    C++ 学习笔记(四)类的内存分配及this指针
    C++ 学习笔记(三)string 类
    C++ 学习笔记(二) const的加强
    C++ 学习笔记(一) cout 与printf 的不同之处
    C++ 学习笔记 开篇
    Kali root用户无法登录GUI界面
    解决方案——Manjaro安装卡在Misc postinstall configurations
  • 原文地址:https://www.cnblogs.com/love9happy/p/4757333.html
Copyright © 2011-2022 走看看