48,7 → 48,7 |
background-color: #EFEFEF; |
} |
|
/*style des étiquettes*/ |
/*style des �tiquettes*/ |
.etiquette { |
font-family: "DejaVu Sans"; |
font-size: small; |
141,3 → 141,112 |
border-bottom-width: 1px; |
border-right-width: 1px; |
} |
|
/* Overlay */ |
.overlay |
{ |
height: 100%; |
width: 100%; |
display: none; |
position: fixed; |
z-index: 1; |
left: 0; |
top: 0; |
background-color: rgb(56, 25, 25); |
background-color: rgba(0,0,0, 0.9); |
overflow-x: hidden; |
} |
|
/* CSS Spinner */ |
.lds-spinner { |
display: flex; |
justify-content: center; |
align-items: center; |
height: 100%; |
} |
|
.lds-spinner div { |
transform-origin: 40px 40px; |
animation: lds-spinner 1.2s linear infinite; |
} |
|
.lds-spinner div:after { |
content: " "; |
display: block; |
position: absolute; |
top: 3px; |
left: 37px; |
width: 6px; |
height: 18px; |
border-radius: 20%; |
background: #fff; |
} |
|
.lds-spinner div:nth-child(1) { |
transform: rotate(0deg); |
animation-delay: -1.1s; |
} |
|
.lds-spinner div:nth-child(2) { |
transform: rotate(30deg); |
animation-delay: -1s; |
} |
|
.lds-spinner div:nth-child(3) { |
transform: rotate(60deg); |
animation-delay: -0.9s; |
} |
|
.lds-spinner div:nth-child(4) { |
transform: rotate(90deg); |
animation-delay: -0.8s; |
} |
|
.lds-spinner div:nth-child(5) { |
transform: rotate(120deg); |
animation-delay: -0.7s; |
} |
|
.lds-spinner div:nth-child(6) { |
transform: rotate(150deg); |
animation-delay: -0.6s; |
} |
|
.lds-spinner div:nth-child(7) { |
transform: rotate(180deg); |
animation-delay: -0.5s; |
} |
|
.lds-spinner div:nth-child(8) { |
transform: rotate(210deg); |
animation-delay: -0.4s; |
} |
|
.lds-spinner div:nth-child(9) { |
transform: rotate(240deg); |
animation-delay: -0.3s; |
} |
|
.lds-spinner div:nth-child(10) { |
transform: rotate(270deg); |
animation-delay: -0.2s; |
} |
|
.lds-spinner div:nth-child(11) { |
transform: rotate(300deg); |
animation-delay: -0.1s; |
} |
|
.lds-spinner div:nth-child(12) { |
transform: rotate(330deg); |
animation-delay: 0s; |
} |
|
@keyframes lds-spinner { |
0% { |
opacity: 1; |
} |
100% { |
opacity: 0; |
} |
} |