cms/app-client/app/styles/app.scss
author Chloe Laisne <chloe.laisne@gmail.com>
Thu, 21 Jul 2016 23:36:50 +0200
changeset 246 5b7ae96768be
parent 244 d7ab83ecf737
child 248 256272c33349
permissions -rw-r--r--
Bsic transcript-component design Autoscroll transcript
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
     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
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     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
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     7
$medium-grey: #71848d;
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     8
$dark-grey: #59626b;
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
     9
$medium-white: #f5f5f5;
224
d284324358b2 Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
    10
$light-white: #fbfbfb;
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
    11
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
    12
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    13
body {
225
5e3cd85cde06 More sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 224
diff changeset
    14
    background-color: $medium-white;
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    15
}
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    16
222
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    17
button {
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    18
    font-family: sans-serif;
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    19
}
0eba8101b129 Add fields to sparse-document
Chloe Laisne <chloe.laisne@gmail.com>
parents: 219
diff changeset
    20
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    21
button:focus {
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    22
    outline:0;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    23
}
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    24
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    25
#corpus-app {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    26
    font-family: sans-serif;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    27
    font-size: 12px;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    28
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    29
5
d4b3da0dadc9 init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff changeset
    30
#corpus-app {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    31
    border: 1px solid;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    32
    width: 1108px;
200
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
    33
    overflow: hidden;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    34
    display: block;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    35
    margin-left: auto;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    36
    margin-right: auto;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    37
    margin-bottom: 10px;
44
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents: 37
diff changeset
    38
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    39
    @import 'tabs/chrono';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    40
    @import 'tabs/langues';
186
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    41
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    42
    @import 'components/sorting-component';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    43
    @import 'components/filtering-component';
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    44
    @import 'components/filter-component';
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
    45
    @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
    46
    @import 'components/discourses-component';
210
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
    47
    @import 'components/player-component';
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    48
    @import 'components/toolbar-component';
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    49
    @import 'components/notice-component';
246
5b7ae96768be Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    50
    @import 'components/transcript-component';
210
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
    51
186
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    52
}
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    53
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    54
h1, h2, h3, h4, h5, h6 {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    55
    margin: 0;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    56
    padding: 0;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    57
    font-weight: normal;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    58
    font-size: inherit;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    59
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    60
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    61
h2 {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    62
    text-transform: uppercase;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    63
    text-align: center;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    64
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    65
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    66
.corpus-app-modal {
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    67
    background-color: $medium-white;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    68
    border-right: 1px solid $dark-grey;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    69
    padding: 20px 40px;
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    70
    z-index: 1;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    71
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    72
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    73
.corpus-app-container {
235
51acae6af8a3 Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
    74
    color: $dark-grey;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    75
    box-sizing: border-box;
235
51acae6af8a3 Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
    76
    background-color: $medium-white;
216
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
    77
}
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
    78
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
    79
.corpus-app-container h2 {
244
d7ab83ecf737 Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 242
diff changeset
    80
    color: $dark-grey;
d7ab83ecf737 Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 242
diff changeset
    81
    line-height: 60px;
d7ab83ecf737 Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 242
diff changeset
    82
    font-size: 14px;
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
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    85
.corpus-window {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    86
    overflow: hidden;
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
    87
    position: relative;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    88
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents: 216
diff changeset
    89
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    90
#tabs-discours,
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    91
#tabs-chrono,
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    92
#tabs-thematiques {
216
c174124d1849 /discours and /chrono design changes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 214
diff changeset
    93
    padding: 0px 20px;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    94
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    95
235
51acae6af8a3 Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
    96
#tabs-chrono ul {
51acae6af8a3 Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
    97
    list-style: none;
51acae6af8a3 Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
    98
    margin: 0;
51acae6af8a3 Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
    99
    padding: 0;
51acae6af8a3 Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
   100
    text-align: center;
51acae6af8a3 Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
   101
}
51acae6af8a3 Switch to white background
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
   102
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
   103
#tabs-discours,
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
   104
#tabs-thematiques {
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
   105
    overflow: hidden;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
   106
    height: 100%;
200
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
   107
}
a441c40f9c5e Fix playlist filtering
Chloe Laisne <chloe.laisne@gmail.com>
parents: 196
diff changeset
   108
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
   109
.corpus-app-wrapper {
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 222
diff changeset
   110
    background-color: $medium-blue;
226
2103e6c58266 Notice text-color
Chloe Laisne <chloe.laisne@gmail.com>
parents: 225
diff changeset
   111
    box-shadow: -4px 0px 8px -4px $dark-grey;
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
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   114
.corpus-app-modal,
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   115
.corpus-app-container,
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   116
.corpus-app-wrapper {
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   117
    box-sizing: border-box;
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   118
    height: 600px;
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   119
    width: 50%;
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   120
}
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   121
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   122
.corpus-app-modal,
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   123
.corpus-app-container {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   124
    overflow: hidden;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   125
    display: block;
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   126
    border-top: none;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   127
}
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   128
246
5b7ae96768be Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
   129
.corpus-app-container.window {
5b7ae96768be Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
   130
    overflow: scroll;
5b7ae96768be Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
   131
}
5b7ae96768be Bsic transcript-component design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
   132
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   133
.corpus-app-modal {
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   134
    position: absolute;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   135
    top: 0px;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   136
    left: 0px;
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   137
}
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   138
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
   139
.corpus-app-container {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   140
    float: left;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   141
}
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   142
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
   143
.corpus-app-wrapper {
196
7550cb541901 Filter as a service
Chloe Laisne <chloe.laisne@gmail.com>
parents: 195
diff changeset
   144
    float: right;
13
ba32dd4cf8d3 update styles
nowmad@23.1.168.192.in-addr.arpa
parents: 5
diff changeset
   145
}
5
d4b3da0dadc9 init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff changeset
   146
207
204f25632006 tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents: 206
diff changeset
   147
#mapdiv{
204f25632006 tabs/discours title + route scss cleanup
Chloe Laisne <chloe.laisne@gmail.com>
parents: 206
diff changeset
   148
  width: 100%;
37
343750d4d38e small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
   149
}
343750d4d38e small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
   150
210
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   151
.ember-view.language a {
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   152
    text-transform: capitalize;
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   153
    text-decoration: none;
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   154
    pointer-events: none;
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   155
    cursor: default;
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   156
    color: inherit;
08ad36c693b1 Player design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 208
diff changeset
   157
}
214
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   158
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   159
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   160
i.fa {
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   161
    font-size: 0px;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   162
    text-align: center;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   163
    box-sizing: border-box;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   164
}
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   165
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   166
i.fa::before {
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   167
    font-size: 12px;
9bff007eb03c Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents: 210
diff changeset
   168
}