Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...How to use skinHow to use skin's css file for module
Previous
 
Next
New Post
2/20/2008 8:42 AM
 

Hi,

I have a Skin file. And when I am changing the style of buttons and links in CSS file of my skin. Then all the links and buttons takes effect in my dotnetnuke application.  But when I want to change the style of my label which is asp:label then its remain uneffected. My problem is that I don't want to use Module.css. So any one of you can tell me where I should change in CSS file for change the style of labels.

My CSS File code is here...........

/*========================================================*/
/*         Skin styles for  dnnskin.com: Techie           */
/*              created by dnnskin.com                    */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. General                                            */
/*  2. Skin Layout                                        */
/*  3. Controls                                           */
/*  4. Links and Buttons                                  */
/*  5. Text                                               */
/*  6. Main Menu                                          */
/*  7. Module Menus                                       */

/*========================================================*/


/*========================================================*/
/*  1. General                                            */
/*========================================================*/



/* Forces browser height of 100% */
html{
    height:100%;
}


/* Body style */
body {
    margin-top:10px;
    margin-bottom:30px;
    background: #336699;
    color:#666;
    font-size: 130%;
    text-align:center;
}


/* To ensure text consistency */
div, table, tr, td {
    font-family:Tahoma;
    font-size:11px;
    line-height:1.4em;
}



/*========================================================*/
/*  2. Page Layout                                        */
/*========================================================*/



/* You may adjust the site width here */
.SiteWidth {
    width: 80%;
    background-color:#fff;
    padding: 20px;
    border: 1px solid #003366; /* Outer border: darker blue */
    margin: 20px;
    text-align: center;
}


/* The container for inner for site table */
.SiteBorder{
    width: 100%;
    border: 1px solid #336699; /* Inner border: lighter blue */
    padding: 20px;
    text-align: center;
}


/* Style for Solpart Menu */
.Menu {
    background-color:#E03623;
    height:25px;   
}


/* Style for Panes */
.TopPane{
    background-color:#fff;
    padding:10px 0 10px 0;
}

.LeftPane{
    background-color:#fff;
    padding:0 15px 20px 0;
}

.ContentPane{
    background-color:#fff;
    padding:0 15px 20px 0;
}

.RightPane{
    background-color:#fff;
    padding:0 0 20px 15px;
    border-left:1px solid #999;
}

.BottomPane{
    background-color:#fff;
    padding:10px 0 10px 0;
}

/* The very tricky separator */
.Separator{
    background-color:#E03623;  /* add the background color so the   break wouldn't show and will work on both ie and firefox */
    background-image:url(vline.gif); height:25px; width:1px;
    padding-left:3px; /* To create the funny multiple vline */
    padding-right:3px; /* To create the funny multiple vline */

}


/*========================================================*/
/*  3. Controls                                           */
/*========================================================*/



/* Style for date control */
.date{
    font-family:tahoma;
    color:#555;
    font-size:11px;
    font-weight:bold;
    padding-bottom:10px;
}


/* Style for Login/Logout, Register/User controls */
a.LoginUser:link, a.LoginUser:visited, a.LoginUser:active {
    font-family:tahoma;
    font-size:11px;
    color:#555;
    font-weight:bold;
    text-decoration: none;
}

a.LoginUser:hover{
    font-family:tahoma;
    font-size:11px;
    color:#111;
    font-weight:bold;
    text-decoration:underline;
}

/* Style for legal related controls */
.LegalLinks, a.LegalLinks:link, a.LegalLinks:visited, a.LegalLinks:active {
    font-family:tahoma;
    font-size:11px;
    color:#666;
    font-weight:bold;
    text-decoration: none;
}

a.LegalLinks:hover {
    font-family:tahoma;
    font-size:11px;
    color:#333;
    font-weight:bold;
    text-decoration:underline;
}



/*========================================================*/
/*  4. Links and Buttons                                  */
/*========================================================*/


/* Default link style */
a:link, a:visited, a:active {
    color: #333;
    font-family:tahoma;
    font-weight: normal;
    font-size: 11px;
    text-decoration:underline;
}

a:hover {
    color: #333;
    font-family:tahoma;
    font-weight: normal;
    font-size: 11px;
    text-decoration: underline;
}


/* text and link style used for most text rendered by modules */
.Normal, a.Normal:link, a.Normal:visited, a.Normal:active {
    color: #333;
    font-family:tahoma;
    font-weight: normal;
    font-size: 11px;
}

a.Normal:hover {
    color: #333;
    font-family:tahoma;
    font-weight: normal;
    font-size: 11px;
    text-decoration: underline;
}

/* buttons and link buttons style used in the portal admin pages */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active  {
    color: #FFF;   
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #666;
    border-left: 1px solid #bbb;
    border-right: 1px solid #999;
    padding: 1px 5px 2px 6px;
    font-family:tahoma;
    font-weight: normal;
    font-size: 11px;
    text-decoration:none;
    background: #666;
   
}

A.CommandButton:hover    {
    color: #FFF;   
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #666;
    border-left: 1px solid #ccc;
    border-right: 1px solid #999;
    padding: 1px 5px 2px 6px;
    font-family:tahoma;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
    background: #333;
}

   
   
/*========================================================*/
/*  5. Text                                               */
/*========================================================*/



/* text style for module titles */
.Head {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 19px;
    font-weight: bold;
}


/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubHead {
    font-family:tahoma;
    font-size: 19px;
    color:#333;
    font-weight: bold;
}


/* text style used for most text rendered by modules; applies to the majority of text in the site */
.Normal{
    /*color: #333;*/
    color:Maroon;
    font-family:tahoma;
    font-size: 11px;
    font-weight:normal;
    font-weight:bold;
    line-height:1.8em;
}

.NormalBold {
    color: #333;
    font-family:tahoma;
    font-size: 19px;
    font-weight: bold;
    line-height:1.8em;
}

/* Bold red text for

 
New Post
2/20/2008 1:51 PM
 

Look in the container CSS file.  The module itself may have it's own CSS file as well.

 
Previous
 
Next
HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...How to use skinHow to use skin's css file for module


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out