MDL-41713 usability - new icons for Atto editor from TinyMCE Theme
[moodle.git] / lib / editor / atto / styles.css
CommitLineData
c90641fa
DW
1div.editor_atto {
2 background-color: white;
f477b698 3 border: 1px solid #BBB;
c90641fa
DW
4}
5
37b16441
JF
6.editor_atto + textarea {
7 width: 100%;
8 padding: 0;
9}
10
c90641fa
DW
11div.editor_atto_toolbar {
12 display: block;
f477b698
JF
13 background: #F2F2F2;
14 min-height: 36px;
15 border-top: 1px solid #BBB;
16 border-left: 1px solid #BBB;
17 border-right: 1px solid #BBB;
c90641fa
DW
18}
19
20div.editor_atto_toolbar button {
f477b698
JF
21 margin-top: 5px;
22 margin-bottom: 0px;
c90641fa 23 padding: 3px;
f477b698
JF
24 background: none;
25 border: none;
26 }
27
28div.editor_atto_toolbar button[disabled] {
29 opacity: .45;
c90641fa 30}
f477b698 31
c90641fa
DW
32div.editor_atto_toolbar button img {
33 padding: 1px;
34}
35
36div.editor_atto_toolbar button.atto_strike_button,
37div.editor_atto_toolbar button.atto_unorderedlist_button,
38div.editor_atto_toolbar button.atto_clear_button,
39div.editor_atto_toolbar button.atto_indent_button {
40 margin-right: 1em;
41}
42body.dir-rtl div.editor_atto_toolbar button.atto_strike_button,
43body.dir-rtl div.editor_atto_toolbar button.atto_unorderedlist_button,
44body.dir-rtl div.editor_atto_toolbar button.atto_clear_button,
45body.dir-rtl div.editor_atto_toolbar button.atto_indent_button {
46 margin-right: 0px;
47 margin-left: 1em;
48}
49
50.atto_hasmenu .icon {
51 width: 32px;
52}
53
54.editor_atto img {
55 resize: both; overflow: auto;
56}
57.atto_menuentry {
58 clear: left;
59}
60.atto_menuentry img {
61 width: 16px;
62 height: 16px;
63}
64
65.atto_menu {
66 min-width: 12em;
67 background: white;
68 padding: 1px;
69}
70
71.atto_menu a {
72 color: black;
73}
74.atto_menuentry {
75 border-bottom: 1px solid #eee;
76 padding: 2px;
77}
78
79.atto_menuentry h1,
80.atto_menuentry h2,
81.atto_menuentry p {
82 margin: 4px;
83}
84
85
86.atto_form label {
87 display: block;
88 margin: 5px;
89}
f477b698 90