57 lines
1.1 KiB
CSS
57 lines
1.1 KiB
CSS
|
/* The box-bin element holds the button-box element which holds each window-button.
|
||
|
|
*
|
||
|
|
* Control spacing between each button via .button-box.
|
||
|
|
*/
|
||
|
|
.box-bin {
|
||
|
|
border-width: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
margin: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-box {
|
||
|
|
spacing: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* The style for each individual window button */
|
||
|
|
.window-button {
|
||
|
|
width: 24px;
|
||
|
|
height: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* The style for the window button when hovered over */
|
||
|
|
.window-button:hover {
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Here you can style each individual button. You need to define style classes
|
||
|
|
* ".minimize", ".maximize" and ".close".
|
||
|
|
* You can additionally define styles for the :hover and :active pseudo classes
|
||
|
|
* if you wish.
|
||
|
|
* See the 'Radiance' style.css for an example of this.
|
||
|
|
*/
|
||
|
|
/* Style for the minimize button */
|
||
|
|
.minimize {
|
||
|
|
background-image: url('min.svg');
|
||
|
|
}
|
||
|
|
|
||
|
|
.minimize:hover {
|
||
|
|
background-image: url('min_hover.svg');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Style for the maximize button */
|
||
|
|
.maximize {
|
||
|
|
background-image: url('max.svg');
|
||
|
|
}
|
||
|
|
|
||
|
|
.maximize:hover {
|
||
|
|
background-image: url('max_hover.svg');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Style for the close button */
|
||
|
|
.close {
|
||
|
|
background-image: url('close.svg');
|
||
|
|
}
|
||
|
|
|
||
|
|
.close:hover {
|
||
|
|
background-image: url('close_hover.svg');
|
||
|
|
}
|