Parallax custom CSS for use with https://stylebot.dev

parallax.css

body {
  font-family: system-ui, Segoe UI, sans-serif;
}

/* Month and week row */
[class*="ShaperHeaderCell_innerContainer"] {
  justify-content: center;
}

/* Month text */
[class^="ShaperHeaderCell_text"] {
  font-size: 0.8rem;
  line-height: 1.5;
  word-spacing: -2px;
}

/* Date text */
[class^="ShaperHeaderCell_text"]:last-child {
  font-size: 0.75rem;
  letter-spacing: -0.5px;
  word-spacing: -2px;
}

/* “This Week” cell */
[class*="ShaperHeaderCell_todayBlueBar"] {
  display: none;
}

[class*="ShaperHeaderCell_todayBlueBar"] + [class*="ShaperHeaderCell_text"] {
  display: none;
}

/* “This Week” text */
[class*="ShaperHeaderCell_text"]:nth-child(3) b {
  font-size: 0.75rem;
}

/* Total text */
[class*="CapacityCell_thickBottomBorder"] [class*="CapacityCell_numerator"] {
  font-size: 0.8rem;
  font-weight: 600;
}

/* Total actuals text */
[class*="CapacityCell_thickBottomBorder"] [class*="CapacityCell_denominator"] {
  font-size: 0.7rem;
}

/* Hour cells */
[class*="CapacityCell_innerContainer"] {
  justify-content: center;
}

/* Custom colors based on % capacity */
.employeeRollup_10,
.employeeRollup_20,
.employeeRollup_30,
.employeeRollup_40,
.employeeRollup_50,
.employeeRollup_60,
.employeeRollup_70,
.employeeRollup_80 {
  background-color: #fff;
}

/*
.employeeRollup_70,
.employeeRollup_80 {
  background-color: #edf9fd;
}
*/

.employeeRollup_90,
.employeeRollup_100 {
  background-color: #e8fbe6;
}

/* PTO */
.assignedNonBill_100 {
  background-color: #555;
}

[class*="roleAlert_"] {
  background-color: #e10202;
}

.roleAlert_10 {
  background-color: #ffeed8;
}

.assignedNonBill_100,
[class*="roleAlert_"]:not(.roleAlert_10) [class^="CapacityCell_cellText"] {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-weight: 500;
}

/* Hours */
[class^="CapacityCell_cellText"] {
  color: inherit;
}

/* Alert bar */
[class*="CapacityCell_alertBarBorder"] {
  border-top: 0;
  justify-content: center;
}

/* Numerator */
[class*="CapacityCell_numerator"] {
  font-size: 0.9rem;
  font-weight: 500;
}

/* Denominator (actuals) */
[class*="CapacityCell_denominatorContainer"]:empty {
  display: none;
}

[class*="CapacityCell_denominator__"] {
  color: #000;
  font-size: 0.8rem;
  letter-spacing: -0.5px;
  opacity: 1;
}

/* Add [] around actuals */
[class*="CapacityCell_denominator__"]:before {
  content: '[ ';
  font-weight: 200;
}
[class*="CapacityCell_denominator__"]:after {
  content: ' ]';
  font-weight: 200;
}

/* Name */
[data-testid="AvatarRoleName_title"] {
  color: #000;
  font-size: 1rem;
  font-weight: normal;
}

/* Make entire name cell clickable */
[class*="HoverActions_hoverContainer"],
[class*="HoverActions_hoverContainer"] * {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

[class^="SidePanelEmployeeCell_LEGACY_root"]:hover [data-testid="AvatarRoleName_title"] {
  text-decoration: underline;
}

/* Job Role */
[data-testid="AvatarAssignee_title"] {
  display: none;
}

#stickgrid-sidePanel {
  background-color: #fff;
}

/* First column background */
#stickgrid-sidePanel * {
  background-color: transparent;
  transition: all 150ms ease;
}

#stickgrid-sidePanel [class="ProjectCell_LEGACY_root"] {
  position: relative;
}

#stickgrid-sidePanel [class^="ProjectCell_LEGACY_root"]:hover {
  background-color: #f4f4f4;
}

#stickgrid-sidePanel [class^="HoverActions_hoverContainer"] {
  opacity: 0;
}

[class*="MuiButton-textPrimary"]:hover {
  text-decoration: underline;
}

#stickgrid-sidePanel [data-testid="HoverActions_link-to-project-shaper-button"] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#stickgrid-sidePanel [class*="MuiButton-root"] {
  z-index: 1;
}

/* Project Job Code */
[class*="ProjectCell_LEGACY_blackText"] b {
  color: #000;
  font-size: 0.8rem;
  font-weight: 500;
}

#stickgrid-sidePanel [class*="ProjectCell_LEGACY_root"]:hover [class*="ProjectCell_LEGACY_blackText"] {
  text-decoration: underline;
}

/* Project Name */
[class*="ProjectCell_LEGACY_offeringName"] {
  color: #767676;
  font-size: 0.7rem;
}

/* Project Status */
[class^="ProjectCell_LEGACY_projectMetaText"]:first-child {
  color: #767676;
  font-size: 0.6rem;
}

/* Project Type */
[class*="ProjectCell_LEGACY_projectMetaText"] b {
  color:#0b8900;
  font-size: 0.65rem;
  font-weight: normal;
}

/* Bottom toolbar */
[role="toolbar"] {
  display: none;
}

/* Give Feedback button */
iframe[name="us-entrypoint-buttonV2"] {
  display: none;
  visibility: hidden;
}