mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

First layer UI. Just functional, UX far from ideal

Browse Source
This commit is contained in:
jdescottes
2013-09-25 00:11:12 +02:00
parent 6528c7724b
commit 80a9fe3396
11 changed files with 233 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
css/style.css
View File

@@ -177,6 +177,71 @@ body {
overflow: hidden;
}
/**
* Layers container
*/
.layers-container {
border : 1px solid #444;
font-size : medium;
color: white;
text-align: left;
}
.layers-title {
padding : 10px;
margin: 0;
font-size : 18px;
}
.layers-list {
font-size : 12px;
border-bottom: 1px solid #444;
}
.layer-item {
height:24px;
line-height: 24px;
padding : 0 10px;
border-top: 1px solid #444;
cursor : pointer;
}
.layer-item:hover {
background : #222;
}
.current-layer-item, .current-layer-item:hover {
background : #333;
font-weight: bold;
}
.layers-button-container {
padding: 10px;
}
.layers-button {
line-height: 24px;
padding: 0 10px;
display: inline-block;
border: none;
border-top: 1px solid #666;
border-bottom: 1px solid #222;
border-radius: 3px;
background-color: #3f3f3f;
cursor: pointer;
color: white;
font-size: 0.7em;
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 0px -1px 0 #000;
transition: background-color 0.2s linear;
}
.layers-button:hover {
text-decoration: none;
background-color: #484848;
}
/**
* User messages
*/