X-Git-Url: http://git.cascardo.info/?p=cascardo%2Fipsilon.git;a=blobdiff_plain;f=ui%2Fcss%2Fipsilon.css;fp=ui%2Fcss%2Fipsilon.css;h=f7fad06a8c51a73ea21e94850dac50a6fb107428;hp=9dce3244151190eec27f661fc8821d18553074d1;hb=1476224ef7a2ef99dd59436f5c3fc6a61cf31783;hpb=928cd69d9ae69ed9926ca57754205a1b4d51b621 diff --git a/ui/css/ipsilon.css b/ui/css/ipsilon.css index 9dce324..f7fad06 100644 --- a/ui/css/ipsilon.css +++ b/ui/css/ipsilon.css @@ -1,4 +1,12 @@ -/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} article, aside, details, @@ -8,6 +16,7 @@ footer, header, hgroup, main, +menu, nav, section, summary { @@ -15,8 +24,10 @@ summary { } audio, canvas, +progress, video { display: inline-block; + vertical-align: baseline; } audio:not([controls]) { display: none; @@ -26,28 +37,13 @@ audio:not([controls]) { template { display: none; } -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} -body { - margin: 0; -} a { - background: transparent; -} -a:focus { - outline: thin dotted; + background-color: transparent; } a:active, a:hover { outline: 0; } -h1 { - font-size: 2em; - margin: 0.67em 0; -} abbr[title] { border-bottom: 1px dotted; } @@ -58,28 +54,14 @@ strong { dfn { font-style: italic; } -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; +h1 { + font-size: 2em; + margin: 0.67em 0; } mark { background: #ff0; color: #000; } -code, -kbd, -pre, -samp { - font-family: monospace, serif; - font-size: 1em; -} -pre { - white-space: pre-wrap; -} -q { - quotes: "\201C" "\201D" "\2018" "\2019"; -} small { font-size: 80%; } @@ -103,28 +85,33 @@ svg:not(:root) { overflow: hidden; } figure { - margin: 0; + margin: 1em 40px; } -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; +hr { + box-sizing: content-box; + height: 0; } -legend { - border: 0; - padding: 0; +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } button, input, +optgroup, select, textarea { - font-family: inherit; - font-size: 100%; + color: inherit; + font: inherit; margin: 0; } -button, -input { - line-height: normal; +button { + overflow: visible; } button, select { @@ -141,40 +128,63 @@ button[disabled], html input[disabled] { cursor: default; } +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} input[type="search"] { -webkit-appearance: textfield; - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } -button::-moz-focus-inner, -input::-moz-focus-inner { +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { border: 0; padding: 0; } textarea { overflow: auto; - vertical-align: top; +} +optgroup { + font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } +td, +th { + padding: 0; +} +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { - * { - text-shadow: none !important; - color: #000 !important; + *, + *:before, + *:after { background: transparent !important; + color: #000 !important; box-shadow: none !important; + text-shadow: none !important; } a, a:visited { @@ -186,8 +196,8 @@ table { abbr[title]:after { content: " (" attr(title) ")"; } - a[href^="javascript:"]:after, - a[href^="#"]:after { + a[href^="#"]:after, + a[href^="javascript:"]:after { content: ""; } pre, @@ -205,9 +215,6 @@ table { img { max-width: 100% !important; } - @page { - margin: 2cm .5cm; - } p, h2, h3 { @@ -218,16 +225,9 @@ table { h3 { page-break-after: avoid; } - select { - background: #fff !important; - } .navbar { display: none; } - .table td, - .table th { - background-color: #fff !important; - } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; @@ -238,6 +238,10 @@ table { .table { border-collapse: collapse !important; } + .table td, + .table th { + background-color: #fff !important; + } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; @@ -255,13 +259,13 @@ table { box-sizing: border-box; } html { - font-size: 62.5%; + font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Open Sans", Helvetica, Arial, sans-serif; - font-size: 11px; - line-height: 1.81818181; + font-size: 12px; + line-height: 1.66666667; color: #333333; background-color: #ffffff; } @@ -287,6 +291,9 @@ a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } +figure { + margin: 0; +} img { vertical-align: middle; } @@ -300,11 +307,12 @@ img { } .img-thumbnail { padding: 4px; - line-height: 1.81818181; + line-height: 1.66666667; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 1px; -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; @@ -314,8 +322,8 @@ img { border-radius: 50%; } hr { - margin-top: 19px; - margin-bottom: 19px; + margin-top: 20px; + margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } @@ -329,6 +337,18 @@ hr { clip: rect(0, 0, 0, 0); border: 0; } +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} +[role="button"] { + cursor: pointer; +} h1, h2, h3, @@ -380,8 +400,8 @@ h2, .h2, h3, .h3 { - margin-top: 19px; - margin-bottom: 9.5px; + margin-top: 20px; + margin-bottom: 10px; } h1 small, .h1 small, @@ -403,8 +423,8 @@ h5, .h5, h6, .h6 { - margin-top: 9.5px; - margin-bottom: 9.5px; + margin-top: 10px; + margin-bottom: 10px; } h4 small, .h4 small, @@ -422,48 +442,50 @@ h6 .small, } h1, .h1 { - font-size: 28px; + font-size: 24px; } h2, .h2 { - font-size: 23px; + font-size: 22px; } h3, .h3 { - font-size: 19px; + font-size: 16px; } h4, .h4 { - font-size: 14px; + font-size: 15px; } h5, .h5 { - font-size: 11px; + font-size: 13px; } h6, .h6 { - font-size: 10px; + font-size: 11px; } p { - margin: 0 0 9.5px; + margin: 0 0 10px; } .lead { - margin-bottom: 19px; - font-size: 12px; - font-weight: 200; + margin-bottom: 20px; + font-size: 13px; + font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { - font-size: 16.5px; + font-size: 18px; } } small, .small { - font-size: 85%; + font-size: 91%; } -cite { - font-style: normal; +mark, +.mark { + background-color: #fcf8e3; + padding: .2em; } .text-left { text-align: left; @@ -477,79 +499,101 @@ cite { .text-justify { text-align: justify; } +.text-nowrap { + white-space: nowrap; +} +.text-lowercase { + text-transform: lowercase; +} +.text-uppercase { + text-transform: uppercase; +} +.text-capitalize { + text-transform: capitalize; +} .text-muted { color: #999999; } .text-primary { - color: #1cace9; + color: #00a8e1; } -a.text-primary:hover { - color: #138cbf; +a.text-primary:hover, +a.text-primary:focus { + color: #0082ae; } .text-success { color: #3c763d; } -a.text-success:hover { +a.text-success:hover, +a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } -a.text-info:hover { +a.text-info:hover, +a.text-info:focus { color: #245269; } .text-warning { - color: #8a6d3b; + color: #ec7a08; } -a.text-warning:hover { - color: #66512c; +a.text-warning:hover, +a.text-warning:focus { + color: #bb6106; } .text-danger { color: #a94442; } -a.text-danger:hover { +a.text-danger:hover, +a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; - background-color: #1cace9; + background-color: #00a8e1; } -a.bg-primary:hover { - background-color: #138cbf; +a.bg-primary:hover, +a.bg-primary:focus { + background-color: #0082ae; } .bg-success { background-color: #dff0d8; } -a.bg-success:hover { +a.bg-success:hover, +a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } -a.bg-info:hover { +a.bg-info:hover, +a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } -a.bg-warning:hover { +a.bg-warning:hover, +a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } -a.bg-danger:hover { +a.bg-danger:hover, +a.bg-danger:focus { background-color: #e4b9b9; } .page-header { - padding-bottom: 8.5px; - margin: 38px 0 19px; + padding-bottom: 9px; + margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; - margin-bottom: 9.5px; + margin-bottom: 10px; } ul ul, ol ul, @@ -564,22 +608,20 @@ ol ol { .list-inline { padding-left: 0; list-style: none; + margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } -.list-inline > li:first-child { - padding-left: 0; -} dl { margin-top: 0; - margin-bottom: 19px; + margin-bottom: 20px; } dt, dd { - line-height: 1.81818181; + line-height: 1.66666667; } dt { font-weight: bold; @@ -611,9 +653,9 @@ abbr[data-original-title] { text-transform: uppercase; } blockquote { - padding: 9.5px 19px; - margin: 0 0 19px; - font-size: 13.75px; + padding: 10px 20px; + margin: 0 0 20px; + font-size: 15px; border-left: 5px solid #eeeeee; } blockquote p:last-child, @@ -626,7 +668,7 @@ blockquote small, blockquote .small { display: block; font-size: 80%; - line-height: 1.81818181; + line-height: 1.66666667; color: #999999; } blockquote footer:before, @@ -658,27 +700,22 @@ blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } -blockquote:before, -blockquote:after { - content: ""; -} address { - margin-bottom: 19px; + margin-bottom: 20px; font-style: normal; - line-height: 1.81818181; + line-height: 1.66666667; } code, kbd, pre, samp { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-family: Menlo, Monaco, Consolas, monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; - white-space: nowrap; border-radius: 1px; } kbd { @@ -689,16 +726,22 @@ kbd { border-radius: 1px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; +} pre { display: block; - padding: 9px; - margin: 0 0 9.5px; - font-size: 10px; - line-height: 1.81818181; + padding: 9.5px; + margin: 0 0 10px; + font-size: 11px; + line-height: 1.66666667; word-break: break-all; word-wrap: break-word; color: #333333; - background-color: #f5f5f5; + background-color: #fcfcfc; border: 1px solid #cccccc; border-radius: 1px; } @@ -717,39 +760,39 @@ pre code { .container { margin-right: auto; margin-left: auto; - padding-left: 15px; - padding-right: 15px; + padding-left: 20px; + padding-right: 20px; } @media (min-width: 768px) { .container { - width: 750px; + width: 760px; } } @media (min-width: 992px) { .container { - width: 970px; + width: 980px; } } @media (min-width: 1200px) { .container { - width: 1170px; + width: 1180px; } } .container-fluid { margin-right: auto; margin-left: auto; - padding-left: 15px; - padding-right: 15px; + padding-left: 20px; + padding-right: 20px; } .row { - margin-left: -15px; - margin-right: -15px; + margin-left: -20px; + margin-right: -20px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; - padding-left: 15px; - padding-right: 15px; + padding-left: 20px; + padding-right: 20px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; @@ -827,7 +870,7 @@ pre code { right: 8.33333333%; } .col-xs-pull-0 { - right: 0%; + right: auto; } .col-xs-push-12 { left: 100%; @@ -866,7 +909,7 @@ pre code { left: 8.33333333%; } .col-xs-push-0 { - left: 0%; + left: auto; } .col-xs-offset-12 { margin-left: 100%; @@ -984,7 +1027,7 @@ pre code { right: 8.33333333%; } .col-sm-pull-0 { - right: 0%; + right: auto; } .col-sm-push-12 { left: 100%; @@ -1023,7 +1066,7 @@ pre code { left: 8.33333333%; } .col-sm-push-0 { - left: 0%; + left: auto; } .col-sm-offset-12 { margin-left: 100%; @@ -1142,7 +1185,7 @@ pre code { right: 8.33333333%; } .col-md-pull-0 { - right: 0%; + right: auto; } .col-md-push-12 { left: 100%; @@ -1181,7 +1224,7 @@ pre code { left: 8.33333333%; } .col-md-push-0 { - left: 0%; + left: auto; } .col-md-offset-12 { margin-left: 100%; @@ -1300,7 +1343,7 @@ pre code { right: 8.33333333%; } .col-lg-pull-0 { - right: 0%; + right: auto; } .col-lg-push-12 { left: 100%; @@ -1339,7 +1382,7 @@ pre code { left: 8.33333333%; } .col-lg-push-0 { - left: 0%; + left: auto; } .col-lg-offset-12 { margin-left: 100%; @@ -1382,15 +1425,21 @@ pre code { } } table { - max-width: 100%; background-color: transparent; } +caption { + padding-top: 10px; + padding-bottom: 10px; + color: #999999; + text-align: left; +} th { text-align: left; } .table { width: 100%; - margin-bottom: 19px; + max-width: 100%; + margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, @@ -1398,14 +1447,14 @@ th { .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { - padding: 8px; - line-height: 1.81818181; + padding: 10px; + line-height: 1.66666667; vertical-align: top; - border-top: 1px solid #dddddd; + border-top: 1px solid #d1d1d1; } .table > thead > tr > th { vertical-align: bottom; - border-bottom: 2px solid #dddddd; + border-bottom: 2px solid #d1d1d1; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, @@ -1416,7 +1465,7 @@ th { border-top: 0; } .table > tbody + tbody { - border-top: 2px solid #dddddd; + border-top: 2px solid #d1d1d1; } .table .table { background-color: #ffffff; @@ -1430,7 +1479,7 @@ th { padding: 5px; } .table-bordered { - border: 1px solid #dddddd; + border: 1px solid #d1d1d1; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, @@ -1438,20 +1487,18 @@ th { .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { - border: 1px solid #dddddd; + border: 1px solid #d1d1d1; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } -.table-striped > tbody > tr:nth-child(odd) > td, -.table-striped > tbody > tr:nth-child(odd) > th { - background-color: #f9f9f9; -} -.table-hover > tbody > tr:hover > td, -.table-hover > tbody > tr:hover > th { +.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f5f5f5; } +.table-hover > tbody > tr:hover { + background-color: #d5ecf9; +} table col[class*="col-"] { position: static; float: none; @@ -1475,13 +1522,14 @@ table th[class*="col-"] { .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { - background-color: #f5f5f5; + background-color: #d5ecf9; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { - background-color: #e8e8e8; + background-color: #bfe2f6; } .table > thead > tr > td.success, .table > tbody > tr > td.success, @@ -1500,6 +1548,7 @@ table th[class*="col-"] { .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } @@ -1520,6 +1569,7 @@ table th[class*="col-"] { .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } @@ -1540,6 +1590,7 @@ table th[class*="col-"] { .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } @@ -1560,18 +1611,21 @@ table th[class*="col-"] { .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } -@media (max-width: 767px) { +.table-responsive { + overflow-x: auto; + min-height: 0.01%; +} +@media screen and (max-width: 767px) { .table-responsive { width: 100%; - margin-bottom: 14.25px; + margin-bottom: 15px; overflow-y: hidden; - overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; - border: 1px solid #dddddd; - -webkit-overflow-scrolling: touch; + border: 1px solid #d1d1d1; } .table-responsive > .table { margin-bottom: 0; @@ -1614,13 +1668,14 @@ fieldset { padding: 0; margin: 0; border: 0; + min-width: 0; } legend { display: block; width: 100%; padding: 0; - margin-bottom: 19px; - font-size: 16.5px; + margin-bottom: 20px; + font-size: 18px; line-height: inherit; color: #333333; border: 0; @@ -1628,6 +1683,7 @@ legend { } label { display: inline-block; + max-width: 100%; margin-bottom: 5px; font-weight: bold; } @@ -1640,7 +1696,6 @@ input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; - /* IE8-9 */ line-height: normal; } input[type="file"] { @@ -1654,11 +1709,6 @@ select[multiple], select[size] { height: auto; } -select optgroup { - font-size: inherit; - font-style: inherit; - font-family: inherit; -} input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { @@ -1666,15 +1716,11 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -input[type="number"]::-webkit-outer-spin-button, -input[type="number"]::-webkit-inner-spin-button { - height: auto; -} output { display: block; padding-top: 3px; - font-size: 11px; - line-height: 1.81818181; + font-size: 12px; + line-height: 1.66666667; color: #333333; } .form-control { @@ -1682,8 +1728,8 @@ output { width: 100%; height: 26px; padding: 2px 6px; - font-size: 11px; - line-height: 1.81818181; + font-size: 12px; + line-height: 1.66666667; color: #333333; background-color: #ffffff; background-image: none; @@ -1692,6 +1738,7 @@ output { -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-color ease-in-out .15s, box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { @@ -1700,9 +1747,6 @@ output { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } -.form-control:-moz-placeholder { - color: #999999; -} .form-control::-moz-placeholder { color: #999999; opacity: 1; @@ -1732,29 +1776,62 @@ output { .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { - cursor: not-allowed; background-color: #f8f8f8; + opacity: 1; +} +.form-control[disabled], +fieldset[disabled] .form-control { + cursor: not-allowed; } textarea.form-control { height: auto; } -input[type="date"] { - line-height: 26px; +input[type="search"] { + -webkit-appearance: none; +} +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"].form-control, + input[type="time"].form-control, + input[type="datetime-local"].form-control, + input[type="month"].form-control { + line-height: 26px; + } + input[type="date"].input-sm, + input[type="time"].input-sm, + input[type="datetime-local"].input-sm, + input[type="month"].input-sm, + .input-group-sm input[type="date"], + .input-group-sm input[type="time"], + .input-group-sm input[type="datetime-local"], + .input-group-sm input[type="month"] { + line-height: 22px; + } + input[type="date"].input-lg, + input[type="time"].input-lg, + input[type="datetime-local"].input-lg, + input[type="month"].input-lg, + .input-group-lg input[type="date"], + .input-group-lg input[type="time"], + .input-group-lg input[type="datetime-local"], + .input-group-lg input[type="month"] { + line-height: 33px; + } } .form-group { margin-bottom: 15px; } .radio, .checkbox { + position: relative; display: block; - min-height: 19px; margin-top: 10px; margin-bottom: 10px; - padding-left: 20px; } .radio label, .checkbox label { - display: inline; + min-height: 20px; + padding-left: 20px; + margin-bottom: 0; font-weight: normal; cursor: pointer; } @@ -1762,8 +1839,9 @@ input[type="date"] { .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { - float: left; + position: absolute; margin-left: -20px; + margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { @@ -1771,6 +1849,7 @@ input[type="date"] { } .radio-inline, .checkbox-inline { + position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; @@ -1785,68 +1864,151 @@ input[type="date"] { } input[type="radio"][disabled], input[type="checkbox"][disabled], -.radio[disabled], -.radio-inline[disabled], -.checkbox[disabled], -.checkbox-inline[disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"], -fieldset[disabled] .radio, +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; +} +.radio-inline.disabled, +.checkbox-inline.disabled, fieldset[disabled] .radio-inline, -fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; +} +.form-control-static { + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + min-height: 32px; +} +.form-control-static.input-lg, +.form-control-static.input-sm { + padding-left: 0; + padding-right: 0; +} .input-sm { - height: 21px; + height: 22px; padding: 2px 6px; - font-size: 10px; + font-size: 11px; line-height: 1.5; border-radius: 1px; } select.input-sm { - height: 21px; - line-height: 21px; + height: 22px; + line-height: 22px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.form-group-sm .form-control { + height: 22px; + padding: 2px 6px; + font-size: 11px; + line-height: 1.5; + border-radius: 1px; +} +.form-group-sm select.form-control { + height: 22px; + line-height: 22px; } -textarea.input-sm { +.form-group-sm textarea.form-control, +.form-group-sm select[multiple].form-control { height: auto; } +.form-group-sm .form-control-static { + height: 22px; + min-height: 31px; + padding: 3px 6px; + font-size: 11px; + line-height: 1.5; +} .input-lg { - height: 32px; + height: 33px; padding: 6px 10px; - font-size: 13px; - line-height: 1.33; + font-size: 14px; + line-height: 1.3333333; border-radius: 1px; } select.input-lg { - height: 32px; - line-height: 32px; + height: 33px; + line-height: 33px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.form-group-lg .form-control { + height: 33px; + padding: 6px 10px; + font-size: 14px; + line-height: 1.3333333; + border-radius: 1px; +} +.form-group-lg select.form-control { + height: 33px; + line-height: 33px; } -textarea.input-lg { +.form-group-lg textarea.form-control, +.form-group-lg select[multiple].form-control { height: auto; } +.form-group-lg .form-control-static { + height: 33px; + min-height: 34px; + padding: 7px 10px; + font-size: 14px; + line-height: 1.3333333; +} .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 32.5px; } -.has-feedback .form-control-feedback { +.form-control-feedback { position: absolute; - top: 24px; + top: 0; right: 0; + z-index: 2; display: block; width: 26px; height: 26px; line-height: 26px; text-align: center; + pointer-events: none; +} +.input-lg + .form-control-feedback, +.input-group-lg + .form-control-feedback, +.form-group-lg .form-control + .form-control-feedback { + width: 33px; + height: 33px; + line-height: 33px; +} +.input-sm + .form-control-feedback, +.input-group-sm + .form-control-feedback, +.form-group-sm .form-control + .form-control-feedback { + width: 22px; + height: 22px; + line-height: 22px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, -.has-success .checkbox-inline { +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { @@ -1872,33 +2034,41 @@ textarea.input-lg { .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, -.has-warning .checkbox-inline { - color: #8a6d3b; +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ec7a08; } .has-warning .form-control { - border-color: #8a6d3b; + border-color: #ec7a08; -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); } .has-warning .form-control:focus { - border-color: #66512c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + border-color: #bb6106; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #faad60; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #faad60; } .has-warning .input-group-addon { - color: #8a6d3b; - border-color: #8a6d3b; + color: #ec7a08; + border-color: #ec7a08; background-color: #fcf8e3; } .has-warning .form-control-feedback { - color: #8a6d3b; + color: #ec7a08; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, -.has-error .checkbox-inline { +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { @@ -1919,8 +2089,11 @@ textarea.input-lg { .has-error .form-control-feedback { color: #a94442; } -.form-control-static { - margin-bottom: 0; +.has-feedback label ~ .form-control-feedback { + top: 25px; +} +.has-feedback label.sr-only ~ .form-control-feedback { + top: 0; } .help-block { display: block; @@ -1939,6 +2112,21 @@ textarea.input-lg { width: auto; vertical-align: middle; } + .form-inline .form-control-static { + display: inline-block; + } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; + } + .form-inline .input-group > .form-control { + width: 100%; + } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; @@ -1948,19 +2136,21 @@ textarea.input-lg { display: inline-block; margin-top: 0; margin-bottom: 0; - padding-left: 0; vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; + } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { - float: none; + position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } -.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, @@ -1971,23 +2161,33 @@ textarea.input-lg { } .form-horizontal .radio, .form-horizontal .checkbox { - min-height: 22px; + min-height: 23px; } .form-horizontal .form-group { - margin-left: -15px; - margin-right: -15px; -} -.form-horizontal .form-control-static { - padding-top: 3px; + margin-left: -20px; + margin-right: -20px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; + margin-bottom: 0; + padding-top: 3px; } } .form-horizontal .has-feedback .form-control-feedback { - top: 0; - right: 15px; + right: 20px; +} +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 8.9999998px; + font-size: 14px; + } +} +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 3px; + font-size: 11px; + } } .btn { display: inline-block; @@ -1995,27 +2195,33 @@ textarea.input-lg { font-weight: 600; text-align: center; vertical-align: middle; + touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 2px 6px; - font-size: 11px; - line-height: 1.81818181; + font-size: 12px; + line-height: 1.66666667; border-radius: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; - -o-user-select: none; user-select: none; } -.btn:focus { +.btn:focus, +.btn:active:focus, +.btn.active:focus, +.btn.focus, +.btn:active.focus, +.btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, -.btn:focus { +.btn:focus, +.btn.focus { color: #4d5258; text-decoration: none; } @@ -2030,29 +2236,54 @@ textarea.input-lg { .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; - pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; +} .btn-default { color: #4d5258; background-color: #eeeeee; border-color: #b7b7b7; } -.btn-default:hover, .btn-default:focus, +.btn-default.focus { + color: #4d5258; + background-color: #d5d5d5; + border-color: #777777; +} +.btn-default:hover { + color: #4d5258; + background-color: #d5d5d5; + border-color: #989898; +} .btn-default:active, .btn-default.active, -.open .dropdown-toggle.btn-default { +.open > .dropdown-toggle.btn-default { color: #4d5258; - background-color: #dadada; + background-color: #d5d5d5; border-color: #989898; } +.btn-default:active:hover, +.btn-default.active:hover, +.open > .dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open > .dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open > .dropdown-toggle.btn-default.focus { + color: #4d5258; + background-color: #c3c3c3; + border-color: #777777; +} .btn-default:active, .btn-default.active, -.open .dropdown-toggle.btn-default { +.open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, @@ -2064,6 +2295,9 @@ fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, @@ -2079,21 +2313,43 @@ fieldset[disabled] .btn-default.active { } .btn-primary { color: #ffffff; - background-color: #189ad1; - border-color: #267da1; + background-color: #0085cf; + border-color: #006e9c; } -.btn-primary:hover, .btn-primary:focus, +.btn-primary.focus { + color: #ffffff; + background-color: #00649c; + border-color: #00141d; +} +.btn-primary:hover { + color: #ffffff; + background-color: #00649c; + border-color: #00435f; +} .btn-primary:active, .btn-primary.active, -.open .dropdown-toggle.btn-primary { +.open > .dropdown-toggle.btn-primary { + color: #ffffff; + background-color: #00649c; + border-color: #00435f; +} +.btn-primary:active:hover, +.btn-primary.active:hover, +.open > .dropdown-toggle.btn-primary:hover, +.btn-primary:active:focus, +.btn-primary.active:focus, +.open > .dropdown-toggle.btn-primary:focus, +.btn-primary:active.focus, +.btn-primary.active.focus, +.open > .dropdown-toggle.btn-primary.focus { color: #ffffff; - background-color: #147fac; - border-color: #1a576f; + background-color: #004d78; + border-color: #00141d; } .btn-primary:active, .btn-primary.active, -.open .dropdown-toggle.btn-primary { +.open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, @@ -2105,36 +2361,61 @@ fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled.focus, +.btn-primary[disabled].focus, +fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { - background-color: #189ad1; - border-color: #267da1; + background-color: #0085cf; + border-color: #006e9c; } .btn-primary .badge { - color: #189ad1; + color: #0085cf; background-color: #ffffff; } .btn-success { color: #ffffff; - background-color: #5cb75c; - border-color: #4cad4c; + background-color: #3f9c35; + border-color: #37892f; } -.btn-success:hover, .btn-success:focus, +.btn-success.focus { + color: #ffffff; + background-color: #307628; + border-color: #112a0e; +} +.btn-success:hover { + color: #ffffff; + background-color: #307628; + border-color: #255b1f; +} .btn-success:active, .btn-success.active, -.open .dropdown-toggle.btn-success { +.open > .dropdown-toggle.btn-success { color: #ffffff; - background-color: #48a248; - border-color: #3a833a; + background-color: #307628; + border-color: #255b1f; +} +.btn-success:active:hover, +.btn-success.active:hover, +.open > .dropdown-toggle.btn-success:hover, +.btn-success:active:focus, +.btn-success.active:focus, +.open > .dropdown-toggle.btn-success:focus, +.btn-success:active.focus, +.btn-success.active.focus, +.open > .dropdown-toggle.btn-success.focus { + color: #ffffff; + background-color: #255b1f; + border-color: #112a0e; } .btn-success:active, .btn-success.active, -.open .dropdown-toggle.btn-success { +.open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, @@ -2146,36 +2427,61 @@ fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, +.btn-success.disabled.focus, +.btn-success[disabled].focus, +fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { - background-color: #5cb75c; - border-color: #4cad4c; + background-color: #3f9c35; + border-color: #37892f; } .btn-success .badge { - color: #5cb75c; + color: #3f9c35; background-color: #ffffff; } .btn-info { color: #ffffff; - background-color: #27799c; - border-color: #226988; + background-color: #006e9c; + border-color: #005c83; } -.btn-info:hover, .btn-info:focus, +.btn-info.focus { + color: #ffffff; + background-color: #004a69; + border-color: #000203; +} +.btn-info:hover { + color: #ffffff; + background-color: #004a69; + border-color: #003145; +} .btn-info:active, .btn-info.active, -.open .dropdown-toggle.btn-info { +.open > .dropdown-toggle.btn-info { color: #ffffff; - background-color: #1f607b; - border-color: #164357; + background-color: #004a69; + border-color: #003145; +} +.btn-info:active:hover, +.btn-info.active:hover, +.open > .dropdown-toggle.btn-info:hover, +.btn-info:active:focus, +.btn-info.active:focus, +.open > .dropdown-toggle.btn-info:focus, +.btn-info:active.focus, +.btn-info.active.focus, +.open > .dropdown-toggle.btn-info.focus { + color: #ffffff; + background-color: #003145; + border-color: #000203; } .btn-info:active, .btn-info.active, -.open .dropdown-toggle.btn-info { +.open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, @@ -2187,36 +2493,61 @@ fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, +.btn-info.disabled.focus, +.btn-info[disabled].focus, +fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { - background-color: #27799c; - border-color: #226988; + background-color: #006e9c; + border-color: #005c83; } .btn-info .badge { - color: #27799c; + color: #006e9c; background-color: #ffffff; } .btn-warning { color: #ffffff; - background-color: #eb7720; - border-color: #de6a14; + background-color: #ec7a08; + border-color: #d36d07; } -.btn-warning:hover, .btn-warning:focus, +.btn-warning.focus { + color: #ffffff; + background-color: #bb6106; + border-color: #582e03; +} +.btn-warning:hover { + color: #ffffff; + background-color: #bb6106; + border-color: #984f05; +} .btn-warning:active, .btn-warning.active, -.open .dropdown-toggle.btn-warning { +.open > .dropdown-toggle.btn-warning { color: #ffffff; - background-color: #d06413; - border-color: #a54f0f; + background-color: #bb6106; + border-color: #984f05; +} +.btn-warning:active:hover, +.btn-warning.active:hover, +.open > .dropdown-toggle.btn-warning:hover, +.btn-warning:active:focus, +.btn-warning.active:focus, +.open > .dropdown-toggle.btn-warning:focus, +.btn-warning:active.focus, +.btn-warning.active.focus, +.open > .dropdown-toggle.btn-warning.focus { + color: #ffffff; + background-color: #984f05; + border-color: #582e03; } .btn-warning:active, .btn-warning.active, -.open .dropdown-toggle.btn-warning { +.open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, @@ -2228,36 +2559,61 @@ fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled.focus, +.btn-warning[disabled].focus, +fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { - background-color: #eb7720; - border-color: #de6a14; + background-color: #ec7a08; + border-color: #d36d07; } .btn-warning .badge { - color: #eb7720; + color: #ec7a08; background-color: #ffffff; } .btn-danger { color: #ffffff; - background-color: #ab070f; + background-color: #a30000; border-color: #781919; } -.btn-danger:hover, .btn-danger:focus, +.btn-danger.focus { + color: #ffffff; + background-color: #700000; + border-color: #0e0303; +} +.btn-danger:hover { + color: #ffffff; + background-color: #700000; + border-color: #450e0e; +} .btn-danger:active, .btn-danger.active, -.open .dropdown-toggle.btn-danger { +.open > .dropdown-toggle.btn-danger { color: #ffffff; - background-color: #84050c; + background-color: #700000; border-color: #450e0e; } +.btn-danger:active:hover, +.btn-danger.active:hover, +.open > .dropdown-toggle.btn-danger:hover, +.btn-danger:active:focus, +.btn-danger.active:focus, +.open > .dropdown-toggle.btn-danger:focus, +.btn-danger:active.focus, +.btn-danger.active.focus, +.open > .dropdown-toggle.btn-danger.focus { + color: #ffffff; + background-color: #4c0000; + border-color: #0e0303; +} .btn-danger:active, .btn-danger.active, -.open .dropdown-toggle.btn-danger { +.open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, @@ -2269,27 +2625,30 @@ fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled.focus, +.btn-danger[disabled].focus, +fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { - background-color: #ab070f; + background-color: #a30000; border-color: #781919; } .btn-danger .badge { - color: #ab070f; + color: #a30000; background-color: #ffffff; } .btn-link { color: #0099d3; font-weight: normal; - cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, +.btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; @@ -2317,27 +2676,25 @@ fieldset[disabled] .btn-link:focus { } .btn-lg { padding: 6px 10px; - font-size: 13px; - line-height: 1.33; + font-size: 14px; + line-height: 1.3333333; border-radius: 1px; } .btn-sm { padding: 2px 6px; - font-size: 10px; + font-size: 11px; line-height: 1.5; border-radius: 1px; } .btn-xs { padding: 1px 5px; - font-size: 10px; + font-size: 11px; line-height: 1.5; border-radius: 1px; } .btn-block { display: block; width: 100%; - padding-left: 0; - padding-right: 0; } .btn-block + .btn-block { margin-top: 5px; @@ -2349,7 +2706,7 @@ input[type="button"].btn-block { } .alert { padding: 7px; - margin-bottom: 19px; + margin-bottom: 20px; border: 1px solid transparent; border-radius: 1px; } @@ -2367,10 +2724,12 @@ input[type="button"].btn-block { .alert > p + p { margin-top: 5px; } -.alert-dismissable { +.alert-dismissable, +.alert-dismissible { padding-right: 27px; } -.alert-dismissable .close { +.alert-dismissable .close, +.alert-dismissible .close { position: relative; top: -2px; right: -21px; @@ -2378,11 +2737,11 @@ input[type="button"].btn-block { } .alert-success { background-color: #ffffff; - border-color: #5cb75c; + border-color: #3f9c35; color: #333333; } .alert-success hr { - border-top-color: #4cad4c; + border-top-color: #37892f; } .alert-success .alert-link { color: #1a1a1a; @@ -2400,28 +2759,30 @@ input[type="button"].btn-block { } .alert-warning { background-color: #ffffff; - border-color: #eb7720; + border-color: #ec7a08; color: #333333; } .alert-warning hr { - border-top-color: #de6a14; + border-top-color: #d36d07; } .alert-warning .alert-link { color: #1a1a1a; } .alert-danger { background-color: #ffffff; - border-color: #c90813; + border-color: #cc0000; color: #333333; } .alert-danger hr { - border-top-color: #b00711; + border-top-color: #b30000; } .alert-danger .alert-link { color: #1a1a1a; } .clearfix:before, .clearfix:after, +.dl-horizontal dd:before, +.dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, @@ -2434,6 +2795,7 @@ input[type="button"].btn-block { display: table; } .clearfix:after, +.dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, @@ -2469,13 +2831,10 @@ input[type="button"].btn-block { } .hidden { display: none !important; - visibility: hidden !important; } .affix { position: fixed; } -/* Bootstrap overrides */ -/* PatternFly-specific */ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { @@ -2485,7 +2844,16 @@ fieldset[disabled] .form-control { color: #969696; } .form-control:hover { - border-color: #7BB2DD; + border-color: #7bb2dd; +} +.has-error .form-control:hover { + border-color: #843534; +} +.has-success .form-control:hover { + border-color: #2b542c; +} +.has-warning .form-control:hover { + border-color: #bb6106; } .input-group .input-group-btn .btn { -webkit-box-shadow: none; @@ -2494,8 +2862,6 @@ fieldset[disabled] .form-control { label { font-weight: 600; } -/* Bootstrap overrides */ -/* PatternFly-specific */ .btn { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); @@ -2526,11 +2892,12 @@ fieldset[disabled] .btn.btn-link { border: 0; } .btn-danger { - background-color: #ab070f; - background-image: -webkit-linear-gradient(top, #d60915 0%, #ac0710 100%); - background-image: linear-gradient(to bottom, #d60915 0%, #ac0710 100%); + background-color: #a30000; + background-image: -webkit-linear-gradient(top, #cc0000 0%, #a30000 100%); + background-image: -o-linear-gradient(top, #cc0000 0%, #a30000 100%); + background-image: linear-gradient(to bottom, #cc0000 0%, #a30000 100%); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd60915', endColorstr='#ffac0710', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc0000', endColorstr='#ffa30000', GradientType=0); border-color: #781919; color: #ffffff; } @@ -2539,7 +2906,7 @@ fieldset[disabled] .btn.btn-link { .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { - background-color: #ab070f; + background-color: #a30000; background-image: none; border-color: #781919; color: #ffffff; @@ -2549,6 +2916,18 @@ fieldset[disabled] .btn.btn-link { .open .dropdown-toggle.btn-danger { background-image: none; } +.btn-danger:active:hover, +.btn-danger.active:hover, +.open .dropdown-toggle.btn-danger:hover, +.btn-danger:active:focus, +.btn-danger.active:focus, +.open .dropdown-toggle.btn-danger:focus, +.btn-danger:active.focus, +.btn-danger.active.focus, +.open .dropdown-toggle.btn-danger.focus { + background-color: #8a0000; + border-color: #5a1313; +} .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, @@ -2564,12 +2943,13 @@ fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { - background-color: #ab070f; + background-color: #a30000; border-color: #781919; } .btn-default { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); + background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0); @@ -2591,6 +2971,18 @@ fieldset[disabled] .btn-danger.active { .open .dropdown-toggle.btn-default { background-image: none; } +.btn-default:active:hover, +.btn-default.active:hover, +.open .dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open .dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open .dropdown-toggle.btn-default.focus { + background-color: #e2e2e2; + border-color: #a5a5a5; +} .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, @@ -2615,12 +3007,13 @@ fieldset[disabled] .btn-default.active { box-shadow: none; } .btn-primary { - background-color: #189ad1; - background-image: -webkit-linear-gradient(top, #1cace8 0%, #1998cc 100%); - background-image: linear-gradient(to bottom, #1cace8 0%, #1998cc 100%); + background-color: #0085cf; + background-image: -webkit-linear-gradient(top, #00a8e1 0%, #0085cf 100%); + background-image: -o-linear-gradient(top, #00a8e1 0%, #0085cf 100%); + background-image: linear-gradient(to bottom, #00a8e1 0%, #0085cf 100%); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1cace8', endColorstr='#ff1998cc', GradientType=0); - border-color: #267da1; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a8e1', endColorstr='#ff0085cf', GradientType=0); + border-color: #006e9c; color: #ffffff; } .btn-primary:hover, @@ -2628,9 +3021,9 @@ fieldset[disabled] .btn-default.active { .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { - background-color: #189ad1; + background-color: #0085cf; background-image: none; - border-color: #267da1; + border-color: #006e9c; color: #ffffff; } .btn-primary:active, @@ -2638,6 +3031,18 @@ fieldset[disabled] .btn-default.active { .open .dropdown-toggle.btn-primary { background-image: none; } +.btn-primary:active:hover, +.btn-primary.active:hover, +.open .dropdown-toggle.btn-primary:hover, +.btn-primary:active:focus, +.btn-primary.active:focus, +.open .dropdown-toggle.btn-primary:focus, +.btn-primary:active.focus, +.btn-primary.active.focus, +.open .dropdown-toggle.btn-primary.focus { + background-color: #0075b6; + border-color: #005578; +} .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, @@ -2653,8 +3058,8 @@ fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { - background-color: #189ad1; - border-color: #267da1; + background-color: #0085cf; + border-color: #006e9c; } .btn-xs, .btn-group-xs .btn { @@ -2695,7 +3100,6 @@ fieldset[disabled] .btn-primary.active { .login-pf body { background: #080808 url("../img/bg-login.jpg") repeat-x 50% 0; background-size: auto; - color: #fff; } @media (min-width: 768px) { .login-pf body { @@ -2706,6 +3110,7 @@ fieldset[disabled] .btn-primary.active { background-color: #181818; background-color: rgba(255, 255, 255, 0.055); clear: right; + color: #fff; padding-bottom: 40px; padding-top: 20px; width: auto; @@ -2718,6 +3123,10 @@ fieldset[disabled] .btn-primary.active { width: 100%; } } +.login-pf .container [class^='alert'] { + background: transparent; + color: #fff; +} .login-pf .container .details p:first-child { border-top: 1px solid #474747; padding-top: 25px; @@ -2738,7 +3147,7 @@ fieldset[disabled] .btn-primary.active { margin-bottom: 2px; } .login-pf .container .form-horizontal .control-label { - font-size: 12px; + font-size: 13px; font-weight: 400; text-align: left; } @@ -2757,26 +3166,6 @@ fieldset[disabled] .btn-primary.active { .login-pf .container .submit { text-align: right; } -.ie8.login-pf #badge { - background: url('../img/logo.png') no-repeat; - height: 69px; - width: 73px; -} -.ie8.login-pf #badge img { - width: 0; -} -.ie8.login-pf #brand { - background: url('../img/brand-lg.png') no-repeat center; - background-size: cover auto; -} -@media (min-width: 768px) { - .ie8.login-pf #brand { - background-position: 0 0; - } -} -.ie8.login-pf #brand img { - width: 0; -} @font-face { font-family: 'Open Sans'; font-style: normal;