StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>In order to add a border radius to a tinyMCE text area you will have to add the following css rules at the bottom of to the file: /themes/advanced/skins/default/ui.css. Note: If your are using a custom skin you will have to add these rules inside the css file you created for that skin.</p> <pre><code>#article_tbl, #article_ifr{ -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ -moz-border-radius: 12px; /* FF1-3.6 */ border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } $article_tbl{ border: 1px solid silver; } #article_ifr{ -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } #article_tbl{ -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ -moz-border-radius: 12px; /* FF1-3.6 */ border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } .mceToolbar{ -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .defaultSkin table.mceLayout tr.mceLast td { border-bottom: 1px solid silver; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload