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