더 나은 편집기

+ 스크린샷 보기

/** 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('https://2021.wdfiles.com/local--files/exp%3Abetter-editor/editorButtons.png');
    background-color: #FFF;
    border-radius: 4px;
    display: inline-block;
    line-height: 1.42857;
    padding: 0;
    border: 5px solid #FFF;
    height: 23px;
    width: 23px;
    transition: .2s;
}
.wd-editor-toolbar-panel ul li a:hover,
.wd-editor-toolbar-panel ul li a:focus{
    background-image: url('https://2021.wdfiles.com/local--files/exp%3Abetter-editor/editorButtons.png');
    background-color: gainsboro;
    border-color: gainsboro;
}
.wd-editor-toolbar-panel ul li a:active{
    background-image: url('https://2021.wdfiles.com/local--files/exp%3Abetter-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;
}
.wd-editor-toolbar-panel ul li:hover ul,
.wd-editor-toolbar-panel ul li.sfhover ul {
    border-radius: 7px;
}
 
#edit-page-form {
    background: gainsboro;
    border-radius: 5px;
    padding: 1rem;
}
 
#edit-page-form table.form td,
#edit-page-form table.form th {
    vertical-align: middle;
}
 
.edit-help-34 a {
    display: inline-block;
    background: white;
    padding: 3px;
    border-radius: 5px;
    text-decoration: none;
    transition: .2s;
}
 
.edit-help-34 a:hover {
    background: gainsboro;
}
 
.edit-page-bottomtable {
    margin: 1rem 0;
    background: silver;
    border-radius: 10px;
}
 
/** Partially created by Aakash Chakravarthy **/
#edit-page-textarea {
    margin: 1rem 0;
    padding-left: 35px;
    padding-top: 10px;
    background: url('https://2021.wdfiles.com/local--files/exp%3Abetter-editor/line-number.png'), white;
    background-attachment: local;
    background-repeat: no-repeat;
    white-space: pre;
}