refactor(css) -button -> icon-

This commit is contained in:
coderaiser 2013-12-25 09:11:55 +00:00
parent 7e6c109ab6
commit 5a278991d8
2 changed files with 24 additions and 24 deletions

View file

@ -105,62 +105,62 @@ body {
transition: ease 0.1s;
}
.help-button:before {
.icon-help:before {
font-family: 'Fontello';
content: '\e801 ';
}
.rename-button:before {
.icon-rename:before {
font-family: 'Fontello';
content: '\e802 ';
}
.view-button:before {
.icon-view:before {
font-family: 'Fontello';
content: '\e803 ';
}
.edit-button:before {
.icon-edit:before {
font-family: 'Fontello';
content: '\e804 ';
}
.copy-button:before {
.icon-copy:before {
font-family: 'Fontello';
content: '\e805 ';
}
.move-button:before {
.icon-move:before {
font-family: 'Fontello';
content: '\e806 ';
}
.directory-button:before {
.icon-directory:before {
font-family: 'Fontello';
content: '\e807 ';
}
.delete-button:before {
.icon-delete:before {
font-family: 'Fontello';
content: '\e808 ';
}
.menu-button:before {
.icon-menu:before {
font-family: 'Fontello';
content: '\e809 ';
}
.config-button:before {
.icon-config:before {
font-family: 'Fontello';
content: '\e80a ';
}
.console-button:before {
.icon-console:before {
font-family: 'Fontello';
content: '\e80b ';
}
.contact-button:before {
.icon-contact:before {
font-family: 'Fontello';
content: '\e80c ';
}

View file

@ -16,18 +16,18 @@
<div class=fm>{{ fm }}</div>
<div class="keyspanel">
<button id=f1 class="cmd-button help-button" title="help">F1</button>
<button id=f2 class="cmd-button rename-button" title="rename">F2</button>
<button id=f3 class="cmd-button view-button" title="view">F3</button>
<button id=f4 class="cmd-button edit-button" title="edit">F4</button>
<button id=f5 class="cmd-button copy-button" title="copy">F5</button>
<button id=f6 class="cmd-button move-button" title="move">F6</button>
<button id=f7 class="cmd-button directory-button" title="make directory">F7</button>
<button id=f8 class="cmd-button delete-button" title="delete">F8</button>
<button id=f9 class="cmd-button menu-button" title="menu">F9</button>
<button id=f10 class="cmd-button config-button" title="config">F10</button>
<button id=~ class="cmd-button console-button" title="console">~</button>
<button id=contact class="cmd-button contact-button" title="contact"></button>
<button id=f1 class="cmd-button icon-help" title="help">F1</button>
<button id=f2 class="cmd-button icon-rename" title="rename">F2</button>
<button id=f3 class="cmd-button icon-view" title="view">F3</button>
<button id=f4 class="cmd-button icon-edit" title="edit">F4</button>
<button id=f5 class="cmd-button icon-copy" title="copy">F5</button>
<button id=f6 class="cmd-button icon-move" title="move">F6</button>
<button id=f7 class="cmd-button icon-directory" title="make directory">F7</button>
<button id=f8 class="cmd-button icon-delete" title="delete">F8</button>
<button id=f9 class="cmd-button icon-menu" title="menu">F9</button>
<button id=f10 class="cmd-button icon-config" title="config">F10</button>
<button id=~ class="cmd-button icon-console" title="console">~</button>
<button id=contact class="cmd-button icon-contact" title="contact"></button>
</div>
<script>
!(function() {