Merge branch 'MDL-41421_master' of git://github.com/dmonllao/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 }
7 .editor_atto + textarea {
8     width: 100%;
9     padding: 0;
10     resize: vertical;
11     border-radius: 0;
12     border: 1px solid #BBB;
13 }
15 div.editor_atto_toolbar {
16     display: block;
17     background: #F2F2F2;
18     min-height: 36px;
19     border-top: 1px solid #BBB;
20     border-left: 1px solid #BBB;
21     border-right: 1px solid #BBB;
22     width: 100%;
23 }
25 div.editor_atto_toolbar button {
26     margin-top: 5px;
27     margin-bottom: 0px;
28     padding: 3px;
29     background: none;
30     border: none;
31  }
33 div.editor_atto_toolbar button[disabled] {
34     opacity: .45;
35 }
37 div.editor_atto_toolbar button img {
38     padding: 1px;
39 }
41 div.editor_atto_toolbar button.atto_strike_button,
42 div.editor_atto_toolbar button.atto_unorderedlist_button,
43 div.editor_atto_toolbar button.atto_clear_button,
44 div.editor_atto_toolbar button.atto_indent_button {
45     margin-right: 1em;
46 }
47 body.dir-rtl div.editor_atto_toolbar button.atto_strike_button,
48 body.dir-rtl div.editor_atto_toolbar button.atto_unorderedlist_button,
49 body.dir-rtl div.editor_atto_toolbar button.atto_clear_button,
50 body.dir-rtl div.editor_atto_toolbar button.atto_indent_button {
51     margin-right: 0px;
52     margin-left: 1em;
53 }
55 .atto_hasmenu .icon {
56     width: 32px;
57 }
59 .editor_atto img {
60     resize: both; overflow: auto;
61 }
62 .atto_menuentry {
63     clear: left;
64 }
65 .atto_menuentry img {
66     width: 16px;
67     height: 16px;
68 }
70 .atto_menu {
71     min-width: 12em;
72     background: white;
73     padding: 1px;
74 }
76 .atto_menu a {
77     color: black;
78 }
79 .atto_menuentry {
80     border-bottom: 1px solid #eee;
81     padding: 2px;
82 }
84 .atto_menuentry h1,
85 .atto_menuentry h2,
86 .atto_menuentry p {
87     margin: 4px;
88 }
91 .atto_form label {
92     display: block;
93     margin: 5px;
94 }