Author: pyaschenko Date: 2008-11-11 08:18:29 -0500 (Tue, 11 Nov 2008) New Revision: 11077 Added: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/ trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/content.xcss trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/dialog.xcss trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/img/ trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/img/button_bg.png trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/ui.xcss trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/ trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/content.xcss trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/img/ trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/img/button_bg.png trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/ui.xcss Modified: trunk/sandbox/ui/editor/src/main/config/resources/resources-config.xml trunk/sandbox/ui/editor/src/main/java/org/richfaces/renderkit/resources/EditorHTMLRenderer.java trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/content.xcss Log: css and skins added Modified: trunk/sandbox/ui/editor/src/main/config/resources/resources-config.xml =================================================================== --- trunk/sandbox/ui/editor/src/main/config/resources/resources-config.xml 2008-11-11 13:17:08 UTC (rev 11076) +++ trunk/sandbox/ui/editor/src/main/config/resources/resources-config.xml 2008-11-11 13:18:29 UTC (rev 11077) @@ -4703,6 +4703,10 @@ <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/dialog.xcss</path> </resource> <resource> + <name>scripts/tiny_mce/themes/advanced/skins/o2k7/ui.xcss</name> + <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/ui.xcss</path> + </resource> + <resource> <name>scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png</name> <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png</path> </resource> @@ -4715,10 +4719,6 @@ <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg_silver.png</path> </resource> <resource> - <name>scripts/tiny_mce/themes/advanced/skins/o2k7/ui.xcss</name> - <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/ui.xcss</path> - </resource> - <resource> <name>scripts/tiny_mce/themes/advanced/skins/o2k7/ui_black.xcss</name> <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/ui_black.xcss</path> </resource> @@ -4727,6 +4727,22 @@ <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/ui_silver.xcss</path> </resource> <resource> + <name>scripts/tiny_mce/themes/advanced/skins/richfaces/content.xcss</name> + <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/content.xcss</path> + </resource> + <resource> + <name>scripts/tiny_mce/themes/advanced/skins/richfaces/dialog.xcss</name> + <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/dialog.xcss</path> + </resource> + <resource> + <name>scripts/tiny_mce/themes/advanced/skins/richfaces/ui.xcss</name> + <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/ui.xcss</path> + </resource> + <resource> + <name>scripts/tiny_mce/themes/advanced/skins/richfaces/img/button_bg.png</name> + <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/img/button_bg.png</path> + </resource> + <resource> <name>scripts/tiny_mce/themes/advanced/source_editor.htm</name> <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/source_editor.htm</path> <renderer class="org.richfaces.renderkit.resources.EditorHTMLRenderer"/> @@ -5008,14 +5024,26 @@ <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/o2k7/content.xcss</path> </resource> <resource> + <name>scripts/tiny_mce/themes/simple/skins/o2k7/ui.xcss</name> + <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/o2k7/ui.xcss</path> + </resource> + <resource> <name>scripts/tiny_mce/themes/simple/skins/o2k7/img/button_bg.png</name> <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/o2k7/img/button_bg.png</path> </resource> + <resource> + <name>scripts/tiny_mce/themes/simple/skins/richfaces/content.xcss</name> + <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/content.xcss</path> + </resource> <resource> - <name>scripts/tiny_mce/themes/simple/skins/o2k7/ui.xcss</name> - <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/o2k7/ui.xcss</path> + <name>scripts/tiny_mce/themes/simple/skins/richfaces/ui.xcss</name> + <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/ui.xcss</path> </resource> <resource> + <name>scripts/tiny_mce/themes/simple/skins/richfaces/img/button_bg.png</name> + <path>org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/img/button_bg.png</path> + </resource> + <resource> <name>scripts/tiny_mce/tiny_mce.js</name> <path>org/richfaces/renderkit/html/scripts/tiny_mce/tiny_mce.js</path> <renderer class="org.ajax4jsf.resource.ScriptRenderer"/> Modified: trunk/sandbox/ui/editor/src/main/java/org/richfaces/renderkit/resources/EditorHTMLRenderer.java =================================================================== --- trunk/sandbox/ui/editor/src/main/java/org/richfaces/renderkit/resources/EditorHTMLRenderer.java 2008-11-11 13:17:08 UTC (rev 11076) +++ trunk/sandbox/ui/editor/src/main/java/org/richfaces/renderkit/resources/EditorHTMLRenderer.java 2008-11-11 13:18:29 UTC (rev 11077) @@ -39,7 +39,7 @@ import org.ajax4jsf.resource.ResourceContext; /** - * Editor html pages renderer - used for correcting scripts src + * Editor html pages renderer - used for correcting scripts/images/css src * @author Alexandr Levkovsky * */ Modified: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/content.xcss =================================================================== --- trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/content.xcss 2008-11-11 13:17:08 UTC (rev 11076) +++ trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/content.xcss 2008-11-11 13:18:29 UTC (rev 11077) @@ -34,7 +34,6 @@ <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/items.gif"/> </u:style> <u:style name="background-repeat" value="no-repeat"/> - <u:style name="background-position" value="no-repeat"/> </u:selector> <f:verbatim> <![CDATA[ Added: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/content.xcss =================================================================== --- trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/content.xcss (rev 0) +++ trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/content.xcss 2008-11-11 13:18:29 UTC (rev 11077) @@ -0,0 +1,107 @@ +<?xml version="1.0" encoding="UTF-8"?> +<f:template xmlns:f='http:/jsf.exadel.com/template' + xmlns:u='http:/jsf.exadel.com/template/util' + xmlns="http://www.w3.org/1999/xhtml" > + +<f:verbatim><![CDATA[ +body, td, pre {margin:8px;} +h1 {font-size: 2em} +h2 {font-size: 1.5em} +h3 {font-size: 1.17em} +h4 {font-size: 1em} +h5 {font-size: .83em} +h6 {font-size: .75em} +a.mceItemAnchor {width:12px; line-height:6px; overflow:hidden; padding-left:12px; } +img.mceItemAnchor {width:12px; height:12px; } +img {border:0;} +table {cursor:default} +table td, table th {cursor:text} +]]> +</f:verbatim> + +<u:selector name="body, td, pre"> + <u:style name="color" skin="generalTextColor"/> + <u:style name="font-family" skin="generalFamilyFont"/> + <u:style name="font-size" value="10px"/> +</u:selector> + +<u:selector name="body"> + <u:style name="background" skin="tableBackgroundColor"/> +</u:selector> + +<u:selector name="body.mceForceColors"> + <u:style name="color" skin="generalTextColor"/> + <u:style name="background" skin="tableBackgroundColor"/> + <u:style name="font-size" value="10px"/> +</u:selector> + +<u:selector name=".mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="dashed"/> + <u:style name="border-color" skin="tableBorderColor"/> + <u:style name="background" skin="tableBackgroundColor"/> + <u:style name="font-size" value="10px"/> +</u:selector> + +<u:selector name="a.mceItemAnchor"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/items.gif"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> + <u:style name="background-position" value="bottom left"/> +</u:selector> + +<u:selector name="img.mceItemAnchor"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/items.gif"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> + <u:style name="background-position" value="no-repeat"/> +</u:selector> + +<u:selector name="ins"> + <u:style name="border-bottom-width" value="1px"/> + <u:style name="border-bottom-style" value="solid"/> + <u:style name="border-bottom-color" value="green"/> + <u:style name="text-decoration" value="none"/> + <u:style name="color" value="green"/> +</u:selector> + +<u:selector name="del"> + <u:style name="text-decoration" value="line-through"/> + <u:style name="color" value="red"/> +</u:selector> + +<u:selector name="cite"> + <u:style name="border-bottom-width" value="1px"/> + <u:style name="border-bottom-style" value="dashed"/> + <u:style name="border-bottom-color" value="blue"/> +</u:selector> + +<u:selector name="acronym"> + <u:style name="border-bottom-width" value="1px"/> + <u:style name="border-bottom-style" value="dotted"/> + <u:style name="border-bottom-color" value="#CCC"/> + <u:style name="cursor" value="help"/> +</u:selector> + +<u:selector name="abbr, html\:abbr"> + <u:style name="border-bottom-width" value="1px"/> + <u:style name="border-bottom-style" value="dashed"/> + <u:style name="border-bottom-color" value="#CCC"/> + <u:style name="cursor" value="help"/> +</u:selector> + +/* IE */ +<u:selector name="* html body"> + <u:style name="scrollbar-3dlight-color" value="#F0F0EE"/> + <u:style name="scrollbar-arrow-color" value="#676662"/> + <u:style name="scrollbar-base-color" value="#F0F0EE"/> + <u:style name="scrollbar-darkshadow-color" value="#DDD"/> + <u:style name="scrollbar-face-color" value="#E0E0DD"/> + <u:style name="scrollbar-highlight-color" value="#F0F0EE"/> + <u:style name="scrollbar-shadow-color" value="#F0F0EE"/> + <u:style name="scrollbar-track-color" value="#F5F5F5"/> +</u:selector> + +</f:template> \ No newline at end of file Added: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/dialog.xcss =================================================================== --- trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/dialog.xcss (rev 0) +++ trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/dialog.xcss 2008-11-11 13:18:29 UTC (rev 11077) @@ -0,0 +1,372 @@ +<?xml version="1.0" encoding="UTF-8"?> +<f:template xmlns:f='http:/jsf.exadel.com/template' + xmlns:u='http:/jsf.exadel.com/template/util' + xmlns="http://www.w3.org/1999/xhtml" > + +<f:verbatim><![CDATA[ +/* Generic */ +body { +font-size:11px; +padding:0; +margin:8px 8px 0 8px; +} + +td {font-size:10px;} +textarea {resize:none;outline:none;} + +/* Forms */ +fieldset {margin:0; padding:4px; font-size:10px;} +legend {font-weight:bold;} +label.msg {display:none;} +label.invalid {display:inline;} +input.radio {background:transparent; vertical-align:middle;} +input.checkbox {background:transparent; vertical-align:middle;} +.input_noborder {border:0;} + +/* Buttons */ +#insert, #cancel, input.button, .updateButton { +border:0; margin:0; padding:0; +font-weight:bold; +width:94px; height:26px; +cursor:pointer; +padding-bottom:2px; +} + +/* Browse */ +a.browse span {display:block; width:20px; height:18px; margin-left:1px;} +.mceOldBoxModel a.browse span {width:22px; height:20px;} +a.browse span.disabled {-moz-opacity:0.3; opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);} +a.browse:hover span.disabled {background-color:transparent;} +a.pickcolor span {display:block; width:20px; height:16px; margin-left:2px;} +.mceOldBoxModel a.pickcolor span {width:21px; height:17px;} +a.pickcolor:hover span.disabled {} + +/* Charmap */ +table.charmap {text-align:center} +td.charmap, #charmap a {width:18px; height:18px; text-align:center; font-size:12px; vertical-align:middle; line-height: 18px;} +#charmap a {display:block; text-decoration:none} +#charmap #codeN {font-size:10px; text-align:center} +#charmap #codeV {font-size:40px; height:80px; text-align:center} + +/* Source */ +.wordWrapCode {vertical-align:middle; background:transparent;} +.mceActionPanel {margin-top:5px;} + +/* Tabs classes */ +.tabs {width:100%; height:18px; line-height:normal; } +.tabs ul {margin:0; padding:0; list-style:none;} +.tabs li {float:left; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;} +.tabs li.current { margin-right:2px;} +.tabs span {float:left; display:block; padding:0px 10px 0 0;} +.tabs a {text-decoration:none; font-size:10px;} + +/* Panels */ +.panel_wrapper div.panel {display:none;} +.panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;} +.panel_wrapper {padding:10px; padding-top:5px; clear:both;} + +/* Columns */ +.column {float:left;} +.properties {width:100%;} +.properties .column1 {} +.properties .column2 {text-align:left;} + +/* Titles */ +h1, h2, h3, h4 {margin:0; padding:0; padding-top:5px;} +h3 {font-size:14px;} +.title {font-size:12px; font-weight:bold;} + +/* Dialog specific */ +#link .panel_wrapper, #link div.current {height:125px;} +#image .panel_wrapper, #image div.current {height:200px;} +#plugintable thead {font-weight:bold;} + +#plugintable {width:96%; margin-top:10px;} +#pluginscontainer {height:290px; overflow:auto;} +#colorpicker #preview {float:right; width:50px; height:14px;line-height:1px; margin-left:5px;} +#colorpicker #colors {float:left; cursor:crosshair;} +#colorpicker #light {margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;} +#colorpicker #light div {overflow:hidden;} +#colorpicker #previewblock {float:right; padding-left:10px; height:20px;} +#colorpicker .panel_wrapper div.current {height:175px;} +#colorpicker #namedcolors {width:150px;} +#colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;} +#colorpicker #colornamecontainer {margin-top:5px;} +]]> +</f:verbatim> + +<u:selector name="body"> + <u:style name="font-family" skin="generalFamilyFont"/> + <u:style name="scrollbar-3dlight-color" value="#F0F0EE"/> + <u:style name="scrollbar-arrow-color" value="#676662"/> + <u:style name="scrollbar-base-color" value="#F0F0EE"/> + <u:style name="scrollbar-darkshadow-color" value="#DDDDDD"/> + <u:style name="scrollbar-face-color" value="#E0E0DD"/> + <u:style name="scrollbar-highlight-color" value="#F0F0EE"/> + <u:style name="scrollbar-shadow-color" value="#F0F0EE"/> + <u:style name="scrollbar-track-color" value="#F5F5F5"/> + <u:style name="background" value="#F0F0EE"/> +</u:selector> + +<u:selector name="html"> + <u:style name="background" skin="generalBackgroundColor"/> +</u:selector> + +<u:selector name="td"> + <u:style name="font-family" skin="generalFamilyFont"/> +</u:selector> + +<u:selector name="a:link, a:visited"> + <u:style name="color" skin="generalTextColor"/> +</u:selector> + +<u:selector name="a:hover"> + <u:style name="color" skin="hoverLinkColor"/> +</u:selector> + +<u:selector name="fieldset"> + <u:style name="font-family" skin="generalFamilyFont"/> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="panelBorderColor"/> +</u:selector> + +<u:selector name="legend"> + <u:style name="color" skin="generalLinkColor"/> +</u:selector> + +<u:selector name="label.invalid"> + <u:style name="color" skin="warningColor"/> +</u:selector> + +<u:selector name="input.invalid"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="warningColor"/> +</u:selector> + +<u:selector name="input"> + <u:style name="background" skin="controlBackgroundColor"/> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="tableBorderColor"/> +</u:selector> + +<u:selector name="input, select, textarea"> + <u:style name="font-family" skin="generalFamilyFont"/> + <u:style name="font-size" value="10px"/> +</u:selector> + +<u:selector name="input, select, textarea"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="tableBorderColor"/> +</u:selector> + +<u:selector name="input.radio"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="none"/> +</u:selector> + +<u:selector name="input.checkbox"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="none"/> +</u:selector> + +<u:selector name="#insert, #cancel, input.button, .updateButton"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/buttons.png"/> + </u:style> + <u:style name="background-position" value="0 -26px"/> +</u:selector> + +<u:selector name="#insert"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/buttons.png"/> + </u:style> + <u:style name="background-position" value="0 -52px"/> +</u:selector> + +<u:selector name="#cancel"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/buttons.png"/> + </u:style> + <u:style name="background-position" value="0 0"/> +</u:selector> + +<u:selector name="a.browse span"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="tableBackgroundColor"/> +</u:selector> + +<u:selector name="a.browse span"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/img/icons.gif"/> + </u:style> + <u:style name="background-position" value="-860px 0"/> +</u:selector> + +<u:selector name="a.browse:hover span"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" value="#00ff00"/> + <u:style name="background-color" value="#ff0000"/> +</u:selector> + +<u:selector name="a.browse span.disabled"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="tableBackgroundColor"/> + <u:style name="background-color" value="#00ff00"/> +</u:selector> + +<u:selector name="a.browse:hover span.disabled"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="tableBackgroundColor"/> +</u:selector> + +<u:selector name="a.pickcolor span"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/img/icons.gif"/> + </u:style> + <u:style name="background-position" value="-840px 0"/> +</u:selector> + +<u:selector name="a.pickcolor:hover span"> + <u:style name="background-color" value="#ffff00"/> +</u:selector> + +<u:selector name="table.charmap"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" value="#ff0000"/> +</u:selector> + +<u:selector name="td.charmap, #charmap a"> + <u:style name="color" skin="generalTextColor"/> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" value="#00ff00"/> +</u:selector> + +<u:selector name="#charmap a"> + <u:style name="color" skin="generalTextColor"/> + <u:style name="border" value="0"/> +</u:selector> + +<u:selector name="#charmap a:hover"> + <u:style name="background" skin="tableBorderColor"/> + <u:style name="color" skin="hoverLinkColor"/> +</u:selector> + +<u:selector name="#charmap #codeN"> + <u:style name="font-family" skin="generalFamilyFont"/> +</u:selector> + +<u:selector name="#charmap #codeV"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" value="#AAA"/> +</u:selector> + +<u:selector name=".wordWrapCode"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="none"/> +</u:selector> + +<u:selector name=".tabs"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/tabs.gif"/> + </u:style> + <u:style name="background-repeat" value="repeat-x"/> + <u:style name="background-position" value="0 -72px"/> +</u:selector> + +<u:selector name=".tabs li"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/tabs.gif"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> + <u:style name="background-position" value="0 0"/> +</u:selector> + +<u:selector name=".tabs li.current"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/tabs.gif"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> + <u:style name="background-position" value="0 -18px"/> +</u:selector> + +<u:selector name=".tabs span"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/tabs.gif"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> + <u:style name="background-position" value="right -36px"/> +</u:selector> + +<u:selector name=".tabs .current span"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/tabs.gif"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> + <u:style name="background-position" value="right -54px"/> +</u:selector> + +<u:selector name=".panel_wrapper"> + <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-top" value="0px"/> + <u:style name="background" skin="tableBackgroundColor"/> +</u:selector> + +<u:selector name="h1, h2, h3, h4"> + <u:style name="color" skin="generalLinkColor"/> +</u:selector> + +<u:selector name=".title"> + <u:style name="color" skin="generalLinkColor"/> +</u:selector> + +<u:selector name="#plugintable thead"> + <u:style name="background" value="#ff00ff"/> +</u:selector> + +<u:selector name="#plugintable, #about #plugintable td"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="panelBorderColor"/> +</u:selector> + + +<u:selector name="#colorpicker #preview"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="generalTextColor"/> +</u:selector> + +<u:selector name="#colorpicker #colors"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" value="red"/> +</u:selector> + +<u:selector name="#colorpicker #light"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="panelBorderColor"/> +</u:selector> + +<u:selector name=".tabs a"> + <u:style name="font-family" skin="generalFamilyFont"/> +</u:selector> + +<u:selector name=".tabs a:link, .tabs a:visited, .tabs a:hover"> + <u:style name="color" skin="generalTextColor"/> +</u:selector> + +</f:template> \ No newline at end of file Added: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/img/button_bg.png =================================================================== (Binary files differ) Property changes on: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/img/button_bg.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/ui.xcss =================================================================== --- trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/ui.xcss (rev 0) +++ trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/richfaces/ui.xcss 2008-11-11 13:18:29 UTC (rev 11077) @@ -0,0 +1,522 @@ +<?xml version="1.0" encoding="UTF-8"?> +<f:template xmlns:f='http:/jsf.exadel.com/template' + xmlns:u='http:/jsf.exadel.com/template/util' + xmlns="http://www.w3.org/1999/xhtml" > + +<f:verbatim><![CDATA[ +/* Reset */ + +.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"/> + <u:style name="margin" value="0"/> + <u:style name="padding" value="0"/> + <u:style name="background" value="transparent"/> + <u:style name="white-space" value="nowrap"/> + <u:style name="text-decoration" value="none"/> + <u:style name="font-weight" value="normal"/> + <u:style name="cursor" value="default"/> + <u:style name="vertical-align" value="baseline"/> + <u:style name="width" value="auto"/> + <u:style name="border-collapse" value="separate"/> + <u:style name="text-align" value="left"/> +</u:selector> + +<u:selector name=".richfacesSkin a:hover, .richfacesSkin a:link, .richfacesSkin a:visited, .richfacesSkin a:active"> + <u:style name="color" skin="generalTextColor"/> + <u:style name="text-decoration" value="none"/> + <u:style name="font-weight" value="normal"/> + <u:style name="cursor" value="default"/> +</u:selector> + +<u:selector name=".richfacesSkin table"> + <u:style name="background" skin="additionalBackgroundColor"/> +</u:selector> + +<u:selector name=".richfacesSkin iframe"> + <u:style name="display" value="block"/> + <u:style name="background" skin="tableBackgroundColor"/> +</u:selector> + +<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:selector> + +<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"/> + </u:style> + <u:style name="background-position" value="-820px 0"/> +</u:selector> + +<u:selector name=".richfacesSkin table.mceLayout"> + <u:style name="border" value="0"/> + <u:style name="border-left-width" value="1px"/> + <u:style name="border-left-style" value="solid"/> + <u:style name="border-left-color" skin="panelBorderColor"/> + <u:style name="border-right-width" value="1px"/> + <u:style name="border-right-style" value="solid"/> + <u:style name="border-right-color" skin="panelBorderColor"/> +</u:selector> + +<u:selector name=".richfacesSkin table.mceLayout tr.mceFirst td"> + <u:style name="border-top-width" value="1px"/> + <u:style name="border-top-style" value="solid"/> + <u:style name="border-top-color" skin="panelBorderColor"/> +</u:selector> + +<u:selector name=".richfacesSkin table.mceLayout tr.mceLast td"> + <u:style name="border-bottom-width" value="1px"/> + <u:style name="border-bottom-style" value="solid"/> + <u:style name="border-bottom-color" skin="panelBorderColor"/> +</u:selector> + +<u:selector name=".richfacesSkin table.mceToolbar, .richfacesSkin tr.mceFirst .mceToolbar tr td, .richfacesSkin tr.mceLast .mceToolbar tr td"> + <u:style name="border" value="0"/> + <u:style name="margin" value="0"/> + <u:style name="padding" skin="0"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceIframeContainer"> + <u:style name="border-top-width" value="1px"/> + <u:style name="border-top-style" value="solid"/> + <u:style name="border-top-color" skin="panelBorderColor"/> + <u:style name="border-bottom-width" value="1px"/> + <u:style name="border-bottom-style" value="solid"/> + <u:style name="border-bottom-color" skin="panelBorderColor"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceStatusbar"> + <u:style name="font-family" skin="generalFamilyFont"/> + <u:style name="color" skin="generalTextColor"/> +</u:selector> + +<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"/> + </u:style> + <u:style name="background-position" value="-800px 0"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceToolbar .mceToolbarStart span"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png"/> + </u:style> + <u:style name="background-position" value="-22px 0"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceToolbar .mceToolbarEnd span"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png"/> + </u:style> + <u:style name="background-position" value="-22px 0"/> +</u:selector> + +<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"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> + <u:style name="background-position" value="20px 20px"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceButton"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png"/> + </u:style> +</u:selector> + +<u:selector name=".richfacesSkin span.mceButtonLabel"> + <u:style name="font-family" skin="generalFamilyFont"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceButtonDisabled .mceButtonLabel"> + <u:style name="color" value="#FF0000"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceSeparator"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png"/> + </u:style> + <u:style name="background-position" value="-22px 0"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceListBox .mceText"> + <u:style name="background" skin="additionalBackgroundColor"/> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="additionalBackgroundColor"/> + <u:style name="border-right" value="0"/> + <u:style name="font-family" skin="generalFamilyFont"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceListBox .mceOpen"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png"/> + </u:style> + <u:style name="background-position" value="-66px 0"/> +</u:selector> + +<u:selector name=".richfacesSkin table.mceListBoxEnabled:hover .mceText, .richfacesSkin .mceListBoxHover .mceText, .richfacesSkin .mceListBoxSelected .mceText"> + <u:style name="background" skin="tableBackgroundColor"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceListBoxDisabled .mceText"> + <u:style name="color" value="gray"/> +</u:selector> + +<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:selector> + +<u:selector name=".richfacesSkin .mceSplitButton"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png"/> + </u:style> +</u:selector> + +<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"/> + </u:style> + <u:style name="background-position" value="20px 20px"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceSplitButton span.mceOpen"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png"/> + </u:style> + <u:style name="background-position" value="-44px 0"/> +</u:selector> + +<u:selector name=".richfacesSkin table.mceSplitButtonEnabled:hover a.mceAction, .richfacesSkin .mceSplitButtonHover a.mceAction, .richfacesSkin .mceSplitButtonSelected"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/o2k7/img/button_bg.png"/> + </u:style> + <u:style name="background-position" value="0 -22px"/> +</u:selector> + +<u:selector name=".richfacesSkin div.mceColorSplitMenu table"> + <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:selector> + +<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> + +<u:selector name=".richfacesSkin .mceColorSplitMenu a.mceMoreColors"> + <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:selector> + +<u:selector name=".richfacesSkin .mceColorSplitMenu a.mceMoreColors:hover"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="panelBorderColor"/> + <u:style name="background-color" skin="additionalBackgroundColor"/> +</u:selector> + +<u:selector name=".richfacesSkin a.mceMoreColors:hover"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="solid"/> + <u:style name="border-color" skin="headerBackgroundColor"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceColorPreview"> + <u:style name="background" skin="tableBorderColor"/> +</u:selector> + +<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> + +<u:selector name=".richfacesSkin .mceMenu table"> + <u:style name="background" skin="tableBackgroundColor"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceMenu .mceText"> + <u:style name="font-family" skin="generalFamilyFont"/> + <u:style name="color" skin="generalTextColor"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceMenu .mceMenuItemEnabled a:hover, .richfacesSkin .mceMenu .mceMenuItemActive"> + <u:style name="background-color" skin="additionalBackgroundColor"/> +</u:selector> + +<u:selector name=".richfacesSkin td.mceMenuItemSeparator"> + <u:style name="background" value="#FF0000"/> + <u:style name="height" value="1px"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceMenuItemTitle a"> + <u:style name="border" value="0"/> + <u:style name="background" skin="additionalBackgroundColor"/> + <u:style name="border-bottom-width" value="1px"/> + <u:style name="border-bottom-style" value="solid"/> + <u:style name="border-bottom-color" skin="panelBorderColor"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceMenuItemTitle span.mceText"> + <u:style name="color" skin="generalTextColor"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceMenuItemDisabled .mceText"> + <u:style name="color" skin="tabDisabledTextColor"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceMenuItemSelected .mceIcon"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/advanced/skins/default/img/menu_check.gif"/> + </u:style> +</u:selector> + +<u:selector name=".richfacesSkin .mceNoIcons .mceMenuItemSelected 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"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> + <u:style name="background-position" value="-6px center"/> +</u:selector> + +<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"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> + <u:style name="background-position" value="top right"/> +</u:selector> + +<u:selector name=".richfacesSkin .mceBlocker"> + <u:style name="background" skin="tableBackgroundColor"/> +</u:selector> + +<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"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> +</u:selector> + +<u:selector name=".richfacesSkin .mcePlaceHolder"> + <u:style name="border-width" value="1px"/> + <u:style name="border-style" value="dotted"/> + <u:style name="border-color" skin="tableBorderColor"/> +</u:selector> + +<u:selector name=".richfacesSkin a.mceButtonEnabled:hover"> + <u:style name="background-color" value="#ff0000"/> +</u:selector> + +<f:verbatim><![CDATA[ +/* Theme */ +.richfacesSkin span.mce_bold {background-position:0 0} +.richfacesSkin span.mce_italic {background-position:-60px 0} +.richfacesSkin span.mce_underline {background-position:-140px 0} +.richfacesSkin span.mce_strikethrough {background-position:-120px 0} +.richfacesSkin span.mce_undo {background-position:-160px 0} +.richfacesSkin span.mce_redo {background-position:-100px 0} +.richfacesSkin span.mce_cleanup {background-position:-40px 0} +.richfacesSkin span.mce_bullist {background-position:-20px 0} +.richfacesSkin span.mce_numlist {background-position:-80px 0} +.richfacesSkin span.mce_justifyleft {background-position:-460px 0} +.richfacesSkin span.mce_justifyright {background-position:-480px 0} +.richfacesSkin span.mce_justifycenter {background-position:-420px 0} +.richfacesSkin span.mce_justifyfull {background-position:-440px 0} +.richfacesSkin span.mce_anchor {background-position:-200px 0} +.richfacesSkin span.mce_indent {background-position:-400px 0} +.richfacesSkin span.mce_outdent {background-position:-540px 0} +.richfacesSkin span.mce_link {background-position:-500px 0} +.richfacesSkin span.mce_unlink {background-position:-640px 0} +.richfacesSkin span.mce_sub {background-position:-600px 0} +.richfacesSkin span.mce_sup {background-position:-620px 0} +.richfacesSkin span.mce_removeformat {background-position:-580px 0} +.richfacesSkin span.mce_newdocument {background-position:-520px 0} +.richfacesSkin span.mce_image {background-position:-380px 0} +.richfacesSkin span.mce_help {background-position:-340px 0} +.richfacesSkin span.mce_code {background-position:-260px 0} +.richfacesSkin span.mce_hr {background-position:-360px 0} +.richfacesSkin span.mce_visualaid {background-position:-660px 0} +.richfacesSkin span.mce_charmap {background-position:-240px 0} +.richfacesSkin span.mce_paste {background-position:-560px 0} +.richfacesSkin span.mce_copy {background-position:-700px 0} +.richfacesSkin span.mce_cut {background-position:-680px 0} +.richfacesSkin span.mce_blockquote {background-position:-220px 0} +.richfacesSkin .mce_forecolor span.mceAction {background-position:-720px 0} +.richfacesSkin .mce_backcolor span.mceAction {background-position:-760px 0} +.richfacesSkin span.mce_forecolorpicker {background-position:-720px 0} +.richfacesSkin span.mce_backcolorpicker {background-position:-760px 0} + +/* Plugins */ +.richfacesSkin span.mce_advhr {background-position:-0px -20px} +.richfacesSkin span.mce_ltr {background-position:-20px -20px} +.richfacesSkin span.mce_rtl {background-position:-40px -20px} +.richfacesSkin span.mce_emotions {background-position:-60px -20px} +.richfacesSkin span.mce_fullpage {background-position:-80px -20px} +.richfacesSkin span.mce_fullscreen {background-position:-100px -20px} +.richfacesSkin span.mce_iespell {background-position:-120px -20px} +.richfacesSkin span.mce_insertdate {background-position:-140px -20px} +.richfacesSkin span.mce_inserttime {background-position:-160px -20px} +.richfacesSkin span.mce_absolute {background-position:-180px -20px} +.richfacesSkin span.mce_backward {background-position:-200px -20px} +.richfacesSkin span.mce_forward {background-position:-220px -20px} +.richfacesSkin span.mce_insert_layer {background-position:-240px -20px} +.richfacesSkin span.mce_insertlayer {background-position:-260px -20px} +.richfacesSkin span.mce_movebackward {background-position:-280px -20px} +.richfacesSkin span.mce_moveforward {background-position:-300px -20px} +.richfacesSkin span.mce_media {background-position:-320px -20px} +.richfacesSkin span.mce_nonbreaking {background-position:-340px -20px} +.richfacesSkin span.mce_pastetext {background-position:-360px -20px} +.richfacesSkin span.mce_pasteword {background-position:-380px -20px} +.richfacesSkin span.mce_selectall {background-position:-400px -20px} +.richfacesSkin span.mce_preview {background-position:-420px -20px} +.richfacesSkin span.mce_print {background-position:-440px -20px} +.richfacesSkin span.mce_cancel {background-position:-460px -20px} +.richfacesSkin span.mce_save {background-position:-480px -20px} +.richfacesSkin span.mce_replace {background-position:-500px -20px} +.richfacesSkin span.mce_search {background-position:-520px -20px} +.richfacesSkin span.mce_styleprops {background-position:-560px -20px} +.richfacesSkin span.mce_table {background-position:-580px -20px} +.richfacesSkin span.mce_cell_props {background-position:-600px -20px} +.richfacesSkin span.mce_delete_table {background-position:-620px -20px} +.richfacesSkin span.mce_delete_col {background-position:-640px -20px} +.richfacesSkin span.mce_delete_row {background-position:-660px -20px} +.richfacesSkin span.mce_col_after {background-position:-680px -20px} +.richfacesSkin span.mce_col_before {background-position:-700px -20px} +.richfacesSkin span.mce_row_after {background-position:-720px -20px} +.richfacesSkin span.mce_row_before {background-position:-740px -20px} +.richfacesSkin span.mce_merge_cells {background-position:-760px -20px} +.richfacesSkin span.mce_table_props {background-position:-980px -20px} +.richfacesSkin span.mce_row_props {background-position:-780px -20px} +.richfacesSkin span.mce_split_cells {background-position:-800px -20px} +.richfacesSkin span.mce_template {background-position:-820px -20px} +.richfacesSkin span.mce_visualchars {background-position:-840px -20px} +.richfacesSkin span.mce_abbr {background-position:-860px -20px} +.richfacesSkin span.mce_acronym {background-position:-880px -20px} +.richfacesSkin span.mce_attribs {background-position:-900px -20px} +.richfacesSkin span.mce_cite {background-position:-920px -20px} +.richfacesSkin span.mce_del {background-position:-940px -20px} +.richfacesSkin span.mce_ins {background-position:-960px -20px} +.richfacesSkin span.mce_pagebreak {background-position:0 -40px} +.richfacesSkin .mce_spellchecker span.mceAction {background-position:-540px -20px} +]]> +</f:verbatim> + +</f:template> \ No newline at end of file Added: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/content.xcss =================================================================== --- trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/content.xcss (rev 0) +++ trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/content.xcss 2008-11-11 13:18:29 UTC (rev 11077) @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="UTF-8"?> +<f:template xmlns:f='http:/jsf.exadel.com/template' + xmlns:u='http:/jsf.exadel.com/template/util' + xmlns="http://www.w3.org/1999/xhtml" > + +<f:verbatim><![CDATA[ +body, td, pre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} + +body {background: #FFF;} +.mceVisualAid {border: 1px dashed #BBB;} + +/* IE */ + +* html body { +scrollbar-3dlight-color: #F0F0EE; +scrollbar-arrow-color: #676662; +scrollbar-base-color: #F0F0EE; +scrollbar-darkshadow-color: #DDDDDD; +scrollbar-face-color: #E0E0DD; +scrollbar-highlight-color: #F0F0EE; +scrollbar-shadow-color: #F0F0EE; +scrollbar-track-color: #F5F5F5; +} +]]> +</f:verbatim> +</f:template> Added: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/img/button_bg.png =================================================================== (Binary files differ) Property changes on: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/img/button_bg.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/ui.xcss =================================================================== --- trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/ui.xcss (rev 0) +++ trunk/sandbox/ui/editor/src/main/resources/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/richfaces/ui.xcss 2008-11-11 13:18:29 UTC (rev 11077) @@ -0,0 +1,93 @@ +<?xml version="1.0" encoding="UTF-8"?> +<f:template xmlns:f='http:/jsf.exadel.com/template' + xmlns:u='http:/jsf.exadel.com/template/util' + xmlns="http://www.w3.org/1999/xhtml" > + +<f:verbatim><![CDATA[ +/* Reset */ +.richfacesSimpleSkin table, .richfacesSimpleSkin tbody, .richfacesSimpleSkin a, .richfacesSimpleSkin img, .richfacesSimpleSkin tr, .richfacesSimpleSkin div, .richfacesSimpleSkin td, .richfacesSimpleSkin iframe, .richfacesSimpleSkin span, .richfacesSimpleSkin * {border:0; margin:0; padding:0; background:transparent; white-space:nowrap; text-decoration:none; font-weight:normal; cursor:default; color:#000} + +/* Containers */ +.richfacesSimpleSkin {position:relative} +.richfacesSimpleSkin table.mceLayout {background:#E5EFFD; border:1px solid #ABC6DD;} +.richfacesSimpleSkin iframe {display:block; background:#FFF; border-bottom:1px solid #ABC6DD;} +.richfacesSimpleSkin .mceToolbar {height:26px;} + +/* Layout */ +.richfacesSimpleSkin .mceToolbar .mceToolbarStart span {display:block; width:1px; height:22px; } +]]> +</f:verbatim> +<u:selector name=".richfacesSimpleSkin .mceToolbar .mceToolbarStart span"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/o2k7/img/button_bg.png"/> + </u:style> + <u:style name="background-position" value="-22px 0"/> +</u:selector> +<f:verbatim> +<![CDATA[ +.richfacesSimpleSkin .mceToolbar .mceToolbarEnd span {display:block; width:1px; height:22px} +]]> +</f:verbatim> +<u:selector name=".richfacesSimpleSkin .mceToolbar .mceToolbarEnd span"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/o2k7/img/button_bg.png"/> + </u:style> + <u:style name="background-position" value="-22px 0"/> +</u:selector> +<f:verbatim> +<![CDATA[ +.richfacesSimpleSkin span.mceIcon, .richfacesSimpleSkin img.mceIcon {display:block; width:20px; height:20px} +]]> +</f:verbatim> +<u:selector name=".richfacesSimpleSkin .mceIcon"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/img/icons.gif"/> + </u:style> + <u:style name="background-repeat" value="no-repeat"/> + <u:style name="background-position" value="20px 20px"/> +</u:selector> +<f:verbatim> +<![CDATA[ + +/* Button */ +.richfacesSimpleSkin .mceButton {display:block; width:22px; height:22px} +]]> +</f:verbatim> +<u:selector name=".richfacesSimpleSkin .mceButton"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/o2k7/img/button_bg.png"/> + </u:style> +</u:selector> +<f:verbatim> +<![CDATA[ +.richfacesSimpleSkin a.mceButton span, .richfacesSimpleSkin a.mceButton img {margin:1px 0 0 1px} +.richfacesSimpleSkin a.mceButtonEnabled:hover {background-color:#B2BBD0; background-position:0 -22px} +.richfacesSimpleSkin a.mceButtonActive {background-position:0 -44px} +.richfacesSimpleSkin .mceButtonDisabled span {opacity:0.3; filter:alpha(opacity=30)} + +/* Separator */ +.richfacesSimpleSkin .mceSeparator {display:block; width:5px; height:22px} +]]> +</f:verbatim> +<u:selector name=".richfacesSimpleSkin .mceSeparator"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/scripts/tiny_mce/themes/simple/skins/o2k7/img/button_bg.png"/> + </u:style> + <u:style name="background-position" value="-22px 0"/> +</u:selector> +<f:verbatim> +<![CDATA[ + +/* Theme */ +.richfacesSimpleSkin span.mce_bold {background-position:0 0} +.richfacesSimpleSkin span.mce_italic {background-position:-60px 0} +.richfacesSimpleSkin span.mce_underline {background-position:-140px 0} +.richfacesSimpleSkin span.mce_strikethrough {background-position:-120px 0} +.richfacesSimpleSkin span.mce_undo {background-position:-160px 0} +.richfacesSimpleSkin span.mce_redo {background-position:-100px 0} +.richfacesSimpleSkin span.mce_cleanup {background-position:-40px 0} +.richfacesSimpleSkin span.mce_insertunorderedlist {background-position:-20px 0} +.richfacesSimpleSkin span.mce_insertorderedlist {background-position:-80px 0} +]]> +</f:verbatim> +</f:template>