DotNetnuke Skinning - CSS, XML, HTM / HTML, & ASCX Files

Here we provide several CSS, XML, HTM / HTML, & ASCX Files to compare and refer to when designing and editing your DotNetNuke Skins.

CSS Files	XML Files	HTM / HTML Files	ASCX Files
skin.css (DNN-Gray)	skin.xml (DNN-Gray)	DNN-Gray.html	DNN-Gray.ascx
container.css (DNN-Gray)	container.xml (DNN-Gray)
default.css
portal.css

Container.css (DNN-Gray)

This is the DNN-Gray Skin's container.css file and is here to give you an example of the container.css file. The CSS classes, ID, etc. used within the container.css file primarily depend on the skin/container designer.

/*
================================
 Container Styles for DotNetNuke
================================
*/   

.containermaster_gray {
    width: 100%;
    background-color: #dddddd;
    border-right: #8f9092 1px solid;
    border-top: #8f9092 1px solid;
    border-left: #8f9092 1px solid;
    border-bottom: #8f9092 1px solid;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}
.containerrow1_gray {
    background-image: url(gradient_LtGray.jpg);
}
.containerrow2_gray {
    background-color: #ffffff;
}
.ModuleTitle_MenuItem {
    border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    height: 21px;
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;    
}


.ModuleTitle_MenuIcon {
    cursor: pointer;
    cursor: hand;
    background-color: #EEEEEE;
    width: 15px;
    height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu
{
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    background-color: #FFFFFF;
    filter:progid:DXImageTransform.Microsoft. Shadow(color='DimGray', Direction=135, Strength=3);
    padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak  {
    background-color: #EEEEEE;
    font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel {

    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #DDDDDD;
}