mirror of
https://github.com/IliesAllali/parenthese.git
synced 2026-11-06 23:32:08 +00:00
IliesAllaliandClaude Opus 5
e8e2485dcd
Galaxie familiale : personnes, unions et filiations, photos, vidéos et voix sur chaque personne, partage par lien avec consultation sans compte et contributions validées par le propriétaire. Auto-hébergeable avec Docker. Licence PolyForm Noncommercial 1.0.0. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
138 lines
2.6 KiB
CSS
138 lines
2.6 KiB
CSS
.edit-mode-border {
|
|
position: fixed;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
z-index: 999;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.edit-mode-border--contributor {
|
|
border-color: rgba(255, 149, 0, 0.58);
|
|
box-shadow:
|
|
inset 0 0 32px rgba(255, 149, 0, 0.10),
|
|
0 0 32px rgba(255, 149, 0, 0.14);
|
|
animation: editPulseContributor 3s ease-in-out infinite;
|
|
}
|
|
|
|
.edit-mode-border--admin {
|
|
border-color: rgba(82, 178, 120, 0.52);
|
|
box-shadow:
|
|
inset 0 0 32px rgba(82, 178, 120, 0.10),
|
|
0 0 32px rgba(82, 178, 120, 0.13);
|
|
animation: editPulseAdmin 3s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes editPulseContributor {
|
|
0%, 100% {
|
|
border-color: rgba(255, 149, 0, 0.58);
|
|
}
|
|
50% {
|
|
border-color: rgba(255, 149, 0, 0.72);
|
|
}
|
|
}
|
|
|
|
@keyframes editPulseAdmin {
|
|
0%, 100% {
|
|
border-color: rgba(82, 178, 120, 0.52);
|
|
}
|
|
50% {
|
|
border-color: rgba(82, 178, 120, 0.68);
|
|
}
|
|
}
|
|
|
|
.edit-mode-toast {
|
|
position: fixed;
|
|
top: 16px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
z-index: 1001;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
|
|
padding: 9px 12px;
|
|
border-radius: 999px;
|
|
border: 1px solid rgba(255, 149, 0, 0.28);
|
|
background: rgba(247, 236, 217, 0.96);
|
|
backdrop-filter: blur(20px);
|
|
-webkit-backdrop-filter: blur(20px);
|
|
box-shadow: 0 6px 20px rgba(93, 82, 75, 0.12);
|
|
}
|
|
|
|
.edit-mode-toast--admin {
|
|
border-color: rgba(82, 178, 120, 0.3);
|
|
}
|
|
|
|
.edit-mode-toast-text {
|
|
font-family: 'Red Hat Mono', ui-monospace, monospace;
|
|
font-size: 14px;
|
|
font-weight: 450;
|
|
color: #5D524B;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.edit-mode-submit {
|
|
border: none;
|
|
border-radius: 999px;
|
|
padding: 6px 12px;
|
|
font-family: 'Red Hat Mono', ui-monospace, monospace;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #FEF9ED;
|
|
background: #A67C52;
|
|
cursor: pointer;
|
|
transition: background 0.2s ease, opacity 0.2s ease;
|
|
}
|
|
|
|
.edit-mode-submit:hover:not(:disabled) {
|
|
background: #8E6840;
|
|
}
|
|
|
|
.edit-mode-submit:disabled {
|
|
opacity: 0.45;
|
|
cursor: default;
|
|
}
|
|
|
|
.edit-mode-submit--admin {
|
|
background: #52B278;
|
|
}
|
|
|
|
.edit-mode-submit--admin:hover:not(:disabled) {
|
|
background: #439A66;
|
|
}
|
|
|
|
.edit-mode-toast-close {
|
|
width: 24px;
|
|
height: 24px;
|
|
border: none;
|
|
border-radius: 999px;
|
|
background: transparent;
|
|
color: #7C6B5C;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.edit-mode-toast-close:hover {
|
|
background: rgba(93, 82, 75, 0.12);
|
|
color: #5D524B;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.edit-mode-toast {
|
|
left: 12px;
|
|
right: 12px;
|
|
transform: none;
|
|
border-radius: 12px;
|
|
justify-content: space-between;
|
|
gap: 8px;
|
|
}
|
|
|
|
.edit-mode-toast-text {
|
|
min-width: 0;
|
|
white-space: normal;
|
|
}
|
|
}
|