Merge branch 'MDL-41912-master' of git://github.com/damyon/moodle
[moodle.git] / lib / editor / atto / styles.css
1 div.editor_atto {
2     background-color: white;
3     border: 1px solid #BBB;
4     width: 100%;
5     padding: 4px;
6 }
8 .editor_atto + textarea {
9     width: 100%;
10     padding: 0;
11     resize: vertical;
12     border-radius: 0;
13     border: 1px solid #BBB;
14 }
16 div.editor_atto_toolbar {
17     display: block;
18     background: #F2F2F2;
19     min-height: 42px;
20     border-top: 1px solid #BBB;
21     border-left: 1px solid #BBB;
22     border-right: 1px solid #BBB;
23     width: 100%;
24     padding: 0 0 9px 0;
25 }
27 div.editor_atto_toolbar button {
28     padding: 5px 9px 4px 9px;
29     background: none;
30     border: 0px;
31     margin: 0;
32     border-radius: 0;
33  }
35 div.editor_atto_toolbar button + button {
36    border-left: 1px solid #CCC;
37 }
39 div.editor_atto_toolbar button[disabled] {
40     opacity: .45;
41 }
43 div.editor_atto_toolbar button img {
44     padding: 1px;
45 }
48 div.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;
55 }
57 .editor_atto img {
58     resize: both; overflow: auto;
59 }
61 .atto_menuentry img {
62     width: 16px;
63     height: 16px;
64 }
66 .atto_menu {
67     min-width: 12em;
68     background: white;
69     padding: 1px;
70 }
72 .atto_menu a {
73     color: black;
74 }
75 .atto_menuentry {
76     border-bottom: 1px solid #eee;
77     padding: 2px;
78     clear: left;
79 }
81 .atto_menuentry h1,
82 .atto_menuentry h2,
83 .atto_menuentry p {
84     margin: 4px;
85 }
88 .atto_form label {
89     display: block;
90     margin: 5px;
91 }
93 /* RTL Rules */
94 body.dir-rtl div.editor_atto_toolbar button + button {
95     border-left: 0;
96     border-right: 1px solid #CCC;
97 }
99 body.dir-rtl div.editor_atto_toolbar img.icon {
100     padding: 0;
103 body.dir-rtl div.editor_atto_toolbar div.atto_group {
104     margin: 9px 9px 0px 0px;