:root {
    --window-color          : #c0c0c0;
    --window-color-dark     : #808080;
    --window-blink          : #0000c0;
    --window-blink-dark     : #000080;
}

taskbar {
    position: absolute; 
    display: inline-block; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index: 99999;
    border: 1px #222 outset;
    border-collapse: collapse;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

taskbar > border {
    border: 1px #888 outset;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

taskbar > border > plate {
    border: 1px #ddd outset;
    background: #c0c0c0;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

taskbar > border > plate > btn:active {
    /* buton is CLICKED */
    border-style    : inset;
}

taskbar > border > plate > btn.active {
    /* button is SELECTED */
    border-style    : inset;
    background      : linear-gradient(12deg, #888, #ccc);
}

@keyframes task-blink{
    0%  { background      : var(--window-color); color: #303030; }
    50% { background      : var(--window-blink); color: #f0f0f0;}
    100%{ background      : var(--window-color); color:#303030;}
}

taskbar > border > plate > btn.blink {
    animation       : task-blink 1000ms ease-in-out infinite;    
}

taskbar > border > plate > btn {
    border          : 1px var(--window-color) outset;
    box-shadow      : 1px 1px 0px #2224;
    background      : linear-gradient(125deg, #888, #ccc);
}