diff options
Diffstat (limited to 'docs/assets/css/bootstrap.css')
| -rw-r--r-- | docs/assets/css/bootstrap.css | 1105 |
1 files changed, 712 insertions, 393 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5632d3aad..67b0bd18e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -290,7 +290,6 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - font-size: 1.4rem; line-height: 20px; color: #333333; background-color: #ffffff; @@ -323,7 +322,6 @@ a:focus { } img { - width: auto\9; height: auto; max-width: 100%; vertical-align: middle; @@ -344,9 +342,8 @@ p { .lead { margin-bottom: 20px; font-size: 21px; - font-size: 2.1rem; font-weight: 200; - line-height: 1.3; + line-height: 1.4; } small { @@ -365,12 +362,12 @@ cite { font-style: normal; } -.muted { +.text-muted { color: #999999; } -a.muted:hover, -a.muted:focus { +a.text-muted:hover, +a.text-muted:focus { color: #808080; } @@ -383,12 +380,12 @@ a.text-warning:focus { color: #a47e3c; } -.text-error { +.text-danger { color: #b94a48; } -a.text-error:hover, -a.text-error:focus { +a.text-danger:hover, +a.text-danger:focus { color: #953b39; } @@ -428,7 +425,6 @@ h6, font-family: inherit; font-weight: 500; line-height: 20px; - text-rendering: optimizelegibility; } h1 small, @@ -469,58 +465,52 @@ h6 { h1, .h1 { - font-size: 38.5; - font-size: 4rem; + font-size: 38.5px; } h2, .h2 { - font-size: 31.5; - font-size: 3rem; + font-size: 31.5px; } h3, .h3 { - font-size: 24.5; - font-size: 2.5rem; + font-size: 24.5px; } h4, .h4 { - font-size: 17.5; - font-size: 2rem; + font-size: 17.5px; } h5, .h5 { - font-size: 14; - font-size: 1.6rem; + font-size: 14px; } h6, .h6 { - font-size: 11.9; - font-size: 1.2rem; + font-size: 11.9px; } h1 small, .h1 small { - font-size: 24.5; + font-size: 24.5px; } h2 small, .h2 small { - font-size: 17.5; + font-size: 17.5px; } h3 small, .h3 small { - font-size: 14; + font-size: 14px; } h4 small, .h4 small { - font-size: 14; + font-size: 14px; } .page-header { @@ -546,7 +536,11 @@ li { line-height: 20px; } -.list-unstyled, +.list-unstyled { + margin-left: 0; + list-style: none; +} + .list-inline { margin-left: 0; list-style: none; @@ -585,6 +579,16 @@ dd { clear: both; } +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: " "; +} + +.dl-horizontal:after { + clear: both; +} + .dl-horizontal dt { float: left; width: 160px; @@ -619,18 +623,21 @@ abbr.initialism { } blockquote { - padding: 0 0 0 15px; + padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { - margin-bottom: 0; - font-size: 17.5; + font-size: 17.5px; font-weight: 300; line-height: 1.25; } +blockquote p:last-child { + margin-bottom: 0; +} + blockquote small { display: block; line-height: 20px; @@ -680,7 +687,7 @@ code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; - font-size: 12; + font-size: 12px; color: #333333; border-radius: 4px; } @@ -697,7 +704,7 @@ pre { display: block; padding: 9.5px; margin: 0 0 10px; - font-size: 13; + font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; @@ -742,9 +749,14 @@ pre code { clear: both; } -.row { - margin-right: -15px; - margin-left: -15px; +.container:before, +.container:after { + display: table; + content: " "; +} + +.container:after { + clear: both; } .row:before, @@ -757,54 +769,113 @@ pre code { clear: both; } -[class*="col-span-"] { +.row:before, +.row:after { + display: table; + content: " "; +} + +.row:after { + clear: both; +} + +.row .row { + margin-right: -15px; + margin-left: -15px; +} + +.col { position: relative; + float: left; + width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } +.col-sm-12 { + width: 100%; +} + +.col-sm-11 { + width: 91.66666666666666%; +} + +.col-sm-10 { + width: 83.33333333333334%; +} + +.col-sm-9 { + width: 75%; +} + +.col-sm-8 { + width: 66.66666666666666%; +} + +.col-sm-7 { + width: 58.333333333333336%; +} + +.col-sm-6 { + width: 50%; +} + +.col-sm-5 { + width: 41.66666666666667%; +} + +.col-sm-4 { + width: 33.33333333333333%; +} + +.col-sm-3 { + width: 25%; +} + +.col-sm-2 { + width: 16.666666666666664%; +} + +.col-sm-1 { + width: 8.333333333333332%; +} + @media screen and (min-width: 768px) { - .container { - max-width: 728px; - } - [class*="col-span-"] { - float: left; - } - .col-span-12 { + .col-lg-12 { width: 100%; } - .col-span-11 { + .col-lg-11 { width: 91.66666666666666%; } - .col-span-10 { + .col-lg-10 { width: 83.33333333333334%; } - .col-span-9 { + .col-lg-9 { width: 75%; } - .col-span-8 { + .col-lg-8 { width: 66.66666666666666%; } - .col-span-7 { + .col-lg-7 { width: 58.333333333333336%; } - .col-span-6 { + .col-lg-6 { width: 50%; } - .col-span-5 { + .col-lg-5 { width: 41.66666666666667%; } - .col-span-4 { + .col-lg-4 { width: 33.33333333333333%; } - .col-span-3 { + .col-lg-3 { width: 25%; } - .col-span-2 { + .col-lg-2 { width: 16.666666666666664%; } - .col-span-1 { + .col-lg-1 { width: 8.333333333333332%; } .col-offset-12 { @@ -917,6 +988,16 @@ pre code { } } +@media screen and (min-width: 768px) { + .container { + max-width: 728px; + } + .row { + margin-right: -15px; + margin-left: -15px; + } +} + @media screen and (min-width: 992px) { .container { max-width: 940px; @@ -929,15 +1010,13 @@ pre code { } } -[class*="col-span-"].pull-right { +/*[class*="col-span-"].pull-right { float: right; -} +}*/ table { max-width: 100%; background-color: transparent; - border-collapse: collapse; - border-spacing: 0; } th { @@ -949,15 +1028,17 @@ th { margin-bottom: 20px; } -.table th, -.table td { +.table thead > tr > th, +.table tbody > tr > th, +.table thead > tr > td, +.table tbody > tr > td { padding: 8px; line-height: 20px; vertical-align: top; border-top: 1px solid #dddddd; } -.table thead th { +.table thead > tr > th { vertical-align: bottom; } @@ -978,8 +1059,10 @@ th { background-color: #ffffff; } -.table-condensed th, -.table-condensed td { +.table-condensed thead > tr > th, +.table-condensed tbody > tr > th, +.table-condensed thead > tr > td, +.table-condensed tbody > tr > td { padding: 4px 5px; } @@ -990,70 +1073,72 @@ th { border-radius: 4px; } -.table-bordered th, -.table-bordered td { +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td { border-left: 1px solid #dddddd; } -.table-bordered caption + thead tr:first-child th, -.table-bordered caption + tbody tr:first-child th, -.table-bordered caption + tbody tr:first-child td, -.table-bordered colgroup + thead tr:first-child th, -.table-bordered colgroup + tbody tr:first-child th, -.table-bordered colgroup + tbody tr:first-child td, -.table-bordered thead:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child td { +.table-bordered > caption + thead > tr:first-child th, +.table-bordered > caption + tbody > tr:first-child th, +.table-bordered > caption + tbody > tr:first-child td, +.table-bordered > colgroup + thead > tr:first-child th, +.table-bordered > colgroup + tbody > tr:first-child th, +.table-bordered > colgroup + tbody > tr:first-child td, +.table-bordered > thead:first-child > tr:first-child th, +.table-bordered > tbody:first-child > tr:first-child th, +.table-bordered > tbody:first-child > tr:first-child td { border-top: 0; } -.table-bordered thead:first-child tr:first-child > th:first-child, -.table-bordered tbody:first-child tr:first-child > td:first-child, -.table-bordered tbody:first-child tr:first-child > th:first-child { +.table-bordered > thead:first-child > tr:first-child > th:first-child, +.table-bordered > tbody:first-child > tr:first-child > td:first-child, +.table-bordered > tbody:first-child > tr:first-child > th:first-child { border-top-left-radius: 4px; } -.table-bordered thead:first-child tr:first-child > th:last-child, -.table-bordered tbody:first-child tr:first-child > td:last-child, -.table-bordered tbody:first-child tr:first-child > th:last-child { +.table-bordered > thead:first-child > tr:first-child > th:last-child, +.table-bordered > tbody:first-child > tr:first-child > td:last-child, +.table-bordered > tbody:first-child > tr:first-child > th:last-child { border-top-right-radius: 4px; } -.table-bordered thead:last-child tr:last-child > th:first-child, -.table-bordered tbody:last-child tr:last-child > td:first-child, -.table-bordered tbody:last-child tr:last-child > th:first-child, -.table-bordered tfoot:last-child tr:last-child > td:first-child, -.table-bordered tfoot:last-child tr:last-child > th:first-child { +.table-bordered > thead:last-child > tr:last-child > th:first-child, +.table-bordered > tbody:last-child > tr:last-child > td:first-child, +.table-bordered > tbody:last-child > tr:last-child > th:first-child, +.table-bordered > tfoot:last-child > tr:last-child > td:first-child, +.table-bordered > tfoot:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 4px; } -.table-bordered thead:last-child tr:last-child > th:last-child, -.table-bordered tbody:last-child tr:last-child > td:last-child, -.table-bordered tbody:last-child tr:last-child > th:last-child, -.table-bordered tfoot:last-child tr:last-child > td:last-child, -.table-bordered tfoot:last-child tr:last-child > th:last-child { +.table-bordered > thead:last-child > tr:last-child > th:last-child, +.table-bordered > tbody:last-child > tr:last-child > td:last-child, +.table-bordered > tbody:last-child > tr:last-child > th:last-child, +.table-bordered > tfoot:last-child > tr:last-child > td:last-child, +.table-bordered > tfoot:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 4px; } -.table-bordered tfoot + tbody:last-child tr:last-child > td:first-child { +.table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 0; } -.table-bordered tfoot + tbody:last-child tr:last-child > td:last-child { +.table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 0; } -.table-bordered caption + thead tr:first-child th:first-child, -.table-bordered caption + tbody tr:first-child td:first-child, -.table-bordered colgroup + thead tr:first-child th:first-child, -.table-bordered colgroup + tbody tr:first-child td:first-child { +.table-bordered > caption + thead > tr:first-child > th:first-child, +.table-bordered > caption + tbody > tr:first-child > td:first-child, +.table-bordered > colgroup + thead > tr:first-child > th:first-child, +.table-bordered > colgroup + tbody > tr:first-child > td:first-child { border-top-left-radius: 4px; } -.table-bordered caption + thead tr:first-child th:last-child, -.table-bordered caption + tbody tr:first-child td:last-child, -.table-bordered colgroup + thead tr:first-child th:last-child, -.table-bordered colgroup + tbody tr:first-child td:last-child { +.table-bordered > caption + thead > tr:first-child > th:last-child, +.table-bordered > caption + tbody > tr:first-child > td:last-child, +.table-bordered > colgroup + thead > tr:first-child > th:last-child, +.table-bordered > colgroup + tbody > tr:first-child > td:last-child { border-top-right-radius: 4px; } @@ -1085,9 +1170,9 @@ table th[class*="col-span-"] { border-color: #d6e9c6; } -.table > tbody > tr > td.error, -.table > tbody > tr > th.error, -.table > tbody > tr.error > td { +.table > tbody > tr > td.danger, +.table > tbody > tr > th.danger, +.table > tbody > tr.danger > td { background-color: #f2dede; border-color: #eed3d7; } @@ -1106,9 +1191,9 @@ table th[class*="col-span-"] { border-color: #c9e2b3; } -.table-hover > tbody > tr > td.error:hover, -.table-hover > tbody > tr > th.error:hover, -.table-hover > tbody > tr.error:hover > td { +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; } @@ -1135,7 +1220,7 @@ legend { width: 100%; padding: 0; margin-bottom: 20px; - font-size: 21; + font-size: 21px; line-height: 40px; color: #333333; border: 0; @@ -1167,7 +1252,7 @@ input[type="color"] { display: inline-block; min-height: 34px; padding: 6px 9px; - font-size: 14; + font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; @@ -1176,10 +1261,10 @@ input[type="color"] { border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; + -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; + -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; + transition: border-color linear 0.2s, box-shadow linear 0.2s; } input, @@ -1198,6 +1283,12 @@ input[type="checkbox"] { width: auto; } +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + textarea { height: auto; } @@ -1290,6 +1381,7 @@ textarea::-webkit-input-placeholder { display: inline; margin-bottom: 0; font-weight: normal; + cursor: pointer; } .radio input[type="radio"], @@ -1305,19 +1397,22 @@ textarea::-webkit-input-placeholder { margin-top: -5px; } +/* +// Move the options list down to align with labels .controls > .radio:first-child, .controls > .checkbox:first-child { - padding-top: 5px; + padding-top: 5px; // has to be padding because margin collaspes } +*/ .radio-inline, .checkbox-inline { display: inline-block; - padding-top: 5px; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; + cursor: pointer; } .radio-inline + .radio-inline, @@ -1343,7 +1438,7 @@ input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { padding: 11px 14px; - font-size: 17.5; + font-size: 17.5px; border-radius: 6px; } @@ -1365,7 +1460,7 @@ input[type="tel"].input-small, input[type="color"].input-small { min-height: 26px; padding: 2px 10px; - font-size: 11.9; + font-size: 11.9px; border-radius: 3px; } @@ -1494,6 +1589,16 @@ select:focus:invalid:focus { clear: both; } +.form-actions:before, +.form-actions:after { + display: table; + content: " "; +} + +.form-actions:after { + clear: both; +} + .help-block, .help-inline { color: #737373; @@ -1552,7 +1657,7 @@ select:focus:invalid:focus { .input-group-addon { padding: 6px 8px; - font-size: 14; + font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; @@ -1566,12 +1671,12 @@ select:focus:invalid:focus { .input-group-addon.input-small { padding: 2px 10px; - font-size: 11.9; + font-size: 11.9px; } .input-group-addon.input-large { padding: 11px 14px; - font-size: 17.5; + font-size: 17.5px; } .input-group input:first-child, @@ -1687,6 +1792,14 @@ select:focus:invalid:focus { .form-horizontal .control-group:after { clear: both; } + .form-horizontal .control-group:before, + .form-horizontal .control-group:after { + display: table; + content: " "; + } + .form-horizontal .control-group:after { + clear: both; + } .form-horizontal .control-group input, .form-horizontal .control-group select, .form-horizontal .control-group textarea { @@ -1701,13 +1814,16 @@ select:focus:invalid:focus { .form-horizontal .control-group > .controls { margin-left: 180px; } + .form-horizontal .form-actions { + padding-left: 180px; + } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; - font-size: 14; + font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; @@ -1751,19 +1867,19 @@ fieldset[disabled] .btn { .btn-large { padding: 11px 14px; - font-size: 17.5; + font-size: 17.5px; border-radius: 6px; } .btn-small { padding: 2px 10px; - font-size: 11.9; + font-size: 11.9px; border-radius: 3px; } .btn-mini { padding: 0 6px; - font-size: 10.5; + font-size: 10.5px; border-radius: 3px; } @@ -2036,8 +2152,6 @@ fieldset[disabled] .btn-link:focus { @font-face { font-family: 'Glyphicons Halflings'; - font-style: normal; - font-weight: normal; src: url('../fonts/glyphiconshalflings-regular.eot'); src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); } @@ -2045,6 +2159,7 @@ fieldset[disabled] .btn-link:focus { .glyphicon:before { font-family: 'Glyphicons Halflings'; font-style: normal; + font-weight: normal; line-height: 1; } @@ -2742,7 +2857,7 @@ fieldset[disabled] .btn-link:focus { } .dropdown-menu .divider { - height: 1px; + height: 2px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; @@ -2766,10 +2881,9 @@ fieldset[disabled] .btn-link:focus { color: #ffffff; text-decoration: none; background-color: #357ebd; - background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); @@ -2781,10 +2895,9 @@ fieldset[disabled] .btn-link:focus { color: #ffffff; text-decoration: none; background-color: #357ebd; - background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; outline: 0; @@ -2890,6 +3003,171 @@ fieldset[disabled] .btn-link:focus { z-index: 1051; } +.list-group { + margin: 0 0 20px; + background-color: #ffffff; +} + +.list-group-item { + position: relative; + display: block; + padding: 10px 30px 10px 15px; + margin-bottom: -1px; + border: 1px solid #dddddd; +} + +.list-group-item:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} + +a.list-group-item .list-group-item-heading { + color: #333; +} + +a.list-group-item .list-group-item-text { + color: #555; +} + +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: #f5f5f5; +} + +a.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} + +a.list-group-item.active .list-group-item-heading { + color: inherit; +} + +a.list-group-item.active .list-group-item-text { + color: #e1edf7; +} + +.list-group-item > .badge, +.list-group-item > .glyphicon-chevron-right { + float: right; + margin-right: -15px; +} + +.list-group-item > .glyphicon-chevron-right { + margin-right: -15px; +} + +.list-group-item > .glyphicon + .badge { + margin-right: 5px; +} + +.panel { + padding: 15px; + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.panel-heading { + padding: 10px 15px; + margin: -15px -15px 15px; + font-size: 17.5px; + font-weight: 500; + background-color: #f5f5f5; + border-bottom: 1px solid #dddddd; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} + +.panel-primary { + border-color: #428bca; +} + +.panel-primary .panel-heading { + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} + +.panel-success { + border-color: #d6e9c6; +} + +.panel-success .panel-heading { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.panel-warning { + border-color: #fbeed5; +} + +.panel-warning .panel-heading { + color: #c09853; + background-color: #fcf8e3; + border-color: #fbeed5; +} + +.panel-danger { + border-color: #eed3d7; +} + +.panel-danger .panel-heading { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.panel-info { + border-color: #bce8f1; +} + +.panel-info .panel-heading { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.list-group-flush { + margin: 15px -15px -15px; +} + +.list-group-flush .list-group-item { + border-width: 1px 0; +} + +.list-group-flush .list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.list-group-flush .list-group-item:last-child { + border-bottom: 0; +} + .well { min-height: 20px; padding: 19px; @@ -2918,9 +3196,9 @@ fieldset[disabled] .btn-link:focus { .close { float: right; - font-size: 20px; + font-size: 21px; font-weight: bold; - line-height: 20px; + line-height: 1; color: #000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; @@ -2961,6 +3239,16 @@ button.close { clear: both; } +.nav:before, +.nav:after { + display: table; + content: " "; +} + +.nav:after { + clear: both; +} + .nav > li { display: block; } @@ -2977,10 +3265,34 @@ button.close { background-color: #eeeeee; } +.nav > li.disabled > a { + color: #999999; +} + +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.nav > li + .nav-header { + margin-top: 9px; +} + .nav > .pull-right { float: right; } +.nav .divider { + height: 2px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + .nav-tabs { border-bottom: 1px solid #ddd; } @@ -3001,9 +3313,9 @@ button.close { border-color: #eeeeee #eeeeee #dddddd; } -.nav-tabs > .active > a, -.nav-tabs > .active > a:hover, -.nav-tabs > .active > a:focus { +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #ffffff; @@ -3011,6 +3323,30 @@ button.close { border-bottom-color: transparent; } +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} + +.nav-tabs.nav-justified > li { + display: table-cell; + float: none; + width: 1%; +} + +.nav-tabs.nav-justified > li > a { + text-align: center; +} + +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-bottom: 1px solid #ddd; +} + +.nav-tabs.nav-justified > .active > a { + border-bottom-color: #ffffff; +} + .nav-pills > li { float: left; } @@ -3023,9 +3359,9 @@ button.close { margin-left: 2px; } -.nav-pills > .active > a, -.nav-pills > .active > a:hover, -.nav-pills > .active > a:focus { +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } @@ -3040,56 +3376,23 @@ button.close { } .nav-justified { - max-height: 40px; + width: 100%; } .nav-justified > li { display: table-cell; float: none; width: 1%; - text-align: center; } -.nav-list > li > a { - margin-bottom: -1px; - border: 1px solid #e5e5e5; -} - -.nav-list > li:first-child > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} - -.nav-list > li:last-child > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.nav-list > .active > a, -.nav-list > .active > a:hover, -.nav-list > .active > a:focus { - z-index: 2; - color: #fff; - background-color: #428bca; - border-color: #428bca; -} - -.nav > .disabled > a { - color: #999999; -} - -.nav > .disabled > a:hover, -.nav > .disabled > a:focus { - color: #999999; - text-decoration: none; - cursor: default; - background-color: transparent; +.nav-justified > li > a { + text-align: center; } .nav-header { display: block; padding: 3px 15px; - font-size: 11px; + font-size: 10.5px; font-weight: bold; line-height: 20px; color: #999999; @@ -3097,16 +3400,14 @@ button.close { text-transform: uppercase; } -.nav li + .nav-header { - margin-top: 9px; +.tabbable:before, +.tabbable:after { + display: table; + content: " "; } -.nav .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; +.tabbable:after { + clear: both; } .tabbable:before, @@ -3153,8 +3454,8 @@ button.close { margin-top: 8px; } .nav .dropdown-toggle:hover .caret { - border-top-color: @link-color-hover; - border-bottom-color: @link-color-hover; + border-top-color: @link-hover-color; + border-bottom-color: @link-hover-color; } // Active dropdown links @@ -3180,8 +3481,8 @@ button.close { .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #fff; - background-color: @grayLight; - border-color: @grayLight; + background-color: @gray-light; + border-color: @gray-light; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, @@ -3193,14 +3494,16 @@ button.close { // Dropdowns in stacked tabs .tabs-stacked .open > a:hover { - border-color: @grayLight; + border-color: @gray-light; } */ .navbar { position: relative; - padding: 10px 15px; + padding-right: 15px; + padding-left: 15px; + margin-bottom: 20px; background-color: #eeeeee; border-radius: 4px; } @@ -3215,33 +3518,43 @@ button.close { clear: both; } -.navbar .nav { - margin-top: 15px; +.navbar:before, +.navbar:after { + display: table; + content: " "; +} + +.navbar:after { + clear: both; +} + +.navbar-nav { + margin-top: 5px; } -.navbar .nav > li > a { +.navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; color: #777777; } -.navbar .nav > li > a:hover, -.navbar .nav > li > a:focus { +.navbar-nav > li > a:hover, +.navbar-nav > li > a:focus { color: #333333; background-color: transparent; } -.navbar .nav > .active > a, -.navbar .nav > .active > a:hover, -.navbar .nav > .active > a:focus { +.navbar-nav > .active > a, +.navbar-nav > .active > a:hover, +.navbar-nav > .active > a:focus { color: #555555; background-color: #d5d5d5; } -.navbar .nav > .disabled > a, -.navbar .nav > .disabled > a:hover, -.navbar .nav > .disabled > a:focus { +.navbar-nav > .disabled > a, +.navbar-nav > .disabled > a:hover, +.navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } @@ -3265,15 +3578,16 @@ button.close { .navbar-fixed-bottom { bottom: 0; + margin-bottom: 0; } .navbar-brand { display: block; max-width: 200px; - padding: 7px 15px; + padding: 15px; margin-right: auto; margin-left: auto; - font-size: 18px; + font-size: 17.5px; font-weight: 500; line-height: 20px; color: #777777; @@ -3314,57 +3628,49 @@ button.close { margin-top: 4px; } -.navbar .nav > .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e1e1e1; - border-bottom: 1px solid #fbfbfb; -} - .navbar-form { margin-top: 8px; margin-bottom: 8px; } -.navbar .nav > li > .dropdown-menu { +.navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } -.navbar-fixed-bottom .nav > li > .dropdown-menu { +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } -.navbar .nav li.dropdown > a:hover .caret, -.navbar .nav li.dropdown > a:focus .caret { +.navbar-nav li.dropdown > a:hover .caret, +.navbar-nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } -.navbar .nav li.dropdown.open > .dropdown-toggle, -.navbar .nav li.dropdown.active > .dropdown-toggle, -.navbar .nav li.dropdown.open.active > .dropdown-toggle { +.navbar-nav li.dropdown.open > .dropdown-toggle, +.navbar-nav li.dropdown.active > .dropdown-toggle, +.navbar-nav li.dropdown.open.active > .dropdown-toggle { color: #555555; background-color: #d5d5d5; } -.navbar .nav li.dropdown > .dropdown-toggle .caret { +.navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } -.navbar .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { +.navbar-nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } -.navbar .pull-right > li > .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right { +.navbar-nav.pull-right > li > .dropdown-menu, +.navbar-nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } @@ -3387,26 +3693,26 @@ button.close { color: #999999; } -.navbar-inverse .nav > li > a { +.navbar-inverse .navbar-nav > li > a { color: #999999; } -.navbar-inverse .nav > li > a:hover, -.navbar-inverse .nav > li > a:focus { +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } -.navbar-inverse .nav > .active > a, -.navbar-inverse .nav > .active > a:hover, -.navbar-inverse .nav > .active > a:focus { +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } -.navbar-inverse .nav > .disabled > a, -.navbar-inverse .nav > .disabled > a:hover, -.navbar-inverse .nav > .disabled > a:focus { +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } @@ -3424,73 +3730,45 @@ button.close { background-color: #fff; } -.navbar-inverse .nav > .divider { - background-color: #151515; - border-bottom-color: #2f2f2f; -} - -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { +.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { color: #ffffff; background-color: #080808; } -.navbar-inverse .nav li.dropdown > a:hover .caret { +.navbar-inverse .navbar-nav li.dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } -.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { +.navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { +.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } @media screen and (min-width: 768px) { - .navbar { - padding-top: 0; - padding-bottom: 0; - } .navbar-brand { float: left; - padding-top: 15px; - padding-bottom: 15px; - margin-left: -10px; + margin-right: 5px; + margin-left: -5px; } .navbar .nav { float: left; margin-top: 0; } - .navbar .nav:before, - .navbar .nav:after { - display: table; - content: " "; - } - .navbar .nav:after { - clear: both; - } - .navbar .nav.pull-right { - float: right; - } .navbar .nav > li { float: left; } - .navbar .nav > .divider { - width: 1px; - height: 30px; - margin: 10px 9px; - border-right: 1px solid #fbfbfb; - border-bottom: 0; - } - .navbar-inverse .nav > .divider { - border-right-color: #2f2f2f; + .navbar .nav.pull-right { + float: right; } .navbar-toggle { position: relative; @@ -3504,62 +3782,25 @@ button.close { } } -/* +.navbar-btn { + margin-top: 8px; +} -// Janky solution for now to account for links outside the .nav -// ------------------------- .navbar-link { - color: @navbar-link-color; - &:hover { - color: @navbar-link-color-hover; - } + color: #777777; } -// Buttons in navbar -// ------------------------- -.navbar .btn, -.navbar .btn-group { - .navbarVerticalAlign(30px); // Vertically center in navbar -} -.navbar .btn-group .btn, -.navbar .input-prepend .btn, -.navbar .input-append .btn { - margin-top: 0; // then undo the margin here so we don't accidentally double it +.navbar-link:hover { + color: #333333; } -// Navbar forms -// ------------------------- -.navbar-form { - margin-bottom: 0; // remove default bottom margin - .clearfix(); - input, - select, - .radio, - .checkbox { - .navbarVerticalAlign(30px); // Vertically center in navbar - } - input, - select, - .btn { - display: inline-block; - margin-bottom: 0; - } - input[type="image"], - input[type="checkbox"], - input[type="radio"] { - margin-top: 3px; - } - .input-append, - .input-prepend { - margin-top: 5px; - white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left - input { - margin-top: 0; // remove the margin on top since it's on the parent - } - } +.navbar-inverse .navbar-link { + color: #999999; } -*/ +.navbar-inverse .navbar-link:hover { + color: #ffffff; +} .btn .caret { border-top-color: #ffffff; @@ -3599,6 +3840,16 @@ button.close { clear: both; } +.btn-toolbar:before, +.btn-toolbar:after { + display: table; + content: " "; +} + +.btn-toolbar:after { + clear: both; +} + .btn-toolbar .btn-group { float: left; } @@ -3639,6 +3890,25 @@ button.close { border-bottom-right-radius: 6px; } +.btn-group > .btn-group { + float: left; +} + +.btn-group > .btn-group > .btn { + border-radius: 0; +} + +.btn-group > .btn-group:last-child > .btn { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.btn-group > .btn-group:first-child > .btn { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; @@ -3742,6 +4012,10 @@ button.close { content: "\00a0 /"; } +.breadcrumb > li:last-child:after { + display: none; +} + .breadcrumb > .active { color: #999999; } @@ -3805,7 +4079,7 @@ button.close { .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; - font-size: 17.5; + font-size: 17.5px; } .pagination-large > li:first-child > a, @@ -3839,13 +4113,13 @@ button.close { .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; - font-size: 11.9; + font-size: 11.9px; } .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; - font-size: 10.5; + font-size: 10.5px; } .pager { @@ -3864,6 +4138,16 @@ button.close { clear: both; } +.pager:before, +.pager:after { + display: table; + content: " "; +} + +.pager:after { + clear: both; +} + .pager li { display: inline; } @@ -3872,8 +4156,8 @@ button.close { .pager li > span { display: inline-block; padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; + background-color: #ffffff; + border: 1px solid #dddddd; border-radius: 15px; } @@ -3899,7 +4183,7 @@ button.close { .pager .disabled > span { color: #999999; cursor: default; - background-color: #fff; + background-color: #ffffff; } .modal-open { @@ -3976,17 +4260,18 @@ button.close { } .modal-header { - padding: 9px 15px; + min-height: 35px; + padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { - margin-top: 2px; + margin-top: -2px; } .modal-title { margin: 0; - line-height: 30px; + line-height: 20px; } .modal-body { @@ -4011,6 +4296,16 @@ button.close { clear: both; } +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; +} + +.modal-footer:after { + clear: both; +} + .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; @@ -4043,7 +4338,7 @@ button.close { position: absolute; z-index: 1030; display: block; - font-size: 11px; + font-size: 10.5px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); @@ -4141,9 +4436,9 @@ button.close { border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; + background-clip: padding-box; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; } .popover.top { @@ -4288,11 +4583,10 @@ button.close { color: #a47e3c; } -.close { +.alert .close { position: relative; top: -2px; right: -21px; - line-height: 20px; color: inherit; } @@ -4311,22 +4605,18 @@ button.close { color: #356635; } -.alert-danger, -.alert-error { +.alert-danger { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } -.alert-danger hr, -.alert-error hr { +.alert-danger hr { border-top-color: #e6c1c7; } .alert-danger > a, -.alert-error > a, -.alert-danger > p > a, -.alert-error > p > a { +.alert-danger > p > a { color: #953b39; } @@ -4363,7 +4653,8 @@ button.close { .img-thumbnail { padding: 4px; line-height: 20px; - border: 1px solid #ddd; + background-color: #ffffff; + border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; @@ -4393,7 +4684,7 @@ a.thumbnail:focus { .thumbnail .caption { padding: 9px; - color: #555555; + color: #333333; } .media, @@ -4433,6 +4724,7 @@ a.thumbnail:focus { } .label { + display: inline; padding: .25em .6em; font-size: 75%; font-weight: 500; @@ -4445,42 +4737,47 @@ a.thumbnail:focus { border-radius: .25em; } -a.label:hover, -a.label:focus { +.label[href]:hover, +.label[href]:focus { color: #fff; text-decoration: none; cursor: pointer; + background-color: #808080; } .label-danger { background-color: #d9534f; } -.label-danger[href] { +.label-danger[href]:hover, +.label-danger[href]:focus { background-color: #c9302c; } -.label-warning { - background-color: #f0ad4e; +.label-success { + background-color: #5cb85c; } -.label-warning[href] { - background-color: #ec971f; +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #449d44; } -.label-success { - background-color: #5cb85c; +.label-warning { + background-color: #f0ad4e; } -.label-success[href] { - background-color: #449d44; +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #ec971f; } .label-info { background-color: #5bc0de; } -.label-info[href] { +.label-info[href]:hover, +.label-info[href]:focus { background-color: #31b0d5; } @@ -4488,7 +4785,7 @@ a.label:focus { display: inline-block; min-width: 10px; padding: 3px 7px; - font-size: 12px; + font-size: 11.9px; font-weight: bold; line-height: 1; color: #fff; @@ -4519,7 +4816,7 @@ a.badge:focus { top: 0; } -.nav-list > .active > a > .badge, +a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; @@ -4588,7 +4885,7 @@ a.badge:focus { float: left; width: 0; height: 100%; - font-size: 12px; + font-size: 11.9px; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); @@ -4599,6 +4896,9 @@ a.badge:focus { -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; } .progress-striped .progress-bar { @@ -4606,7 +4906,6 @@ a.badge:focus { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; @@ -4631,7 +4930,6 @@ a.badge:focus { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } @@ -4644,7 +4942,6 @@ a.badge:focus { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } @@ -4657,7 +4954,6 @@ a.badge:focus { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } @@ -4670,7 +4966,6 @@ a.badge:focus { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } @@ -4782,10 +5077,9 @@ a.badge:focus { .carousel-control.left { background-color: rgba(0, 0, 0, 0.0001); background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); @@ -4796,10 +5090,9 @@ a.badge:focus { left: auto; background-color: rgba(0, 0, 0, 0.5); background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); @@ -4854,16 +5147,21 @@ a.badge:focus { .carousel-caption { position: absolute; - right: 20%; + right: 15%; bottom: 20px; - left: 20%; - display: none; + left: 15%; + z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; + text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } +.carousel-caption .btn { + text-shadow: none; +} + @media screen and (min-width: 768px) { .carousel-control .glyphicon { width: 30px; @@ -4873,14 +5171,9 @@ a.badge:focus { font-size: 30px; } .carousel-caption { - right: 0; - left: 0; - z-index: 10; - display: block; - max-width: 60%; - padding: 30px; - margin-right: 0; - margin-left: 0; + right: 20%; + left: 20%; + padding-bottom: 30px; } } @@ -4909,7 +5202,7 @@ a.badge:focus { border-radius: 6px; } .jumbotron h1 { - font-size: 60px; + font-size: 63px; } } @@ -4959,53 +5252,79 @@ a.badge:focus { width: device-width; } +@media screen and (max-width: 400px) { + @-ms-viewport { + width: 320px; + } +} + .hidden { display: none; visibility: hidden; } .visible-phone { - display: none !important; + display: inherit !important; } .visible-tablet { display: none !important; } -.hidden-desktop { +.visible-desktop { display: none !important; } -.visible-desktop { +.hidden-phone { + display: none !important; +} + +.hidden-tablet { display: inherit !important; } -@media (min-width: 768px) and (max-width: 979px) { - .hidden-desktop { +.hidden-desktop { + display: inherit !important; +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-phone { + display: none !important; + } + .visible-tablet { display: inherit !important; } .visible-desktop { - display: none !important ; + display: none !important; } - .visible-tablet { + .hidden-phone { display: inherit !important; } .hidden-tablet { display: none !important; } -} - -@media (max-width: 767px) { .hidden-desktop { display: inherit !important; } - .visible-desktop { +} + +@media (min-width: 992px) { + .visible-phone { display: none !important; } - .visible-phone { + .visible-tablet { + display: none !important; + } + .visible-desktop { display: inherit !important; } .hidden-phone { + display: inherit !important; + } + .hidden-tablet { + display: inherit !important; + } + .hidden-desktop { display: none !important; } } |
