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