equal
deleted
inserted
replaced
1 $dark-blue: #13212d; |
1 $dark-blue: #13212d; |
2 $medium-blue: #253946; |
2 $medium-blue: #253946; |
3 $light-blue: #becfd4; |
3 $light-blue: #becfd4; |
4 $blue: #2faddd; |
4 $blue: #2faddd; |
|
5 $light-grey: #878e94; |
5 $medium-grey: #71848d; |
6 $medium-grey: #71848d; |
6 $light-grey: #878e94; |
|
7 $dark-grey: #59626b; |
7 $dark-grey: #59626b; |
8 $medium-white: #f5f5f5; |
8 $medium-white: #f5f5f5; |
9 $light-white: #fbfbfb; |
9 $light-white: #fbfbfb; |
10 |
10 |
11 |
11 |
13 background-color: $medium-white; |
13 background-color: $medium-white; |
14 } |
14 } |
15 |
15 |
16 button { |
16 button { |
17 font-family: sans-serif; |
17 font-family: sans-serif; |
|
18 } |
|
19 |
|
20 button:focus { |
|
21 outline:0; |
18 } |
22 } |
19 |
23 |
20 #corpus-app { |
24 #corpus-app { |
21 font-family: sans-serif; |
25 font-family: sans-serif; |
22 font-size: 12px; |
26 font-size: 12px; |
56 text-transform: uppercase; |
60 text-transform: uppercase; |
57 text-align: center; |
61 text-align: center; |
58 } |
62 } |
59 |
63 |
60 .corpus-app-modal { |
64 .corpus-app-modal { |
61 background-color: $light-blue; |
65 background-color: $medium-white; |
|
66 border-right: 1px solid $dark-grey; |
62 padding: 20px 40px; |
67 padding: 20px 40px; |
|
68 z-index: 1; |
63 } |
69 } |
64 |
70 |
65 .corpus-app-container { |
71 .corpus-app-container { |
66 color: $light-blue; |
72 color: $light-blue; |
67 box-sizing: border-box; |
73 box-sizing: border-box; |
77 .corpus-window { |
83 .corpus-window { |
78 overflow: hidden; |
84 overflow: hidden; |
79 position: relative; |
85 position: relative; |
80 } |
86 } |
81 |
87 |
82 body.tabs-discours .corpus-app-container, |
88 #tabs-discours, |
83 body.tabs-chrono .corpus-app-container { |
89 #tabs-chrono, |
|
90 #tabs-thematiques { |
84 padding: 0px 20px; |
91 padding: 0px 20px; |
85 } |
92 } |
86 |
93 |
87 body.tabs-thematiques .corpus-app-container { |
94 #tabs-discours, |
88 padding: 0px 20px; |
95 #tabs-thematiques { |
89 } |
96 overflow: hidden; |
90 |
97 height: 100%; |
91 body.tabs-langues .corpus-app-container { |
|
92 padding: 0px; |
|
93 } |
98 } |
94 |
99 |
95 .corpus-app-wrapper { |
100 .corpus-app-wrapper { |
96 background-color: $medium-blue; |
101 background-color: $medium-blue; |
97 box-shadow: -4px 0px 8px -4px $dark-grey; |
102 box-shadow: -4px 0px 8px -4px $dark-grey; |