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; }
|