[SOLVED] Can We Style Up "Content*:" Admin Area Slightly?

[govicinity]

1.10.3 "Hyacinthe"

Is there any way we can style up the text we input into the Content*: area slightly in the admin area? I want to make it as easy as possible for my clients to know what they have done to their text without having to go and view the site in it's front end. I know that when you create a link it automatically shows as blue, but if at all possible I'd like to be able to have some of the other elements such as h1, h2, h3 and h4 tags, li etc, and some of the other available options to look different (colour/size ec... no more style than that really), just to help make it a little more dummy-proof.

[govicinity]

After scratching my head for a little while it seems I've stumbled across the answer myself.
If you use a generic style request it also uses that style within the admin area, so If I were to use:

Code: Select all

body {
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 100%;
}

h1,
h2,
h3,
h4,
ul,
ol,
li,
dl,
dd,
dt,
p {
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}

ul, #wrapper li {
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	border: none;
}

It would strip all of the style in the Content*: area too, but if I restrict it to just within the wrapper like this:

Code: Select all

/* Style resets
----------------------------------------------- */

body {
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 100%;
}

#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper ul,
#wrapper ol,
#wrapper li,
#wrapper dl,
#wrapper dd,
#wrapper dt,
#wrapper p {
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}

#wrapper ul, #wrapper li {
	list-style: none;
}

#wrapper a {
	text-decoration: none;
}

#wrapper img {
	border: none;
}

It keeps all of the formatting (albeit the default style) in the editable areas within the admin section, super! Hope this helps somebody else!