The Deadlock Wiki

User:Kai/common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →

Kai (talk | contribs)

2 user groups
2,401 edits
MCP (via update-page on MediaWiki MCP Server)
MCP (via update-page on MediaWiki MCP Server)
Line 51: Line 51:
/* Tier List Creator Styles */
/* Tier List Creator Styles */
.tier-list-creator-wrapper {
.tier-list-creator-wrapper {
   max-width: 950px;
   margin: 0;
   margin: 10px auto;
  padding: 0;
   width: 100%;
   background: transparent;
   background: transparent;
   color: var(--color-base, #e2e8f0);
   color: var(--color-base, #e2e8f0);
   font-family: inherit;
   font-family: inherit;
  padding: 0;
}
}


.tlc-header {
.tlc-header {
   display: flex;
   display: flex;
   justify-content: flex-end;
   justify-content: flex-start;
   align-items: center;
   align-items: center;
   margin-bottom: 8px;
   margin-bottom: 8px;
Line 71: Line 71:
   font-size: 12px;
   font-size: 12px;
   font-weight: 600;
   font-weight: 600;
   border: none;
   border: none !important;
   cursor: pointer;
   cursor: pointer;
   user-select: none;
   user-select: none;
   display: inline-block;
   display: inline-block;
   transition: transform 0.1s ease, filter 0.2s ease;
   transition: filter 0.2s ease;
}
}


.tlc-btn:active {
.tlc-btn:active {
   transform: scale(0.97);
   transform: none !important;
}
}


Line 85: Line 85:
   background: var(--background-color-interactive, #2d3748);
   background: var(--background-color-interactive, #2d3748);
   color: var(--color-base, #fff);
   color: var(--color-base, #fff);
   border: 1px solid var(--border-color-base, #4a5568);
   border: none !important;
}
}


Line 102: Line 102:
   display: flex;
   display: flex;
   min-height: 55px;
   min-height: 55px;
  background: var(--background-color-base, #1a202c);
   border-radius: 6px;
   border-radius: 6px;
   overflow: hidden;
   overflow: hidden;
   border: 1px solid var(--border-color-base, #2d3748);
   border: none !important;
}
}
/* Opaque Tier Row Backgrounds */
.tlc-tier-row[data-tier="S"] { background: rgba(255, 127, 127, 0.18); }
.tlc-tier-row[data-tier="A"] { background: rgba(255, 191, 127, 0.18); }
.tlc-tier-row[data-tier="B"] { background: rgba(255, 255, 127, 0.18); }
.tlc-tier-row[data-tier="C"] { background: rgba(127, 255, 127, 0.18); }
.tlc-tier-row[data-tier="D"] { background: rgba(127, 191, 255, 0.18); }
.tlc-tier-row[data-tier="E"] { background: rgba(191, 127, 255, 0.18); }
.tlc-tier-row[data-tier="F"] { background: rgba(255, 127, 255, 0.18); }


.tlc-tier-label {
.tlc-tier-label {
Line 120: Line 128:
}
}


/* Tier Rank Colors */
/* Tier Rank Badge Colors */
.tier-s { background: #ff7f7f; color: #1a202c; }
.tier-s { background: #ff7f7f; color: #1a202c; }
.tier-a { background: #ffbf7f; color: #1a202c; }
.tier-a { background: #ffbf7f; color: #1a202c; }
Line 141: Line 149:


.tlc-tier-dropzone.drag-over {
.tlc-tier-dropzone.drag-over {
   background-color: rgba(99, 179, 237, 0.15) !important;
   background-color: rgba(99, 179, 237, 0.25) !important;
   outline: 2px dashed var(--color-progressbar-primary, #63b3ed);
   outline: 2px dashed var(--color-progressbar-primary, #63b3ed);
   outline-offset: -2px;
   outline-offset: -2px;
Line 162: Line 170:
   background: transparent;
   background: transparent;
   border-radius: 6px;
   border-radius: 6px;
   border: 1px dashed var(--border-color-base, #4a5568);
   border: none !important;
}
}


Line 173: Line 181:
}
}


/* Disable clicking on inner links so page doesn't navigate on click */
.HeroCard a, .HeroCard .hero-link-wrapper, .hero-card-container a, .hero-roster-card a {
.HeroCard a, .HeroCard .hero-link-wrapper, .hero-card-container a, .hero-roster-card a {
   pointer-events: none !important;
   pointer-events: none !important;
Retrieved from "https://deadlock.wiki/User:Kai/common.css"