Merge branch 'wip-mdl-38155' of git://github.com/rajeshtaneja/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 }
48 div.editor_atto_toolbar button:active {
49     background: #B7D6FF;
50 }
52 div.editor_atto_toolbar button img {
53     padding: 1px;
54 }
57 div.editor_atto_toolbar div.atto_group {
58     display: inline-block;
59     border: 1px solid #CCC;
60     border-bottom: 1px solid #B3B3B3;
61     border-radius: 4px;
62     margin: 9px 0px 0px 9px;
63     background: #FFF;
64 }
66 .editor_atto_content img {
67     resize: both; overflow: auto;
68 }
70 .atto_menuentry img {
71     width: 16px;
72     height: 16px;
73 }
75 .atto_menu {
76     min-width: 12em;
77     background: white;
78     padding: 1px;
79 }
81 .atto_menu a {
82     color: black;
83 }
84 .atto_menuentry {
85     border-bottom: 1px solid #eee;
86     padding: 2px;
87     clear: left;
88 }
90 .atto_menuentry h1,
91 .atto_menuentry h2,
92 .atto_menuentry p {
93     margin: 4px;
94 }
97 .atto_form label {
98     display: block;
99     margin: 5px;
102 /* RTL Rules */
103 body.dir-rtl div.editor_atto_toolbar button + button {
104     border-left: 0;
105     border-right: 1px solid #CCC;
108 body.dir-rtl div.editor_atto_toolbar img.icon {
109     padding: 0;
112 body.dir-rtl div.editor_atto_toolbar div.atto_group {
113     margin: 9px 9px 0px 0px;