From 63a6e2479ac20c5d8ecfa00b3cff0e43525b5138 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Tue, 11 Oct 2016 14:16:33 +0300 Subject: [PATCH] Bootstrap flavor - full --- flavors/mini-bootstrap.css | 279 ++++++++++++++++----------------- flavors/mini-bootstrap.min.css | 2 +- flavors/mini-bootstrap.scss | 106 +++++++++---- flavors/mini-default.css | 2 + flavors/mini-niteowl.css | 2 + 5 files changed, 212 insertions(+), 179 deletions(-) diff --git a/flavors/mini-bootstrap.css b/flavors/mini-bootstrap.css index 813611a..3297123 100644 --- a/flavors/mini-bootstrap.css +++ b/flavors/mini-bootstrap.css @@ -1394,46 +1394,46 @@ img.thumbnail { - [3] : The values that $accordion-hover-style can take are `lighten` and `darken`. The inside condition only checks if the value is `lighten` and acts accordingly. Invalid values are treated as `darken`. */ -input[type="checkbox"].clps { +input[type="checkbox"].collapse { display: none; } - input[type="checkbox"].clps + div { + input[type="checkbox"].collapse + div { display: none; color: #333; - background-color: #eeeeee; - padding: 10px; - margin-top: 5px; - border: 1px solid #ccc; + background-color: #f5f5f5; + padding: 19px; + margin-top: 6px; + border: 1px solid #e3e3e3; border-radius: 4px; } -input[type="checkbox"]:checked.clps + div { +input[type="checkbox"]:checked.collapse + div { display: block; } -input[type="radio"].acrd { +input[type="radio"].accordion { display: none; } - input[type="radio"].acrd + label { + input[type="radio"].accordion + label { width: 100%; display: block; color: #333; - background-color: #eeeeee; + background-color: #f5f5f5; padding: 8px; - margin-bottom: 5px; - border: 1px solid #ccc; + margin-bottom: 6px; + border: 1px solid #e3e3e3; border-radius: 4px; cursor: pointer; } - input[type="radio"].acrd + label:hover, input[type="radio"].acrd + label:active, input[type="radio"].acrd + label:focus { - background-color: #dbdbdb; } - input[type="radio"].acrd + label + div { + input[type="radio"].accordion + label:hover, input[type="radio"].accordion + label:active, input[type="radio"].accordion + label:focus { + background-color: #e2e2e2; } + input[type="radio"].accordion + label + div { display: none; color: #333; background-color: #fff; - padding: 10px; + padding: 19px; margin-top: -1px; - margin-bottom: 5px; - border: 1px solid #ccc; + margin-bottom: 6px; + border: 1px solid #e3e3e3; border-radius: 0 0 4px 4px; } -input[type="radio"]:checked.acrd + label { +input[type="radio"]:checked.accordion + label { border-radius: 4px 4px 0 0; margin-bottom: 0; } - input[type="radio"]:checked.acrd + label + div { + input[type="radio"]:checked.accordion + label + div { display: block; } /* @@ -1464,29 +1464,37 @@ input[type="radio"]:checked.acrd + label { - [2] : This mixin should be used in combination with `make-progress` and is suggested that you use it after `make-progress`. */ -.prg { +.progress-bar { position: relative; overflow: hidden; height: 20px; background-color: #d7d7d7; border-radius: 4px; } - .prg > span { + .progress-bar > span { float: left; width: 0; height: 100%; color: #fff; background-color: #337ab7; text-align: center; - font-size: 0.8em; } + font-size: 12px; } -.prg > span.green { +.progress-bar > span.progress-bar-success { color: #fff; background-color: #5cb85c; } -.prg > span.red { +.progress-bar > span.progress-bar-info { color: #fff; background-color: #5bc0de; } +.progress-bar > span.progress-bar-warning { + color: #fff; + background-color: #f0ad4e; } + +.progress-bar > span.progress-bar-danger { + color: #fff; + background-color: #d9534f; } + /* Mixin for dotted spinner component. Parameters: @@ -1515,7 +1523,7 @@ input[type="radio"]:checked.acrd + label { .spinner-dots { display: inline-block; overflow: hidden; - height: 1.5em; + height: 20px; vertical-align: bottom; } .spinner-dots:after { display: inline-table; @@ -1525,17 +1533,17 @@ input[type="radio"]:checked.acrd + label { @keyframes spin-dots { to { - transform: translateY(-6em); } } + transform: translateY(-80px); } } .spinner-round { display: inline-block; - border: 0.4em solid rgba(34, 34, 34, 0.2); - border-left: 0.4em solid #222; + border: 6px solid rgba(51, 51, 51, 0.25); + border-left: 6px solid #337ab7; transform: translateZ(0); animation: spin-round 1.5s infinite linear; } .spinner-round, .spinner-round:after { border-radius: 50%; - width: 1.5em; - height: 1.5em; } + width: 20px; + height: 20px; } @keyframes spin-round { 0% { @@ -1574,7 +1582,7 @@ input[type="radio"]:checked.acrd + label { overflow: hidden; text-align: center; margin: auto; - border: 1px solid #ccc; + border: 1px solid #ddd; border-radius: 4px; } .carousel input[type="radio"] { display: none; } @@ -1597,7 +1605,7 @@ input[type="radio"]:checked.acrd + label { height: 160px; overflow: auto; left: 0; - top: 340px; + top: 360px; background-color: #333; color: #fff; opacity: 0.1; } @@ -1608,7 +1616,7 @@ input[type="radio"]:checked.acrd + label { z-index: 998; cursor: pointer; top: 450px; - color: #fafafa; + color: #fff; font-size: 1.8em; } .carousel input[type="radio"] + div + label:before { content: '\25cb'; } @@ -1715,122 +1723,151 @@ input[type="radio"]:checked.acrd + label { - [4] : The results of this mixin are purely stylistic and do not provide any grouping functionality. */ -.brdcrmb { +.breadcrumb { list-style: none; } - .brdcrmb > li { + .breadcrumb > li { display: inline-block; } - .brdcrmb > li + li:before { - content: '\27e9\00a0'; } + .breadcrumb > li + li:before { + content: '\002f\00a0'; } .well { - border: 1px solid #ccc; + border: 1px solid #e3e3e3; border-radius: 4px; - background-color: #e7e7e7; + background-color: #f5f5f5; color: #333; - padding: 20px; } + padding: 19px; } -.alert-blue + div { - border: 1px solid #285f8f; - border-radius: 4px; - background-color: #4f93ce; - color: #1d4567; - padding: 20px; } - -input[type="checkbox"].alert-blue { - display: none; } - input[type="checkbox"].alert-blue + div { - display: none; - position: relative; } - input[type="checkbox"].alert-blue + div a { - font-weight: 700; - text-decoration: none; - color: #122a3f; } - input[type="checkbox"].alert-blue + div a:hover, input[type="checkbox"].alert-blue + div a:active, input[type="checkbox"].alert-blue + div a:focus { - text-decoration: underline; } - input[type="checkbox"].alert-blue + div .close { - position: absolute; - top: 20px; - right: 20px; - color: #1d4567; } - input[type="checkbox"].alert-blue + div .close:hover, input[type="checkbox"].alert-blue + div .close:active, input[type="checkbox"].alert-blue + div .close:focus { - color: #122a3f; } - -input[type="checkbox"]:checked.alert-blue + div { - display: block; } - -.alert-green + div { +.alert-success + div { border: 1px solid #449d44; border-radius: 4px; background-color: #80c780; color: #357935; - padding: 20px; } + padding: 15px; } -input[type="checkbox"].alert-green { +input[type="checkbox"].alert-success { display: none; } - input[type="checkbox"].alert-green + div { + input[type="checkbox"].alert-success + div { display: none; position: relative; } - input[type="checkbox"].alert-green + div a { + input[type="checkbox"].alert-success + div a { font-weight: 700; text-decoration: none; color: #255625; } - input[type="checkbox"].alert-green + div a:hover, input[type="checkbox"].alert-green + div a:active, input[type="checkbox"].alert-green + div a:focus { + input[type="checkbox"].alert-success + div a:hover, input[type="checkbox"].alert-success + div a:active, input[type="checkbox"].alert-success + div a:focus { text-decoration: underline; } - input[type="checkbox"].alert-green + div .close { + input[type="checkbox"].alert-success + div .close { position: absolute; - top: 20px; - right: 20px; + top: 15px; + right: 15px; color: #357935; } - input[type="checkbox"].alert-green + div .close:hover, input[type="checkbox"].alert-green + div .close:active, input[type="checkbox"].alert-green + div .close:focus { + input[type="checkbox"].alert-success + div .close:hover, input[type="checkbox"].alert-success + div .close:active, input[type="checkbox"].alert-success + div .close:focus { color: #255625; } -input[type="checkbox"]:checked.alert-green + div { +input[type="checkbox"]:checked.alert-success + div { display: block; } -.alert-red + div { +.alert-info + div { border: 1px solid #31b0d5; border-radius: 4px; - background-color: #85d0e7; + background-color: #80c780; color: #2390b0; - padding: 20px; } + padding: 15px; } -input[type="checkbox"].alert-red { +input[type="checkbox"].alert-info { display: none; } - input[type="checkbox"].alert-red + div { + input[type="checkbox"].alert-info + div { display: none; position: relative; } - input[type="checkbox"].alert-red + div a { + input[type="checkbox"].alert-info + div a { font-weight: 700; text-decoration: none; color: #1b6d85; } - input[type="checkbox"].alert-red + div a:hover, input[type="checkbox"].alert-red + div a:active, input[type="checkbox"].alert-red + div a:focus { + input[type="checkbox"].alert-info + div a:hover, input[type="checkbox"].alert-info + div a:active, input[type="checkbox"].alert-info + div a:focus { text-decoration: underline; } - input[type="checkbox"].alert-red + div .close { + input[type="checkbox"].alert-info + div .close { position: absolute; - top: 20px; - right: 20px; + top: 15px; + right: 15px; color: #2390b0; } - input[type="checkbox"].alert-red + div .close:hover, input[type="checkbox"].alert-red + div .close:active, input[type="checkbox"].alert-red + div .close:focus { + input[type="checkbox"].alert-info + div .close:hover, input[type="checkbox"].alert-info + div .close:active, input[type="checkbox"].alert-info + div .close:focus { color: #1b6d85; } -input[type="checkbox"]:checked.alert-red + div { +input[type="checkbox"]:checked.alert-info + div { + display: block; } + +.alert-warning + div { + border: 1px solid #ec971f; + border-radius: 4px; + background-color: #f4c37d; + color: #c77c11; + padding: 15px; } + +input[type="checkbox"].alert-warning { + display: none; } + input[type="checkbox"].alert-warning + div { + display: none; + position: relative; } + input[type="checkbox"].alert-warning + div a { + font-weight: 700; + text-decoration: none; + color: #985f0d; } + input[type="checkbox"].alert-warning + div a:hover, input[type="checkbox"].alert-warning + div a:active, input[type="checkbox"].alert-warning + div a:focus { + text-decoration: underline; } + input[type="checkbox"].alert-warning + div .close { + position: absolute; + top: 15px; + right: 15px; + color: #c77c11; } + input[type="checkbox"].alert-warning + div .close:hover, input[type="checkbox"].alert-warning + div .close:active, input[type="checkbox"].alert-warning + div .close:focus { + color: #985f0d; } + +input[type="checkbox"]:checked.alert-warning + div { + display: block; } + +.alert-danger + div { + border: 1px solid #c9302c; + border-radius: 4px; + background-color: #e27c79; + color: #a02622; + padding: 15px; } + +input[type="checkbox"].alert-danger { + display: none; } + input[type="checkbox"].alert-danger + div { + display: none; + position: relative; } + input[type="checkbox"].alert-danger + div a { + font-weight: 700; + text-decoration: none; + color: #761c19; } + input[type="checkbox"].alert-danger + div a:hover, input[type="checkbox"].alert-danger + div a:active, input[type="checkbox"].alert-danger + div a:focus { + text-decoration: underline; } + input[type="checkbox"].alert-danger + div .close { + position: absolute; + top: 15px; + right: 15px; + color: #a02622; } + input[type="checkbox"].alert-danger + div .close:hover, input[type="checkbox"].alert-danger + div .close:active, input[type="checkbox"].alert-danger + div .close:focus { + color: #761c19; } + +input[type="checkbox"]:checked.alert-danger + div { display: block; } .panel { - border: 1px solid #ccc; + border: 1px solid #ddd; border-radius: 4px; background-color: #fff; color: #333; padding: 0; } .panel > * { - padding: 10px; } + padding: 15px; } .panel .head { border: 0; - border-bottom: 1px solid #ccc; + border-bottom: 1px solid #ddd; color: #333; background-color: #e7e7e7; - padding: 10px; + padding: 15px; margin: 0; } input[type="checkbox"].popover-top { @@ -1886,51 +1923,3 @@ input[type="checkbox"].popover-bottom { margin-left: -7px; } input[type="checkbox"]:checked.popover-bottom + label > .popover-bottom { display: block; } - -.btn-grp .btn { - border: 1px solid #ccc; - margin: 0; } - .btn-grp .btn:not(:first-child):not(:last-child) { - border-radius: 0; - border-right: 0; } - .btn-grp .btn:first-child { - border-radius: 4px 0 0 4px; - border-right: 0; } - .btn-grp .btn:last-child { - border-radius: 0 4px 4px 0; } - -.btn-grp .btn.btn-primary { - border: 1px solid #285f8f; - margin: 0; } - .btn-grp .btn.btn-primary:not(:first-child):not(:last-child) { - border-radius: 0; - border-right: 0; } - .btn-grp .btn.btn-primary:first-child { - border-radius: 4px 0 0 4px; - border-right: 0; } - .btn-grp .btn.btn-primary:last-child { - border-radius: 0 4px 4px 0; } - -.btn-grp .btn.btn-success { - border: 1px solid #449d44; - margin: 0; } - .btn-grp .btn.btn-success:not(:first-child):not(:last-child) { - border-radius: 0; - border-right: 0; } - .btn-grp .btn.btn-success:first-child { - border-radius: 4px 0 0 4px; - border-right: 0; } - .btn-grp .btn.btn-success:last-child { - border-radius: 0 4px 4px 0; } - -.btn-grp .btn.btn-info { - border: 1px solid 1px solid #31b0d5; - margin: 0; } - .btn-grp .btn.btn-info:not(:first-child):not(:last-child) { - border-radius: 0; - border-right: 0; } - .btn-grp .btn.btn-info:first-child { - border-radius: 4px 0 0 4px; - border-right: 0; } - .btn-grp .btn.btn-info:last-child { - border-radius: 0 4px 4px 0; } diff --git a/flavors/mini-bootstrap.min.css b/flavors/mini-bootstrap.min.css index fd767ec..720f21e 100644 --- a/flavors/mini-bootstrap.min.css +++ b/flavors/mini-bootstrap.min.css @@ -1 +1 @@ -pre{border:1px solid rgba(0,0,0,.25)}html{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#333;background-color:#fff}article,aside,details,figcaption,figure,footer,header,img,main,menu,nav,section{display:block}figure{margin:1em 40px}h1,h2,h3,h4,h5,h6{line-height:1.1;margin:0;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#777;font-weight:400}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}hr{box-sizing:content-box;line-height:1.14286;margin:.7em 0;height:0;border:0;border-top:1px solid #d9d9d9}small,sub,sup{font-size:80%}p,pre{margin:0 0 10px}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:14px}code,kbd,pre{padding:2px 4px;border-radius:4px}code,pre{background-color:#f9f2f4}kbd{color:#fff;background-color:#333}pre{display:block;word-break:break-all;word-wrap:break-word}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}a{background-color:transparent;text-decoration:none;color:#337ab7}a:active,a:hover{outline-width:0;color:#23527c}a:visited{color:#337ab7}a:visited:active,a:visited:hover{color:#23527c}b,strong{font-weight:bolder}dfn{font-style:italic}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}mark{background-color:#fcf8e3;color:#333}.hidden,[hidden],audio:not([controls]),template{display:none}audio:not([controls]){height:0}audio,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}sub,sup{line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%}svg:not(:root){overflow:hidden}button,hr,input{overflow:visible}button,input,optgroup,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.14286;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner,html [type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring,html [type=button]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:0;border-radius:0;margin:0;padding:0}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button,img{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn,a.btn,a.btn:visited{display:inline-block;border:0;border-radius:4px;margin:5px 0;padding:6px 12px;color:#333;background:#fff;cursor:pointer}.btn:active,.btn:focus,.btn:hover,a.btn:active,a.btn:focus,a.btn:hover,a.btn:visited:active,a.btn:visited:focus,a.btn:visited:hover{background:#ececec}.btn.disabled,.btn:disabled,.btn[disabled],a.btn.disabled,a.btn:disabled,a.btn:visited.disabled,a.btn:visited:disabled,a.btn:visited[disabled],a.btn[disabled]{cursor:not-allowed;opacity:.65}.btn.btn-primary,a.btn.btn-primary,a.btn.btn-primary:visited{color:#fff;background:#337ab7}.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover,a.btn.btn-primary:active,a.btn.btn-primary:focus,a.btn.btn-primary:hover,a.btn.btn-primary:visited:active,a.btn.btn-primary:visited:focus,a.btn.btn-primary:visited:hover{background:#2b6699}.btn.btn-success,a.btn.btn-success,a.btn.btn-success:visited{color:#fff;background:#5cb85c}.btn.btn-success:active,.btn.btn-success:focus,.btn.btn-success:hover,a.btn.btn-success:active,a.btn.btn-success:focus,a.btn.btn-success:hover,a.btn.btn-success:visited:active,a.btn.btn-success:visited:focus,a.btn.btn-success:visited:hover{background:#48a648}.btn.btn-info,a.btn.btn-info,a.btn.btn-info:visited{color:#fff;background:#5bc0de}.btn.btn-info:active,.btn.btn-info:focus,.btn.btn-info:hover,a.btn.btn-info:active,a.btn.btn-info:focus,a.btn.btn-info:hover,a.btn.btn-info:visited:active,a.btn.btn-info:visited:focus,a.btn.btn-info:visited:hover{background:#3bb4d8}.btn.btn-warning,a.btn.btn-warning,a.btn.btn-warning:visited{color:#fff;background:#f0ad4e}.btn.btn-warning:active,.btn.btn-warning:focus,.btn.btn-warning:hover,a.btn.btn-warning:active,a.btn.btn-warning:focus,a.btn.btn-warning:hover,a.btn.btn-warning:visited:active,a.btn.btn-warning:visited:focus,a.btn.btn-warning:visited:hover{background:#ed9d2b}.btn.btn-danger,a.btn.btn-danger,a.btn.btn-danger:visited{color:#fff;background:#d9534f}.btn.btn-danger:active,.btn.btn-danger:focus,.btn.btn-danger:hover,a.btn.btn-danger:active,a.btn.btn-danger:focus,a.btn.btn-danger:hover,a.btn.btn-danger:visited:active,a.btn.btn-danger:visited:focus,a.btn.btn-danger:visited:hover{background:#d23430}.btn.btn-lg{padding:10px 16px;font-size:128.6%}.btn.btn-sm{padding:5px 10px;font-size:85.7%}.btn.btn-xs{padding:1px 5px;font-size:85.7%}.btn{border:1px solid rgba(0,0,0,.25)!important}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:100%}.container-fluid *{box-sizing:border-box}.row:after,.row:before{content:"";display:table;clear:both}.col{float:left;padding:15px}.xs-1{width:8.33333%}.xs-2{width:16.66667%}.xs-3{width:25%}.xs-4{width:33.33333%}.xs-5{width:41.66667%}.xs-6{width:50%}.xs-7{width:58.33333%}.xs-8{width:66.66667%}.xs-9{width:75%}.xs-10{width:83.33333%}.xs-11{width:91.66667%}.xs-12{width:100%}.lg-hidden,.md-hidden,.sm-hidden{display:block}.xs-hidden{display:none}@media (min-width:768px){.sm-1{width:8.33333%}.sm-2{width:16.66667%}.sm-3{width:25%}.sm-4{width:33.33333%}.sm-5{width:41.66667%}.sm-6{width:50%}.sm-7{width:58.33333%}.sm-8{width:66.66667%}.sm-9{width:75%}.sm-10{width:83.33333%}.sm-11{width:91.66667%}.sm-12{width:100%}.lg-hidden,.md-hidden,.xs-hidden{display:block}.sm-hidden{display:none}}@media (min-width:992px){.md-1{width:8.33333%}.md-2{width:16.66667%}.md-3{width:25%}.md-4{width:33.33333%}.md-5{width:41.66667%}.md-6{width:50%}.md-7{width:58.33333%}.md-8{width:66.66667%}.md-9{width:75%}.md-10{width:83.33333%}.md-11{width:91.66667%}.md-12{width:100%}.lg-hidden,.sm-hidden,.xs-hidden{display:block}.md-hidden{display:none}}@media (min-width:1200px){.lg-1{width:8.33333%}.lg-2{width:16.66667%}.lg-3{width:25%}.lg-4{width:33.33333%}.lg-5{width:41.66667%}.lg-6{width:50%}.lg-7{width:58.33333%}.lg-8{width:66.66667%}.lg-9{width:75%}.lg-10{width:83.33333%}.lg-11{width:91.66667%}.lg-12{width:100%}.md-hidden,.sm-hidden,.xs-hidden{display:block}.lg-hidden{display:none}}.form input:not([type]),.form input[type$=time],.form input[type=color],.form input[type=email],.form input[type=month],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=url],.form input[type=week],.form input[type^=date],.form select,.form textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;box-shadow:none}.form input,.form select,.form textarea{display:block;margin:0;padding:6px 12px}.form input:focus,.form select:focus,.form textarea:focus{border-color:#66afe9}.form input[disabled],.form select[disabled],.form textarea[disabled]{cursor:not-allowed;opacity:.65}.form input:focus:invalid,.form input:focus:invalid:focus,.form input:invalid,.form select:focus:invalid,.form select:focus:invalid:focus,.form select:invalid,.form textarea:focus:invalid,.form textarea:focus:invalid:focus,.form textarea:invalid{border-color:#a94442}.form input[readonly],.form select[readonly],.form textarea[readonly]{background-color:#e6e6e6;border-color:#bfbfbf}.form input[type=checkbox],.form input[type=radio]{display:inline-block}.form select{height:34px}.form select[multiple]{height:auto}.form label{margin:0 0 5px}.form.form-horizontal input,.form.form-horizontal label,.form.form-horizontal select,.form.form-horizontal textarea,.form.form-inline .ctrl-group,.form.form-inline input,.form.form-inline label,.form.form-inline select,.form.form-inline textarea{display:inline-block}.form.form-horizontal .form-group label{text-align:right;vertical-align:middle;width:20%;margin-top:0}.form .form-group{margin:0 0 15px}.table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #ddd}.table td,.table th{overflow:visible;border-left:1px solid #ddd;border-bottom:none;margin:0;padding:8px}.table thead{background-color:#fff;color:#333;text-align:left}.table tbody{background-color:#fff;color:#333}.table tbody tr:nth-child(2n-1){background-color:#f9f9f9}.table.table-horizontal td,.table.table-horizontal th{border-left:none;border-bottom:1px solid #ddd}.table.table-bordered td,.table.table-bordered th{border-bottom:1px solid #ddd}.navbar{box-sizing:border-box;background-color:#f8f8f8}.navbar .navbar-brand{font-size:128.6%;color:#333}.navbar ul{display:inline-block;list-style:none;margin:0;padding:0}.navbar ul li{display:inline-block;margin:0;white-space:nowrap}.navbar ul li>*{display:inline-block;padding:15px;color:#333;margin:0}.navbar ul li .navbar-nav:active,.navbar ul li .navbar-nav:focus,.navbar ul li .navbar-nav:hover{color:#333;background:#e5e5e5}.navbar ul li .navbar-nav.disabled,.navbar ul li .navbar-nav:disabled,.navbar ul li .navbar-nav[disabled]{cursor:not-allowed;opacity:.65}.navbar.navbar-vertical ul,.navbar.navbar-vertical ul li{display:block}.navbar.navbar-vertical ul li>*{width:100%;padding:15px 0}.navbar.navbar-fixed{position:fixed;left:0;top:0;z-index:999;width:100%}.navbar.navbar-fixed.navbar-vertical{height:100%;width:16.66667%}.navbar.navbar-fixed.navbar-vertical ul{width:100%}.navbar.navbar-fixed.navbar-vertical ul li{display:block}.navbar+label{display:none;font-weight:700;margin:10px;font-size:1.75em;padding:15px;color:#333;background-color:#f8f8f8;width:auto;position:fixed;z-index:1000;top:0;right:0}.navbar+label:before{position:relative;content:'\2630'}.navbar+label:active,.navbar+label:focus,.navbar+label:hover{background:#e5e5e5}@media (max-width:768px){.navbar{overflow:auto}.navbar.navbar-fixed{display:none}.navbar.navbar-fixed+label{display:block}input[type=checkbox]:checked+.navbar.navbar-fixed{display:block;width:100%;height:100%}input[type=checkbox]:checked+.navbar.navbar-fixed ul,input[type=checkbox]:checked+.navbar.navbar-fixed ul li{display:block}input[type=checkbox]:checked+.navbar.navbar-fixed ul li *{width:100%;padding:15px 0}input[type=checkbox]:checked+.navbar.navbar-fixed+label:before{content:'\00d7'}}.navbar{border:1px solid rgba(0,0,0,.25)!important;border-radius:4px!important}img.thumbnail{padding:4px;border:1px solid #ddd;border-radius:4px;cursor:pointer}img.thumbnail:focus,img.thumbnail:hover,img.thumbnailactive{border-color:#337ab7}.bordered{border:1px solid rgba(0,0,0,.25)!important}.rounded{border-radius:4px!important}.circle{border-radius:50%!important}.text-primary{color:#337ab7!important}.text-success{color:#5cb85c!important}.text-info{color:#5bc0de!important}.text-warning{color:#f0ad4e!important}.text-danger{color:#d9534f!important}.text-muted{color:#777!important}.bg-primary{background-color:#337ab7!important}.bg-success{background-color:#5cb85c!important}.bg-info{background-color:#5bc0de!important}.bg-warning{background-color:#f0ad4e!important}.bg-danger{background-color:#d9534f!important}.caret{display:inline-block;vertical-align:middle;line-height:1;width:0;height:0;border:4px solid transparent;border-top:4px solid #333}.close{display:inline-block;vertical-align:middle;line-height:1;color:#aaa;font-size:21px;font-weight:700;cursor:pointer}.close:before{content:'\00d7'}.close:active,.close:focus,.close:hover{color:#777}.pull-left{float:left!important}.pull-right{float:right!important}.center-block{display:block;margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{content:"";display:table;clear:both}.hidden{display:none!important}.label{display:inline-block;padding:.2em .6em .3em;color:#fff;background-color:#777;border-radius:.25em}.label:empty{display:none}.label.label-primary{color:#fff;background-color:#337ab7}.label.label-success{color:#fff;background-color:#5cb85c}.label.label-info{color:#fff;background-color:#5bc0de}.label.label-warning{color:#fff;background-color:#f0ad4e}.label.label-danger{color:#fff;background-color:#d9534f}.badge{display:inline-block;padding:3px 7px;color:#fff;background-color:#777;border-radius:10px}.badge:empty{display:none}.badge.badge-primary{color:#fff;background-color:#337ab7}.badge.badge-success{color:#fff;background-color:#5cb85c}.badge.badge-info{color:#fff;background-color:#5bc0de}.badge.badge-warning{color:#fff;background-color:#f0ad4e}.badge.badge-danger{color:#fff;background-color:#d9534f}.nav-tabs{position:relative;min-height:250px;width:100%}.nav-tabs input[type=radio]{display:none}.nav-tabs input[type=radio]+div{display:inline}.nav-tabs input[type=radio]+div>label{position:reative;float:left;margin-right:3px;left:1px;height:20px;padding:10px 18px;color:#337ab7;background-color:#fff;border-radius:4px 4px 0 0;cursor:pointer}.nav-tabs input[type=radio]+div>label:active,.nav-tabs input[type=radio]+div>label:focus,.nav-tabs input[type=radio]+div>label:hover{background:#e6e6e6}.nav-tabs input[type=radio]+div>label+div{position:absolute;z-index:-2;left:0;bottom:0;right:0;padding:20px;background:#fff;border:1px solid #ddd}.nav-tabs input[type=radio]:checked+div>label{color:#333;background:#fff}.nav-tabs input[type=radio]:checked+div>label+div{position:absolute;z-index:-1}.nav-tabs input[type=radio]+div>label+div{top:40px}.nav-tabs input[type=radio]+div>label{border:0}.nav-tabs input[type=radio]:checked+div>label{border:1px solid #ddd;border-bottom:0}.modal{display:none}.modal+div{z-index:997;position:fixed;width:100%;height:0;opacity:0;display:none;transition:opacity .3s ease-out}.modal+div>div{z-index:998;position:relative;width:600px;color:#333;background-color:#fff;margin:30px auto 0;padding:18px;border:1px solid #999;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal:checked+div{height:100%;opacity:1;display:block}.modal:checked+div>label{background-color:rgba(0,0,0,.35);position:fixed;width:100%;height:100%;top:0}.modal+div>div .close{position:absolute;top:20px;right:20px}.navbar .navbar-nav.dropdown{cursor:pointer}.navbar input[type=checkbox],.navbar input[type=checkbox].dropdown+div,.navbar input[type=radio],.navbar input[type=radio].dropdown+div{display:none}.navbar input[type=checkbox]:checked.dropdown+div,.navbar input[type=radio]:checked.dropdown+div{display:block;font-size:80%;margin-left:20px}input[type=checkbox].clps{display:none}input[type=checkbox].clps+div{display:none;color:#333;background-color:#eee;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:4px}input[type=checkbox]:checked.clps+div{display:block}input[type=radio].acrd{display:none}input[type=radio].acrd+label{width:100%;display:block;color:#333;background-color:#eee;padding:8px;margin-bottom:5px;border:1px solid #ccc;border-radius:4px;cursor:pointer}input[type=radio].acrd+label:active,input[type=radio].acrd+label:focus,input[type=radio].acrd+label:hover{background-color:#dbdbdb}input[type=radio].acrd+label+div{display:none;color:#333;background-color:#fff;padding:10px;margin-top:-1px;margin-bottom:5px;border:1px solid #ccc;border-radius:0 0 4px 4px}input[type=radio]:checked.acrd+label{border-radius:4px 4px 0 0;margin-bottom:0}input[type=radio]:checked.acrd+label+div{display:block}.prg{position:relative;overflow:hidden;height:20px;background-color:#d7d7d7;border-radius:4px}.prg>span{float:left;width:0;height:100%;color:#fff;background-color:#337ab7;text-align:center;font-size:.8em}.prg>span.green{color:#fff;background-color:#5cb85c}.prg>span.red{color:#fff;background-color:#5bc0de}.spinner-dots{display:inline-block;overflow:hidden;height:1.5em;vertical-align:bottom}.spinner-dots:after{display:inline-table;white-space:pre;content:"\A.\A..\A...";animation:spin-dots 1.5s steps(4) infinite}@keyframes spin-dots{to{transform:translateY(-6em)}}.spinner-round{display:inline-block;border:.4em solid rgba(34,34,34,.2);border-left:.4em solid #222;transform:translateZ(0);animation:spin-round 1.5s infinite linear}.spinner-round,.spinner-round:after{border-radius:50%;width:1.5em;height:1.5em}@keyframes spin-round{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.carousel{position:relative;width:80%;height:500px;overflow:hidden;text-align:center;margin:auto;border:1px solid #ccc;border-radius:4px}.carousel input[type=radio]{display:none}.carousel input[type=radio]+div{display:none;position:absolute;width:100%;height:100%;left:0;top:0;padding:10px;background-color:#e7e7e7}.carousel input[type=radio]+div>img{max-width:100%;max-height:100%;margin:auto}.carousel input[type=radio]+div>div{position:absolute;width:100%;height:160px;overflow:auto;left:0;top:340px;background-color:#333;color:#fff;opacity:.1}.carousel input[type=radio]+div>div:active,.carousel input[type=radio]+div>div:focus,.carousel input[type=radio]+div>div:hover{opacity:.8}.carousel input[type=radio]+div+label{position:relative;z-index:998;cursor:pointer;top:450px;color:#fafafa;font-size:1.8em}.carousel input[type=radio]+div+label:before{content:'\25cb'}.carousel input[type=radio]:checked+div{display:block}.carousel input[type=radio]:checked+div+label:before{content:'\25cf'}.brdcrmb{list-style:none}.brdcrmb>li{display:inline-block}.brdcrmb>li+li:before{content:'\27e9\00a0'}.well{border:1px solid #ccc;border-radius:4px;background-color:#e7e7e7;color:#333;padding:20px}.alert-blue+div{border:1px solid #285f8f;border-radius:4px;background-color:#4f93ce;color:#1d4567;padding:20px}input[type=checkbox].alert-blue{display:none}input[type=checkbox].alert-blue+div{display:none;position:relative}input[type=checkbox].alert-blue+div a{font-weight:700;text-decoration:none;color:#122a3f}input[type=checkbox].alert-blue+div a:active,input[type=checkbox].alert-blue+div a:focus,input[type=checkbox].alert-blue+div a:hover{text-decoration:underline}input[type=checkbox].alert-blue+div .close{position:absolute;top:20px;right:20px;color:#1d4567}input[type=checkbox].alert-blue+div .close:active,input[type=checkbox].alert-blue+div .close:focus,input[type=checkbox].alert-blue+div .close:hover{color:#122a3f}input[type=checkbox]:checked.alert-blue+div{display:block}.alert-green+div{border:1px solid #449d44;border-radius:4px;background-color:#80c780;color:#357935;padding:20px}input[type=checkbox].alert-green{display:none}input[type=checkbox].alert-green+div{display:none;position:relative}input[type=checkbox].alert-green+div a{font-weight:700;text-decoration:none;color:#255625}input[type=checkbox].alert-green+div a:active,input[type=checkbox].alert-green+div a:focus,input[type=checkbox].alert-green+div a:hover{text-decoration:underline}input[type=checkbox].alert-green+div .close{position:absolute;top:20px;right:20px;color:#357935}input[type=checkbox].alert-green+div .close:active,input[type=checkbox].alert-green+div .close:focus,input[type=checkbox].alert-green+div .close:hover{color:#255625}input[type=checkbox]:checked.alert-green+div{display:block}.alert-red+div{border:1px solid #31b0d5;border-radius:4px;background-color:#85d0e7;color:#2390b0;padding:20px}input[type=checkbox].alert-red{display:none}input[type=checkbox].alert-red+div{display:none;position:relative}input[type=checkbox].alert-red+div a{font-weight:700;text-decoration:none;color:#1b6d85}input[type=checkbox].alert-red+div a:active,input[type=checkbox].alert-red+div a:focus,input[type=checkbox].alert-red+div a:hover{text-decoration:underline}input[type=checkbox].alert-red+div .close{position:absolute;top:20px;right:20px;color:#2390b0}input[type=checkbox].alert-red+div .close:active,input[type=checkbox].alert-red+div .close:focus,input[type=checkbox].alert-red+div .close:hover{color:#1b6d85}input[type=checkbox]:checked.alert-red+div{display:block}.panel{border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#333;padding:0}.panel>*{padding:10px}.panel .head{border:0;border-bottom:1px solid #ccc;color:#333;background-color:#e7e7e7;padding:10px;margin:0}input[type=checkbox].popover-top{display:none}input[type=checkbox].popover-top+label{position:relative}input[type=checkbox].popover-top+label>.popover-top{position:absolute;display:none;background-color:#333;color:#fff;border-radius:5px;padding:7px 10px;z-index:998;width:auto;bottom:49px}input[type=checkbox].popover-top+label>.popover-top:before{position:absolute;display:block;border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;content:'';left:50%;margin-left:-7px}input[type=checkbox]:checked.popover-top+label>.popover-top{display:block}input[type=checkbox].popover-bottom{display:none}input[type=checkbox].popover-bottom+label{position:relative}input[type=checkbox].popover-bottom+label>.popover-bottom{position:absolute;display:none;background-color:#333;color:#fff;border-radius:4px;padding:7px 10px;z-index:998;width:auto;top:49px}input[type=checkbox].popover-bottom+label>.popover-bottom:before{position:absolute;display:block;border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;content:'';left:50%;margin-left:-7px}input[type=checkbox]:checked.popover-bottom+label>.popover-bottom{display:block}.btn-grp .btn{border:1px solid #ccc;margin:0}.btn-grp .btn:not(:first-child):not(:last-child){border-radius:0;border-right:0}.btn-grp .btn:first-child{border-radius:4px 0 0 4px;border-right:0}.btn-grp .btn:last-child{border-radius:0 4px 4px 0}.btn-grp .btn.btn-primary{border:1px solid #285f8f;margin:0}.btn-grp .btn.btn-primary:not(:first-child):not(:last-child){border-radius:0;border-right:0}.btn-grp .btn.btn-primary:first-child{border-radius:4px 0 0 4px;border-right:0}.btn-grp .btn.btn-primary:last-child{border-radius:0 4px 4px 0}.btn-grp .btn.btn-success{border:1px solid #449d44;margin:0}.btn-grp .btn.btn-success:not(:first-child):not(:last-child){border-radius:0;border-right:0}.btn-grp .btn.btn-success:first-child{border-radius:4px 0 0 4px;border-right:0}.btn-grp .btn.btn-success:last-child{border-radius:0 4px 4px 0}.btn-grp .btn.btn-info{border:1px solid 1px solid #31b0d5;margin:0}.btn-grp .btn.btn-info:not(:first-child):not(:last-child){border-radius:0;border-right:0}.btn-grp .btn.btn-info:first-child{border-radius:4px 0 0 4px;border-right:0}.btn-grp .btn.btn-info:last-child{border-radius:0 4px 4px 0} \ No newline at end of file +pre{border:1px solid rgba(0,0,0,.25)}html{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#333;background-color:#fff}article,aside,details,figcaption,figure,footer,header,img,main,menu,nav,section{display:block}figure{margin:1em 40px}h1,h2,h3,h4,h5,h6{line-height:1.1;margin:0;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#777;font-weight:400}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}hr{box-sizing:content-box;line-height:1.14286;margin:.7em 0;height:0;border:0;border-top:1px solid #d9d9d9}small,sub,sup{font-size:80%}p,pre{margin:0 0 10px}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:14px}code,kbd,pre{padding:2px 4px;border-radius:4px}code,pre{background-color:#f9f2f4}kbd{color:#fff;background-color:#333}pre{display:block;word-break:break-all;word-wrap:break-word}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}a{background-color:transparent;text-decoration:none;color:#337ab7}a:active,a:hover{outline-width:0;color:#23527c}a:visited{color:#337ab7}a:visited:active,a:visited:hover{color:#23527c}b,strong{font-weight:bolder}dfn{font-style:italic}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}mark{background-color:#fcf8e3;color:#333}.hidden,[hidden],audio:not([controls]),template{display:none}audio:not([controls]){height:0}audio,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}sub,sup{line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%}svg:not(:root){overflow:hidden}button,hr,input{overflow:visible}button,input,optgroup,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.14286;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner,html [type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring,html [type=button]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:0;border-radius:0;margin:0;padding:0}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button,img{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn,a.btn,a.btn:visited{display:inline-block;border:0;border-radius:4px;margin:5px 0;padding:6px 12px;color:#333;background:#fff;cursor:pointer}.btn:active,.btn:focus,.btn:hover,a.btn:active,a.btn:focus,a.btn:hover,a.btn:visited:active,a.btn:visited:focus,a.btn:visited:hover{background:#ececec}.btn.disabled,.btn:disabled,.btn[disabled],a.btn.disabled,a.btn:disabled,a.btn:visited.disabled,a.btn:visited:disabled,a.btn:visited[disabled],a.btn[disabled]{cursor:not-allowed;opacity:.65}.btn.btn-primary,a.btn.btn-primary,a.btn.btn-primary:visited{color:#fff;background:#337ab7}.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover,a.btn.btn-primary:active,a.btn.btn-primary:focus,a.btn.btn-primary:hover,a.btn.btn-primary:visited:active,a.btn.btn-primary:visited:focus,a.btn.btn-primary:visited:hover{background:#2b6699}.btn.btn-success,a.btn.btn-success,a.btn.btn-success:visited{color:#fff;background:#5cb85c}.btn.btn-success:active,.btn.btn-success:focus,.btn.btn-success:hover,a.btn.btn-success:active,a.btn.btn-success:focus,a.btn.btn-success:hover,a.btn.btn-success:visited:active,a.btn.btn-success:visited:focus,a.btn.btn-success:visited:hover{background:#48a648}.btn.btn-info,a.btn.btn-info,a.btn.btn-info:visited{color:#fff;background:#5bc0de}.btn.btn-info:active,.btn.btn-info:focus,.btn.btn-info:hover,a.btn.btn-info:active,a.btn.btn-info:focus,a.btn.btn-info:hover,a.btn.btn-info:visited:active,a.btn.btn-info:visited:focus,a.btn.btn-info:visited:hover{background:#3bb4d8}.btn.btn-warning,a.btn.btn-warning,a.btn.btn-warning:visited{color:#fff;background:#f0ad4e}.btn.btn-warning:active,.btn.btn-warning:focus,.btn.btn-warning:hover,a.btn.btn-warning:active,a.btn.btn-warning:focus,a.btn.btn-warning:hover,a.btn.btn-warning:visited:active,a.btn.btn-warning:visited:focus,a.btn.btn-warning:visited:hover{background:#ed9d2b}.btn.btn-danger,a.btn.btn-danger,a.btn.btn-danger:visited{color:#fff;background:#d9534f}.btn.btn-danger:active,.btn.btn-danger:focus,.btn.btn-danger:hover,a.btn.btn-danger:active,a.btn.btn-danger:focus,a.btn.btn-danger:hover,a.btn.btn-danger:visited:active,a.btn.btn-danger:visited:focus,a.btn.btn-danger:visited:hover{background:#d23430}.btn.btn-lg{padding:10px 16px;font-size:128.6%}.btn.btn-sm{padding:5px 10px;font-size:85.7%}.btn.btn-xs{padding:1px 5px;font-size:85.7%}.btn{border:1px solid rgba(0,0,0,.25)!important}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:100%}.container-fluid *{box-sizing:border-box}.row:after,.row:before{content:"";display:table;clear:both}.col{float:left;padding:15px}.xs-1{width:8.33333%}.xs-2{width:16.66667%}.xs-3{width:25%}.xs-4{width:33.33333%}.xs-5{width:41.66667%}.xs-6{width:50%}.xs-7{width:58.33333%}.xs-8{width:66.66667%}.xs-9{width:75%}.xs-10{width:83.33333%}.xs-11{width:91.66667%}.xs-12{width:100%}.lg-hidden,.md-hidden,.sm-hidden{display:block}.xs-hidden{display:none}@media (min-width:768px){.sm-1{width:8.33333%}.sm-2{width:16.66667%}.sm-3{width:25%}.sm-4{width:33.33333%}.sm-5{width:41.66667%}.sm-6{width:50%}.sm-7{width:58.33333%}.sm-8{width:66.66667%}.sm-9{width:75%}.sm-10{width:83.33333%}.sm-11{width:91.66667%}.sm-12{width:100%}.lg-hidden,.md-hidden,.xs-hidden{display:block}.sm-hidden{display:none}}@media (min-width:992px){.md-1{width:8.33333%}.md-2{width:16.66667%}.md-3{width:25%}.md-4{width:33.33333%}.md-5{width:41.66667%}.md-6{width:50%}.md-7{width:58.33333%}.md-8{width:66.66667%}.md-9{width:75%}.md-10{width:83.33333%}.md-11{width:91.66667%}.md-12{width:100%}.lg-hidden,.sm-hidden,.xs-hidden{display:block}.md-hidden{display:none}}@media (min-width:1200px){.lg-1{width:8.33333%}.lg-2{width:16.66667%}.lg-3{width:25%}.lg-4{width:33.33333%}.lg-5{width:41.66667%}.lg-6{width:50%}.lg-7{width:58.33333%}.lg-8{width:66.66667%}.lg-9{width:75%}.lg-10{width:83.33333%}.lg-11{width:91.66667%}.lg-12{width:100%}.md-hidden,.sm-hidden,.xs-hidden{display:block}.lg-hidden{display:none}}.form input:not([type]),.form input[type$=time],.form input[type=color],.form input[type=email],.form input[type=month],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=url],.form input[type=week],.form input[type^=date],.form select,.form textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;box-shadow:none}.form input,.form select,.form textarea{display:block;margin:0;padding:6px 12px}.form input:focus,.form select:focus,.form textarea:focus{border-color:#66afe9}.form input[disabled],.form select[disabled],.form textarea[disabled]{cursor:not-allowed;opacity:.65}.form input:focus:invalid,.form input:focus:invalid:focus,.form input:invalid,.form select:focus:invalid,.form select:focus:invalid:focus,.form select:invalid,.form textarea:focus:invalid,.form textarea:focus:invalid:focus,.form textarea:invalid{border-color:#a94442}.form input[readonly],.form select[readonly],.form textarea[readonly]{background-color:#e6e6e6;border-color:#bfbfbf}.form input[type=checkbox],.form input[type=radio]{display:inline-block}.form select{height:34px}.form select[multiple]{height:auto}.form label{margin:0 0 5px}.form.form-horizontal input,.form.form-horizontal label,.form.form-horizontal select,.form.form-horizontal textarea,.form.form-inline .ctrl-group,.form.form-inline input,.form.form-inline label,.form.form-inline select,.form.form-inline textarea{display:inline-block}.form.form-horizontal .form-group label{text-align:right;vertical-align:middle;width:20%;margin-top:0}.form .form-group{margin:0 0 15px}.table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #ddd}.table td,.table th{overflow:visible;border-left:1px solid #ddd;border-bottom:none;margin:0;padding:8px}.table thead{background-color:#fff;color:#333;text-align:left}.table tbody{background-color:#fff;color:#333}.table tbody tr:nth-child(2n-1){background-color:#f9f9f9}.table.table-horizontal td,.table.table-horizontal th{border-left:none;border-bottom:1px solid #ddd}.table.table-bordered td,.table.table-bordered th{border-bottom:1px solid #ddd}.navbar{box-sizing:border-box;background-color:#f8f8f8}.navbar .navbar-brand{font-size:128.6%;color:#333}.navbar ul{display:inline-block;list-style:none;margin:0;padding:0}.navbar ul li{display:inline-block;margin:0;white-space:nowrap}.navbar ul li>*{display:inline-block;padding:15px;color:#333;margin:0}.navbar ul li .navbar-nav:active,.navbar ul li .navbar-nav:focus,.navbar ul li .navbar-nav:hover{color:#333;background:#e5e5e5}.navbar ul li .navbar-nav.disabled,.navbar ul li .navbar-nav:disabled,.navbar ul li .navbar-nav[disabled]{cursor:not-allowed;opacity:.65}.navbar.navbar-vertical ul,.navbar.navbar-vertical ul li{display:block}.navbar.navbar-vertical ul li>*{width:100%;padding:15px 0}.navbar.navbar-fixed{position:fixed;left:0;top:0;z-index:999;width:100%}.navbar.navbar-fixed.navbar-vertical{height:100%;width:16.66667%}.navbar.navbar-fixed.navbar-vertical ul{width:100%}.navbar.navbar-fixed.navbar-vertical ul li{display:block}.navbar+label{display:none;font-weight:700;margin:10px;font-size:1.75em;padding:15px;color:#333;background-color:#f8f8f8;width:auto;position:fixed;z-index:1000;top:0;right:0}.navbar+label:before{position:relative;content:'\2630'}.navbar+label:active,.navbar+label:focus,.navbar+label:hover{background:#e5e5e5}@media (max-width:768px){.navbar{overflow:auto}.navbar.navbar-fixed{display:none}.navbar.navbar-fixed+label{display:block}input[type=checkbox]:checked+.navbar.navbar-fixed{display:block;width:100%;height:100%}input[type=checkbox]:checked+.navbar.navbar-fixed ul,input[type=checkbox]:checked+.navbar.navbar-fixed ul li{display:block}input[type=checkbox]:checked+.navbar.navbar-fixed ul li *{width:100%;padding:15px 0}input[type=checkbox]:checked+.navbar.navbar-fixed+label:before{content:'\00d7'}}.navbar{border:1px solid rgba(0,0,0,.25)!important;border-radius:4px!important}img.thumbnail{padding:4px;border:1px solid #ddd;border-radius:4px;cursor:pointer}img.thumbnail:focus,img.thumbnail:hover,img.thumbnailactive{border-color:#337ab7}.bordered{border:1px solid rgba(0,0,0,.25)!important}.rounded{border-radius:4px!important}.circle{border-radius:50%!important}.text-primary{color:#337ab7!important}.text-success{color:#5cb85c!important}.text-info{color:#5bc0de!important}.text-warning{color:#f0ad4e!important}.text-danger{color:#d9534f!important}.text-muted{color:#777!important}.bg-primary{background-color:#337ab7!important}.bg-success{background-color:#5cb85c!important}.bg-info{background-color:#5bc0de!important}.bg-warning{background-color:#f0ad4e!important}.bg-danger{background-color:#d9534f!important}.caret{display:inline-block;vertical-align:middle;line-height:1;width:0;height:0;border:4px solid transparent;border-top:4px solid #333}.close{display:inline-block;vertical-align:middle;line-height:1;color:#aaa;font-size:21px;font-weight:700;cursor:pointer}.close:before{content:'\00d7'}.close:active,.close:focus,.close:hover{color:#777}.pull-left{float:left!important}.pull-right{float:right!important}.center-block{display:block;margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{content:"";display:table;clear:both}.hidden{display:none!important}.label{display:inline-block;padding:.2em .6em .3em;color:#fff;background-color:#777;border-radius:.25em}.label:empty{display:none}.label.label-primary{color:#fff;background-color:#337ab7}.label.label-success{color:#fff;background-color:#5cb85c}.label.label-info{color:#fff;background-color:#5bc0de}.label.label-warning{color:#fff;background-color:#f0ad4e}.label.label-danger{color:#fff;background-color:#d9534f}.badge{display:inline-block;padding:3px 7px;color:#fff;background-color:#777;border-radius:10px}.badge:empty{display:none}.badge.badge-primary{color:#fff;background-color:#337ab7}.badge.badge-success{color:#fff;background-color:#5cb85c}.badge.badge-info{color:#fff;background-color:#5bc0de}.badge.badge-warning{color:#fff;background-color:#f0ad4e}.badge.badge-danger{color:#fff;background-color:#d9534f}.nav-tabs{position:relative;min-height:250px;width:100%}.nav-tabs input[type=radio]{display:none}.nav-tabs input[type=radio]+div{display:inline}.nav-tabs input[type=radio]+div>label{position:reative;float:left;margin-right:3px;left:1px;height:20px;padding:10px 18px;color:#337ab7;background-color:#fff;border-radius:4px 4px 0 0;cursor:pointer}.nav-tabs input[type=radio]+div>label:active,.nav-tabs input[type=radio]+div>label:focus,.nav-tabs input[type=radio]+div>label:hover{background:#e6e6e6}.nav-tabs input[type=radio]+div>label+div{position:absolute;z-index:-2;left:0;bottom:0;right:0;padding:20px;background:#fff;border:1px solid #ddd}.nav-tabs input[type=radio]:checked+div>label{color:#333;background:#fff}.nav-tabs input[type=radio]:checked+div>label+div{position:absolute;z-index:-1}.nav-tabs input[type=radio]+div>label+div{top:40px}.nav-tabs input[type=radio]+div>label{border:0}.nav-tabs input[type=radio]:checked+div>label{border:1px solid #ddd;border-bottom:0}.modal{display:none}.modal+div{z-index:997;position:fixed;width:100%;height:0;opacity:0;display:none;transition:opacity .3s ease-out}.modal+div>div{z-index:998;position:relative;width:600px;color:#333;background-color:#fff;margin:30px auto 0;padding:18px;border:1px solid #999;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal:checked+div{height:100%;opacity:1;display:block}.modal:checked+div>label{background-color:rgba(0,0,0,.35);position:fixed;width:100%;height:100%;top:0}.modal+div>div .close{position:absolute;top:20px;right:20px}.navbar .navbar-nav.dropdown{cursor:pointer}.navbar input[type=checkbox],.navbar input[type=checkbox].dropdown+div,.navbar input[type=radio],.navbar input[type=radio].dropdown+div{display:none}.navbar input[type=checkbox]:checked.dropdown+div,.navbar input[type=radio]:checked.dropdown+div{display:block;font-size:80%;margin-left:20px}input[type=checkbox].collapse{display:none}input[type=checkbox].collapse+div{display:none;color:#333;background-color:#f5f5f5;padding:19px;margin-top:6px;border:1px solid #e3e3e3;border-radius:4px}input[type=checkbox]:checked.collapse+div{display:block}input[type=radio].accordion{display:none}input[type=radio].accordion+label{width:100%;display:block;color:#333;background-color:#f5f5f5;padding:8px;margin-bottom:6px;border:1px solid #e3e3e3;border-radius:4px;cursor:pointer}input[type=radio].accordion+label:active,input[type=radio].accordion+label:focus,input[type=radio].accordion+label:hover{background-color:#e2e2e2}input[type=radio].accordion+label+div{display:none;color:#333;background-color:#fff;padding:19px;margin-top:-1px;margin-bottom:6px;border:1px solid #e3e3e3;border-radius:0 0 4px 4px}input[type=radio]:checked.accordion+label{border-radius:4px 4px 0 0;margin-bottom:0}input[type=radio]:checked.accordion+label+div{display:block}.progress-bar{position:relative;overflow:hidden;height:20px;background-color:#d7d7d7;border-radius:4px}.progress-bar>span{float:left;width:0;height:100%;color:#fff;background-color:#337ab7;text-align:center;font-size:12px}.progress-bar>span.progress-bar-success{color:#fff;background-color:#5cb85c}.progress-bar>span.progress-bar-info{color:#fff;background-color:#5bc0de}.progress-bar>span.progress-bar-warning{color:#fff;background-color:#f0ad4e}.progress-bar>span.progress-bar-danger{color:#fff;background-color:#d9534f}.spinner-dots{display:inline-block;overflow:hidden;height:20px;vertical-align:bottom}.spinner-dots:after{display:inline-table;white-space:pre;content:"\A.\A..\A...";animation:spin-dots 1.5s steps(4) infinite}@keyframes spin-dots{to{transform:translateY(-80px)}}.spinner-round{display:inline-block;border:6px solid rgba(51,51,51,.25);border-left:6px solid #337ab7;transform:translateZ(0);animation:spin-round 1.5s infinite linear}.spinner-round,.spinner-round:after{border-radius:50%;width:20px;height:20px}@keyframes spin-round{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.carousel{position:relative;width:80%;height:500px;overflow:hidden;text-align:center;margin:auto;border:1px solid #ddd;border-radius:4px}.carousel input[type=radio]{display:none}.carousel input[type=radio]+div{display:none;position:absolute;width:100%;height:100%;left:0;top:0;padding:10px;background-color:#e7e7e7}.carousel input[type=radio]+div>img{max-width:100%;max-height:100%;margin:auto}.carousel input[type=radio]+div>div{position:absolute;width:100%;height:160px;overflow:auto;left:0;top:360px;background-color:#333;color:#fff;opacity:.1}.carousel input[type=radio]+div>div:active,.carousel input[type=radio]+div>div:focus,.carousel input[type=radio]+div>div:hover{opacity:.8}.carousel input[type=radio]+div+label{position:relative;z-index:998;cursor:pointer;top:450px;color:#fff;font-size:1.8em}.carousel input[type=radio]+div+label:before{content:'\25cb'}.carousel input[type=radio]:checked+div{display:block}.carousel input[type=radio]:checked+div+label:before{content:'\25cf'}.breadcrumb{list-style:none}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:'\002f\00a0'}.well{border:1px solid #e3e3e3;border-radius:4px;background-color:#f5f5f5;color:#333;padding:19px}.alert-success+div{border:1px solid #449d44;border-radius:4px;background-color:#80c780;color:#357935;padding:15px}input[type=checkbox].alert-success{display:none}input[type=checkbox].alert-success+div{display:none;position:relative}input[type=checkbox].alert-success+div a{font-weight:700;text-decoration:none;color:#255625}input[type=checkbox].alert-success+div a:active,input[type=checkbox].alert-success+div a:focus,input[type=checkbox].alert-success+div a:hover{text-decoration:underline}input[type=checkbox].alert-success+div .close{position:absolute;top:15px;right:15px;color:#357935}input[type=checkbox].alert-success+div .close:active,input[type=checkbox].alert-success+div .close:focus,input[type=checkbox].alert-success+div .close:hover{color:#255625}input[type=checkbox]:checked.alert-success+div{display:block}.alert-info+div{border:1px solid #31b0d5;border-radius:4px;background-color:#80c780;color:#2390b0;padding:15px}input[type=checkbox].alert-info{display:none}input[type=checkbox].alert-info+div{display:none;position:relative}input[type=checkbox].alert-info+div a{font-weight:700;text-decoration:none;color:#1b6d85}input[type=checkbox].alert-info+div a:active,input[type=checkbox].alert-info+div a:focus,input[type=checkbox].alert-info+div a:hover{text-decoration:underline}input[type=checkbox].alert-info+div .close{position:absolute;top:15px;right:15px;color:#2390b0}input[type=checkbox].alert-info+div .close:active,input[type=checkbox].alert-info+div .close:focus,input[type=checkbox].alert-info+div .close:hover{color:#1b6d85}input[type=checkbox]:checked.alert-info+div{display:block}.alert-warning+div{border:1px solid #ec971f;border-radius:4px;background-color:#f4c37d;color:#c77c11;padding:15px}input[type=checkbox].alert-warning{display:none}input[type=checkbox].alert-warning+div{display:none;position:relative}input[type=checkbox].alert-warning+div a{font-weight:700;text-decoration:none;color:#985f0d}input[type=checkbox].alert-warning+div a:active,input[type=checkbox].alert-warning+div a:focus,input[type=checkbox].alert-warning+div a:hover{text-decoration:underline}input[type=checkbox].alert-warning+div .close{position:absolute;top:15px;right:15px;color:#c77c11}input[type=checkbox].alert-warning+div .close:active,input[type=checkbox].alert-warning+div .close:focus,input[type=checkbox].alert-warning+div .close:hover{color:#985f0d}input[type=checkbox]:checked.alert-warning+div{display:block}.alert-danger+div{border:1px solid #c9302c;border-radius:4px;background-color:#e27c79;color:#a02622;padding:15px}input[type=checkbox].alert-danger{display:none}input[type=checkbox].alert-danger+div{display:none;position:relative}input[type=checkbox].alert-danger+div a{font-weight:700;text-decoration:none;color:#761c19}input[type=checkbox].alert-danger+div a:active,input[type=checkbox].alert-danger+div a:focus,input[type=checkbox].alert-danger+div a:hover{text-decoration:underline}input[type=checkbox].alert-danger+div .close{position:absolute;top:15px;right:15px;color:#a02622}input[type=checkbox].alert-danger+div .close:active,input[type=checkbox].alert-danger+div .close:focus,input[type=checkbox].alert-danger+div .close:hover{color:#761c19}input[type=checkbox]:checked.alert-danger+div{display:block}.panel{border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;padding:0}.panel>*{padding:15px}.panel .head{border:0;border-bottom:1px solid #ddd;color:#333;background-color:#e7e7e7;padding:15px;margin:0}input[type=checkbox].popover-top{display:none}input[type=checkbox].popover-top+label{position:relative}input[type=checkbox].popover-top+label>.popover-top{position:absolute;display:none;background-color:#333;color:#fff;border-radius:5px;padding:7px 10px;z-index:998;width:auto;bottom:49px}input[type=checkbox].popover-top+label>.popover-top:before{position:absolute;display:block;border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;content:'';left:50%;margin-left:-7px}input[type=checkbox]:checked.popover-top+label>.popover-top{display:block}input[type=checkbox].popover-bottom{display:none}input[type=checkbox].popover-bottom+label{position:relative}input[type=checkbox].popover-bottom+label>.popover-bottom{position:absolute;display:none;background-color:#333;color:#fff;border-radius:4px;padding:7px 10px;z-index:998;width:auto;top:49px}input[type=checkbox].popover-bottom+label>.popover-bottom:before{position:absolute;display:block;border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;content:'';left:50%;margin-left:-7px}input[type=checkbox]:checked.popover-bottom+label>.popover-bottom{display:block} \ No newline at end of file diff --git a/flavors/mini-bootstrap.scss b/flavors/mini-bootstrap.scss index f8e3041..638ba13 100644 --- a/flavors/mini-bootstrap.scss +++ b/flavors/mini-bootstrap.scss @@ -460,13 +460,19 @@ $dropdown-class-name: dropdown; // Name for the dropdown class // Variable definitions for the Collapse module (_collapse.scss) //==================================================================== // Collapse and accordion class names. -$collapse-class-name: clps; // Name for the collapse class -$accordion-class-name: acrd; // Name for the accordion class +// --- NOTES: --- +// Sizes and colors are approximate. The colors and style of the collapsed +// (hidden) content are based on the Bootstrap example that uses the well. +// Classes for collapse and accordion components are .collapse and +// .accordion respectively. +// ------------------- +$collapse-class-name: collapse; // Name for the collapse class +$accordion-class-name: accordion; // Name for the accordion class // Collapse colors and styles (you can remove things you don't need or // define more colors if you need them). -$collapse-border: 1px solid #ccc; // Border style for the collapse +$collapse-border: 1px solid #e3e3e3; // Border style for the collapse $collapse-color: $body-color; // Color for the text in the collapse -$collapse-bg-color: #eeeeee; // Background color for the collapse +$collapse-bg-color: #f5f5f5; // Background color for the collapse // Accordion colors and styles (you can remove things you don't need or // define more colors if you need them). $accordion-border: $collapse-border; // Border style for the accordion @@ -478,71 +484,104 @@ $accordion-label-bg-color: $collapse-bg-color; // Background color for t @import '../scss/mini-extra/collapse'; // Use collapse and accordion mixins to create components wit the given specs. // For more information refer to the _collapse.scss file to check the definitions. -@include make-collapse($collapse-class-name, $collapse-border, 4px, 10px, 5px, $collapse-color, $collapse-bg-color); -@include make-accordion($accordion-class-name, $accordion-border, 4px, 10px, 5px, $accordion-color, $accordion-bg-color, $accordion-label-color, $accordion-label-bg-color, 8px, 'darken', 7.5%); +@include make-collapse($collapse-class-name, $collapse-border, 4px, 19px, 6px, $collapse-color, $collapse-bg-color); +@include make-accordion($accordion-class-name, $accordion-border, 4px, 19px, 6px, $accordion-color, $accordion-bg-color, $accordion-label-color, $accordion-label-bg-color, 8px, 'darken', 7.5%); //==================================================================== // Variable definitions for the Progress module (_progress.scss) //==================================================================== // Progress and progress variants class names. -$progress-class-name: prg; // Name for the progress class -$progress-bar-style1-name: 'green'; // Name for the progress bar style 1 class -$progress-bar-style2-name: 'red'; // Name for the progress bar style 2 class +// --- NOTES: --- +// Naming conventions are based on the Bootstrap names, syntax is based +// on the default mini.css syntax. +// Colors and borders might look different due to some approximations. +// ------------------- +$progress-class-name: progress-bar; // Name for the progress class +$progress-bar-style1-name: progress-bar-success; // Name for the progress bar style 1 class +$progress-bar-style2-name: progress-bar-info; // Name for the progress bar style 2 class +$progress-bar-style3-name: progress-bar-warning; // Name for the progress bar style 3 class +$progress-bar-style4-name: progress-bar-danger; // Name for the progress bar style 4 class // Progress and progress variants colors (you can remove things you // don't need or define more colors if you need them). $progress-bg-color: #d7d7d7; // Background color for the progress bar container $progress-bar-color: $btn-alt-color; // Color for the text of the progress bar $progress-bar-style1-color: $btn-alt-color; // Color for the text of the style 1 progress bar $progress-bar-style2-color: $btn-alt-color; // Color for the text of the style 2 progress bar +$progress-bar-style3-color: $btn-alt-color; // Color for the text of the style 3 progress bar +$progress-bar-style4-color: $btn-alt-color; // Color for the text of the style 4 progress bar $progress-bar-bg-color: $btn-p-bg-color; // Background color for the progress bar $progress-bar-style1-bg-color: $btn-s-bg-color; // Background color for the style 1 progress bar $progress-bar-style2-bg-color: $btn-i-bg-color; // Background color for the style 2 progress bar +$progress-bar-style3-bg-color: $btn-w-bg-color; // Background color for the style 3 progress bar +$progress-bar-style4-bg-color: $btn-d-bg-color; // Background color for the style 4 progress bar // Enable progress (_progress.scss). (Use individual mixins below to use.) @import '../scss/mini-extra/progress'; // Use progress mixins to create progress bars with given specs. For more // information refer to the _progress.scss file to check the definitions. -@include make-progress($progress-class-name, 20px, 4px, $progress-bg-color, 0.8em, $progress-bar-color, $progress-bar-bg-color); +@include make-progress($progress-class-name, 20px, 4px, $progress-bg-color, 12px, $progress-bar-color, $progress-bar-bg-color); @include make-progress-bar-variant($progress-class-name, $progress-bar-style1-name, $progress-bar-style1-color, $progress-bar-style1-bg-color); @include make-progress-bar-variant($progress-class-name, $progress-bar-style2-name, $progress-bar-style2-color, $progress-bar-style2-bg-color); +@include make-progress-bar-variant($progress-class-name, $progress-bar-style3-name, $progress-bar-style3-color, $progress-bar-style3-bg-color); +@include make-progress-bar-variant($progress-class-name, $progress-bar-style4-name, $progress-bar-style4-color, $progress-bar-style4-bg-color); //==================================================================== // Variable definitions for the Spinner module (spinner.scss) //==================================================================== // Spinner class names. +// --- NOTES: --- +// Spinner styles are in line with Bootstrap's style as Bootstrap does +// not feature a similar component. +// ------------------- $spinner-dotted-name: spinner-dots; // Name for the dotted spinner class $spinner-round-name: spinner-round; // Name for the round spinner class // Spinner colors. -$spinner-round-doughnout: 0.4em solid rgba(34,34,34, 0.2); // Style for the round spinner doughnut -$spinner-round-spin: 0.4em solid #222; // Style for the round spinner spinning part +$spinner-round-doughnout: 6px solid rgba(51,51,51, 0.25); // Style for the round spinner doughnut +$spinner-round-spin: 6px solid $btn-p-bg-color; // Style for the round spinner spinning part // Enable progress (spinner.scss). (Use individual mixins below to use.) @import '../scss/mini-extra/spinner'; // Use spinner mixins to create spinners with given specs. For more // information refer to the spinner.scss file to check the definitions. -@include make-spinner-dots($spinner-dotted-name, 1.5em, 1.5s); -@include make-spinner-round($spinner-round-name, 1.5em, $spinner-round-doughnout, $spinner-round-spin, 1.5s); +@include make-spinner-dots($spinner-dotted-name, 20px, 1.5s); +@include make-spinner-round($spinner-round-name, 20px, $spinner-round-doughnout, $spinner-round-spin, 1.5s); //==================================================================== // Variable definitions for the Carousel module (_carousel.scss) //==================================================================== // Carousel class names. +// --- NOTES: --- +// Carousel styling is very similar to the mini.css default carousel, +// although control styles are based on the Bootstrap styling. +// Naming and structure conventions are based on mini.css. +// ------------------- $carousel-class-name: carousel; // Name for the carousel class // Carousel colors and styles. -$carousel-border: 1px solid #ccc; // Border style for the carousel +$carousel-border: 1px solid #ddd; // Border style for the carousel $carousel-content-bg-color: #e7e7e7; // Background color for the carousel $carousel-description-color: $body-bg-color; // Color for the text in the carousel's description $carousel-description-bg-color: $body-color; // Background color for the carousel's description -$carousel-control-color: #fafafa; // Color for the carousel's control elements +$carousel-control-color: #fff; // Color for the carousel's control elements // Enable carousel (_carousel.scss). (Use individual mixins below to use.) @import '../scss/mini-extra/carousel'; // Use carousel mixin to create carousel with given specs. For more // information refer to the _carousel.scss file to check the definitions. -@include make-carousel($carousel-class-name, 80%, 500px, $carousel-border, 4px, $carousel-content-bg-color, 10px, $carousel-description-color, $carousel-description-bg-color, 340px, 160px, 450px, 1.8em, $carousel-control-color); +@include make-carousel($carousel-class-name, 80%, 500px, $carousel-border, 4px, $carousel-content-bg-color, 10px, $carousel-description-color, $carousel-description-bg-color, 360px, 160px, 450px, 1.8em, $carousel-control-color); //==================================================================== // Variable definitions for the Utility module (_utility.scss) //==================================================================== // Utility class names. -$breadcrumbs-class-name: brdcrmb; // Name for the breadcrumbs class +// --- NOTES: --- +// Some component styles (like wells) are based on approximation. +// Alert styles omit the .alert class and just use their style class. +// Panel styling is based on approximation. +// Panels are based on the mini.css default structure. +// Popovers use the default mini.css styling. +// Tooltips, jumbotron and some other components from Bootstrap are not +// supported. +// Experimental and unstable components are not included. +// ------------------- +$breadcrumbs-class-name: breadcrumb; // Name for the breadcrumbs class $well-class-name: well; // Name for the well class -$alert-style1-class: alert-blue; // Name for the style 1 alert -$alert-style2-class: alert-green; // Name for the style 2 alert -$alert-style3-class: alert-red; // Name for the style 3 alert +$alert-style1-class: alert-success; // Name for the style 1 alert +$alert-style2-class: alert-info; // Name for the style 2 alert +$alert-style3-class: alert-warning; // Name for the style 3 alert +$alert-style4-class: alert-danger; // Name for the style 4 alert $panel-class-name: panel; // Name for the panel class $panel-header-name: head; // Name for the panel's header class $button-states-class-name: stateful; // Name for the stateful button class @@ -552,7 +591,7 @@ $popover-below-name: popover-bottom; // Name for the popover below clas // Utility color variables and styles (you can remove things you // don't need or define more colors if you need them). $well-color: $body-color; // Text color for the well -$well-bg-color: #e7e7e7; // Background color for the well +$well-bg-color: #f5f5f5; // Background color for the well $panel-color: $body-color; // Text color for the panel $panel-bg-color: $body-bg-color; // Background color for the panel $panel-header-color: $body-color; // Text color for the panel's header @@ -563,21 +602,22 @@ $popover-bg-color: $body-color; // Background color for the popover @import '../scss/mini-extra/utility'; // Use utilities mixins to create utilities with given specs. For more // information refer to the _utility.scss file to check the definitions. -@include make-breadcrumbs($breadcrumbs-class-name); -@include make-generic-container($well-class-name, $well-color, $well-bg-color, 1px solid #ccc, 4px, 20px); -@include make-alert($alert-style1-class, darken($btn-p-bg-color,20%), lighten($btn-p-bg-color, 10%) , 1px solid darken($btn-p-bg-color, 10%), 4px, 20px, close); -@include make-alert($alert-style2-class, darken($btn-s-bg-color,20%), lighten($btn-s-bg-color, 10%) , 1px solid darken($btn-s-bg-color, 10%), 4px, 20px, close); -@include make-alert($alert-style3-class, darken($btn-i-bg-color,20%), lighten($btn-i-bg-color, 10%) , 1px solid darken($btn-i-bg-color, 10%), 4px, 20px, close); -@include make-panel(panel, $panel-color, $panel-bg-color, 1px solid #ccc, 4px, 10px, $panel-header-name, $panel-header-color, $panel-header-bg-color, 10px); +@include make-breadcrumbs($breadcrumbs-class-name, 1); +@include make-generic-container($well-class-name, $well-color, $well-bg-color, 1px solid #e3e3e3, 4px, 19px); +@include make-alert($alert-style1-class, darken($btn-s-bg-color,20%), lighten($btn-s-bg-color, 10%) , 1px solid darken($btn-s-bg-color, 10%), 4px, 15px, close); +@include make-alert($alert-style2-class, darken($btn-i-bg-color,20%), lighten($btn-s-bg-color, 10%) , 1px solid darken($btn-i-bg-color, 10%), 4px, 15px, close); +@include make-alert($alert-style3-class, darken($btn-w-bg-color,20%), lighten($btn-w-bg-color, 10%) , 1px solid darken($btn-w-bg-color, 10%), 4px, 15px, close); +@include make-alert($alert-style4-class, darken($btn-d-bg-color,20%), lighten($btn-d-bg-color, 10%) , 1px solid darken($btn-d-bg-color, 10%), 4px, 15px, close); +@include make-panel(panel, $panel-color, $panel-bg-color, 1px solid #ddd, 4px, 15px, $panel-header-name, $panel-header-color, $panel-header-bg-color, 15px); @include make-popover($popover-above-name, top, 5px, 45px, $popover-color, $popover-bg-color, 7px 10px); @include make-popover($popover-below-name, bottom, 4px, 45px, $popover-color, $popover-bg-color, 7px 10px); // Use experimental utilities mixins to create utilities with given // specs. Please exercise caution when using these mixins. -//@include make-button-states($button-states-class-name); // This mixin is unstable and buggy, we suggest you disable it. +// @include make-button-states($button-states-class-name); // This mixin is unstable and buggy, we suggest you disable it. // The folowing mixin is considered stable, you can disable it if you need to. -@include make-btn-group($button-group-class-name, $btn-class-name, 1px solid #ccc, 4px); -@include make-btn-group(btn-grp, $btn-class-name+'.'+$btn-style1-name, 1px solid darken($btn-p-bg-color, 10%), 4px); -@include make-btn-group(btn-grp, $btn-class-name+'.'+$btn-style2-name, 1px solid darken($btn-s-bg-color, 10%), 4px); -@include make-btn-group(btn-grp, $btn-class-name+'.'+$btn-style3-name, 1px solid 1px solid darken($btn-i-bg-color, 10%), 4px); +// @include make-btn-group($button-group-class-name, $btn-class-name, 1px solid #ccc, 4px); +// @include make-btn-group(btn-grp, $btn-class-name+'.'+$btn-style1-name, 1px solid darken($btn-p-bg-color, 10%), 4px); +// @include make-btn-group(btn-grp, $btn-class-name+'.'+$btn-style2-name, 1px solid darken($btn-s-bg-color, 10%), 4px); +// @include make-btn-group(btn-grp, $btn-class-name+'.'+$btn-style3-name, 1px solid 1px solid darken($btn-i-bg-color, 10%), 4px); //==================================================================== //==================================================================== \ No newline at end of file diff --git a/flavors/mini-default.css b/flavors/mini-default.css index 24182c1..8f1bd48 100644 --- a/flavors/mini-default.css +++ b/flavors/mini-default.css @@ -1865,3 +1865,5 @@ input[type="checkbox"]:checked.popover-bottom + label > .popover-bottom { border-right: 0; } .btn-grp .btn.red:last-child { border-radius: 0 4px 4px 0; } + +/*# sourceMappingURL=mini-default.css.map */ diff --git a/flavors/mini-niteowl.css b/flavors/mini-niteowl.css index 6715dd1..d3d62b8 100644 --- a/flavors/mini-niteowl.css +++ b/flavors/mini-niteowl.css @@ -1865,3 +1865,5 @@ input[type="checkbox"]:checked.popover-bottom + label > .popover-bottom { border-right: 0; } .btn-grp .btn.red:last-child { border-radius: 0 4px 4px 0; } + +/*# sourceMappingURL=mini-niteowl.css.map */