How does your editor stylesheet look?

Frederik

Hi Frederik,

Sorry for the late reply,as I was away from work. Are you referring to the css files that are being referred in edit mode.

The editor stylesheet point to the following css files:

/App_Themes/Default/Styles/system.css,

/App_Themes/Default/Styles/Toolbutton.css

The editor text box points to the path: "/util/editor/emptyeditor.aspx?uieditorcsspaths=%2fstyles/%2feditor.css"

The sitesettings entry for uiEditorCSSPaths in web.config point to "~/Styles/editor.css"

Please let me know if I am missing any configuration.

How does editor.css look?

Frederik

Hi Frederik,

Thanks for the immediate reply.

I have copied the entire css below. This is downloadable via browser. I picked this up from EPiServer folder that is installed in my machine.

<episerver installation drive>\EPiServer\CMS\5.2.375.7\Application\util\styles\editor.css

Kindly let me know if the CSS is incorrect.

html, body
{
 height: 100%;
 margin: 0;
 padding: 0;
}
body
{
 margin: 0em 2px 0em 2px;
}
A
{
 background-color: Yellow;
}

Q
{
 background-color: #c5d2fb;
}

TABLE.borderless
{
 border-collapse: separate;
 border-style: solid;
 border-width: 1px;
 border-color: Silver; 
}

TABLE.selectable
{
 border-collapse: separate;
 border-style: solid;
 border-width: 1px;
 border-color: Silver; 
}

/* TD classes */
TD.selectable
{
}

TABLE.selectable TD.selected, TABLE.borderless TD.selected
{
 color: White;
 background-color: #6666aa;
}

TABLE.selectable TD.borderless, TABLE.borderless TD.borderless
{
 border-style: solid;
 border-width: 1px;
 border-color: Silver;
}

TABLE.selectable TD.rowheader, TABLE.borderless TD.rowheader
{
 border-right: 2px solid #0077cc;
}

TABLE.selectable TD.colheader, TABLE.borderless TD.colheader
{
 border-bottom: 2px solid #0077cc;
}

/* TH classes */
TH
{
 border-style: solid;
 border-width: 1px;
 border-color: #0077cc;
}
TH.selectable
{
}

TABLE.selectable TH.selected, TABLE.borderless TH.selected
{
 color: White;
 background-color: #6666aa;
}

TABLE.selectable TH.rowheader, TABLE.borderless TH.rowheader
{
 border-right: 2px solid #0077cc;
}

TABLE.selectable TH.colheader, TABLE.borderless TH.colheader
{
 border-bottom: 2px solid #0077cc;
}

TABLE.selectable TH.borderless, TABLE.borderless TH.borderless
{
}

CAPTION
{
 border-style: dotted;
 border-width: 1px;
 border-color: #6666aa;
}

IMG.selected
{
 border: 1px dashed highlight;
}

BODY.editmode
{
 text-align: left;
 padding-left: 3px;
}

.dynamiccontent
{
 font-family: Tahoma, MS Sans Serif, Arial, Geneva, Helvetica;
 font-size: 12px;
 border: 1px solid #333333;
 background-color: #F8EDA4;
 padding: 3px;
}