- Skill card and W/S/E target menu drawn as CCSCustomHudLayout panels via PanoramaManager (panorama/ sources), replacing PrintToCenterHtml and WASDMenuAPI; WASDMenuAPI.dll dropped - Custom status lines (cooldowns, charges) overwrite the description on the card; Medic keeps its description with the charge count below - css_setoverride toggles a per-player cooldown bypass - YourSkillChatInfo also gates the round-start skill description in chat - Language: "[css_useSkill]" becomes the configured button name, "Press ... key" wording, welcome message trimmed to its first line - Build against CounterStrikeSharp.API 1.0.375
109 lines
2.3 KiB
CSS
109 lines
2.3 KiB
CSS
/*
|
|
jRandomSkills - styling for jrs_menu.xml. Same geometry as PanoramaHudDemo's skill_menu.css
|
|
(already tuned in-game), plus rarity colors for the skill name and a "special" row style for
|
|
the colored extra option some skills append (WASDMenuAPI's "#rrggbb|text" prefix).
|
|
*/
|
|
|
|
.jrsmenu-viewport {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.jrsmenu-root {
|
|
width: 100%;
|
|
height: 100%;
|
|
flow-children: down;
|
|
horizontal-align: center;
|
|
vertical-align: center;
|
|
}
|
|
|
|
.hidden {
|
|
visibility: collapse;
|
|
}
|
|
|
|
.jrsmenu-scrim {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #00000000;
|
|
z-index: -1;
|
|
/* First child of a flow-children container - without this it eats the whole flow. */
|
|
ignore-parent-flow: true;
|
|
}
|
|
|
|
.jrsmenu-card {
|
|
width: 300px;
|
|
flow-children: down;
|
|
horizontal-align: center;
|
|
vertical-align: center;
|
|
margin-top: 595px;
|
|
background-color: #14161bf0;
|
|
border: 2px solid #3a3a3aff;
|
|
border-radius: 6px;
|
|
padding: 14px;
|
|
}
|
|
|
|
.jrsmenu-skill {
|
|
width: 100%;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #c9a0ffff;
|
|
horizontal-align: center;
|
|
text-align: center;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.jrsmenu-skill.rarity-common { color: #9aa2acff; }
|
|
.jrsmenu-skill.rarity-uncommon { color: #4caf6dff; }
|
|
.jrsmenu-skill.rarity-rare { color: #4a90d9ff; }
|
|
.jrsmenu-skill.rarity-epic { color: #9b6cd6ff; }
|
|
.jrsmenu-skill.rarity-legendary { color: #f0a531ff; }
|
|
|
|
.jrsmenu-subtitle {
|
|
width: 100%;
|
|
font-size: 13px;
|
|
color: #9aa2acff;
|
|
white-space: normal;
|
|
horizontal-align: center;
|
|
text-align: center;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.jrsmenu-subtitle.empty {
|
|
visibility: collapse;
|
|
}
|
|
|
|
.jrsmenu-rows {
|
|
width: 100%;
|
|
flow-children: down;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.jrsmenu-row {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
color: #d0d3d8ff;
|
|
horizontal-align: center;
|
|
text-align: center;
|
|
padding: 0px;
|
|
white-space: nowrap;
|
|
text-overflow: shrink min( 11px ) ellipsis;
|
|
}
|
|
|
|
.jrsmenu-row.special {
|
|
color: #f0a531ff;
|
|
}
|
|
|
|
/* Listed after .special so the highlight wins on the selected row. */
|
|
.jrsmenu-row.selected {
|
|
color: #45e0c8ff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.jrsmenu-hint {
|
|
width: 100%;
|
|
font-size: 11px;
|
|
color: #6b7480ff;
|
|
text-transform: uppercase;
|
|
horizontal-align: center;
|
|
text-align: center;
|
|
}
|