Author: pyaschenko
Date: 2008-11-25 13:52:11 -0500 (Tue, 25 Nov 2008)
New Revision: 11376
Modified:
trunk/ui/editor/src/main/java/org/richfaces/renderkit/html/images/EditorAdvancedThemeIcons.java
trunk/ui/editor/src/main/java/org/richfaces/renderkit/html/images/EditorSimpleThemeIcons.java
trunk/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/ui.xcss
Log:
https://jira.jboss.org/jira/browse/RF-5051
Modified:
trunk/ui/editor/src/main/java/org/richfaces/renderkit/html/images/EditorAdvancedThemeIcons.java
===================================================================
---
trunk/ui/editor/src/main/java/org/richfaces/renderkit/html/images/EditorAdvancedThemeIcons.java 2008-11-25
18:20:10 UTC (rev 11375)
+++
trunk/ui/editor/src/main/java/org/richfaces/renderkit/html/images/EditorAdvancedThemeIcons.java 2008-11-25
18:52:11 UTC (rev 11376)
@@ -20,6 +20,7 @@
*/
package org.richfaces.renderkit.html.images;
+import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
@@ -90,9 +91,11 @@
BufferedImage secondTriangle1 = paintSecondTriangleBlock(stored, false);
BufferedImage secondTriangle2 = paintSecondTriangleBlock(stored, true);
+ graphics.setBackground(Color.WHITE);
+ graphics.clearRect(0, 0, 88, 66);
graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
graphics.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
RenderingHints.VALUE_INTERPOLATION_BICUBIC);
-
+
graphics.drawImage(block1, 0, 0, 22, 22, null);
graphics.drawImage(separator, 22, 0, 5, 22, null);
graphics.drawImage(block2, 0, 22, 22, 22, null);
Modified:
trunk/ui/editor/src/main/java/org/richfaces/renderkit/html/images/EditorSimpleThemeIcons.java
===================================================================
---
trunk/ui/editor/src/main/java/org/richfaces/renderkit/html/images/EditorSimpleThemeIcons.java 2008-11-25
18:20:10 UTC (rev 11375)
+++
trunk/ui/editor/src/main/java/org/richfaces/renderkit/html/images/EditorSimpleThemeIcons.java 2008-11-25
18:52:11 UTC (rev 11376)
@@ -20,6 +20,7 @@
*/
package org.richfaces.renderkit.html.images;
+import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
@@ -81,6 +82,8 @@
BufferedImage block2 = paintMainBlock(stored, true, false);
BufferedImage block3 = paintMainBlock(stored, true, true);
+ graphics.setBackground(Color.WHITE);
+ graphics.clearRect(0, 0, 40, 66);
graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
graphics.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
RenderingHints.VALUE_INTERPOLATION_BICUBIC);
graphics.drawImage(block1, 0, 0, 22, 22, null);
Modified:
trunk/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/ui.xcss
===================================================================
---
trunk/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/ui.xcss 2008-11-25
18:20:10 UTC (rev 11375)
+++
trunk/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/ui.xcss 2008-11-25
18:52:11 UTC (rev 11376)
@@ -5,109 +5,8 @@
<f:verbatim><![CDATA[
/* Reset */
+]]></f:verbatim>
-.richfacesSkin table td {vertical-align:middle}
-
-/* Containers */
-.richfacesSkin .mceToolbar {height:26px}
-
-/* External */
-.richfacesSkin .mceExternalToolbar {position:absolute; display:none}
-.richfacesSkin .mceExternalToolbar td.mceToolbar {padding-right:13px;}
-.richfacesSkin .mceExternalClose {position:absolute; top:3px; right:3px; width:7px;
height:7px; }
-
-/* Layout */
-
-
-.richfacesSkin .mceStatusbar {display:block; font-size:9pt; line-height:16px;
overflow:visible; height:20px}
-.richfacesSkin .mceStatusbar div {float:left; padding:2px}
-.richfacesSkin .mceStatusbar a.mceResize {display:block; float:right; width:20px;
height:20px; cursor:se-resize}
-.richfacesSkin .mceStatusbar a:hover {text-decoration:underline}
-.richfacesSkin table.mceToolbar {margin-left:3px}
-.richfacesSkin .mceToolbar .mceToolbarStart span {display:block; width:1px; height:22px;
margin-left:3px;}
-.richfacesSkin .mceToolbar td.mceFirst span {margin:0}
-.richfacesSkin .mceToolbar .mceToolbarEnd span {display:block; width:1px; height:22px}
-.richfacesSkin .mceToolbar .mceToolbarEndListBox span, .richfacesSkin .mceToolbar
.mceToolbarStartListBox span {display:none}
-.richfacesSkin span.mceIcon, .richfacesSkin img.mceIcon {display:block; width:20px;
height:20px}
-.richfacesSkin td.mceCenter {text-align:center;}
-.richfacesSkin td.mceCenter table {margin:0 auto; text-align:left;}
-.richfacesSkin td.mceRight table {margin:0 0 0 auto;}
-
-/* Button */
-.richfacesSkin .mceButton {display:block; width:22px; height:22px}
-.richfacesSkin a.mceButton span, .richfacesSkin a.mceButton img {margin-left:1px}
-.richfacesSkin .mceOldBoxModel a.mceButton span, .richfacesSkin .mceOldBoxModel
a.mceButton img {margin:0 0 0 1px}
-.richfacesSkin a.mceButtonEnabled:hover {background-position:0 -22px}
-.richfacesSkin a.mceButtonActive, .richfacesSkin a.mceButtonSelected
{background-position:0 -44px}
-.richfacesSkin .mceButtonDisabled .mceIcon {opacity:0.3; filter:alpha(opacity=30)}
-.richfacesSkin .mceButtonLabeled {width:auto}
-.richfacesSkin .mceButtonLabeled span.mceIcon {float:left}
-.richfacesSkin span.mceButtonLabel {display:block; font-size:10px; padding:4px 6px 0
22px}
-
-/* Separator */
-.richfacesSkin .mceSeparator {display:block; width:5px; height:22px}
-
-/* ListBox */
-.richfacesSkin .mceListBox {margin-left:3px}
-.richfacesSkin .mceListBox, .richfacesSkin .mceListBox a {display:block}
-.richfacesSkin .mceListBox .mceText {padding-left:4px; text-align:left; width:70px;
font-size:11px; height:20px; line-height:20px; overflow:hidden}
-.richfacesSkin .mceListBox .mceOpen {width:14px; height:22px; }
-.richfacesSkin table.mceListBoxEnabled:hover .mceOpen, .richfacesSkin .mceListBoxHover
.mceOpen, .richfacesSkin .mceListBoxSelected .mceOpen {background-position:-66px -22px}
-.richfacesSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden}
-.richfacesSkin .mceOldBoxModel .mceListBox .mceText {height:22px}
-.richfacesSkin select.mceListBox {font-size:12px;}
-
-/* SplitButton */
-.richfacesSkin .mceSplitButton, .richfacesSkin .mceSplitButton a, .richfacesSkin
.mceSplitButton span {display:block; height:22px}
-.richfacesSkin .mceSplitButton a.mceAction {width:22px}
-.richfacesSkin .mceSplitButton span.mceAction {width:22px; }
-.richfacesSkin .mceSplitButton a.mceOpen {width:10px}
-.richfacesSkin .mceSplitButton span.mceOpen {width:10px; }
-.richfacesSkin table.mceSplitButtonEnabled:hover span.mceOpen, .richfacesSkin
.mceSplitButtonHover span.mceOpen, .richfacesSkin .mceSplitButtonSelected span.mceOpen
{background-position:-44px -44px}
-.richfacesSkin .mceSplitButtonDisabled .mceAction {opacity:0.3;
filter:alpha(opacity=30)}
-.richfacesSkin .mceSplitButtonActive {background-position:0 -44px}
-
-/* ColorSplitButton */
-
-.richfacesSkin .mceColorSplitMenu td {padding:2px}
-.richfacesSkin .mceColorSplitMenu a {display:block; width:9px; height:9px;
overflow:hidden}
-.richfacesSkin .mceColorSplitMenu td.mceMoreColors {padding:1px 3px 1px 1px}
-.richfacesSkin .mceColorSplitMenu a.mceMoreColors {width:100%; height:auto;
text-align:center; font-size:11px; line-height:20px}
-.richfacesSkin .mceColorPreview {margin-left:2px; width:16px; height:4px;
overflow:hidden; overflow:hidden}
-.richfacesSkin .mce_forecolor span.mceAction, .richfacesSkin .mce_backcolor
span.mceAction {height:15px;overflow:hidden}
-
-/* Menu */
-.richfacesSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000}
-.richfacesSkin .mceNoIcons span.mceIcon {width:0;}
-.richfacesSkin .mceNoIcons a .mceText {padding-left:10px}
-.richfacesSkin .mceMenu a, .richfacesSkin .mceMenu span, .richfacesSkin .mceMenu
{display:block}
-.richfacesSkin .mceMenu td {height:20px}
-.richfacesSkin .mceMenu a {position:relative;padding:3px 0 4px 0}
-.richfacesSkin .mceMenu .mceText {position:relative; display:block; cursor:default;
margin:0; padding:0 25px 0 25px; display:block}
-.richfacesSkin .mceMenu span.mceText, .richfacesSkin .mceMenu .mcePreview
{font-size:11px}
-.richfacesSkin .mceMenu pre.mceText {font-family:Monospace}
-.richfacesSkin .mceMenu .mceIcon {position:absolute; top:0; left:0; width:22px;}
-.richfacesSkin .mceMenuItemTitle span.mceText {font-weight:bold; padding-left:4px}
-.richfacesSkin .mceMenu span.mceMenuLine {display:none}
-
-/* Progress,Resize */
-.richfacesSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5;
filter:alpha(opacity=50)}
-.richfacesSkin .mceProgress {position:absolute; left:0; top:0; z-index:1001; width:32px;
height:32px; margin:-16px 0 0 -16px}
-
-/* Formats */
-.richfacesSkin .mce_formatPreview a {font-size:10px}
-.richfacesSkin .mce_p span.mceText {}
-.richfacesSkin .mce_address span.mceText {font-style:italic}
-.richfacesSkin .mce_pre span.mceText {font-family:monospace}
-.richfacesSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 2em}
-.richfacesSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 1.5em}
-.richfacesSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 1.17em}
-.richfacesSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 1em}
-.richfacesSkin .mce_h5 span.mceText {font-weight:bolder; font-size: .83em}
-.richfacesSkin .mce_h6 span.mceText {font-weight:bolder; font-size: .75em}
-]]>
-</f:verbatim>
-
<u:selector name=".richfacesSkin table, .richfacesSkin tbody, .richfacesSkin a,
.richfacesSkin img, .richfacesSkin tr, .richfacesSkin div, .richfacesSkin td,
.richfacesSkin iframe, .richfacesSkin span, .richfacesSkin *, .richfacesSkin
.mceText">
<u:style name="color" skin="generalTextColor"/>
<u:style name="border" value="0"/>
@@ -131,6 +30,12 @@
<u:style name="cursor" value="default"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin table td {vertical-align:middle}
+
+/* Containers */
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin table">
<u:style name="background" skin="additionalBackgroundColor"/>
</u:selector>
@@ -140,13 +45,26 @@
<u:style name="background" skin="tableBackgroundColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceToolbar {height:26px}
+
+/* External */
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceExternalToolbar">
<u:style name="border-width" value="1px"/>
<u:style name="border-style" value="solid"/>
<u:style name="border-color" skin="panelBorderColor"/>
<u:style name="border-bottom" value="0"/>
+ <u:style name="position" value="absolute"/>
+ <u:style name="display" value="none"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceExternalToolbar td.mceToolbar {padding-right:13px;}
+.richfacesSkin .mceExternalClose {position:absolute; top:3px; right:3px; width:7px;
height:7px; }
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceExternalClose">
<u:style name="background-image">
<f:resource
f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/img/icons.gif"/>
@@ -154,6 +72,10 @@
<u:style name="background-position" value="-820px 0"/>
</u:selector>
+<f:verbatim><![CDATA[
+/* Layout */
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin table.mceLayout">
<u:style name="border" value="0"/>
<u:style name="border-left-width" value="1px"/>
@@ -191,11 +113,20 @@
<u:style name="border-bottom-color" skin="panelBorderColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceStatusbar {display:block; font-size:9pt; line-height:16px;
overflow:visible; height:20px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceStatusbar">
<u:style name="font-family" skin="generalFamilyFont"/>
<u:style name="color" skin="generalTextColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceStatusbar div {float:left; padding:2px}
+.richfacesSkin .mceStatusbar a.mceResize {display:block; float:right; width:20px;
height:20px; cursor:se-resize}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceStatusbar a.mceResize">
<u:style name="background-image">
<f:resource
f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/img/icons.gif"/>
@@ -203,6 +134,12 @@
<u:style name="background-position" value="-800px 0"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceStatusbar a:hover {text-decoration:underline}
+.richfacesSkin table.mceToolbar {margin-left:3px}
+.richfacesSkin .mceToolbar .mceToolbarStart span {display:block; width:1px; height:22px;
margin-left:3px;}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceToolbar .mceToolbarStart span">
<u:style name="background-image">
<f:resource
f:key="org.richfaces.renderkit.html.images.EditorAdvancedThemeIcons"/>
@@ -210,6 +147,11 @@
<u:style name="background-position" value="-22px 0"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceToolbar td.mceFirst span {margin:0}
+.richfacesSkin .mceToolbar .mceToolbarEnd span {display:block; width:1px; height:22px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceToolbar .mceToolbarEnd span">
<u:style name="background-image">
<f:resource
f:key="org.richfaces.renderkit.html.images.EditorAdvancedThemeIcons"/>
@@ -217,6 +159,11 @@
<u:style name="background-position" value="-22px 0"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceToolbar .mceToolbarEndListBox span, .richfacesSkin .mceToolbar
.mceToolbarStartListBox span {display:none}
+.richfacesSkin span.mceIcon, .richfacesSkin img.mceIcon {display:block; width:20px;
height:20px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceIcon">
<u:style name="background-image">
<f:resource
f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/img/icons.gif"/>
@@ -225,12 +172,39 @@
<u:style name="background-position" value="20px 20px"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin td.mceCenter {text-align:center;}
+.richfacesSkin td.mceCenter table {margin:0 auto; text-align:left;}
+.richfacesSkin td.mceRight table {margin:0 0 0 auto;}
+
+/* Button */
+.richfacesSkin .mceButton {display:block; width:22px; height:22px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceButton">
<u:style name="background-image">
<f:resource
f:key="org.richfaces.renderkit.html.images.EditorAdvancedThemeIcons"/>
</u:style>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin a.mceButton span, .richfacesSkin a.mceButton img {margin-left:1px}
+.richfacesSkin .mceOldBoxModel a.mceButton span, .richfacesSkin .mceOldBoxModel
a.mceButton img {margin:0 0 0 1px}
+.richfacesSkin a.mceButtonEnabled:hover {background-position:0 -22px}
+]]></f:verbatim>
+
+<u:selector name=".richfacesSkin a.mceButtonEnabled:hover">
+ <u:style name="background-color"
skin="headerBackgroundColor"/>
+</u:selector>
+
+<f:verbatim><![CDATA[
+.richfacesSkin a.mceButtonActive, .richfacesSkin a.mceButtonSelected
{background-position:0 -44px}
+.richfacesSkin .mceButtonDisabled .mceIcon {opacity:0.3; filter:alpha(opacity=30)}
+.richfacesSkin .mceButtonLabeled {width:auto}
+.richfacesSkin .mceButtonLabeled span.mceIcon {float:left}
+.richfacesSkin span.mceButtonLabel {display:block; font-size:10px; padding:4px 6px 0
22px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin span.mceButtonLabel">
<u:style name="font-family" skin="generalFamilyFont"/>
</u:selector>
@@ -239,6 +213,11 @@
<u:style name="color" value="#FF0000"/>
</u:selector>
+<f:verbatim><![CDATA[
+/* Separator */
+.richfacesSkin .mceSeparator {display:block; width:5px; height:22px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceSeparator">
<u:style name="background-image">
<f:resource
f:key="org.richfaces.renderkit.html.images.EditorAdvancedThemeIcons"/>
@@ -246,6 +225,13 @@
<u:style name="background-position" value="-22px 0"/>
</u:selector>
+<f:verbatim><![CDATA[
+/* ListBox */
+.richfacesSkin .mceListBox {margin-left:3px}
+.richfacesSkin .mceListBox, .richfacesSkin .mceListBox a {display:block}
+.richfacesSkin .mceListBox .mceText {padding-left:4px; text-align:left; width:70px;
font-size:11px; height:20px; line-height:20px; overflow:hidden}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceListBox .mceText">
<u:style name="background" skin="tableBackgroundColor"/>
<u:style name="border-width" value="1px"/>
@@ -255,6 +241,10 @@
<u:style name="font-family" skin="generalFamilyFont"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceListBox .mceOpen {width:14px; height:22px; }
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceListBox .mceOpen">
<u:style name="background-image">
<f:resource
f:key="org.richfaces.renderkit.html.images.EditorAdvancedThemeIcons"/>
@@ -266,24 +256,44 @@
<u:style name="background" skin="tableBackgroundColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin table.mceListBoxEnabled:hover .mceOpen, .richfacesSkin .mceListBoxHover
.mceOpen, .richfacesSkin .mceListBoxSelected .mceOpen {background-position:-66px -22px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceListBoxDisabled .mceText">
<u:style name="color" value="gray"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden}
+.richfacesSkin .mceOldBoxModel .mceListBox .mceText {height:22px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin select.mceListBox">
<u:style name="background" skin="tableBackgroundColor"/>
<u:style name="border-width" value="1px"/>
<u:style name="border-style" value="solid"/>
<u:style name="border-color" skin="panelBorderColor"/>
<u:style name="font-family" skin="generalFamilyFont"/>
+ <u:style name="font-size" value="12px"/>
</u:selector>
+<f:verbatim><![CDATA[
+/* SplitButton */
+.richfacesSkin .mceSplitButton, .richfacesSkin .mceSplitButton a, .richfacesSkin
.mceSplitButton span {display:block; height:22px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceSplitButton">
<u:style name="background-image">
<f:resource
f:key="org.richfaces.renderkit.html.images.EditorAdvancedThemeIcons"/>
</u:style>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceSplitButton a.mceAction {width:22px}
+.richfacesSkin .mceSplitButton span.mceAction {width:22px; }
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceSplitButton span.mceAction">
<u:style name="background-image">
<f:resource
f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/img/icons.gif"/>
@@ -291,6 +301,11 @@
<u:style name="background-position" value="20px 20px"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceSplitButton a.mceOpen {width:10px}
+.richfacesSkin .mceSplitButton span.mceOpen {width:10px; }
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceSplitButton span.mceOpen">
<u:style name="background-image">
<f:resource
f:key="org.richfaces.renderkit.html.images.EditorAdvancedThemeIcons"/>
@@ -305,6 +320,14 @@
<u:style name="background-position" value="0 -22px"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin table.mceSplitButtonEnabled:hover span.mceOpen, .richfacesSkin
.mceSplitButtonHover span.mceOpen, .richfacesSkin .mceSplitButtonSelected span.mceOpen
{background-position:-44px -44px}
+.richfacesSkin .mceSplitButtonDisabled .mceAction {opacity:0.3;
filter:alpha(opacity=30)}
+.richfacesSkin .mceSplitButtonActive {background-position:0 -44px}
+
+/* ColorSplitButton */
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin div.mceColorSplitMenu table">
<u:style name="background" skin="tableBackgroundColor"/>
<u:style name="border-width" value="1px"/>
@@ -312,12 +335,22 @@
<u:style name="border-color" skin="panelBorderColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceColorSplitMenu td {padding:2px}
+.richfacesSkin .mceColorSplitMenu a {display:block; width:9px; height:9px;
overflow:hidden}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceColorSplitMenu a">
<u:style name="border-width" value="1px"/>
<u:style name="border-style" value="solid"/>
<u:style name="border-color" skin="panelBorderColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceColorSplitMenu td.mceMoreColors {padding:1px 3px 1px 1px}
+.richfacesSkin .mceColorSplitMenu a.mceMoreColors {width:100%; height:auto;
text-align:center; font-size:11px; line-height:20px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceColorSplitMenu a.mceMoreColors">
<u:style name="border-width" value="1px"/>
<u:style name="border-style" value="solid"/>
@@ -338,25 +371,54 @@
<u:style name="border-color" skin="headerBackgroundColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceColorPreview {margin-left:2px; width:16px; height:4px;
overflow:hidden; overflow:hidden}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceColorPreview">
<u:style name="background" skin="tableBorderColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mce_forecolor span.mceAction, .richfacesSkin .mce_backcolor
span.mceAction {height:15px;overflow:hidden}
+
+/* Menu */
+.richfacesSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceMenu">
<u:style name="border-width" value="1px"/>
<u:style name="border-style" value="solid"/>
<u:style name="border-color" skin="panelBorderColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceNoIcons span.mceIcon {width:0;}
+.richfacesSkin .mceNoIcons a .mceText {padding-left:10px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceMenu table">
<u:style name="background" skin="tableBackgroundColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceMenu a, .richfacesSkin .mceMenu span, .richfacesSkin .mceMenu
{display:block}
+.richfacesSkin .mceMenu td {height:20px}
+.richfacesSkin .mceMenu a {position:relative;padding:3px 0 4px 0}
+.richfacesSkin .mceMenu .mceText {position:relative; display:block; cursor:default;
margin:0; padding:0 25px 0 25px; display:block}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceMenu .mceText">
<u:style name="font-family" skin="generalFamilyFont"/>
<u:style name="color" skin="generalTextColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceMenu span.mceText, .richfacesSkin .mceMenu .mcePreview
{font-size:11px}
+.richfacesSkin .mceMenu pre.mceText {font-family:Monospace}
+.richfacesSkin .mceMenu .mceIcon {position:absolute; top:0; left:0; width:22px;}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceMenu .mceMenuItemEnabled a:hover,
.richfacesSkin .mceMenu .mceMenuItemActive">
<u:style name="background-color"
skin="additionalBackgroundColor"/>
</u:selector>
@@ -376,6 +438,8 @@
<u:selector name=".richfacesSkin .mceMenuItemTitle span.mceText">
<u:style name="color" skin="generalTextColor"/>
+ <u:style name="font-weight" value="bold"/>
+ <u:style name="padding-left" value="4px"/>
</u:selector>
<u:selector name=".richfacesSkin .mceMenuItemDisabled .mceText">
@@ -396,6 +460,10 @@
<u:style name="background-position" value="-6px center"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceMenu span.mceMenuLine {display:none}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceMenuItemSub a">
<u:style name="background-image">
<f:resource
f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/menu_arrow.gif"/>
@@ -404,10 +472,19 @@
<u:style name="background-position" value="top right"/>
</u:selector>
+<f:verbatim><![CDATA[
+/* Progress,Resize */
+.richfacesSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5;
filter:alpha(opacity=50)}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceBlocker">
<u:style name="background" skin="tableBackgroundColor"/>
</u:selector>
+<f:verbatim><![CDATA[
+.richfacesSkin .mceProgress {position:absolute; left:0; top:0; z-index:1001; width:32px;
height:32px; margin:-16px 0 0 -16px}
+]]></f:verbatim>
+
<u:selector name=".richfacesSkin .mceProgress">
<u:style name="background-image">
<f:resource
f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/progress.gif"/>
@@ -421,11 +498,19 @@
<u:style name="border-color" skin="tableBorderColor"/>
</u:selector>
-<u:selector name=".richfacesSkin a.mceButtonEnabled:hover">
- <u:style name="background-color"
skin="headerBackgroundColor"/>
-</u:selector>
+<f:verbatim><![CDATA[
+/* Formats */
+.richfacesSkin .mce_formatPreview a {font-size:10px}
+.richfacesSkin .mce_p span.mceText {}
+.richfacesSkin .mce_address span.mceText {font-style:italic}
+.richfacesSkin .mce_pre span.mceText {font-family:monospace}
+.richfacesSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 2em}
+.richfacesSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 1.5em}
+.richfacesSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 1.17em}
+.richfacesSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 1em}
+.richfacesSkin .mce_h5 span.mceText {font-weight:bolder; font-size: .83em}
+.richfacesSkin .mce_h6 span.mceText {font-weight:bolder; font-size: .75em}
-<f:verbatim><![CDATA[
/* Theme */
.richfacesSkin span.mce_bold {background-position:0 0}
.richfacesSkin span.mce_italic {background-position:-60px 0}