cms/app-client/app/styles/tabs/chrono.scss
author ymh <ymh.work@gmail.com>
Tue, 15 Nov 2016 17:42:57 +0100
changeset 424 feb0d3e0fef9
parent 393 5ef3bfef0bff
child 427 695111d1eec9
permissions -rw-r--r--
add dynamic date range calculation for dates, and add color gradient component, add color gradient for language and chrono
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;
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
     4
    margin: 25px 0px 25px 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;
393
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    28
    float: right;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    29
    display: inline-block;
44
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    30
}
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    31
98
2e6bfce6f99c add details tab for perma-link to documents
nowmad@23.1.168.192.in-addr.arpa
parents: 68
diff changeset
    32
#chrono-table li {
316
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    33
    width: 45px;
fb11295ef666 Add instructions to chronology
Chloe Laisne <chloe.laisne@gmail.com>
parents: 244
diff changeset
    34
    height: 45px;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    35
    text-align: center;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    36
    vertical-align: middle;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    37
    display: inline-block;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    38
    margin: 0px 0px 0px 5px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    39
    cursor: pointer;
363
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    40
    background-color: $corpus-light-grey;
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    41
    color: $corpus-black;
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    42
    font-size: 12px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    43
    box-sizing: border-box;
44
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    44
}
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    45
393
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    46
#chrono-table li.disabled {
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    47
    cursor: default;
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    48
    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
    49
    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
    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
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
#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
    53
    width: 150px;
393
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    54
}
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    55
98
2e6bfce6f99c add details tab for perma-link to documents
nowmad@23.1.168.192.in-addr.arpa
parents: 68
diff changeset
    56
#chrono-table li.highlighted {
363
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    57
    font-weight: bold;
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    58
    color: $corpus-white;
eac9e4eb75c7 Colors chrono
Chloe Laisne <chloe.laisne@gmail.com>
parents: 316
diff changeset
    59
    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
    60
    pointer-events: initial;
44
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents:
diff changeset
    61
}
393
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    62
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    63
#chrono-table li.light-color {
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    64
    color: $corpus-white;
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    65
}
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    66
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    67
#chrono-table li.dark-color {
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    68
    color: $corpus-black;
5ef3bfef0bff add colors to visu chrono
ymh <ymh.work@gmail.com>
parents: 363
diff changeset
    69
}