OLD | NEW |
---|---|
(Empty) | |
1 .demo { | |
2 * { | |
3 box-sizing: border-box; | |
4 webkit-box-sizing: border-box; | |
5 } | |
6 | |
7 div { | |
8 flex: 1 1 auto; | |
9 | |
10 .panel-info { | |
11 border-top: 1px solid #cccccc; | |
12 margin-top: 20px; | |
13 padding-top: 20px; | |
14 } | |
15 } | |
16 | |
17 div.Demo-body { | |
18 border: 1px solid #dfdfdf; | |
19 display: flex; | |
20 flex-direction: column; | |
21 padding: 10px; | |
22 position: relative; | |
23 | |
24 embed { | |
25 display: block; | |
26 flex: 1 1 auto; | |
27 } | |
28 } | |
29 | |
30 div.Demo-content { | |
31 display: flex; | |
32 flex-direction: column; | |
33 } | |
34 | |
35 div.intro { | |
36 display: flex; | |
37 flex-direction: column; | |
38 } | |
39 | |
40 header { | |
41 padding: 0; | |
42 } | |
43 | |
44 .intro { | |
45 max-width: 360px; | |
46 padding-right: 40px; | |
47 } | |
48 | |
49 p { | |
50 margin: 0 0 1em 0; | |
51 } | |
52 | |
53 p.note { | |
54 background: transparent; | |
55 border: none; | |
56 padding: 0; | |
57 width: 100%; | |
58 } | |
59 | |
60 section { | |
61 display: flex; | |
62 flex: 1 1 auto; | |
63 flex-direction: row; | |
64 padding: 0 25px 25px 0; | |
65 } | |
66 | |
67 td, th { | |
68 border: none; | |
69 } | |
70 | |
71 td.name, th.name { | |
72 font-weight: bold; | |
73 } | |
74 | |
75 tr { | |
76 border: none; | |
77 } | |
78 } | |
OLD | NEW |