I'm looking thru the Minimal Extopy skin as I attempt to learn skininng...

In the Minimal Extropy index.ascx file it has this line:

<div id="ControlPanel" runat="server" />

 and in the CSS file this line:

.ControlPanel {background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}

Why is .ControlPanel used instead of #ControlPanel.  I though IDs were referenced with # and classes with a period.

Thanks-
rick

Hello,

Yes you are correct

Ids are #
Classes are .

If you view the source code of a page with the Control Panel displaying you will see that the ID becomes #dnn_ControlPanel and also DotNetNuke automatically adds a class of .ControlPanel

when a div has runat="server" in it, the id of the div always has dnn_ added to it.

I don't know why they specify a class as well, because you could style the control panel by specifying the ID instead:

#dnn_ControlPanel { }

Just something to be aware of I guess, thanks,