X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=css%2Fthemes%2Fcyborg.css;h=ca686c958c9f4d068661d6497c4ab081a84b943d;hb=001804841a6bb98729bf166bccedac7ea84fe7ae;hp=3ac60b8789d56e31a01da043889a825004ec59c8;hpb=1f887c2d29ffe0e6a45f41aa5ed132fa6a164e47;p=plack-app-gruntmaster.git diff --git a/css/themes/cyborg.css b/css/themes/cyborg.css index 3ac60b8..ca686c9 100644 --- a/css/themes/cyborg.css +++ b/css/themes/cyborg.css @@ -1,11 +1,16 @@ /*! - * bootswatch v3.3.4 + * bootswatch v3.3.5 * Homepage: http://bootswatch.com * Copyright 2012-2015 Thomas Park * Licensed under MIT * Based on Bootstrap */ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; @@ -95,9 +100,7 @@ figure { margin: 1em 40px; } hr { - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - box-sizing: content-box; + box-sizing: content-box; height: 0; } pre { @@ -147,9 +150,7 @@ input { } input[type="checkbox"], input[type="radio"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, @@ -158,8 +159,6 @@ input[type="number"]::-webkit-outer-spin-button { } 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, @@ -196,8 +195,7 @@ th { *:after { background: transparent !important; color: #000 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; text-shadow: none !important; } a, @@ -239,9 +237,6 @@ th { h3 { page-break-after: avoid; } - select { - background: #fff !important; - } .navbar { display: none; } @@ -265,14 +260,10 @@ th { } } * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } html { @@ -328,8 +319,6 @@ img { background-color: #282828; border: 1px solid #282828; border-radius: 4px; - -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%; @@ -534,62 +523,72 @@ mark, .text-primary { color: #2a9fd6; } -a.text-primary:hover { +a.text-primary:hover, +a.text-primary:focus { color: #2180ac; } .text-success { color: #ffffff; } -a.text-success:hover { +a.text-success:hover, +a.text-success:focus { color: #e6e6e6; } .text-info { color: #ffffff; } -a.text-info:hover { +a.text-info:hover, +a.text-info:focus { color: #e6e6e6; } .text-warning { color: #ffffff; } -a.text-warning:hover { +a.text-warning:hover, +a.text-warning:focus { color: #e6e6e6; } .text-danger { color: #ffffff; } -a.text-danger:hover { +a.text-danger:hover, +a.text-danger:focus { color: #e6e6e6; } .bg-primary { color: #fff; background-color: #2a9fd6; } -a.bg-primary:hover { +a.bg-primary:hover, +a.bg-primary:focus { background-color: #2180ac; } .bg-success { background-color: #77b300; } -a.bg-success:hover { +a.bg-success:hover, +a.bg-success:focus { background-color: #558000; } .bg-info { background-color: #9933cc; } -a.bg-info:hover { +a.bg-info:hover, +a.bg-info:focus { background-color: #7a29a3; } .bg-warning { background-color: #ff8800; } -a.bg-warning:hover { +a.bg-warning:hover, +a.bg-warning:focus { background-color: #cc6d00; } .bg-danger { background-color: #cc0000; } -a.bg-danger:hover { +a.bg-danger:hover, +a.bg-danger:focus { background-color: #990000; } .page-header { @@ -731,15 +730,13 @@ kbd { color: #ffffff; background-color: #333333; border-radius: 3px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } pre { display: block; @@ -838,8 +835,8 @@ table { background-color: #181818; } caption { - padding-top: 8px; - padding-bottom: 8px; + padding-top: 5px; + padding-bottom: 5px; color: #888888; text-align: left; } @@ -857,7 +854,7 @@ th { .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { - padding: 8px; + padding: 5px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #282828; @@ -880,14 +877,6 @@ th { .table .table { background-color: #060606; } -.table-condensed > thead > tr > th, -.table-condensed > tbody > tr > th, -.table-condensed > tfoot > tr > th, -.table-condensed > thead > tr > td, -.table-condensed > tbody > tr > td, -.table-condensed > tfoot > tr > td { - padding: 5px; -} .table-bordered { border: 1px solid #282828; } @@ -962,34 +951,12 @@ table th[class*="col-"] { .table-hover > tbody > tr.warning:hover > th { background-color: #e67a00; } -fieldset { - padding: 0; - margin: 0; - border: 0; - min-width: 0; -} -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: inherit; - color: #888888; - border: 0; - border-bottom: 1px solid #282828; -} label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } -input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -999,14 +966,6 @@ input[type="checkbox"] { input[type="file"] { display: block; } -input[type="range"] { - display: block; - width: 100%; -} -select[multiple], -select[size] { - height: auto; -} input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { @@ -1014,13 +973,6 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -output { - display: block; - padding-top: 9px; - font-size: 14px; - line-height: 1.42857143; - color: #888888; -} .form-control { display: block; width: 100%; @@ -1033,16 +985,12 @@ output { background-image: none; border: 1px solid #282828; 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-color ease-in-out .15s, -webkit-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 { border-color: #66afe9; outline: 0; - -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 { @@ -1055,126 +1003,12 @@ output { .form-control::-webkit-input-placeholder { color: #888888; } -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: #adafae; - opacity: 1; -} -.form-control[disabled], -fieldset[disabled] .form-control { - cursor: not-allowed; -} textarea.form-control { height: auto; } -input[type="search"] { - -webkit-appearance: none; -} -@media screen and (-webkit-min-device-pixel-ratio: 0) { - input[type="date"], - input[type="time"], - input[type="datetime-local"], - input[type="month"] { - line-height: 38px; - } - 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: 30px; - } - 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: 54px; - } -} .form-group { margin-bottom: 15px; } -.radio, -.checkbox { - position: relative; - display: block; - margin-top: 10px; - margin-bottom: 10px; -} -.radio label, -.checkbox label { - min-height: 20px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; -} -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { - position: absolute; - margin-left: -20px; - margin-top: 4px \9; -} -.radio + .radio, -.checkbox + .checkbox { - margin-top: -5px; -} -.radio-inline, -.checkbox-inline { - position: relative; - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - vertical-align: middle; - font-weight: normal; - cursor: pointer; -} -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; - margin-left: 10px; -} -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"].disabled, -input[type="checkbox"].disabled, -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - cursor: not-allowed; -} -.radio-inline.disabled, -.checkbox-inline.disabled, -fieldset[disabled] .radio-inline, -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: 9px; - padding-bottom: 9px; - margin-bottom: 0; - min-height: 34px; -} -.form-control-static.input-lg, -.form-control-static.input-sm { - padding-left: 0; - padding-right: 0; -} .btn { display: inline-block; margin-bottom: 0; @@ -1216,27 +1050,24 @@ fieldset[disabled] .checkbox label { .btn.active { outline: 0; background-image: none; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } -.btn.disabled, -.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; -} .btn-default { color: #ffffff; background-color: #424242; border-color: #424242; } -.btn-default:hover, .btn-default:focus, -.btn-default.focus, +.btn-default.focus { + color: #ffffff; + background-color: #282828; + border-color: #020202; +} +.btn-default:hover { + color: #ffffff; + background-color: #282828; + border-color: #232323; +} .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { @@ -1244,6 +1075,19 @@ fieldset[disabled] .btn { background-color: #282828; border-color: #232323; } +.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: #ffffff; + background-color: #161616; + border-color: #020202; +} .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { @@ -1279,9 +1123,17 @@ fieldset[disabled] .btn-default.active { background-color: #2a9fd6; border-color: #2a9fd6; } -.btn-primary:hover, .btn-primary:focus, -.btn-primary.focus, +.btn-primary.focus { + color: #ffffff; + background-color: #2180ac; + border-color: #15506c; +} +.btn-primary:hover { + color: #ffffff; + background-color: #2180ac; + border-color: #1f79a3; +} .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { @@ -1289,6 +1141,19 @@ fieldset[disabled] .btn-default.active { background-color: #2180ac; border-color: #1f79a3; } +.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: #1b698e; + border-color: #15506c; +} .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { @@ -1319,104 +1184,6 @@ fieldset[disabled] .btn-primary.active { color: #2a9fd6; background-color: #ffffff; } -.btn-link { - color: #2a9fd6; - font-weight: normal; - border-radius: 0; -} -.btn-link, -.btn-link:active, -.btn-link.active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-link, -.btn-link:hover, -.btn-link:focus, -.btn-link:active { - border-color: transparent; -} -.btn-link:hover, -.btn-link:focus { - color: #2a9fd6; - text-decoration: underline; - background-color: transparent; -} -.btn-link[disabled]:hover, -fieldset[disabled] .btn-link:hover, -.btn-link[disabled]:focus, -fieldset[disabled] .btn-link:focus { - color: #888888; - text-decoration: none; -} -.btn-lg { - padding: 14px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -.btn-block { - display: block; - width: 100%; -} -.btn-block + .btn-block { - margin-top: 5px; -} -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} -.fade { - opacity: 0; - -webkit-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -.fade.in { - opacity: 1; -} -.collapse { - display: none; -} -.collapse.in { - display: block; -} -tr.collapse.in { - display: table-row; -} -tbody.collapse.in { - display: table-row-group; -} -.collapsing { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition-property: height, visibility; - -o-transition-property: height, visibility; - transition-property: height, visibility; - -webkit-transition-duration: 0.35s; - -o-transition-duration: 0.35s; - transition-duration: 0.35s; - -webkit-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; -} .nav { margin-bottom: 0; padding-left: 0; @@ -1599,7 +1366,6 @@ tbody.collapse.in { background-color: #151515; border: 1px solid #030303; border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { @@ -1614,155 +1380,6 @@ tbody.collapse.in { padding: 9px; border-radius: 3px; } -.close { - float: right; - font-size: 21px; - font-weight: bold; - line-height: 1; - color: #000000; - text-shadow: 0 1px 0 #ffffff; - opacity: 0.2; - filter: alpha(opacity=20); -} -.close:hover, -.close:focus { - color: #000000; - text-decoration: none; - cursor: pointer; - opacity: 0.5; - filter: alpha(opacity=50); -} -button.close { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; -} -.modal-open { - overflow: hidden; -} -.modal { - display: none; - overflow: hidden; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1050; - -webkit-overflow-scrolling: touch; - outline: 0; -} -.modal.fade .modal-dialog { - -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); - -o-transform: translate(0, -25%); - transform: translate(0, -25%); - -webkit-transition: -webkit-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; - transition: transform 0.3s ease-out; -} -.modal.in .modal-dialog { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - -o-transform: translate(0, 0); - transform: translate(0, 0); -} -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; -} -.modal-dialog { - position: relative; - width: auto; - margin: 10px; -} -.modal-content { - position: relative; - background-color: #202020; - border: 1px solid #999999; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - -webkit-background-clip: padding-box; - background-clip: padding-box; - outline: 0; -} -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - background-color: #000000; -} -.modal-backdrop.fade { - opacity: 0; - filter: alpha(opacity=0); -} -.modal-backdrop.in { - opacity: 0.5; - filter: alpha(opacity=50); -} -.modal-header { - padding: 15px; - border-bottom: 1px solid #282828; - min-height: 16.42857143px; -} -.modal-header .close { - margin-top: -2px; -} -.modal-title { - margin: 0; - line-height: 1.42857143; -} -.modal-body { - position: relative; - padding: 20px; -} -.modal-footer { - padding: 20px; - text-align: right; - border-top: 1px solid #282828; -} -.modal-footer .btn + .btn { - margin-left: 5px; - margin-bottom: 0; -} -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; -} -@media (min-width: 768px) { - .modal-dialog { - width: 600px; - margin: 30px auto; - } - .modal-content { - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - } - .modal-sm { - width: 300px; - } -} -@media (min-width: 992px) { - .modal-lg { - width: 900px; - } -} .clearfix:before, .clearfix:after, .dl-horizontal dd:before, @@ -1776,9 +1393,7 @@ button.close { .nav:before, .nav:after, .pager:before, -.pager:after, -.modal-footer:before, -.modal-footer:after { +.pager:after { content: " "; display: table; } @@ -1788,8 +1403,7 @@ button.close { .container-fluid:after, .row:after, .nav:after, -.pager:after, -.modal-footer:after { +.pager:after { clear: both; } .center-block { @@ -1825,6 +1439,28 @@ button.close { .affix { position: fixed; } +@-ms-viewport { + width: device-width; +} +.visible-xs-block, +.visible-xs-inline { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} .text-primary, .text-primary:hover { color: #2a9fd6; @@ -1845,42 +1481,12 @@ button.close { .text-info:hover { color: #9933cc; } -.has-warning .help-block, -.has-warning .control-label, -.has-warning .form-control-feedback { - color: #ff8800; -} -.has-warning .form-control, -.has-warning .form-control:focus, -.has-warning .input-group-addon { - border-color: #ff8800; -} -.has-error .help-block, -.has-error .control-label, -.has-error .form-control-feedback { - color: #cc0000; -} -.has-error .form-control, -.has-error .form-control:focus, -.has-error .input-group-addon { - border-color: #cc0000; -} -.has-success .help-block, -.has-success .control-label, -.has-success .form-control-feedback { - color: #77b300; -} -.has-success .form-control, -.has-success .form-control:focus, -.has-success .input-group-addon { - border-color: #77b300; -} -legend { +.bg-success, +.bg-info, +.bg-warning, +.bg-danger { color: #fff; } -.input-group-addon { - background-color: #424242; -} .nav-tabs a, .nav-pills a, .breadcrumb a, @@ -1895,52 +1501,8 @@ legend { .alert .close { text-decoration: none; } -.close { - color: #fff; - text-decoration: none; - opacity: 0.4; -} -.close:hover, -.close:focus { - color: #fff; - opacity: 1; -} a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #282828; } -a.list-group-item.active, -a.list-group-item.active:hover, -a.list-group-item.active:focus { - border-color: #282828; -} -a.list-group-item-success.active { - background-color: #77b300; -} -a.list-group-item-success.active:hover, -a.list-group-item-success.active:focus { - background-color: #669a00; -} -a.list-group-item-warning.active { - background-color: #ff8800; -} -a.list-group-item-warning.active:hover, -a.list-group-item-warning.active:focus { - background-color: #e67a00; -} -a.list-group-item-danger.active { - background-color: #cc0000; -} -a.list-group-item-danger.active:hover, -a.list-group-item-danger.active:focus { - background-color: #b30000; -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron h4, -.jumbotron h5, -.jumbotron h6 { - color: #fff; -}