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

Initial commit from dropbox

Browse Source 
Basic features :
Can create frames
Can edit frames (black and white only)
Can select the frame to edit
Animated preview

And that's it.

Really tired and code is extremely ugly, just needed to do something
that _works_
This commit is contained in:
Julian Descottes
2012-08-23 00:57:35 +02:00
parent c14a8ff08d
commit 1b44e3fd48
4 changed files with 297 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
css/piskel.css Normal file
View File

@@ -0,0 +1,36 @@
html, body {
height : 100%;
}
.debug {
border : 1px Solid black;
}
.left-nav {
position:absolute;
top : 0;
bottom : 0;
width : 200px;
background : #000;
}
.main-panel {
position:absolute;
top : 0;
bottom : 0;
left : 200px;
right : 0;
background : #ccc;
}
.preview-container {
position : absolute;
top : 30px;
right : 0;
height : 200px;
width : 200px;
background : white;
border : 0px Solid black;
border-radius:5px 0px 0px 5px;
box-shadow : 0px 0px 2px rgba(0,0,0,0.2);
}

83
css/style.css Normal file
View File

@@ -0,0 +1,83 @@
html, body {
height : 100%;
margin : 0;
cursor : default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
ul, li {
margin : 0;
padding : 0;
}
.debug {
border : 1px Solid black;
}
.left-nav {
position:absolute;
top : 0;
bottom : 0;
width : 200px;
background : #000;
padding : 10px;
}
.main-panel {
position:absolute;
top : 0;
bottom : 0;
left : 200px;
right : 0;
background : #ccc;
}
.preview-container {
position : absolute;
top : 30px;
right : 0;
height : 256px;
width : 256px;
background : white;
border : 0px Solid black;
border-radius:5px 0px 0px 5px;
box-shadow : 0px 0px 2px rgba(0,0,0,0.2);
}
.preview-container canvas{
border : 0px Solid transparent;
border-radius:5px 0px 0px 5px;
}
#cursorInfo {
position : fixed;
cursor : default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.action-button {
background-color : white;
width : 150px;
display : inline-block;
}
#preview-list li{
margin : 10px 0;
width : 128px;
height : 128px;
}
#preview-list li.selected{
margin : 8px -2px;
border : 2px Solid red;
}