Merge branch 'MDL-41912-master' of git://github.com/damyon/moodle
[moodle.git] / lib / editor / atto / styles.css
index cf9a80f..c75c3fb 100644 (file)
@@ -1,31 +1,41 @@
 div.editor_atto {
     background-color: white;
     border: 1px solid #BBB;
 div.editor_atto {
     background-color: white;
     border: 1px solid #BBB;
+    width: 100%;
     padding: 4px;
 }
 
 .editor_atto + textarea {
     width: 100%;
     padding: 0;
     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;
 }
 
 div.editor_atto_toolbar {
     display: block;
     background: #F2F2F2;
-    min-height: 36px;
+    min-height: 42px;
     border-top: 1px solid #BBB;
     border-left: 1px solid #BBB;
     border-right: 1px solid #BBB;
     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 {
 }
 
 div.editor_atto_toolbar button {
-    margin-top: 5px;
-    margin-bottom: 0px;
-    padding: 3px;
+    padding: 5px 9px 4px 9px;
     background: none;
     background: none;
-    border: 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[disabled] {
     opacity: .45;
 }
@@ -34,30 +44,20 @@ div.editor_atto_toolbar button img {
     padding: 1px;
 }
 
     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;
+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;
 }
 }
 
 .editor_atto img {
     resize: both; overflow: auto;
 }
-.atto_menuentry {
-    clear: left;
-}
+
 .atto_menuentry img {
     width: 16px;
     height: 16px;
 .atto_menuentry img {
     width: 16px;
     height: 16px;
@@ -75,6 +75,7 @@ body.dir-rtl div.editor_atto_toolbar button.atto_indent_button {
 .atto_menuentry {
     border-bottom: 1px solid #eee;
     padding: 2px;
 .atto_menuentry {
     border-bottom: 1px solid #eee;
     padding: 2px;
+    clear: left;
 }
 
 .atto_menuentry h1,
 }
 
 .atto_menuentry h1,
@@ -89,3 +90,16 @@ body.dir-rtl div.editor_atto_toolbar button.atto_indent_button {
     margin: 5px;
 }
 
     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;
+}