Merge branch 'MDL-41912-master' of git://github.com/damyon/moodle
[moodle.git] / lib / editor / atto / styles.css
CommitLineData
c90641fa
DW
1div.editor_atto {
2 background-color: white;
f477b698 3 border: 1px solid #BBB;
9cc23e26 4 width: 100%;
2bc42122 5 padding: 4px;
c90641fa
DW
6}
7
37b16441
JF
8.editor_atto + textarea {
9 width: 100%;
10 padding: 0;
9cc23e26
JF
11 resize: vertical;
12 border-radius: 0;
13 border: 1px solid #BBB;
37b16441
JF
14}
15
c90641fa
DW
16div.editor_atto_toolbar {
17 display: block;
f477b698 18 background: #F2F2F2;
36973d70 19 min-height: 42px;
f477b698
JF
20 border-top: 1px solid #BBB;
21 border-left: 1px solid #BBB;
22 border-right: 1px solid #BBB;
9cc23e26 23 width: 100%;
36973d70 24 padding: 0 0 9px 0;
c90641fa
DW
25}
26
27div.editor_atto_toolbar button {
36973d70 28 padding: 5px 9px 4px 9px;
f477b698 29 background: none;
36973d70
JF
30 border: 0px;
31 margin: 0;
32 border-radius: 0;
f477b698
JF
33 }
34
36973d70
JF
35div.editor_atto_toolbar button + button {
36 border-left: 1px solid #CCC;
37}
38
f477b698
JF
39div.editor_atto_toolbar button[disabled] {
40 opacity: .45;
c90641fa 41}
f477b698 42
c90641fa
DW
43div.editor_atto_toolbar button img {
44 padding: 1px;
45}
46
c90641fa 47
36973d70
JF
48div.editor_atto_toolbar div.atto_group {
49 display: inline-block;
50 border: 1px solid #CCC;
51 border-bottom: 1px solid #B3B3B3;
52 border-radius: 4px;
53 margin: 9px 0px 0px 9px;
54 background: #FFF;
c90641fa
DW
55}
56
57.editor_atto img {
58 resize: both; overflow: auto;
59}
36973d70 60
c90641fa
DW
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;
36973d70 78 clear: left;
c90641fa
DW
79}
80
81.atto_menuentry h1,
82.atto_menuentry h2,
83.atto_menuentry p {
84 margin: 4px;
85}
86
87
88.atto_form label {
89 display: block;
90 margin: 5px;
91}
f477b698 92
36973d70
JF
93/* RTL Rules */
94body.dir-rtl div.editor_atto_toolbar button + button {
95 border-left: 0;
96 border-right: 1px solid #CCC;
97}
98
99body.dir-rtl div.editor_atto_toolbar img.icon {
100 padding: 0;
101}
102
103body.dir-rtl div.editor_atto_toolbar div.atto_group {
104 margin: 9px 9px 0px 0px;
105}