mirror of
https://github.com/moodle/moodle.git
synced 2025-08-05 00:46:50 +02:00
c90641facb
This is an alternative to the TinyMCE text editor that is based on HTML5 content editable regions. It has been designed to "gel" with Moodle and uses YUI for javascript, Moodle standard dialogs and standard moodle buttons. It has also been designed to work well on mobile devices and can collapse down to a narrow column if required. Imported from the plugins database here: https://moodle.org/plugins/view.php?plugin=editor_contenteditable Original git repository here: https://github.com/damyon/contenteditable
71 lines
1.3 KiB
CSS
71 lines
1.3 KiB
CSS
div.editor_atto {
|
|
background-color: white;
|
|
border: 1px solid #444;
|
|
}
|
|
|
|
div.editor_atto_toolbar {
|
|
display: block;
|
|
}
|
|
|
|
div.editor_atto_toolbar button {
|
|
padding: 1px;
|
|
padding: 3px;
|
|
}
|
|
div.editor_atto_toolbar button img {
|
|
padding: 1px;
|
|
}
|
|
|
|
div.editor_atto_toolbar button.atto_strike_button,
|
|
div.editor_atto_toolbar button.atto_unorderedlist_button,
|
|
div.editor_atto_toolbar button.atto_clear_button,
|
|
div.editor_atto_toolbar button.atto_indent_button {
|
|
margin-right: 1em;
|
|
}
|
|
body.dir-rtl div.editor_atto_toolbar button.atto_strike_button,
|
|
body.dir-rtl div.editor_atto_toolbar button.atto_unorderedlist_button,
|
|
body.dir-rtl div.editor_atto_toolbar button.atto_clear_button,
|
|
body.dir-rtl div.editor_atto_toolbar button.atto_indent_button {
|
|
margin-right: 0px;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.atto_hasmenu .icon {
|
|
width: 32px;
|
|
}
|
|
|
|
.editor_atto img {
|
|
resize: both; overflow: auto;
|
|
}
|
|
.atto_menuentry {
|
|
clear: left;
|
|
}
|
|
.atto_menuentry img {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.atto_menu {
|
|
min-width: 12em;
|
|
background: white;
|
|
padding: 1px;
|
|
}
|
|
|
|
.atto_menu a {
|
|
color: black;
|
|
}
|
|
.atto_menuentry {
|
|
border-bottom: 1px solid #eee;
|
|
padding: 2px;
|
|
}
|
|
|
|
.atto_menuentry h1,
|
|
.atto_menuentry h2,
|
|
.atto_menuentry p {
|
|
margin: 4px;
|
|
}
|
|
|
|
|
|
.atto_form label {
|
|
display: block;
|
|
margin: 5px;
|
|
}
|