CSS'ing TinyMCE on Diazo'ed ​​Plone

Question

I thought TinyMCE should remain untouched by Diazo, however some CSS leaks from somewhere and makes some functions more difficult to use. One such example is given below, the line height in all lines has become very short, making it difficult to select each line.

In Firebug, I can fix this by adding here the min-height value, the value set in dialog.css :

.radioscrolllist .list {min-height: 2em;}

, , . Diazo style.css, ploneCustom.css portal_skins/tinymce/themes/advanced/skins/plone/dialog.css portal_skins/tinymce/plugins/plonebrowser/css/plonebrowser.css - .

, ? - , . , CSS, iframe TinyMCE:

• dialog.css
• plonebrowser.css
• columns.css

Answer 1

. CSS ( tinymce iframe, , ):

#internallinkcontainer.radioscrolllist { line-height: auto !important; }
#internallinkcontainer .list.item span, #internallinkcontainer .list.item a { position: static !important; }

(, , .)

Answer 2

, CSS , , CSS :

/* Fix TinyMCE gremlins */
#internallinkcontainer div.row {
    /* Image browser was jumbled */
    float: none;
}
#content #internallinkcontainer .list.item span, 
#content #internallinkcontainer .list.item a {
    /* Link browser was packed too much */
    position: inherit;
}
#internallinkcontainer input[type="radio"] {
    vertical-align:     middle;
}

/* @end */

:

-CSS, , plone.css . , .

plone.css

plone.css portal_css. , , TinyMCE CSS TinyMCE . Plone.

plone.css:

https://github.com/plone/Products.CMFPlone/blob/master/Products/CMFPlone/skins/plone_scripts/plone.css.py

. plone.css @import-ed by dialog.css, "" Plone, Plone . , , CSS TinyMCE (, /) . , :/plone.css, .

Answer 3

: column.css, , .

, , , ploneCustom.css , .