script pour établir une bdd Ãà partir d'un tsv avec différent format - retour accueil
git clone git://bebou.netlib.re/laradb
Log | Files | Refs |
style.css (2331B)
1 :root{
2 --fond-A:#EEE;
3 --fond-B:white;
4 --fond-C:ivory;
5 --noir:black;
6 --accent:yellow;
7 --corps:1rem;
8 --interligne:1.2rem;
9 --largeur-bordure-cellule:1px;
10 --largeur:100px;
11 --arrondi:5px;
12 --incertitude:.5;
13 }
14
15 thead td{text-align:center}
16 #TABLEAU tr {
17 cursor:pointer;
18 display:flex;
19 border-bottom:var(--largeur-bordure-cellule) solid var(--noir);
20 justify-content:flex-start;
21 background:var(--fond-B)
22 }
23 #TABLEAU tr:nth-of-type(2n+1):not(thead tr){
24 background:var(--fond-A);
25 }
26
27 #TABLEAU tr:hover{background:var(--accent) !important}
28 /*tr {
29 display: flex;
30 flex-wrap: wrap;
31 }
32 */
33 #TABLEAU tr { display: grid;
34 grid-template-columns: repeat(8, 1fr [col-start]);
35 }
36 .titre {grid-column:1 / 3; }
37 .titre-complet {grid-column:1 / 4; }
38 .titre,.debut,.fin,.ville,.pays,.sources,.travaux-lies {grid-row:1;}
39 .titre-complet,.periodicite,.numeros,.format{grid-row:2;}
40
41 #TABLEAU td:nth-child(-n+6) {
42 flex: 1 1 10%;
43 }
44 #TABLEAU td:nth-of-type(1) {
45 flex: 1 1 30%;
46 }
47 #TABLEAU thead {display:none}
48
49 #TABLEAU td:nth-child(n+7) {
50 flex: 1 1 8%;
51 }
52
53 .hidden {display:none;}
54 .show {display:inline}
55
56
57 *{
58 font-size:var(--corps);
59 color:var(--noir);
60 line-height:var(--interligne)
61 }
62 body {margin: 0}
63 tr{width:100%;padding:0}
64 thead {position:sticky;top:0}
65
66 /*
67 .titre {width:calc(var(--largeur) * 1)}
68 .titre-complet {width:calc(var(--largeur) * 1)}
69 .periodicite {width:calc(var(--largeur) * 1)}
70 .debut {width:calc(var(--largeur) * 2)}
71 .fin {width:calc(var(--largeur) * 2)}
72 .numeros {width:calc(var(--largeur) * 1)}
73 .format {width:calc(var(--largeur) * 2)}
74 .ville {width:calc(var(--largeur) * 2)}
75 .pays {width:calc(var(--largeur) * 2)}
76 .sources {width:calc(var(--largeur) * 2)}
77 .travaux-lies {width:calc(var(--largeur) * 2)}
78 */
79 .rectangle {
80 width:400px;
81 }
82 .rectangle div {
83 background-color: var(--noir); height:100%; min-height: var(--interligne); position: relative;
84 }
85
86 .legende {position:fixed;bottom:var(--interligne);right:var(--interligne);
87 background:var(--fond-C);
88 border:1px solid var(--noir); border-radius:var(--arrondi);
89 padding:var(--corps);
90 }
91 sup{line-height:var(--interligne)}
92 sup::before{content:' '}
93 .unsure, sup {opacity:var(--incertitude)}
94 nav {display:flex; width:100%; justify-content:space-around;background:var(--fond-C);padding:var(--corps) 0;margin-bottom:var(--corps)}