Merge branch 'MDL-41912-master' of git://github.com/damyon/moodle

[moodle.git] / lib / editor / atto / styles.css

div.editor_atto {
    background-color: white;
    border: 1px solid #BBB;
    width: 100%;
    padding: 4px;
}

.editor_atto + textarea {
    width: 100%;
    padding: 0;
    resize: vertical;
    border-radius: 0;
    border: 1px solid #BBB;
}

div.editor_atto_toolbar {
    display: block;
    background: #F2F2F2;
    min-height: 42px;
    border-top: 1px solid #BBB;
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;
    width: 100%;
    padding: 0 0 9px 0;
}

div.editor_atto_toolbar button {
    padding: 5px 9px 4px 9px;
    background: none;
    border: 0px;
    margin: 0;
    border-radius: 0;
 }

div.editor_atto_toolbar button + button {
   border-left: 1px solid #CCC;
}

div.editor_atto_toolbar button[disabled] {
    opacity: .45;
}

div.editor_atto_toolbar button img {
    padding: 1px;
}


div.editor_atto_toolbar div.atto_group {
    display: inline-block;
    border: 1px solid #CCC;
    border-bottom: 1px solid #B3B3B3;
    border-radius: 4px;
    margin: 9px 0px 0px 9px;
    background: #FFF;
}

.editor_atto img {
    resize: both; overflow: auto;
}

.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;
    clear: left;
}

.atto_menuentry h1,
.atto_menuentry h2,
.atto_menuentry p {
    margin: 4px;
}


.atto_form label {
    display: block;
    margin: 5px;
}

/* RTL Rules */
body.dir-rtl div.editor_atto_toolbar button + button {
    border-left: 0;
    border-right: 1px solid #CCC;
}

body.dir-rtl div.editor_atto_toolbar img.icon {
    padding: 0;
}

body.dir-rtl div.editor_atto_toolbar div.atto_group {
    margin: 9px 9px 0px 0px;
}