author | Chloe Laisne <chloe.laisne@gmail.com> |
Mon, 04 Jul 2016 19:21:37 +0200 | |
changeset 222 | 0eba8101b129 |
parent 219 | 3578846b66f4 |
child 223 | 2457942e7453 |
permissions | -rw-r--r-- |
196 | 1 |
body { |
2 |
background-color: #f5f5f5; |
|
3 |
} |
|
4 |
||
222
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
5 |
button { |
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
6 |
font-family: sans-serif; |
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
7 |
} |
0eba8101b129
Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents:
219
diff
changeset
|
8 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
9 |
#corpus-app { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
10 |
font-family: sans-serif; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
11 |
font-size: 12px; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
12 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
13 |
|
5
d4b3da0dadc9
init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff
changeset
|
14 |
#corpus-app { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
15 |
border: 1px solid; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
16 |
width: 1108px; |
200
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
17 |
overflow: hidden; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
18 |
display: block; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
19 |
margin-left: auto; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
20 |
margin-right: auto; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
21 |
margin-bottom: 10px; |
44 | 22 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
23 |
@import 'tabs/chrono'; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
24 |
@import 'tabs/langues'; |
186
36e5a67656e6
Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents:
98
diff
changeset
|
25 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
26 |
@import 'components/sorting-component'; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
27 |
@import 'components/filtering-component'; |
196 | 28 |
@import 'components/filter-component'; |
29 |
@import 'components/playlist-component'; |
|
206
e038d5782d06
Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
200
diff
changeset
|
30 |
@import 'components/discourses-component'; |
210 | 31 |
@import 'components/player-component'; |
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
32 |
@import 'components/toolbar-component'; |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
33 |
@import 'components/notice-component'; |
210 | 34 |
|
186
36e5a67656e6
Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents:
98
diff
changeset
|
35 |
} |
36e5a67656e6
Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents:
98
diff
changeset
|
36 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
37 |
h1, h2, h3, h4, h5, h6 { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
38 |
margin: 0; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
39 |
padding: 0; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
40 |
font-weight: normal; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
41 |
font-size: inherit; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
42 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
43 |
|
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
44 |
h2 { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
45 |
text-transform: uppercase; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
46 |
text-align: center; |
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 |
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
49 |
.corpus-app-modal { |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
50 |
background-color: #becfd4; |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
51 |
padding: 20px 40px; |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
52 |
} |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
53 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
54 |
.corpus-app-container { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
55 |
color: #687a84; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
56 |
box-sizing: border-box; |
216
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
57 |
background-color: #becfd4; |
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
58 |
} |
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
59 |
|
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
60 |
.corpus-app-container h2 { |
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
61 |
padding: 15px; |
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
62 |
font-size: 14px; |
216
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
63 |
color: #253946; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
64 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
65 |
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
66 |
.corpus-window { |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
67 |
overflow: hidden; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
68 |
position: relative; |
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
69 |
} |
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
216
diff
changeset
|
70 |
|
207
204f25632006
tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents:
206
diff
changeset
|
71 |
body.tabs-discours .corpus-app-container, |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
72 |
body.tabs-chrono .corpus-app-container { |
216
c174124d1849
/discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
73 |
padding: 0px 20px; |
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
74 |
} |
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
75 |
|
200
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
76 |
body.tabs-thematiques .corpus-app-container { |
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
77 |
padding: 0px 20px; |
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
78 |
} |
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
79 |
|
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
80 |
body.tabs-langues .corpus-app-container { |
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
81 |
padding: 0px; |
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
82 |
} |
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
83 |
|
193
64afd482ac71
/thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents:
186
diff
changeset
|
84 |
.corpus-app-wrapper { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
85 |
background-color: #253946; |
200
a441c40f9c5e
Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents:
196
diff
changeset
|
86 |
box-shadow: -4px 0px 8px -4px #59626b; |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
87 |
} |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
88 |
|
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
89 |
.corpus-app-modal, |
196 | 90 |
.corpus-app-container, |
91 |
.corpus-app-wrapper { |
|
92 |
box-sizing: border-box; |
|
93 |
height: 600px; |
|
94 |
width: 50%; |
|
95 |
} |
|
96 |
||
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
97 |
.corpus-app-modal, |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
98 |
.corpus-app-container { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
99 |
overflow: hidden; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
100 |
display: block; |
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
101 |
border-top: none; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
102 |
} |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
103 |
|
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
104 |
.corpus-app-modal { |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
105 |
position: absolute; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
106 |
top: 0px; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
107 |
left: 0px; |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
108 |
} |
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
109 |
|
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
110 |
.corpus-app-container { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
111 |
float: left; |
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 |
|
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
114 |
.corpus-app-wrapper { |
196 | 115 |
float: right; |
13 | 116 |
} |
5
d4b3da0dadc9
init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff
changeset
|
117 |
|
207
204f25632006
tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents:
206
diff
changeset
|
118 |
#mapdiv{ |
204f25632006
tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents:
206
diff
changeset
|
119 |
width: 100%; |
37
343750d4d38e
small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents:
13
diff
changeset
|
120 |
} |
343750d4d38e
small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents:
13
diff
changeset
|
121 |
|
196 | 122 |
.corpus-app-content { |
123 |
background-color: #13212d; |
|
124 |
overflow: hidden; |
|
125 |
height: 80px; |
|
126 |
} |
|
127 |
||
13 | 128 |
.corpus-app { |
195
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
129 |
@at-root { |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
130 |
@import 'player'; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
131 |
@import 'results'; |
9d083636bd99
Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents:
193
diff
changeset
|
132 |
@import 'modal'; |
13 | 133 |
} |
5
d4b3da0dadc9
init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff
changeset
|
134 |
} |
210 | 135 |
|
136 |
.ember-view.language a { |
|
137 |
text-transform: capitalize; |
|
138 |
text-decoration: none; |
|
139 |
pointer-events: none; |
|
140 |
cursor: default; |
|
141 |
color: inherit; |
|
142 |
} |
|
214
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
143 |
|
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
144 |
|
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
145 |
i.fa { |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
146 |
font-size: 0px; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
147 |
text-align: center; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
148 |
box-sizing: border-box; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
149 |
} |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
150 |
|
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
151 |
i.fa::before { |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
152 |
font-size: 12px; |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
210
diff
changeset
|
153 |
} |