radex
/
jspaint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

move some layout to index.html, continue styling the toolbar

main
Isaiah Odhner 2014-02-22 19:43:47 -05:00
parent 3ac6cb5725
commit d1d1258114
2 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
classic.css
View File

@ -1,14 +1,4 @@
.jspaint-current-colors, tool.selected {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQIW2PcvXv3f1dXV0ZGBiAAcQBCfwczEgEQgwAAAABJRU5ErkJggg==) repeat;
}
.overlay-container {
position: relative;
}
.overlay {
position: absolute;
pointer-events: none;
}
body {
background: #BBB;
@ -27,12 +17,6 @@ body {
pointer-events: none;
}
.jspaint-toolbar-buttons {
display: flex;
flex-flow: row wrap;
height: 200px;
width: 50px;
}
tool {
display: block;
margin: 0;
@ -41,4 +25,15 @@ tool {
height: 22px;
border: 1px outset;
box-shadow: 0 0 0 1px #000;
}
}
tool.selected {
border: 1px outset #000;
box-shadow: 1px 1px 0 0px #7B7B7B inset;
}
.jspaint-current-colors, tool.selected {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAABlBMVEW9vb3///8EwsWUAAAADElEQVQI12NoYHAAAAHEAMFJRSpJAAAAAElFTkSuQmCC) repeat;
}
/*
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQIW2PcvXv3f1dXV0ZGBiAAcQBCfwczEgEQgwAAAABJRU5ErkJggg==
*/

13
index.html
View File

@ -25,6 +25,19 @@
.jspaint, .jspaint-lower {
flex: 1;
}
.overlay-container {
position: relative;
}
.overlay {
position: absolute;
pointer-events: none;
}
.jspaint-toolbar-buttons {
display: flex;
flex-flow: row wrap;
height: 200px;
width: 50px;
}
</style>
</head>
<body>