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-- |
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 | 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 | 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 | 30 |
} |
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 | 40 |
background-color: $corpus-light-grey; |
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 | 44 |
} |
45 |
||
393 | 46 |
#chrono-table li.disabled { |
47 |
cursor: default; |
|
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 | 54 |
} |
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 | 57 |
font-weight: bold; |
58 |
color: $corpus-white; |
|
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 | 61 |
} |
393 | 62 |
|
63 |
#chrono-table li.light-color { |
|
64 |
color: $corpus-white; |
|
65 |
} |
|
66 |
||
67 |
#chrono-table li.dark-color { |
|
68 |
color: $corpus-black; |
|
69 |
} |