I apologize for posting it here, but posting within the customer area hasn't got me any answers yet, and I am desperate. I need help/guidance with maintaining styles based on classes/IDs that I have defined - with no extra help from DNN's built in CSS. Please see below:
----
This will be long...
I am trying to understand why extra host level CSS is being thrown into my portal. My new site will have three skins. We will call them home, sub1 and sub2.
I had already created one skin for sub1: skins-->sub1-->skin.ascx and skin.css.
skin.ascx has three panes for a page specific photo, the main content and a highlight content.
skin.css imports several other CSS files that define everything that needs to be defined for the entire portal. In HTML layout everything looks perfect.
Skin.css:
@charset "UTF-8";
/* CSS Document */
/******************** E.M. CSS RESET ********************/
@import url("/portals/cde/css/reset.css");
/******************** SITE FRAMEWORK ********************/
@import url("/portals/cde/css/master.css");
@import url("/portals/cde/css/header.css");
@import url("/portals/cde/css/nav.css");
@import url("/portals/cde/css/footer.css");
/****************** SUB1 SPECIFICITY ******************/
@import url("/portals/cde/css/sub1.css");
html {overflow-y: scroll;}
------
When I create a blank page and specify sub1 as its parent skin, everything is looking great, until I add one HTMLPro module. That's when different DNN CSS files start to appear, and my panes start to have extra padding, not use the right font at all, etc.. This is what appears:
<link href="/Portals/_default/default.css?cdv=35" type="text/css" rel="stylesheet" />
<link href="/DesktopModules/HTML/module.css?cdv=35" type="text/css" rel="stylesheet" />
<link href="/portals/cde/Skins/sub1/skin.css?cdv=35" type="text/css" rel="stylesheet" />
<link href="/Portals/_default/Containers/Gravity/container.css?cdv=35" type="text/css" rel="stylesheet" />
How can I stop links #2 and #4 (Bold above) to stop appearing? Why do I need them when 100% of the layout is defined in my own CSS.
A part of my skin file:
<div id="content">
<div id="PS-CDE-COE">
<h3><a href="#" title="My Title"><span>My Title</span></a></h3>
</div>
<div id="ContentPane" runat="server">
</div>
</div>
Browser output (why so much extra stuff):
<div id="content">
<div id="PS-CDE-COE">
<h3><a href="#" title="My Title"><span>My Title</span></a></h3>
</div>
<div id="dnn_ContentPane">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-1470">
<a name="1470"></a>
<div class="DNNContainer_Title_h2 SpacingBottom">
<h2><span id="dnn_ctr1470_dnnTITLE_titleLabel" class="TitleH2"></span>
</h2>
<div id="dnn_ctr1470_ContentPane">
<!-- Start_Module_1470 -->
<div id="dnn_ctr1470_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr1470_HtmlModule_lblContent" class="Normal">
<h1>Header 1</h1>
</div>
</div>
<!-- End_Module_1470 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!--contentCLOSE-->
I really need help with this as I am brand new to DNN but certainly not new to CSS/HTML/ASP.NET.
BTW: I don't have a container for sub1 skinset because I am not sure why I really need it.
Thank you.