MDL-41713 atto - implement new icons with matching UI
[moodle.git] / lib / editor / atto / styles.css
1 div.editor_atto {
2     background-color: white;
3     border: 1px solid #BBB;
4 }
6 .editor_atto + textarea {
7     width: 100%;
8     padding: 0;
9 }
11 div.editor_atto_toolbar {
12     display: block;
13     background: #F2F2F2;
14     min-height: 42px;
15     border-top: 1px solid #BBB;
16     border-left: 1px solid #BBB;
17     border-right: 1px solid #BBB;
18     padding: 0 0 9px 0;
19 }
21 div.editor_atto_toolbar button {
22     padding: 5px 9px 4px 9px;
23     background: none;
24     border: 0px;
25     margin: 0;
26     border-radius: 0;
27  }
29 div.editor_atto_toolbar button + button {
30    border-left: 1px solid #CCC;
31 }
33 div.editor_atto_toolbar button[disabled] {
34     opacity: .45;
35 }
37 div.editor_atto_toolbar button img {
38     padding: 1px;
39 }
42 div.editor_atto_toolbar div.atto_group {
43     display: inline-block;
44     border: 1px solid #CCC;
45     border-bottom: 1px solid #B3B3B3;
46     border-radius: 4px;
47     margin: 9px 0px 0px 9px;
48     background: #FFF;
49 }
51 .editor_atto img {
52     resize: both; overflow: auto;
53 }
55 .atto_menuentry img {
56     width: 16px;
57     height: 16px;
58 }
60 .atto_menu {
61     min-width: 12em;
62     background: white;
63     padding: 1px;
64 }
66 .atto_menu a {
67     color: black;
68 }
69 .atto_menuentry {
70     border-bottom: 1px solid #eee;
71     padding: 2px;
72     clear: left;
73 }
75 .atto_menuentry h1,
76 .atto_menuentry h2,
77 .atto_menuentry p {
78     margin: 4px;
79 }
82 .atto_form label {
83     display: block;
84     margin: 5px;
85 }
87 /* RTL Rules */
88 body.dir-rtl div.editor_atto_toolbar button + button {
89     border-left: 0;
90     border-right: 1px solid #CCC;
91 }
93 body.dir-rtl div.editor_atto_toolbar img.icon {
94     padding: 0;
95 }
97 body.dir-rtl div.editor_atto_toolbar div.atto_group {
98     margin: 9px 9px 0px 0px;
99 }