Also, here is the default.css file that is fixed and very mildly optimized, saving a few kb.
/* ================================
Default styles FOR DotNetNuke
================================
*/
/* background color for the content part of the pages */
Body {
margin: 0;
background: #FFF;
}
.ControlPanel, .PagingTable {
width: 100%;
border: 1px solid #036;
background: #FFF;
}
.SkinObject {
color: #036;
text-decoration: none;
font: bold 8.5pt Tahoma, Arial, Helvetica;
}
A.SkinObject:link {
text-decoration: none;
color: #036;
}
A.SkinObject:visited {
text-decoration: none;
color: #036;
}
A.SkinObject:hover {
text-decoration: none;
color: #036;
}
A.SkinObject:active {
text-decoration: none;
color: #036;
}
/* styles for LANGUAGE skinobject */
.Language {
vertical-align: middle;
margin: 0;
}
.Language img {
border: none;
}
/* style for module titles */
.Head {
color: #333;
font: normal 20px Tahoma, Arial, Helvetica;
}
/* style of item titles on edit and admin pages */
.SubHead {
color: #036;
font: bold 11px Tahoma, Arial, Helvetica;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
color: #000;
font: bold 11px Tahoma, Arial, Helvetica;
}
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled {
font: normal 11px Tahoma, Arial, Helvetica;
}
/* text style used for rendered text which should appear disabled */
.NormalDisabled {
color: #C0C0C0;
}
/* text style used for rendered text which requires emphasis */
.NormalBold {
font: bold 11px Tahoma, Arial, Helvetica;
}
/* text style used for error messages */
.NormalRed {
color: #F00;
font: bold 12px Tahoma, Arial, Helvetica;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
font: normal 12px Tahoma, Arial, Helvetica;
}
/* styles used by Data Grids */
.DataGrid_AlternatingItem {
color: #F00;
background: #FFF;
font: normal 10px Tahoma, Arial, Helvetica;
}
.DataGrid_Container {
background: Transparent;
}
.DataGrid_Footer {
background: #FFF;
}
.DataGrid_Header {
color: #000;
text-align: center;
background: Transparent;
font: bold 10px Tahoma, Arial, Helvetica;
}
.DataGrid_Item {
color: #000;
background: Transparent;
font: normal 10px Tahoma, Arial, Helvetica;
}
.DataGrid_SelectedItem {
color: #00F;
background: #C0C0C0;
font: normal 10px Tahoma, Arial, Helvetica;
}
/* styles used by TreeMenu Skin Object */
.TreeMenu_Node {
font: normal 12px Tahoma, Arial, Helvetica;
}
.TreeMenu_NodeSelected {
background: #DCDCDC;
font: normal 12px Tahoma, Arial, Helvetica;
}
A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
text-decoration: none;
color: #036;
}
A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited {
text-decoration: none;
color: #036;
}
A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover {
text-decoration: none;
color: #F00;
}
A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active {
text-decoration: none;
color: #036;
}
/* styles used in the FileManager */
.FileManager {
height: 400px;
border: 1px solid #000;
}
.FileManager_ToolBar {
border-bottom: 1px solid #000;
height: 25px;
}
.FileManager_Explorer {
height: 100%;
border: 1px solid #696969;
margin: 2px;
background: #FFF;
}
.FileManager_FileList {
height: 100%;
border: 1px solid #696969;
margin: 2px;
overflow: auto;
background: #FFF;
}
.FileManager_MessageBox {
text-align: center;
vertical-align: middle;
padding: 25px;
background: #FFF;
}
.FileManager_Header {
color: #E7E7FF;
border-bottom: 1px solid #696969;
height: 25px;
background: #9EBFF6;
font: bold 11px Tahoma, Arial, Helvetica;
}
.FileManager_Pager {
border-top: 1px solid #696969;
height: 25px;
background: #EEE;
font: bold 11px Tahoma, Arial, Helvetica;
}
.FileManager_StatusBar {
height: 25px;
margin: 2px;
background: #DEDFDE;
font: normal 11px Tahoma, Arial, Helvetica;
}
.FileManager_Item {
color: #000;
border-top: 1px dashed #000;
border-bottom: 1px dashed #000;
background: #F8F8F8;
font: normal 11px Tahoma, Arial, Helvetica;
}
.FileManager_AltItem {
color: #000;
border-width: 0;
background: #EEE;
font: normal 11px Tahoma, Arial, Helvetica;
}
.FileManager_SelItem {
color: #FFF;
border-width: 0;
background: #9FF;
font: bold 11px Tahoma, Arial, Helvetica;
}
.FileManagerTreeNode {
font: normal 11px Tahoma, Arial, Helvetica;
}
.FileManagerTreeNodeSelected {
background: #DCDCDC;
font: normal 11px Tahoma, Arial, Helvetica;
}
A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
text-decoration: none;
color: #036;
}
A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited {
text-decoration: none;
color: #036;
}
A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover {
text-decoration: none;
color: #F00;
}
A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active {
text-decoration: none;
color: #036;
}
/* styles used in the Wizard Framework */
.Wizard {
height: 400px;
width: 650px;
border: 1px solid #000;
}
.WizardButton {
border: 1px solid #696969;
background: #DCDCDC;
padding: 2px;
}
.WizardHeader {
background: #FFC;
border-bottom: 1px solid #000;
height: 40px;
}
.WizardFooter {
border-top: 1px solid #000;
background: #CFC;
height: 25px;
text-align: right;
}
.WizardBody {
height: 325px;
padding: 10px;
}
.WizardHelp {
font-size: 9pt;
border-left: 1px solid #000;
width: 180px;
background: #CFF;
padding: 5px;
}
.WizardHelpText {
overflow: auto;
width: 180px;
color: #000;
height: 300px;
font: 8pt Tahoma, Verdana, Arial, Sans-Serif;
}
.WizardText {
color: #000;
font: 9pt Tahoma, Verdana, Arial, Sans-Serif;
}
/* text style used for help text rendered by modules */
.Help {
color: #000;
border: 1px solid #000;
background: #FF9;
font: normal 11px Tahoma, Arial, Helvetica;
padding: 2px;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
font: normal 11px Tahoma, Arial, Helvetica;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
text-decoration: underline;
color: #036;
}
A.CommandButton:visited {
text-decoration: underline;
color: #036;
}
A.CommandButton:hover {
text-decoration: underline;
color: #F00;
}
A.CommandButton:active {
text-decoration: underline;
color: #036;
}
/* button style for standard HTML buttons */
.StandardButton {
padding-right: 5px;
padding-left: 5px;
background: #DDD;
color: #000;
font: normal 11px Verdana, sans-serif;
}
/* GENERIC */
H1 {
color: #664;
font: normal 20px Tahoma, Arial, Helvetica;
}
H2 {
color: #664;
font: normal 20px Tahoma, Arial, Helvetica;
}
H3 {
color: #036;
font: normal 12px Tahoma, Arial, Helvetica;
}
H4 {
color: #036;
font: normal 12px Tahoma, Arial, Helvetica;
}
H5, DT {
color: #036;
font: bold 11px Tahoma, Arial, Helvetica;
}
H6 {
color: #036;
font: bold 11px Tahoma, Arial, Helvetica;
}
TFOOT, THEAD {
color: #036;
font: 12px Tahoma, Arial, Helvetica;
}
TH {
vertical-align: baseline;
color: #036;
font: bold 12px Tahoma, Arial, Helvetica;
}
A:link {
text-decoration: none;
color: #036;
}
A:visited {
text-decoration: none;
color: #036;
}
A:hover {
text-decoration: underline;
color: #F00;
}
A:active {
text-decoration: none;
color: #036;
}
SMALL {
font-size: 8px;
}
BIG {
font-size: 14px;
}
BLOCKQUOTE, PRE {
font-family: "Lucida Console", monospace;
}
UL LI {
list-style-type: square;
}
UL LI LI {
list-style-type: disc;
}
UL LI LI LI {
list-style-type: circle;
}
OL LI {
list-style-type: decimal;
}
OL OL LI {
list-style-type: lower-alpha;
}
OL OL OL LI {
list-style-type: lower-roman;
}
OL UL LI {
list-style-type: disc;
}
HR {
color: #696969;
height: 1pt;
text-align: left;
}
/* Module Title Menu */
.ModuleTitle_MenuContainer {
border: 0 solid #00F;
}
.ModuleTitle_MenuBar {
cursor: pointer;
height: 16px;
background: Transparent;
}
.ModuleTitle_MenuItem {
cursor: pointer;
color: #000;
border-top: 1px solid #FFF;
border-right: 0 solid #FFF;
border-bottom: 1px solid #FFF;
border-left: 0 solid #FFF;
background: Transparent;
font: normal bold 9pt Tahoma, Arial, Helvetica;
}
.ModuleTitle_MenuIcon {
cursor: pointer;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
border-left: 1px solid #EEE;
text-align: center;
width: 15px;
height: 21px;
background: #EEE;
}
.ModuleTitle_SubMenu {
z-index: 1000;
cursor: pointer;
border: 0 solid #FFF;
background: #FFF;
}
.ModuleTitle_MenuBreak {
border-top: 1px solid #EEE;
border-right: 0 solid #EEE;
border-bottom: 1px solid #EEE;
border-left: 0 solid #EEE;
height: 1px;
background: #EEE;
}
.ModuleTitle_MenuItemSel {
cursor: pointer;
color: #000;
background: #C1D2EE;
font: normal bold 9pt Tahoma, Arial, Helvetica;
}
.ModuleTitle_MenuArrow {
cursor: pointer;
border-top: 0 solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
font: 10pt webdings;
}
.ModuleTitle_RootMenuArrow {
cursor: pointer;
font: 10pt webdings;
}
/* Main Menu */
.MainMenu_MenuContainer {
background: transparent;
}
.MainMenu_MenuBar {
cursor: pointer;
height: 16px;
background: Transparent;
}
.MainMenu_MenuItem {
cursor: pointer;
color: #000;
border-top: 1px solid #FFF;
border-right: 0 solid #FFF;
border-bottom: 1px solid #FFF;
border-left: 0 solid #FFF;
background: Transparent;
font: normal bold 9pt Tahoma, Arial, Helvetica;
}
.MainMenu_MenuIcon {
cursor: pointer;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
border-left: 1px solid #EEE;
text-align: center;
width: 15px;
height: 21px;
background: #EEE;
}
.MainMenu_SubMenu {
z-index: 1000;
cursor: pointer;
border: 0 solid #FFF;
background: #FFF;
}
.MainMenu_MenuBreak {
border-top: 1px solid #EEE;
border-right: 0 solid #EEE;
border-bottom: 1px solid #EEE;
border-left: 0 solid #EEE;
height: 1px;
background: #EEE;
}
.MainMenu_MenuItemSel {
cursor: pointer;
color: #000;
background: #C1D2EE;
font: normal bold 9pt Tahoma, Arial, Helvetica;
}
.MainMenu_MenuArrow {
cursor: pointer;
border-top: 0 solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
font: 10pt webdings;
}
.MainMenu_RootMenuArrow {
cursor: pointer;
font: 10pt webdings;
}
/* LEGACY STYLES from DNN 1-2 */
.HeadBg {
background: #CCC;
}
.TabBg {
background: #000;
}
.SelectedTab {
color: #FFF;
text-decoration: none;
font: bold 8.5pt Tahoma, Arial, Helvetica;
}
A.SelectedTab:link {
text-decoration: none;
color: #FFF;
}
A.SelectedTab:visited {
text-decoration: none;
color: #EEE;
}
A.SelectedTab:hover {
text-decoration: none;
color: #CCC;
}
A.SelectedTab:active {
text-decoration: none;
color: #EEE;
}
.OtherTabs {
color: #FFF;
text-decoration: none;
font: bold 8.5pt Tahoma, Arial, Helvetica;
}
A.OtherTabs:link {
text-decoration: none;
color: #FFF;
}
A.OtherTabs:visited {
text-decoration: none;
color: #EEE;
}
A.OtherTabs:hover {
text-decoration: none;
color: #CCC;
}
A.OtherTabs:active {
text-decoration: none;
color: #EEE;
}
.PagingTable {
height: 33px;
}
/*
.LabelEditOverClass
{
cursor: pointer;
text-decoration: underline overline;
}
*/
.LabelEditTextClass {
border: 1px solid #F00;
background: Transparent;
}
.LabelEditWorkClass {
/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
border: 0 solid #F00;
background: Transparent;
}
/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu {
border: 1px solid #000;
white-space: nowrap;
background: #FFF;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver {
color: #FFF;
background: #000080;
}
/*Edit In Place Tool Bar Classes*/
.eipbackimg {
border: 1px outset; /*give toolbar a 3D look*/
position: absolute; /*needed so it doesn't take up space */
margin-top: -22px; /*specify toolbar to be just above text */
white-space: nowrap; /* makes toolbar horizontal */
background: url(../../images/eip_toolbar.gif);
background-color: #9CC;
height: 22px;
}
.eipbuttonbackimg {
width: 21px;
height: 21px;
cursor: pointer; /*change mouse to pointer when hover over button*/
display: -moz-inline-box; /* Gecko proprietary (ORDER IS IMPORTANT HERE!)*/
display: inline-block; /* supported by Opera and ? */
}
.eipbutton_edit {
background: url(../../images/eip_edit.gif) no-repeat 100% center;
}
.eipbutton_save {
background: url(../../images/eip_save.gif) no-repeat 100% center;
}
.eipborderhover {
border: 1px outset;
}
/* used to collapse panes without any content in them */
.DNNEmptyPane {
width: 0;
}
/* used to set the different module align options - from module settings */
.DNNAlignleft {
text-align: left;
}
.DNNAlignright {
text-align: right;
}
.DNNAligncenter {
text-align: center;
}
/* Login Styles */
.LoginPanel {
}
.LoginTabGroup {
}
.LoginTab {
float: left;
background: url("../../images/tablogin_gray.gif") left top;
margin: 0 3px 3px 0;
padding: 5px 5px 4px;
text-decoration: none;
color: #FFF;
border: 1px solid #25569A;
}
.LoginTabSelected {
float: left;
background: url("../../images/tablogin_gray.gif") left top;
margin: 0 3px 3px 0;
padding: 5px 5px 4px;
text-decoration: none;
color: #FFF;
background-position: 0 -41px;
border: 1px solid #25569A;
}
.LoginTabHover {
float: left;
background: url("../../images/tablogin_gray.gif") left top;
margin: 0 3px 3px 0;
padding: 5px 5px 4px;
text-decoration: none;
color: #555;
border: 1px solid #C00;
cursor: pointer;
}
.LoginContainerGroup {
clear: both;
padding-top: 5px;
}
.LoginContainer {
}