MDL-42102 TinyMCE: Toolbar wrapping < 480px.
[moodle.git] / lib / editor / tinymce / styles.css
1 @media (max-width: 480px) {
2     .mceToolbar td {
3         float: left;
4         display: inline-block;
5     }
6     .moodleSkin .mceLayout .mceToolbar .mceWrap {
7         clear: left;
8         width: 100%;
9         height: 8px;
10     }
11     .moodleSkin .mceLayout .mceToolbar .mceNoWrap {
12         clear: none;
13         width: 0px;
14     }
16     .o2k7Skin tr.mceLast .mceToolbar tr td.mceWrap,
17     .o2k7Skin tr.mceFirst .mceToolbar tr td.mceWrap {
18         margin-left: -3px;
19     }
20     .dir-rtl .o2k7Skin tr.mceLast .mceToolbar tr td.mceWrap,
21     .dir-rtl .o2k7Skin tr.mceFirst .mceToolbar tr td.mceWrap {
22         margin-left: 0px;
23     }
24 }