Import des persos du système précédent
This commit is contained in:
@@ -4188,3 +4188,215 @@ ol.item-list li.item .item-controls a.item-control:hover {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
/* ===================================================================
|
||||
Migration App
|
||||
=================================================================== */
|
||||
.cde-migration-app .window-content {
|
||||
padding: 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.cde-migration-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
padding: 16px;
|
||||
}
|
||||
/* Drop zone */
|
||||
.cde-migration-drop-zone {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 28px 20px;
|
||||
border: 2px dashed #1a2436;
|
||||
border-radius: 8px;
|
||||
background: rgba(13, 21, 32, 0.6);
|
||||
text-align: center;
|
||||
transition: border-color 0.15s, background 0.15s;
|
||||
cursor: pointer;
|
||||
}
|
||||
.cde-migration-drop-zone.is-dragover {
|
||||
border-color: #4a9eff;
|
||||
background: rgba(74, 158, 255, 0.15);
|
||||
}
|
||||
.cde-migration-drop-icon {
|
||||
font-size: 36px;
|
||||
color: #4a9eff;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.cde-migration-drop-hint {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
color: #7d94b8;
|
||||
}
|
||||
.cde-migration-file-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 6px 14px;
|
||||
border: 1px solid #4a9eff;
|
||||
border-radius: 4px;
|
||||
color: #4a9eff;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
.cde-migration-file-btn:hover {
|
||||
background: rgba(74, 158, 255, 0.2);
|
||||
}
|
||||
/* Preview section */
|
||||
.cde-migration-preview {
|
||||
border: 1px solid #1a2436;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cde-migration-preview-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 8px 12px;
|
||||
background: rgba(13, 21, 32, 0.8);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
color: #7d94b8;
|
||||
}
|
||||
.cde-migration-clear-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 2px 8px;
|
||||
border: 1px solid #1a2436;
|
||||
border-radius: 4px;
|
||||
font-size: 11px;
|
||||
color: #7d94b8;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
transition: color 0.15s, border-color 0.15s;
|
||||
}
|
||||
.cde-migration-clear-btn:hover {
|
||||
color: #e04444;
|
||||
border-color: #e04444;
|
||||
}
|
||||
/* Preview table */
|
||||
.cde-migration-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
}
|
||||
.cde-migration-table th {
|
||||
padding: 5px 8px;
|
||||
background: rgba(13, 21, 32, 0.9);
|
||||
color: #7d94b8;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #1a2436;
|
||||
}
|
||||
.cde-migration-table td {
|
||||
padding: 5px 8px;
|
||||
border-bottom: 1px solid rgba(26, 36, 54, 0.4);
|
||||
vertical-align: middle;
|
||||
}
|
||||
.cde-migration-table tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
.cde-migration-thumb {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 3px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.cde-migration-name {
|
||||
font-weight: 600;
|
||||
color: #e2e8f4;
|
||||
}
|
||||
.cde-migration-items-count {
|
||||
text-align: center;
|
||||
color: #7d94b8;
|
||||
}
|
||||
.cde-migration-srcfile {
|
||||
font-size: 10px;
|
||||
color: #7d94b8;
|
||||
max-width: 130px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
/* Type badge */
|
||||
.cde-migration-type-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 10px;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.cde-migration-type-badge.cde-migration-type-character {
|
||||
background: rgba(74, 158, 255, 0.2);
|
||||
color: #4a9eff;
|
||||
border: 1px solid rgba(74, 158, 255, 0.4);
|
||||
}
|
||||
.cde-migration-type-badge.cde-migration-type-npc {
|
||||
background: rgba(156, 77, 204, 0.2);
|
||||
color: #c97ae0;
|
||||
border: 1px solid rgba(156, 77, 204, 0.4);
|
||||
}
|
||||
/* Errors */
|
||||
.cde-migration-errors {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
.cde-migration-errors li {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 6px;
|
||||
padding: 6px 10px;
|
||||
border: 1px solid rgba(224, 68, 68, 0.6);
|
||||
border-radius: 4px;
|
||||
background: rgba(224, 68, 68, 0.1);
|
||||
color: #e07070;
|
||||
font-size: 11px;
|
||||
}
|
||||
.cde-migration-errors li i {
|
||||
margin-top: 2px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
/* Bottom action bar */
|
||||
.cde-migration-actions {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.cde-migration-import-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 9px 24px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
background: #4a9eff;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
transition: filter 0.15s;
|
||||
}
|
||||
.cde-migration-import-btn:hover {
|
||||
filter: brightness(1.15);
|
||||
}
|
||||
.cde-migration-hint {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
color: #7d94b8;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -4344,3 +4344,245 @@ ol.item-list {
|
||||
from { transform-origin: var(--fx) var(--fy); transform: rotate(0deg); }
|
||||
to { transform-origin: var(--fx) var(--fy); transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
/* ===================================================================
|
||||
Migration App
|
||||
=================================================================== */
|
||||
|
||||
.cde-migration-app {
|
||||
.window-content {
|
||||
padding: 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.cde-migration-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
/* Drop zone */
|
||||
.cde-migration-drop-zone {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 28px 20px;
|
||||
border: 2px dashed @cde-border;
|
||||
border-radius: 8px;
|
||||
background: fadeout(@cde-surface2, 40%);
|
||||
text-align: center;
|
||||
transition: border-color 0.15s, background 0.15s;
|
||||
cursor: pointer;
|
||||
|
||||
&.is-dragover {
|
||||
border-color: @cde-spell;
|
||||
background: fadeout(@cde-spell, 85%);
|
||||
}
|
||||
}
|
||||
|
||||
.cde-migration-drop-icon {
|
||||
font-size: 36px;
|
||||
color: @cde-spell;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.cde-migration-drop-hint {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
color: @cde-muted;
|
||||
}
|
||||
|
||||
.cde-migration-file-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 6px 14px;
|
||||
border: 1px solid @cde-spell;
|
||||
border-radius: 4px;
|
||||
color: @cde-spell;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s;
|
||||
|
||||
&:hover {
|
||||
background: fadeout(@cde-spell, 80%);
|
||||
}
|
||||
}
|
||||
|
||||
/* Preview section */
|
||||
.cde-migration-preview {
|
||||
border: 1px solid @cde-border;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cde-migration-preview-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 8px 12px;
|
||||
background: fadeout(@cde-surface2, 20%);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
color: @cde-muted;
|
||||
}
|
||||
|
||||
.cde-migration-clear-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 2px 8px;
|
||||
border: 1px solid @cde-border;
|
||||
border-radius: 4px;
|
||||
font-size: 11px;
|
||||
color: @cde-muted;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
transition: color 0.15s, border-color 0.15s;
|
||||
|
||||
&:hover {
|
||||
color: #e04444;
|
||||
border-color: #e04444;
|
||||
}
|
||||
}
|
||||
|
||||
/* Preview table */
|
||||
.cde-migration-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
|
||||
th {
|
||||
padding: 5px 8px;
|
||||
background: fadeout(@cde-surface2, 10%);
|
||||
color: @cde-muted;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid @cde-border;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 5px 8px;
|
||||
border-bottom: 1px solid fadeout(@cde-border, 60%);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
.cde-migration-thumb {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 3px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.cde-migration-name {
|
||||
font-weight: 600;
|
||||
color: @cde-text;
|
||||
}
|
||||
|
||||
.cde-migration-items-count {
|
||||
text-align: center;
|
||||
color: @cde-muted;
|
||||
}
|
||||
|
||||
.cde-migration-srcfile {
|
||||
font-size: 10px;
|
||||
color: @cde-muted;
|
||||
max-width: 130px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Type badge */
|
||||
.cde-migration-type-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 10px;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
|
||||
&.cde-migration-type-character {
|
||||
background: fadeout(@cde-spell, 80%);
|
||||
color: @cde-spell;
|
||||
border: 1px solid fadeout(@cde-spell, 60%);
|
||||
}
|
||||
|
||||
&.cde-migration-type-npc {
|
||||
background: fadeout(#9c4dcc, 80%);
|
||||
color: #c97ae0;
|
||||
border: 1px solid fadeout(#9c4dcc, 60%);
|
||||
}
|
||||
}
|
||||
|
||||
/* Errors */
|
||||
.cde-migration-errors {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 6px;
|
||||
padding: 6px 10px;
|
||||
border: 1px solid fadeout(#e04444, 40%);
|
||||
border-radius: 4px;
|
||||
background: fadeout(#e04444, 90%);
|
||||
color: #e07070;
|
||||
font-size: 11px;
|
||||
|
||||
i { margin-top: 2px; flex-shrink: 0; }
|
||||
}
|
||||
}
|
||||
|
||||
/* Bottom action bar */
|
||||
.cde-migration-actions {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.cde-migration-import-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 9px 24px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
background: @cde-spell;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
transition: filter 0.15s;
|
||||
|
||||
&:hover {
|
||||
filter: brightness(1.15);
|
||||
}
|
||||
}
|
||||
|
||||
.cde-migration-hint {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
color: @cde-muted;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user