here is what your file looks like in my theme with the changes I told you about:
And here is the code that gives that output. I just commented out your original colors and added my own
Code: Select all
/* windowlist buttons */
.window-list-box {
spacing: 3px;
padding-left: 0px;
padding-top: 1px;
padding-bottom: 1px;
}
.window-list-item-box {
color: white;
/* color: #555555; */
border-radius: 2px;
}
.window-list-item-box:active,
.window-list-item-box:checked,
.window-list-item-box:focus {
color: white;
/* color: white;*/
background-color: #569BE4;
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
}
.window-list-item-box:active:hover,
.window-list-item-box:checked:hover,
.window-list-item-box:focus:hover {
color: white;
/* color: #555555;*/
background-color: #58a9f4;
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.54);
}
.window-list-item-box:hover {
color: white;
/* color: #555;*/
font-weight: bold;
/* text-shadow: rgba(255,255,255,0.6) 0px 1px 3px;*/
background-color: #58a9f4;
box-shadow: inset 0px -1px 0px rgba(255,255,255,0.54);
}
.window-list-item-label {
font-weight: bold;
width: 15em;
min-width: 5px;
}
/*
.window-list-item-box-bottom {
color: #555;
border-radius: 2px;
}
.window-list-item-box-bottom:active,
.window-list-item-box-bottom:checked,
.window-list-item-box-bottom:focus {
color: #eee;
background-gradient-direction: vertical;
background-gradient-start: rgba(255,255,255,0);
background-gradient-end: rgba(255,255,255,0.33);
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.33);
}
.window-list-item-box-bottom:active:hover,
.window-list-item-box-bottom:checked:hover,
.window-list-item-box-bottom:focus:hover {
color: #eee;
background-gradient-direction: vertical;
background-gradient-start: rgba(255,255,255,0.05);
background-gradient-end: rgba(255,255,255,0.33);
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.33);
}
.window-list-item-box-bottom:hover {
color: #eee;
background-gradient-direction: vertical;
background-gradient-start: rgba(255,255,255,0.33);
background-gradient-end: rgba(255,255,255,0);
box-shadow: inset 0 -1px 1px 0 rgba(255,255,255,0.33);
}*/
/* windowlist buttons tooltip */
.wpanel-tooltip {
color: #fff;
background-gradient-direction: vertical;
background-gradient-start: rgba(0,0,0,0.72);
background-gradient-end: rgba(0,0,0,0.42);
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.25);
border: 1px solid rgba(0,0,0,0.65);
border-radius: 2px;
font-size: 12px;
font-weight: normal;
text-align: center;
}