6511ee9f5158296392a6acd37e6e97ceb519077b
[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: 42px;
19     border-top: 1px solid #BBB;
20     border-left: 1px solid #BBB;
21     border-right: 1px solid #BBB;
22     width: 100%;
23     padding: 0 0 9px 0;
24 }
26 div.editor_atto_toolbar button {
27     padding: 5px 9px 4px 9px;
28     background: none;
29     border: 0px;
30     margin: 0;
31     border-radius: 0;
32  }
34 div.editor_atto_toolbar button + button {
35    border-left: 1px solid #CCC;
36 }
38 div.editor_atto_toolbar button[disabled] {
39     opacity: .45;
40 }
42 div.editor_atto_toolbar button img {
43     padding: 1px;
44 }
47 div.editor_atto_toolbar div.atto_group {
48     display: inline-block;
49     border: 1px solid #CCC;
50     border-bottom: 1px solid #B3B3B3;
51     border-radius: 4px;
52     margin: 9px 0px 0px 9px;
53     background: #FFF;
54 }
56 .editor_atto img {
57     resize: both; overflow: auto;
58 }
60 .atto_menuentry img {
61     width: 16px;
62     height: 16px;
63 }
65 .atto_menu {
66     min-width: 12em;
67     background: white;
68     padding: 1px;
69 }
71 .atto_menu a {
72     color: black;
73 }
74 .atto_menuentry {
75     border-bottom: 1px solid #eee;
76     padding: 2px;
77     clear: left;
78 }
80 .atto_menuentry h1,
81 .atto_menuentry h2,
82 .atto_menuentry p {
83     margin: 4px;
84 }
87 .atto_form label {
88     display: block;
89     margin: 5px;
90 }
92 /* RTL Rules */
93 body.dir-rtl div.editor_atto_toolbar button + button {
94     border-left: 0;
95     border-right: 1px solid #CCC;
96 }
98 body.dir-rtl div.editor_atto_toolbar img.icon {
99     padding: 0;
102 body.dir-rtl div.editor_atto_toolbar div.atto_group {
103     margin: 9px 9px 0px 0px;