added buttons panel

This commit is contained in:
coderaiser 2012-11-14 05:35:05 -05:00
parent 9297c88bc7
commit 321cf10196
4 changed files with 38 additions and 15 deletions

View file

@ -79,6 +79,8 @@ dom.js and util.js.
* Added functions DOM.addKeyListener and Util.loadOnLoad
* Added buttons panel.
2012.10.01, Version 0.1.7

View file

@ -2,10 +2,10 @@
"cache" : {"allowed" : false},
"appcache" : false,
"minification" : {
"js" : false,
"css" : true,
"html" : true,
"img" : true
"js" : true,
"css" : false,
"html" : false,
"img" : false
},
"oauth_client_id" : "891c251b925e4e967fa9",
"oauth_client_secret" : "afe9bed1e810c5dc44c4c2a953fc6efb1e5b0545",

View file

@ -90,15 +90,36 @@ body{
background:url(/img/spinner.gif);
}
.error:hover{
color:rgba(222, 41, 41, 0.81);
color:rgb(222, 41, 41);
color:rgba(222, 41, 41, 0.81);
}
.refresh-icon{
background:url(/img/panel_refresh.png) no-repeat;
}
.refresh-icon:active{
/*background-position-y: -15px;*/
background:url(/img/panel_refresh.png) 0 -15px no-repeat;
background:url(/img/panel_refresh.png) 0 -15px no-repeat;
}
.cmd-button{
border: 1.5px solid rgba(49,123,249,.40);
background-color: white;
color: rgb(49,123,249);
margin: 20px 2px 0 2px;
overflow: hidden;
text-overflow: ellipsis;
width: 10%;
white-space: nowrap;
}
.cmd-button:hover{
border: 1.5px solid rgb(0,0,0);
}
.cmd-button:active{
background-color: rgb(49,123,249);
color: white;
}
.clear-cache{
margin-right: 6px;
margin-left: 7px;

View file

@ -30,15 +30,15 @@
</ul>
<div id=fm class=no-js>
</div>
<div id=keyspanel class=hidden>
<button>F1 - help</button>
<button>F2 - rename</button>
<button>F3 - view</button>
<button>F4 - edit</button>
<button>F5 - copy</button>
<button>F6 - move</button>
<button>F7 - make dir</button>
<button>F8 - remove</button>
<div id=keyspanel>
<button id=f1 class=cmd-button>F1 - help</button>
<button id=f2 class=cmd-button>F2 - rename</button>
<button id=f3 class=cmd-button>F3 - view</button>
<button id=f4 class=cmd-button>F4 - edit</button>
<button id=f5 class=cmd-button>F5 - copy</button>
<button id=f6 class=cmd-button>F6 - move</button>
<button id=f7 class=cmd-button>F7 - make dir</button>
<button id=f8 class=cmd-button>F8 - remove</button>
</div>
<script src=lib/util.js></script>
<script src=lib/client/dom.js></script>