author | ymh <ymh.work@gmail.com> |
Tue, 20 Dec 2016 01:50:35 +0100 | |
changeset 479 | e7df0b5b09b6 |
parent 477 | ce52f0fca330 |
child 481 | 002a05cd849f |
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 |
|
467
762fc0eb4946
Migrate d3js to v4 and correct d3js visualisations i.e. bug 3.20. Breadcrumb navigation for the language treemap has been improved
ymh <ymh.work@gmail.com>
parents:
463
diff
changeset
|
39 |
.base-font { |
762fc0eb4946
Migrate d3js to v4 and correct d3js visualisations i.e. bug 3.20. Breadcrumb navigation for the language treemap has been improved
ymh <ymh.work@gmail.com>
parents:
463
diff
changeset
|
40 |
font-family: sans-serif; |
762fc0eb4946
Migrate d3js to v4 and correct d3js visualisations i.e. bug 3.20. Breadcrumb navigation for the language treemap has been improved
ymh <ymh.work@gmail.com>
parents:
463
diff
changeset
|
41 |
} |
762fc0eb4946
Migrate d3js to v4 and correct d3js visualisations i.e. bug 3.20. Breadcrumb navigation for the language treemap has been improved
ymh <ymh.work@gmail.com>
parents:
463
diff
changeset
|
42 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
43 |
#corpus-app { |
467
762fc0eb4946
Migrate d3js to v4 and correct d3js visualisations i.e. bug 3.20. Breadcrumb navigation for the language treemap has been improved
ymh <ymh.work@gmail.com>
parents:
463
diff
changeset
|
44 |
@extend .base-font; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
45 |
font-size: 12px; |
427 | 46 |
line-height: initial; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
47 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
48 |
|
5
d4b3da0dadc9
init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff
changeset
|
49 |
#corpus-app { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
50 |
border: 1px solid; |
350
c3a6266ebe0a
Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents:
349
diff
changeset
|
51 |
width: $content-width; |
c3a6266ebe0a
Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents:
349
diff
changeset
|
52 |
box-sizing: border-box; |
200
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
53 |
overflow: hidden; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
54 |
display: block; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
55 |
margin-left: auto; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
56 |
margin-right: auto; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
57 |
margin-bottom: 10px; |
44 | 58 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
59 |
@import 'tabs/chrono'; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
60 |
@import 'tabs/langues'; |
254 | 61 |
} |
186
36e5a67656e6
Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents:
98
diff
changeset
|
62 |
|
254 | 63 |
@import 'components/sorting-component'; |
64 |
@import 'components/filter-component'; |
|
65 |
@import 'components/playlist-component'; |
|
66 |
@import 'components/discourses-component'; |
|
67 |
@import 'components/player-component'; |
|
477 | 68 |
@import 'components/player-sound-control'; |
254 | 69 |
@import 'components/toolbar-component'; |
70 |
@import 'components/notice-component'; |
|
447
38d5789e30d0
Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents:
431
diff
changeset
|
71 |
@import 'components/notice-location-component'; |
254 | 72 |
@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
|
73 |
@import 'components/color-gradient'; |
431
3e0a4a322f9e
Improve scrolling title, uses css animations
ymh <ymh.work@gmail.com>
parents:
427
diff
changeset
|
74 |
@import 'components/autoscroll-component'; |
210 | 75 |
|
186
36e5a67656e6
Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents:
98
diff
changeset
|
76 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
77 |
h1, h2, h3, h4, h5, h6 { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
78 |
margin: 0; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
79 |
padding: 0; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
80 |
font-weight: normal; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
81 |
font-size: inherit; |
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 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
84 |
h2 { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
85 |
text-transform: uppercase; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
86 |
text-align: center; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
87 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
88 |
|
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
|
89 |
.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
|
90 |
background-color: inherit; |
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
91 |
} |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
92 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
93 |
.corpus-app-container { |
235
51acae6af8a3
Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents:
228
diff
changeset
|
94 |
color: $dark-grey; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
95 |
box-sizing: border-box; |
355
83f5247f3c7a
Fix carto counts and map colors
Chloe Laisne <chloe.laisne@gmail.com>
parents:
351
diff
changeset
|
96 |
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
|
97 |
position: relative; |
452
85cf1c3a2fea
correct rootUrl for module + css on FF 38
ymh <ymh.work@gmail.com>
parents:
449
diff
changeset
|
98 |
overflow: hidden; |
216
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
99 |
} |
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
100 |
|
254 | 101 |
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
|
102 |
margin-top: 260px; |
449
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
103 |
height: 280px; |
452
85cf1c3a2fea
correct rootUrl for module + css on FF 38
ymh <ymh.work@gmail.com>
parents:
449
diff
changeset
|
104 |
overflow-x: hidden; |
85cf1c3a2fea
correct rootUrl for module + css on FF 38
ymh <ymh.work@gmail.com>
parents:
449
diff
changeset
|
105 |
overflow-y: scroll; |
254 | 106 |
} |
107 |
||
108 |
h2 { |
|
244
d7ab83ecf737
Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
242
diff
changeset
|
109 |
color: $dark-grey; |
d7ab83ecf737
Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
242
diff
changeset
|
110 |
line-height: 60px; |
d7ab83ecf737
Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
242
diff
changeset
|
111 |
font-size: 14px; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
112 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
113 |
|
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
|
114 |
.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
|
115 |
.corpus-app-modal h2 { |
254 | 116 |
line-height: 30px; |
117 |
margin: 12px auto; |
|
118 |
} |
|
119 |
||
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
120 |
.corpus-window { |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
121 |
overflow: hidden; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
122 |
position: relative; |
350
c3a6266ebe0a
Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents:
349
diff
changeset
|
123 |
width: 100%; |
c3a6266ebe0a
Fix loading width height issues
Chloe Laisne <chloe.laisne@gmail.com>
parents:
349
diff
changeset
|
124 |
height: $content-height; |
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
125 |
} |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
126 |
|
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
127 |
#tabs-chrono, |
449
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
128 |
#tabs-thematiques, |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
129 |
#tabs-discours, |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
130 |
#tabs-carto, |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
131 |
#tabs-langues { |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
132 |
height: 525px; |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
133 |
} |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
134 |
|
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
135 |
|
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
136 |
#tabs-chrono, |
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
137 |
#tabs-thematiques { |
216
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
138 |
padding: 0px 20px; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
139 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
140 |
|
228
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
141 |
#tabs-discours, |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
142 |
#tabs-thematiques { |
a2497a2b6224
Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
226
diff
changeset
|
143 |
overflow: hidden; |
449
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
144 |
//height: 100%; |
200
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
145 |
} |
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
146 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
147 |
.corpus-app-wrapper { |
355
83f5247f3c7a
Fix carto counts and map colors
Chloe Laisne <chloe.laisne@gmail.com>
parents:
351
diff
changeset
|
148 |
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
|
149 |
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
|
150 |
position: relative; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
151 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
152 |
|
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
153 |
.corpus-app-modal, |
196 | 154 |
.corpus-app-container, |
155 |
.corpus-app-wrapper { |
|
156 |
box-sizing: border-box; |
|
349 | 157 |
height: $content-height; |
196 | 158 |
width: 50%; |
159 |
} |
|
160 |
||
449
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
161 |
.corpus-app-modal { |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
162 |
overflow: hidden; |
5b0787f51d76
css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents:
447
diff
changeset
|
163 |
} |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
164 |
.corpus-app-modal, |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
165 |
.corpus-app-container { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
166 |
display: block; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
167 |
border-top: none; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
168 |
} |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
169 |
|
246
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
170 |
.corpus-app-container.window { |
462 | 171 |
overflow-x: hidden; |
463
5c43f17f87b5
add a checkbox in player to control transcript autoscroll
ymh <ymh.work@gmail.com>
parents:
462
diff
changeset
|
172 |
overflow-y: auto; |
373
e952c8a31a2b
Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents:
362
diff
changeset
|
173 |
height: 500px; |
246
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
174 |
} |
5b7ae96768be
Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
244
diff
changeset
|
175 |
|
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
176 |
.corpus-app-modal { |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
177 |
position: absolute; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
178 |
top: 0px; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
179 |
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
|
180 |
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
|
181 |
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
|
182 |
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
|
183 |
z-index: 1; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
184 |
} |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
185 |
|
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
186 |
.corpus-app-container { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
187 |
float: left; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
188 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
189 |
|
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
190 |
.corpus-app-wrapper { |
196 | 191 |
float: right; |
13 | 192 |
} |
5
d4b3da0dadc9
init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff
changeset
|
193 |
|
207
204f25632006
tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents:
206
diff
changeset
|
194 |
#mapdiv{ |
204f25632006
tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents:
206
diff
changeset
|
195 |
width: 100%; |
37
343750d4d38e
small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents:
13
diff
changeset
|
196 |
} |
343750d4d38e
small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents:
13
diff
changeset
|
197 |
|
214
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 { |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
200 |
font-size: 0px; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
201 |
text-align: center; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
202 |
box-sizing: border-box; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
203 |
} |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
204 |
|
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
205 |
i.fa::before { |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
206 |
font-size: 12px; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
207 |
} |
462 | 208 |
|
209 |
.transcript-container, |
|
210 |
.transcript-iframe { |
|
211 |
width: 100%; |
|
212 |
height: 100%; |
|
213 |
} |