Merge branch 'MDL-42091-master' of git://github.com/phalacee/moodle
[moodle.git] / lib / editor / atto / styles.css
1 .editor_atto_content_wrap {
2     background-color: white;
3 }
4 .editor_atto_content {
5     padding: 4px;
6 }
8 .editor_atto_content_wrap,
9 .editor_atto + textarea {
10     width: 100%;
11     padding: 0;
12     border: 1px solid #BBB;
13     border-top: none;
14 }
16 .editor_atto + textarea {
17     border-radius: 0;
18     resize: vertical;
19     margin-top: -1px;
20 }
22 div.editor_atto_toolbar {
23     display: block;
24     background: #F2F2F2;
25     min-height: 35px;
26     border: 1px solid #BBB;
27     width: 100%;
28     padding: 0 0 9px 0;
29 }
31 div.editor_atto_toolbar button {
32     padding: 3px 9px;
33     background: none;
34     border: 0px;
35     margin: 0;
36     border-radius: 0;
37     cursor: pointer;
38  }
40 div.editor_atto_toolbar button + button {
41    border-left: 1px solid #CCC;
42 }
44 div.editor_atto_toolbar button[disabled] {
45     opacity: .45;
46     background: none;
47     cursor: default;
48 }
50 .editor_atto_toolbar button:active {
51     background-image: radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);
52     background-color: #dfdfdf;
53 }
55 .editor_atto_toolbar button:hover {
56     background-image: radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);
57     background-color: #ebebeb;
58 }
60 div.editor_atto_toolbar button img {
61     padding: 1px;
62 }
65 div.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;
72 }
74 .editor_atto_content img {
75     resize: both; overflow: auto;
76 }
78 .atto_menuentry img {
79     width: 16px;
80     height: 16px;
81 }
83 .atto_menu {
84     min-width: 12em;
85     background: white;
86     padding: 1px;
87 }
89 .atto_menu a {
90     color: black;
91 }
92 .atto_menuentry {
93     border-bottom: 1px solid #eee;
94     padding: 2px;
95     clear: left;
96 }
98 .atto_menuentry h1,
99 .atto_menuentry h2,
100 .atto_menuentry p {
101     margin: 4px;
105 .atto_form label {
106     display: block;
107     margin: 5px;
110 /* RTL Rules */
111 body.dir-rtl div.editor_atto_toolbar button + button {
112     border-left: 0;
113     border-right: 1px solid #CCC;
116 body.dir-rtl div.editor_atto_toolbar img.icon {
117     padding: 0;
120 body.dir-rtl div.editor_atto_toolbar div.atto_group {
121     margin: 9px 9px 0px 0px;