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

Added preview picture. Added a flow : start with only file input enabled

Browse Source
This commit is contained in:
jdescottes
2013-10-23 23:34:09 +02:00
parent 3dde3504d1
commit a0a1fa7bdf
9 changed files with 188 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
css/forms.css
View File

@@ -16,20 +16,22 @@
.button {
height: 24px;
border: none;
box-sizing: border-box;
border-top: 1px solid #666;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
background-color: #3f3f3f;
border: 1px solid #333;
border-top-color: #666;
border-bottom-color: #222;
cursor: pointer;
color: white;
font-size: 1rem;
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 0px -1px 0 #000;
color: white;
text-shadow: 0px -1px 0 black;
font-weight: bold;
font-size: 1rem;
text-align: center;
transition: background-color 0.2s linear;
}
@@ -37,4 +39,31 @@
text-decoration: none;
background-color: #484848;
color: gold;
}
.button-primary {
background-color: rgb(255,215,0); /* gold */
border-color: rgb(179, 164, 0);
border-top-color: white;
border-bottom-color: rgb(151, 133, 0);
color: black;
text-shadow: 0px 1px 0 #fff;
}
.button-primary:hover {
background-color: rgb(255,235,20);
color: #333;
}
.button[disabled=disabled],
.button[disabled=disabled]:hover {
cursor:default;
background-color: #aaa;
color: #777;
text-shadow: 0px 1px 0 #bbb;
border-color: #666;
border-top-color: #999;
border-bottom-color: #555;
}

41
css/settings.css
View File

@@ -93,11 +93,18 @@
}
/* Gif Export Setting panel*/
.export-gif-upload-button {
.gif-upload-button,
.gif-render-button {
/*float : right;*/
margin-top : 10px;
margin-right : 10px;
}
.export-gif-preview {
.gif-export-radio-group {
margin:10px 0;
}
.gif-export-preview {
margin-top:20px;
max-width:240px;
position:relative;
@@ -122,6 +129,19 @@
margin: 15px 0;
}
.import-section-disabled {
color : #888;
}
.import-section-preview {
display : inline-block;
height : 60px;
width: 60px;
border : 1px dashed #999;
border-radius: 3px;
margin-left : 10px;
}
.import-resize-field {
width: 30px;
margin: 0px 8px;
@@ -138,23 +158,10 @@
width: 130px;
overflow: hidden;
height: 1rem;
height: 1.5rem;
word-break : break-all;
vertical-align: middle;
font-style: italic;
font-weight: normal;
text-shadow: none;
}
.import-button {
float: right;
padding : 8px 10px;
height: auto;
background: gold;
color: black;
text-shadow: 0px 1px 0 #fff;
border-radius: 2px;
font-size : 1.2rem;
border-color: rgb(179, 164, 0);
border-top-color: white;
border-bottom-color: rgb(151, 133, 0);
}