atto-record-mode.html

<!-- Atto Record Mode v.0.2 - Copyright (C) 2021, TRMSC - https://trmsc1.wordpress.com/ -->
<!-- GNU General Public Licence 3.0 - http://www.gnu.de/documents/gpl-3.0.en.html -->

<!-- THIS CODE HIDES EVERYTHING IN THE ATTO EDITOR EXCEPT THE RECORD BUTTON. -->
<!-- USE THE CODE IN A TEXT BLOCK SHOWN ON FORUM-PAGES OR AN EXERCISE.-->

<style>
    .atto_collapse_button,
    .style1_group,
    .align_group,
    .link_group,
    .atto_image_button,
    .atto_media_button,
    .atto_recordrtc_button_video,
    .atto_managefiles_button,
    .atto_h5p_button {
        display: none!important;
    }
    .atto_recordrtc_button_audio {
        background-color: #15d098!important;
        box-shadow: 0 0 5px 0 #737373!important;
        width: 100px!important;
        height: 100px!important;
        border-radius: 50%!important;
        margin-left:4px!important;
    }
    .atto_recordrtc_button_audio:hover {
        background-color: #92ffdf!important;
        box-shadow: 0 0 10px 0 #aaa!important;
    }
    .files_group,  .atto_group {
        border: none!important;
        border-bottom: none!important;
        background: none!important;
        width: 392px!important;
        margin: 0px 0 0 9px;
}
.editor_atto_content {
        background-color: #dcd4d4!important;
        width: 392px!important;
    }
    .editor_atto_toolbar {
        border-bottom: none!important;
        background-color: #dcd4d4!important;
        width: 392px!important;
        min-height: 150px!important;
        margin-top:none!important;
    }
    .editor_atto_content_wrap {
        background:none!important;
    }
    .filemanager {
        width: 392px!important;
    }
    .editor_atto_content.form-control {
        padding-left: 12px;
    }
    div.editor_atto_toolbar div.atto_group {
        margin: 0px 0 0 9px;
    }
    #upload {
        margin-right: 0px;
        margin-top: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 12px;
        padding-right: 6px;
    }
    #upload:after {
        content: ' ✔';
    }
    .yui3-panel {
        width: 500px!important;
    }
</style>