cms/app-client/app/styles/tabs/chrono.scss
author ymh <ymh.work@gmail.com>
Tue, 26 Sep 2017 21:41:49 +0200
changeset 550 fbd1bfc9f963
parent 449 5b0787f51d76
permissions -rw-r--r--
Improve label resolution in french for geonames.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
316
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
     1
#tabs-chrono p {
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
     2
    padding: 0px 20px;
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
     3
    text-align: center;
449
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 432
diff changeset
     4
    margin: 15px 0px 0px 0px;
316
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
     5
    line-height: 22px;
363
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
     6
    color: $corpus-black;
316
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
     7
}
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
     8
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
     9
#chrono-table {
244
d7ab83ecf737 Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 235
diff changeset
    10
    line-height: 43px;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    11
}
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    12
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    13
#chrono-table .interval {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    14
    margin-bottom: 5px;
244
d7ab83ecf737 Checked/indeterminate states with /langues endpoint checkboxes
Chloe Laisne <chloe.laisne@gmail.com>
parents: 235
diff changeset
    15
    overflow: hidden;
98
2e6bfce6f99c add details tab for perma-link to documents
nowmad@23.1.168.192.in-addr.arpa
parents: 68
diff changeset
    16
}
2e6bfce6f99c add details tab for perma-link to documents
nowmad@23.1.168.192.in-addr.arpa
parents: 68
diff changeset
    17
316
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    18
#chrono-table input {
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    19
    margin: 0;
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    20
}
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    21
98
2e6bfce6f99c add details tab for perma-link to documents
nowmad@23.1.168.192.in-addr.arpa
parents: 68
diff changeset
    22
#chrono-table ul {
316
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    23
    list-style: none;
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    24
    text-align: center;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    25
    margin: 0px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    26
    padding: 0px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    27
    font-size: 0px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    28
    display: inline-block;
44
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    29
}
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    30
98
2e6bfce6f99c add details tab for perma-link to documents
nowmad@23.1.168.192.in-addr.arpa
parents: 68
diff changeset
    31
#chrono-table li {
316
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    32
    width: 45px;
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    33
    height: 45px;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    34
    text-align: center;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    35
    vertical-align: middle;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    36
    display: inline-block;
432
44569a7f8db0 adjust css for color gradients
ymh <ymh.work@gmail.com>
parents: 427
diff changeset
    37
    margin: 0px 0px 0px 4px;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    38
    cursor: pointer;
363
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    39
    background-color: $corpus-light-grey;
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    40
    color: $corpus-black;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    41
    font-size: 12px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    42
    box-sizing: border-box;
44
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    43
}
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    44
393
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    45
#chrono-table li.disabled {
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    46
    cursor: default;
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    47
    color: $corpus-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: 393
diff changeset
    48
    pointer-events: none;
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: 393
diff changeset
    49
}
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: 393
diff changeset
    50
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: 393
diff changeset
    51
#chrono-table .color-gradient {
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: 393
diff changeset
    52
    width: 150px;
432
44569a7f8db0 adjust css for color gradients
ymh <ymh.work@gmail.com>
parents: 427
diff changeset
    53
    height: 27px;
44569a7f8db0 adjust css for color gradients
ymh <ymh.work@gmail.com>
parents: 427
diff changeset
    54
    font-size: 0.75em;
44569a7f8db0 adjust css for color gradients
ymh <ymh.work@gmail.com>
parents: 427
diff changeset
    55
    line-height: initial;
393
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    56
}
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    57
98
2e6bfce6f99c add details tab for perma-link to documents
nowmad@23.1.168.192.in-addr.arpa
parents: 68
diff changeset
    58
#chrono-table li.highlighted {
363
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    59
    font-weight: bold;
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    60
    color: $corpus-white;
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    61
    background-color: $corpus-blue;
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: 393
diff changeset
    62
    pointer-events: initial;
44
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    63
}
393
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    64
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    65
#chrono-table li.light-color {
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    66
    color: $corpus-white;
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    67
}
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    68
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    69
#chrono-table li.dark-color {
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    70
    color: $corpus-black;
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    71
}