AJout gestion map
This commit is contained in:
+275
@@ -329,3 +329,278 @@ button.btn-calculate:hover,
|
||||
border-color: #a9d0a9;
|
||||
background: #eef8ee;
|
||||
}
|
||||
|
||||
/* === MGT2 Sector Map ====================================================== */
|
||||
|
||||
#mgt2-sector-map .window-content {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: #1a1a2e;
|
||||
}
|
||||
|
||||
.mgt2-sector-map-outer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mgt2-sector-map-toolbar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 6px 12px;
|
||||
background: #2c2c3e;
|
||||
border-bottom: 1px solid #c9a227;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.mgt2-sector-map-label {
|
||||
color: #d9b24c;
|
||||
font-weight: bold;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.mgt2-sector-map-hint {
|
||||
color: #a99c7a;
|
||||
font-size: 0.78em;
|
||||
}
|
||||
|
||||
.mgt2-sector-map-share {
|
||||
background: #c9a227;
|
||||
color: #1a1a2e;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
padding: 4px 12px;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.mgt2-sector-map-share:hover {
|
||||
background: #d9b24c;
|
||||
}
|
||||
|
||||
.mgt2-sector-map-frame {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* === MGT2 World Card (chat) ============================================== */
|
||||
|
||||
.mgt2-world-card {
|
||||
background: #f5f0e8;
|
||||
border: 1px solid #c9a227;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
font-family: 'Signika', sans-serif;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.mgt2-world-card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 8px 12px;
|
||||
background: #2c2c3e;
|
||||
border-bottom: 2px solid #c9a227;
|
||||
}
|
||||
|
||||
.mgt2-world-name {
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
color: #d9b24c;
|
||||
}
|
||||
|
||||
.mgt2-world-hex {
|
||||
font-size: 0.78em;
|
||||
color: #a99c7a;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.mgt2-world-zone {
|
||||
margin-left: auto;
|
||||
font-size: 0.75em;
|
||||
font-weight: bold;
|
||||
padding: 2px 8px;
|
||||
border-radius: 999px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.mgt2-world-zone.zone-g {
|
||||
background: #2a6a2a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mgt2-world-zone.zone-a {
|
||||
background: #b8860b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mgt2-world-zone.zone-r {
|
||||
background: #8b0000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mgt2-world-card-body {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.mgt2-world-card-body td {
|
||||
padding: 0;
|
||||
border-bottom: 1px solid #e0d8c8;
|
||||
}
|
||||
|
||||
.mgt2-world-card-body .mono {
|
||||
font-family: 'Courier New', monospace;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
|
||||
/* === Fold rows (details/summary) ========================================= */
|
||||
|
||||
.mgt2-world-card-body details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.mgt2-world-card-body summary {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 4px 12px;
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.mgt2-world-card-body summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mgt2-world-card-body summary::before {
|
||||
content: '▸';
|
||||
color: #c9a227;
|
||||
font-size: 0.75em;
|
||||
flex-shrink: 0;
|
||||
transition: transform 0.15s;
|
||||
}
|
||||
|
||||
.mgt2-world-card-body details[open] summary::before {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.mgt2-world-card-body summary:hover {
|
||||
background: rgba(201, 162, 39, 0.08);
|
||||
}
|
||||
|
||||
.fold-label {
|
||||
width: 100px;
|
||||
flex-shrink: 0;
|
||||
font-weight: bold;
|
||||
color: #5f4300;
|
||||
font-size: 0.83em;
|
||||
}
|
||||
|
||||
.fold-value {
|
||||
font-size: 0.83em;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.fold-content {
|
||||
padding: 4px 12px 8px 28px;
|
||||
font-size: 0.78em;
|
||||
color: #555;
|
||||
background: rgba(201, 162, 39, 0.04);
|
||||
border-top: 1px solid #ece6da;
|
||||
}
|
||||
|
||||
.fold-desc {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.fold-subtable {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.fold-subtable td {
|
||||
padding: 2px 8px;
|
||||
font-size: 0.95em;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.fold-subtable td:first-child {
|
||||
width: 120px;
|
||||
font-weight: 600;
|
||||
color: #5f4300;
|
||||
}
|
||||
|
||||
.fold-subtable td:nth-child(2) {
|
||||
font-family: 'Courier New', monospace;
|
||||
color: #7a5c00;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
|
||||
/* === UWP breakdown inside fold =========================================== */
|
||||
|
||||
.uwp-breakdown {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.uwp-breakdown td {
|
||||
padding: 2px 8px;
|
||||
font-size: 0.95em;
|
||||
border-bottom: 1px solid #ece6da;
|
||||
border-top: none;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.uwp-breakdown td:first-child {
|
||||
width: 24px;
|
||||
font-family: 'Courier New', monospace;
|
||||
font-weight: bold;
|
||||
color: #7a5c00;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.uwp-breakdown td:nth-child(2) {
|
||||
width: 110px;
|
||||
font-weight: 600;
|
||||
color: #5f4300;
|
||||
}
|
||||
|
||||
.uwp-breakdown td:nth-child(3) {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.uwp-breakdown tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* === MGT2 Shared Map (chat) ============================================== */
|
||||
|
||||
.mgt2-shared-map {
|
||||
background: #f5f0e8;
|
||||
border: 1px solid #c9a227;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
font-family: 'Signika', sans-serif;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.mgt2-shared-map .mgt2-sector-map-share {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mgt2-shared-map-image {
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.mgt2-shared-map-image img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user