equal
deleted
inserted
replaced
1 .corpus-app-container.window { |
1 .corpus-app-container.window { |
2 background-color: $light-blue; |
2 background-color: $corpus-white; |
3 } |
3 } |
4 |
4 |
5 .notice-component { |
5 .notice-component { |
6 padding: 20px 40px; |
6 padding: 40px; |
7 color: $dark-grey; |
7 color: $corpus-grey; |
|
8 } |
|
9 |
|
10 body.videoscreen .notice-component { |
|
11 padding-top: 20px; |
|
12 padding-bottom: 20px; |
8 } |
13 } |
9 |
14 |
10 .notice-component a.fa { |
15 .notice-component a.fa { |
11 text-decoration: none; |
16 text-decoration: none; |
12 color: inherit; |
17 color: $corpus-black; |
13 font-size: 0px; |
18 font-size: 0px; |
14 margin-left: 5px; |
19 margin-left: 5px; |
15 } |
20 } |
16 |
21 |
17 .notice-component a.fa:before { |
22 .notice-component a.fa:before { |
23 } |
28 } |
24 |
29 |
25 .notice-component a.doc-link-bnf, |
30 .notice-component a.doc-link-bnf, |
26 .notice-component a.doc-link-lexvo { |
31 .notice-component a.doc-link-lexvo { |
27 cursor: pointer; |
32 cursor: pointer; |
28 color: $dark-grey; |
33 color: $corpus-black; |
29 text-decoration: none; |
34 text-decoration: none; |
30 pointer-events: none; |
35 pointer-events: none; |
31 } |
36 } |
32 |
37 |
33 .notice-component .language a { |
38 .notice-component .language a { |
45 .notice-component .fa-close::before { |
50 .notice-component .fa-close::before { |
46 font-size: 20px; |
51 font-size: 20px; |
47 } |
52 } |
48 |
53 |
49 .notice-component h2 { |
54 .notice-component h2 { |
50 color: $light-white; |
55 color: $corpus-black; |
51 text-align: left; |
56 text-align: left; |
52 font-size: 14px; |
57 font-weight: bold; |
|
58 font-size: 20px; |
53 text-transform: uppercase; |
59 text-transform: uppercase; |
|
60 line-height: normal; |
54 padding: 0px; |
61 padding: 0px; |
55 } |
62 } |
56 |
63 |
57 .notice-component h3 { |
64 .notice-component h3 { |
58 color: $light-white; |
65 color: $corpus-blue; |
59 line-height: 18px; |
66 line-height: 18px; |
60 font-size: 14px; |
67 font-size: 14px; |
61 padding: 5px 0px; |
68 padding: 5px 0px; |
|
69 font-weight: bold; |
62 } |
70 } |
63 |
71 |
64 .notice-component.overlay h2, |
72 .notice-component.overlay h2, |
65 .notice-component.overlay h3 { |
73 .notice-component.overlay h3 { |
66 color: $dark-grey; |
74 color: $dark-grey; |
68 |
76 |
69 .notice-component table { |
77 .notice-component table { |
70 line-height: 18px; |
78 line-height: 18px; |
71 border-collapse: collapse; |
79 border-collapse: collapse; |
72 width: 100%; |
80 width: 100%; |
73 margin-top: 15px; |
81 margin-top: 5px; |
74 } |
82 } |
75 |
83 |
76 .notice-component table tr { |
84 .notice-component table tr { |
77 border-bottom: solid 1px $dark-blue; |
85 border-bottom: solid 1px $corpus-black; |
78 } |
86 } |
79 |
87 |
80 .notice-component table tr td { |
88 .notice-component table tr td { |
81 vertical-align: top; |
89 vertical-align: top; |
82 padding: 10px 0px; |
90 padding: 10px 0px; |