Hi,
I've created some websites with Zen-Wireframe and Business. All works fine.
But now I have a problem:
I'd like to mark text in the RTE like RED. In the RTE is a pulldown with "wichtig" <> "important", an so on. How I must configure the layout.css to create this colors. I think, the key is in this part:
/* General element styles:*/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:arial, helvetica; color:#333; }
A { color:#ce0000; text-decoration:none; }
A:hover { color:#003399; text-decoration:underline; }
FORM { margin:0px; }
P, TD, UL, OL { font-size:12px; line-height:1.5em; color:#333; margin:10px 0px;}
INPUT, TEXTAREA, SELECT textarea { font-family:arial, helvetica, sans-serif; color:#333; border: #006AC2 1px solid; font-size:12px; }
ul { margin-left:8px;padding-left:0px;list-style-position: inside; }
/* Frames, spacing, link-to-top */
DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 {
height: 1%;
background:#333;
/*background: url(../images/frame1.jpg) 0 0 no-repeat;*/ /* uncomment this if you want to use a background image*/
color:#fff;
padding:2px 6px;
border-bottom:2px solid #fff;}
DIV.csc-frame-frame1 {
background: #fff;
border: 0px solid #ccc;
border-bottom:12px solid #fff;
}
DIV.csc-frame-frame1 p {
color:#333;
}
DIV.csc-frame-frame2 { padding:0px 0px 4px 0px; background: url(../images/menu_dot.gif) repeat-x bottom; margin-bottom:14px; margin-top:3px; font-size:12px; }
/* Headers, plain */
H1 { font-size:22px; color:#ce0000; font-weight:bold;}
H2 { font-size:18px; color:#000; font-weight:bold; }
H3 { font-size:16px; color:#000; font-weight:bold;}
H4 { font-size:14px; color:#ce0000; font-weight:bold;}
H5 { font-size:12px; color:#ce0000; font-weight:bold;}
H1, H2, H3, H4, H5, H6 { margin:0; padding:0;}
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }
/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #555; text-decoration:none; }
H2 A { color:#555; }
H3 A { color:#555; }
H4 A { color:#555; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; }
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:12px; }
DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:12px; }
DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:12px; }
/* Header date */
P.csc-header-date { font-size:10px; color:#555; }
Many thanks,
Stefan
