| 1 |
|
| 2 |
|
| 3 | .collapsing {
|
| 4 | position: relative;
|
| 5 | height: 0;
|
| 6 | overflow: hidden;
|
| 7 | -webkit-transition-property: height, visibility;
|
| 8 | transition-property: height, visibility;
|
| 9 | -webkit-transition-duration: 0.35s;
|
| 10 | transition-duration: 0.35s;
|
| 11 | -webkit-transition-timing-function: ease;
|
| 12 | transition-timing-function: ease; }
|
| 13 |
|
| 14 | .collapse {
|
| 15 | display: none; }
|
| 16 |
|
| 17 | .collapse.in {
|
| 18 | display: block; }
|
| 19 |
|
| 20 | .u-panel {
|
| 21 | line-height: 1.57142857;
|
| 22 | color: #757575;
|
| 23 | position: relative;
|
| 24 | margin-bottom: 20px;
|
| 25 | -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
|
| 26 | box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
|
| 27 | background-color: #fff;
|
| 28 | border: 1px solid transparent;
|
| 29 | border-radius: 4px; }
|
| 30 | .u-panel .u-panel-heading {
|
| 31 | border-top-left-radius: 3px;
|
| 32 | border-top-right-radius: 3px;
|
| 33 | position: relative;
|
| 34 | padding: 10px 15px;
|
| 35 | border-bottom: 1px solid transparent; }
|
| 36 | .u-panel h4, .u-panel h3 {
|
| 37 | font-family: Roboto,sans-serif;
|
| 38 | font-weight: 400;
|
| 39 | line-height: 1.2;
|
| 40 | color: #424242;
|
| 41 | font-size: 18px;
|
| 42 | text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px; }
|
| 43 | .u-panel .u-panel-footer {
|
| 44 | padding: 10px 15px;
|
| 45 | background-color: #f5f5f5;
|
| 46 | border-top: 1px solid #ddd;
|
| 47 | border-bottom-right-radius: 3px;
|
| 48 | border-bottom-left-radius: 3px; }
|
| 49 | .u-panel .u-panel-title {
|
| 50 | margin-top: 0;
|
| 51 | margin-bottom: 0;
|
| 52 | display: block;
|
| 53 | font-size: 18px;
|
| 54 | color: #424242; }
|
| 55 | .u-panel .u-panel-title .small {
|
| 56 | color: #757575; }
|
| 57 | .u-panel .u-panel-body {
|
| 58 | padding: 15px 15px;
|
| 59 | position: relative; }
|
| 60 |
|
| 61 | .u-panel-default {
|
| 62 | border-color: #ddd; }
|
| 63 | .u-panel-default .u-panel-heading {
|
| 64 | background-color: #f5f5f5;
|
| 65 | color: #333; }
|
| 66 | .u-panel-default .u-panel-footer {
|
| 67 | border-top: 1px solid transparent; }
|
| 68 |
|
| 69 | .u-panel-bordered {
|
| 70 | border-color: #ddd; }
|
| 71 | .u-panel-bordered .u-panel-heading {
|
| 72 | border-bottom: 1px solid #ddd; }
|
| 73 | .u-panel-bordered .u-panel-footer {
|
| 74 | border-top: 1px solid #ddd;
|
| 75 | background-color: #fff; }
|
| 76 |
|
| 77 | .u-panel > :not(.panel-loading):not(.collapsing) {
|
| 78 | -webkit-transition: opacity .3s;
|
| 79 | -o-transition: opacity .3s;
|
| 80 | transition: opacity .3s; }
|
| 81 |
|
| 82 | .u-button-group-vertical > .u-button-group:after, .u-button-group-vertical > .u-button-group:before, .u-button-toolbar:after, .u-button-toolbar:before, .clearfix:after, .clearfix:before, .u-container-fluid:after, .container-fluid:before, .u-container:after, .u-container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .u-modal-footer:after, .u-modal-footer:before, .u-modal-header:after, .u-modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .u-panel-body:after, .u-panel-body:before, .row:after, .row:before {
|
| 83 | display: table;
|
| 84 | content: " "; }
|
| 85 |
|
| 86 | .u-panel-body .h1:first-child, .u-panel-body .h2:first-child, .u-panel-body .h3:first-child, .u-panel-body .h4:first-child, .u-panel-body .h5:first-child, .u-panel-body .h6:first-child, .u-panel-body h1:first-child, .u-panel-body h2:first-child, .u-panel-body h3:first-child, .u-panel-body h4:first-child, .u-panel-body h5:first-child, .u-panel-body h6:first-child {
|
| 87 | margin-top: 0; }
|
| 88 |
|
| 89 | .u-panel-group {
|
| 90 | margin-bottom: 20px; }
|
| 91 | .u-panel-group .u-panel {
|
| 92 | margin-bottom: 0;
|
| 93 | border-radius: 4px; }
|
| 94 | .u-panel-group .u-panel + .u-panel {
|
| 95 | margin-top: 5px; }
|
| 96 | .u-panel-group .u-panel-heading {
|
| 97 | border-bottom: 0;
|
| 98 | cursor: pointer; }
|
| 99 | .u-panel-group .u-panel-heading + .u-panel-collapse > .list-group, .u-panel-group .u-panel-group .u-panel-heading + .u-panel-collapse > .u-panel-body {
|
| 100 | border-top: 1px solid #ddd; }
|