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

Quick poor fix palette/colorpickers

Browse Source
This commit is contained in:
Vince
2013-06-13 14:03:50 +02:00
parent 7484873c03
commit a6ef4ace6d
1 changed files with 13 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
css/tools.css
View File

@@ -131,56 +131,37 @@
} }
.tool-colorpicker .drawing-canvas-container:hover { .tool-colorpicker .drawing-canvas-container:hover {
}
.tool-grid,
.tool-grid label,
.tool-grid input {
line-height: 2.5;
cursor: pointer;
}
.tool-color-picker {
padding: 5px 0 0 5px;
height: 25px;
cursor : default;
cursor: url(../img/icons/dropper.png) 0 15, pointer; cursor: url(../img/icons/dropper.png) 0 15, pointer;
} }
.tool-color-picker input { .tool-color-picker input {
width: 8px; height: 8px; width: 16px;
height: 16px;
text-indent: -10000px;
border: 1px solid black; border: 1px solid black;
padding: 1px;
background: white; background: white;
cursor: pointer; cursor: pointer;
position : relative; position : relative;
top: 10px;
margin-left: 2px;
} }
.secondary-color-picker { .tool-color-picker .secondary-color-picker {
top : 8px; top : 18px;
margin-left: 0;
} }
.tool-palette {
width: auto;
}
.tool-palette .palette li {
float: left;
}
.palette .palette-color {
cursor: pointer;
display : inline-block;
height : 20px;
width : 20px;
margin : 5px;
}
.palette .palette-color.transparent-color { .palette .palette-color.transparent-color {
position: relative;
top: 10px;
left: 10px;
background-color: white; background-color: white;
height : 16px; height : 16px;
width : 16px; width : 16px;
border: 2px solid #000; border: 2px solid #000;
background-size: 16px 16px;
background-position: 0 0;
background-image: -webkit-gradient( background-image: -webkit-gradient(
linear, linear,
left top, left top,