/* ════════ ICONS ════════ */ .icon { width: 70px; height: 80px; display: flex; flex-direction: column; align-items: center; margin: 10px; color: white; text-shadow: 1px 1px 2px black; position: absolute; text-align: center; cursor: pointer; } .icon:hover { background: rgba(0,0,255,0.2); border: 1px solid rgba(255,255,255,0.3); border-radius: 3px; } .icon-img { font-size: 32px; margin-bottom: 5px; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5)); } .icon-text { line-height: 1.2; }
#task-list { flex-grow: 1; display: flex; padding-left: 5px; overflow: hidden; } .task-item { width: 150px; height: 24px; background: #316AC5; color: white; margin-right: 2px; border-radius: 3px; display: flex; align-items: center; padding: 0 5px; font-size: 11px; cursor: pointer; opacity: 0.8; box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2); } .task-item.active { background: #1D4F9E; opacity: 1; box-shadow: inset 1px 1px 3px black; } .task-item:hover { opacity: 1; background: #4C87E4; }
#tray { padding: 0 10px; background: #1291EA; height: 100%; display: flex; align-items: center; gap: 8px; color: white; border-left: 1px solid rgba(0,0,0,0.3); } .tray-icon { font-size: 14px; cursor: pointer; }
MicrosoftWindows XP ProfessionalLoading personal settings...