Merge branch 'MDL-42091-master' of git://github.com/phalacee/moodle
[moodle.git] / lib / editor / atto / styles.css
CommitLineData
a72a7593 1.editor_atto_content_wrap {
c90641fa 2 background-color: white;
a72a7593
FM
3}
4.editor_atto_content {
5 padding: 4px;
c90641fa
DW
6}
7
a72a7593 8.editor_atto_content_wrap,
37b16441
JF
9.editor_atto + textarea {
10 width: 100%;
11 padding: 0;
9cc23e26 12 border: 1px solid #BBB;
a72a7593
FM
13 border-top: none;
14}
15
16.editor_atto + textarea {
17 border-radius: 0;
18 resize: vertical;
19 margin-top: -1px;
37b16441
JF
20}
21
c90641fa
DW
22div.editor_atto_toolbar {
23 display: block;
f477b698 24 background: #F2F2F2;
0c9070c0 25 min-height: 35px;
a72a7593 26 border: 1px solid #BBB;
9cc23e26 27 width: 100%;
36973d70 28 padding: 0 0 9px 0;
c90641fa
DW
29}
30
31div.editor_atto_toolbar button {
0c9070c0 32 padding: 3px 9px;
f477b698 33 background: none;
36973d70
JF
34 border: 0px;
35 margin: 0;
36 border-radius: 0;
0c9070c0 37 cursor: pointer;
f477b698
JF
38 }
39
36973d70
JF
40div.editor_atto_toolbar button + button {
41 border-left: 1px solid #CCC;
42}
43
f477b698
JF
44div.editor_atto_toolbar button[disabled] {
45 opacity: .45;
8bcd5dde
JF
46 background: none;
47 cursor: default;
48}
49
50.editor_atto_toolbar button:active {
51 background-image: radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);
52 background-color: #dfdfdf;
0c9070c0
JF
53}
54
8bcd5dde
JF
55.editor_atto_toolbar button:hover {
56 background-image: radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);
57 background-color: #ebebeb;
c90641fa 58}
f477b698 59
c90641fa
DW
60div.editor_atto_toolbar button img {
61 padding: 1px;
62}
63
c90641fa 64
36973d70
JF
65div.editor_atto_toolbar div.atto_group {
66 display: inline-block;
67 border: 1px solid #CCC;
68 border-bottom: 1px solid #B3B3B3;
69 border-radius: 4px;
70 margin: 9px 0px 0px 9px;
71 background: #FFF;
c90641fa
DW
72}
73
a72a7593 74.editor_atto_content img {
c90641fa
DW
75 resize: both; overflow: auto;
76}
36973d70 77
c90641fa
DW
78.atto_menuentry img {
79 width: 16px;
80 height: 16px;
81}
82
83.atto_menu {
84 min-width: 12em;
85 background: white;
86 padding: 1px;
87}
88
89.atto_menu a {
90 color: black;
91}
92.atto_menuentry {
93 border-bottom: 1px solid #eee;
94 padding: 2px;
36973d70 95 clear: left;
c90641fa
DW
96}
97
98.atto_menuentry h1,
99.atto_menuentry h2,
100.atto_menuentry p {
101 margin: 4px;
102}
103
104
105.atto_form label {
106 display: block;
107 margin: 5px;
108}
f477b698 109
36973d70
JF
110/* RTL Rules */
111body.dir-rtl div.editor_atto_toolbar button + button {
112 border-left: 0;
113 border-right: 1px solid #CCC;
114}
115
116body.dir-rtl div.editor_atto_toolbar img.icon {
117 padding: 0;
118}
119
120body.dir-rtl div.editor_atto_toolbar div.atto_group {
121 margin: 9px 9px 0px 0px;
122}