Font Awesome Editor
/** FontAwesome Editor
 *  Developed by the Wikidot Community
 *  
 *  Transforms the standard Wikidot Editor Toolbar so that it utilizes
 *  FontAwesome symbols and uses Bootstrap buttons
 *  ***************************************************************************/

.wd-editor-toolbar-panel div{  height: auto; }
.wd-editor-toolbar-panel ul li a{
    background-image: url('//css.wikidot.com/local--files/cssnippet:fontawesome-editor/editorButtons.png');
    background-color: #FFF;
    border-radius: 4px;
    display: inline-block;
    line-height: 1.42857;
    padding: 0;
    border: 1px solid #CCC;
    height: 25px;
    width: 25px;
}
.wd-editor-toolbar-panel ul li a:hover,
.wd-editor-toolbar-panel ul li a:focus{
    background-image: url('//css.wikidot.com/local--files/cssnippet:fontawesome-editor/editorButtons.png');
    background-color: #EBEBEB;
    border-color: #ADADAD;
}
.wd-editor-toolbar-panel ul li a:active{
    background-image: url('//css.wikidot.com/local--files/cssnippet:fontawesome-editor/editorButtons.png');
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: none;
}
.wd-editor-toolbar-panel li.hseparator{
    background-color: #BBB;
    width: 1px;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License