author | ymh <ymh.work@gmail.com> |
Sat, 03 Dec 2016 00:09:28 +0100 | |
changeset 461 | 9b7a6c099870 |
parent 452 | 85cf1c3a2fea |
child 462 | ebd8269781fa |
permissions | -rw-r--r-- |
223 | 1 |
$dark-blue: #13212d; |
246
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
2 |
$grey-blue: #71848d; |
224
d284324358b2
Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
3 |
$medium-blue: #253946; |
d284324358b2
Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
4 |
$light-blue: #becfd4; |
225 | 5 |
$blue: #2faddd; |
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
6 |
$light-grey: #878e94; |
225 | 7 |
$medium-grey: #71848d; |
248
256272c33349
Transcript sentence lick and play
Chloe Laisne <chloe.laisne@gmail.com>
parents:
246
diff
changeset
|
8 |
$medium-grey-5: rgba(113,132,141,.2); |
225 | 9 |
$dark-grey: #59626b; |
10 |
$medium-white: #f5f5f5; |
|
224
d284324358b2
Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
11 |
$light-white: #fbfbfb; |
223 | 12 |
|
351
c69dcc3b0524
New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents:
350
diff
changeset
|
13 |
$corpus-white: #ffffff; |
c69dcc3b0524
New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents:
350
diff
changeset
|
14 |
$corpus-blue: #0085cb; |
461 | 15 |
$corpus-lighter-blue: #d1ecff; |
351
c69dcc3b0524
New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents:
350
diff
changeset
|
16 |
$corpus-light-blue: #349dd6; |
c69dcc3b0524
New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents:
350
diff
changeset
|
17 |
$corpus-light-grey: #f3f3f3; |
461 | 18 |
$corpus-light-grey2: #cbcbcb; |
351
c69dcc3b0524
New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents:
350
diff
changeset
|
19 |
$corpus-grey: #777777; |
461 | 20 |
$corpus-dark-grey: #333333; |
351
c69dcc3b0524
New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents:
350
diff
changeset
|
21 |
$corpus-black: #0f0f0f; |
c69dcc3b0524
New colors player and playlist
Chloe Laisne <chloe.laisne@gmail.com>
parents:
350
diff
changeset
|
22 |
|
349 | 23 |
$content-height: 540px; |
350
c3a6266ebe0a
Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents:
349
diff
changeset
|
24 |
$content-width: 1110px; |
255
ed05b89e3299
Add words to transcript
Chloe Laisne <chloe.laisne@gmail.com>
parents:
254
diff
changeset
|
25 |
|
196 | 26 |
body { |
225 | 27 |
background-color: $medium-white; |
362 | 28 |
-webkit-font-smoothing: antialiased; |
196 | 29 |
} |
30 |
||
222
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
31 |
button { |
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
32 |
font-family: sans-serif; |
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
33 |
} |
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
34 |
|
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
35 |
button:focus { |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
36 |
outline:0; |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
37 |
} |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
38 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
39 |
#corpus-app { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
40 |
font-family: sans-serif; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
41 |
font-size: 12px; |
427 | 42 |
line-height: initial; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
43 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
44 |
|
5
d4b3da0dadc9
init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff
changeset
|
45 |
#corpus-app { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
46 |
border: 1px solid; |
350
c3a6266ebe0a
Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents:
349
diff
changeset
|
47 |
width: $content-width; |
c3a6266ebe0a
Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents:
349
diff
changeset
|
48 |
box-sizing: border-box; |
200
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
49 |
overflow: hidden; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
50 |
display: block; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
51 |
margin-left: auto; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
52 |
margin-right: auto; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
53 |
margin-bottom: 10px; |
44 | 54 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
55 |
@import 'tabs/chrono'; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
56 |
@import 'tabs/langues'; |
254 | 57 |
} |
186
36e5a67656e6
Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents:
98
diff
changeset
|
58 |
|
254 | 59 |
@import 'components/sorting-component'; |
60 |
@import 'components/filter-component'; |
|
61 |
@import 'components/playlist-component'; |
|
62 |
@import 'components/discourses-component'; |
|
63 |
@import 'components/player-component'; |
|
64 |
@import 'components/toolbar-component'; |
|
65 |
@import 'components/notice-component'; |
|
447
38d5789e30d0
Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents:
431
diff
changeset
|
66 |
@import 'components/notice-location-component'; |
254 | 67 |
@import 'components/transcript-component'; |
424
feb0d3e0fef9
add dynamic date range calculation for dates, and add color gradient component, add color gradient for language and chrono
ymh <ymh.work@gmail.com>
parents:
373
diff
changeset
|
68 |
@import 'components/color-gradient'; |
431
3e0a4a322f9e
Improve scrolling title, uses css animations
ymh <ymh.work@gmail.com>
parents:
427
diff
changeset
|
69 |
@import 'components/autoscroll-component'; |
210 | 70 |
|
186
36e5a67656e6
Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents:
98
diff
changeset
|
71 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
72 |
h1, h2, h3, h4, h5, h6 { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
73 |
margin: 0; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
74 |
padding: 0; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
75 |
font-weight: normal; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
76 |
font-size: inherit; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
77 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
78 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
79 |
h2 { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
80 |
text-transform: uppercase; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
81 |
text-align: center; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
82 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
83 |
|
269
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
84 |
.corpus-app-modal .notice-component { |
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
85 |
background-color: inherit; |
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
86 |
} |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
87 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
88 |
.corpus-app-container { |
235
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
89 |
color: $dark-grey; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
90 |
box-sizing: border-box; |
355
83f5247f3c7a
Fix carto counts and map colors
Chloe Laisne <chloe.laisne@gmail.com>
parents:
351
diff
changeset
|
91 |
background-color: $corpus-white; |
315
e3217b6adea3
Display footer toolbar only when transcript or notice is open
Chloe Laisne <chloe.laisne@gmail.com>
parents:
299
diff
changeset
|
92 |
position: relative; |
452
85cf1c3a2fea
correct rootUrl for module + css on FF 38
ymh <ymh.work@gmail.com>
parents:
449
diff
changeset
|
93 |
overflow: hidden; |
216
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
94 |
} |
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
95 |
|
254 | 96 |
body.videoscreen .corpus-app-container { |
373
e952c8a31a2b
Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents:
362
diff
changeset
|
97 |
margin-top: 260px; |
449
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
98 |
height: 280px; |
452
85cf1c3a2fea
correct rootUrl for module + css on FF 38
ymh <ymh.work@gmail.com>
parents:
449
diff
changeset
|
99 |
overflow-x: hidden; |
85cf1c3a2fea
correct rootUrl for module + css on FF 38
ymh <ymh.work@gmail.com>
parents:
449
diff
changeset
|
100 |
overflow-y: scroll; |
254 | 101 |
} |
102 |
||
103 |
h2 { |
|
244
d7ab83ecf737
Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
242
diff
changeset
|
104 |
color: $dark-grey; |
d7ab83ecf737
Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
242
diff
changeset
|
105 |
line-height: 60px; |
d7ab83ecf737
Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
242
diff
changeset
|
106 |
font-size: 14px; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
107 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
108 |
|
269
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
109 |
.corpus-app-container h2, |
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
110 |
.corpus-app-modal h2 { |
254 | 111 |
line-height: 30px; |
112 |
margin: 12px auto; |
|
113 |
} |
|
114 |
||
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
115 |
.corpus-window { |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
116 |
overflow: hidden; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
117 |
position: relative; |
350
c3a6266ebe0a
Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents:
349
diff
changeset
|
118 |
width: 100%; |
c3a6266ebe0a
Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents:
349
diff
changeset
|
119 |
height: $content-height; |
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
120 |
} |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
121 |
|
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
122 |
#tabs-chrono, |
449
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
123 |
#tabs-thematiques, |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
124 |
#tabs-discours, |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
125 |
#tabs-carto, |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
126 |
#tabs-langues { |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
127 |
height: 525px; |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
128 |
} |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
129 |
|
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
130 |
|
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
131 |
#tabs-chrono, |
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
132 |
#tabs-thematiques { |
216
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
133 |
padding: 0px 20px; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
134 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
135 |
|
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
136 |
#tabs-discours, |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
137 |
#tabs-thematiques { |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
138 |
overflow: hidden; |
449
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
139 |
//height: 100%; |
200
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
140 |
} |
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
141 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
142 |
.corpus-app-wrapper { |
355
83f5247f3c7a
Fix carto counts and map colors
Chloe Laisne <chloe.laisne@gmail.com>
parents:
351
diff
changeset
|
143 |
background-color: $corpus-light-grey; |
424
feb0d3e0fef9
add dynamic date range calculation for dates, and add color gradient component, add color gradient for language and chrono
ymh <ymh.work@gmail.com>
parents:
373
diff
changeset
|
144 |
border-left: 1px solid $corpus-black; |
286
57762c0b601e
Treemap layout: Resize node values to get bigger rect when value is smal + Create and display count + Node colors
Chloe Laisne <chloe.laisne@gmail.com>
parents:
269
diff
changeset
|
145 |
position: relative; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
146 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
147 |
|
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
148 |
.corpus-app-modal, |
196 | 149 |
.corpus-app-container, |
150 |
.corpus-app-wrapper { |
|
151 |
box-sizing: border-box; |
|
349 | 152 |
height: $content-height; |
196 | 153 |
width: 50%; |
154 |
} |
|
155 |
||
449
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
156 |
.corpus-app-modal { |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
157 |
overflow: hidden; |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
158 |
} |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
159 |
.corpus-app-modal, |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
160 |
.corpus-app-container { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
161 |
display: block; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
162 |
border-top: none; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
163 |
} |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
164 |
|
246
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
165 |
.corpus-app-container.window { |
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
166 |
overflow: scroll; |
373
e952c8a31a2b
Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents:
362
diff
changeset
|
167 |
height: 500px; |
246
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
168 |
} |
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
169 |
|
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
170 |
.corpus-app-modal { |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
171 |
position: absolute; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
172 |
top: 0px; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
173 |
left: 0px; |
269
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
174 |
background-color: $medium-white; |
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
175 |
border-right: 1px solid $dark-grey; |
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
176 |
overflow-y: scroll; |
9659e91242e1
Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents:
265
diff
changeset
|
177 |
z-index: 1; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
178 |
} |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
179 |
|
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
180 |
.corpus-app-container { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
181 |
float: left; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
182 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
183 |
|
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
184 |
.corpus-app-wrapper { |
196 | 185 |
float: right; |
13 | 186 |
} |
5
d4b3da0dadc9
init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff
changeset
|
187 |
|
207
204f25632006
tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents:
206
diff
changeset
|
188 |
#mapdiv{ |
204f25632006
tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents:
206
diff
changeset
|
189 |
width: 100%; |
37
343750d4d38e
small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents:
13
diff
changeset
|
190 |
} |
343750d4d38e
small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents:
13
diff
changeset
|
191 |
|
214
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
192 |
|
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
193 |
i.fa { |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
194 |
font-size: 0px; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
195 |
text-align: center; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
196 |
box-sizing: border-box; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
197 |
} |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
198 |
|
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
199 |
i.fa::before { |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
200 |
font-size: 12px; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
201 |
} |