mirror of
https://github.com/piskelapp/piskel.git
synced 2023-08-10 21:12:52 +03:00
78 lines
1.1 KiB
CSS
78 lines
1.1 KiB
CSS
|
|
/**
|
|
* Layers container
|
|
*/
|
|
.layers-list-container {
|
|
}
|
|
|
|
.layers-title {
|
|
background-image: url('../img/layers.svg');
|
|
background-size: 22px;
|
|
background-repeat: no-repeat;
|
|
background-position: 97%;
|
|
position: relative;
|
|
}
|
|
|
|
.layers-toggle-preview {
|
|
position: absolute;
|
|
top: 0.3em;
|
|
right: 2em;
|
|
|
|
color: #999;
|
|
font-size: 1.3em;
|
|
cursor: pointer;
|
|
|
|
transition: 0.2s linear;
|
|
}
|
|
|
|
.layers-toggle-preview:hover {
|
|
color: white;
|
|
}
|
|
|
|
.layers-toggle-preview-enabled,
|
|
.layers-toggle-preview-enabled:hover {
|
|
color : gold;
|
|
}
|
|
|
|
.layers-list {
|
|
font-size : 12px;
|
|
}
|
|
|
|
.layer-item {
|
|
height:24px;
|
|
line-height: 24px;
|
|
padding : 0 0 0 10px;
|
|
border-top: 1px solid #444;
|
|
cursor : pointer;
|
|
}
|
|
|
|
.layer-item .edit-icon {
|
|
float: right;
|
|
width: 30px;
|
|
background-size: 12px;
|
|
opacity: 0;
|
|
transition : opacity 0.2s;
|
|
}
|
|
|
|
.layer-item:hover .edit-icon {
|
|
opacity : 0.6;
|
|
}
|
|
|
|
.layer-item:hover .edit-icon:hover {
|
|
opacity : 1;
|
|
}
|
|
|
|
.layer-item:hover {
|
|
background : #222;
|
|
}
|
|
|
|
.current-layer-item,
|
|
.current-layer-item:hover {
|
|
background : #333;
|
|
color: gold;
|
|
}
|
|
|
|
.layers-button-arrow {
|
|
font-family : 'Lucida Grande', Calibri;
|
|
padding : 2px 6px 0 6px;
|
|
} |