DotNetNuke DNN Hosting

Main Classes

.SkinObject

The overall font sizing for Search, Date, Breadcrumbs, Login, Register, Copyright, Terms, Privacy.

The font colour for Date, Copyright (They are not links).

.SkinObject {
    font-weight: bold;
    font-size: 15pt;
    color: orange;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}


The font colour for links: Search, Breadcrumbs, Terms, Privacy

A.SkinObject:link {
    text-decoration: none;
    color: red;
}


Skin Object

Changes the colour if you have visited the link (see the Home link in the breadcrumbs above)

A.SkinObject:visited  {
    text-decoration:    none;
    color: purple;
}


Changes the colour whenever you hover over a link (see the logout link in the image above)

A.SkinObject:hover    {
    text-decoration: none;
    color: blue;
}


Changes the colour when you click the link

A.SkinObject:active   {
    text-decoration: none;
    color: green;
}


Note: The link classes need to be defined in the following order for the hover and active states to work correctly: link, visited, hover, active (as above). One way to remember this is the mnemonic: ‘LoVe Hate’

The default.css file currently places the link classes in this order: link, visited, active, hover so the active state does not work. You need to edit the order within the default.css file for the active state to work. (In most websites though you would specify the same settings for active and hover).