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

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Reducing Gaps between PanesReducing Gaps between Panes
Previous
 
Next
New Post
7/5/2009 12:15 AM
 

SO this is my Skin.css File

Body{background:url(skins-skins-images/b.jpg);margin:0px;BORDER:0px;width:100%;height:100%; padding:0px}

.dtskinsbg{background:#FFFFFF;}
.dtskinswidth{width:720px}

.bgtlx{background-position:top left;background-repeat:repeat-x;}
.bgtln{background-position:top left;background-repeat:no-repeat;}
.bgtrn{background-position:top right;background-repeat:no-repeat;}

.bgblx{background-position:bottom left;background-repeat:repeat-x;}
.bgbln{background-position:bottom left;background-repeat:no-repeat;}
.bgbrn{background-position:bottom right;background-repeat:no-repeat;}

.bgtly{background-position:top left;background-repeat:repeat-y;}
.bgtry{background-position:top right;background-repeat:repeat-y;}


table, tr, td, p {font-size:11px;color:#868686;}

.ControlPanel{width:100%;height:64px;background-color:#FFFFFF;border:#003366 1px solid;}

.Skinobject,A.Skinobject,A.Skinobject:link,A.Skinobject:visited,A.Skinobject:active{font-weight:normal;font-size:10px;color:#535353;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;}
A.Skinobject:hover{text-decoration:underline;font-size:10px;color:#AAC7DD;font-family:Verdana,Arial,Helvetica,sans-serif;}
   
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{font-weight:normal;font-size:11px;color:#AAC7DD;font-family:Tahoma,Arial,Helvetica;text-decoration:none;}
A.CommandButton:hover{color:#AAC7DD;text-decoration:underline;font-size:11px;font-family:Tahoma,Arial,Helvetica;font-weight:normal;}

.Head{font-weight:bold;font-size:11px;color:#727272;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.SubHead{font-weight:bold;font-size:11px;color:#727272;font-family:Tahoma,Arial,Helvetica;}
   
.Normal{font-size:11px;font-weight:normal;color:#868686;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}

.NormalBold {font-family:Tahoma,Arial,Helvetica;font-size:11px;font-weight:bold;color:#AAC7DD;}

UL LI{
    list-style-image:url(skins-images/bullets.gif);
    list-style-position:inherit;
    font-family Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;font-weight: normal;
    font-style:normal;color: #424242;padding: 2px;}
  
.StandardButton{border:#AAC7DD 1px solid;font-size:11px;background-color:#FFFFFF;color:#AAC7DD;font-family:Verdana, Arial, Hnelvetica, sans-serif;}
  
A:link,A:visited,A:active{color:#AAC7DD;text-decoration:none;font-size:11px;font-family:Arial;font-weight:bold;}
A:Hover{color:#AAC7DD;font-family:Arial;font-size:11px;text-decoration:underline;font-weight:bold;}

/* Panes Style (Must be changed for each skin)*/
.headerpane{padding:10px 20px 0px 10px;}
.pane{padding:6px 4px 6px 4px }
.showpane{padding:1px;}
.linkpane{padding:1px;}
.spane{padding:0px 0px 0px 157px;}

/* Module Style (Must be changed for each skin)*/
.ModuleTitle_MenuContainer{border:blue 0px solid;}
.ModuleTitle_MenuBar{cursor:hand;height:16px;background-color:transparent;}
.ModuleTitle_MenuItem{border-right:white 0px solid;border-top:white 1px solid;border-bottom:white 1px solid;border-left:white 0px solid;
    font-weight:bold;font-size:11px;cursor:hand;color:black;font-style:normal;font-family:Tahoma,Arial,Helvetica;background-color:transparent;}
.ModuleTitle_MenuIcon{border:1px solid #eeeeee;border-right:0px solid #eeeeee;width:15px;cursor:hand;height:21px;background-color:#eeeeee;text-align:center;}
.ModuleTitle_SubMenu{border:#ffffff 0px solid;z-index:1000;cursor:hand;background-color:#ffffff;FILTER:progid:DXImageTransform.Microsoft.Shadow(color='DimGray',Direction=135,Strength=3);}
.ModuleTitle_MenuBreak{border-right:#eeeeee 0px solid;border-top:#eeeeee 1px solid;border-left:#eeeeee 0px solid;border-bottom:#eeeeee 1px solid;height:1px;background-color:#eeeeee;}
.ModuleTitle_MenuItemSel{font-weight:bold;font-size:11px;cursor:hand;color:#ffffff;font-style:normal;background-color:#1380D5;font-family:Tahoma, Arial, Helvetica;}
.ModuleTitle_MenuArrow{border-right:#ffffff 1px solid;border-top:#ffffff 0px solid;border-bottom:#ffffff 1px solid;font-size:10pt;cursor:hand;font-family:webdings;}
.ModuleTitle_RootMenuArrow{font-size:11px;cursor:hand;font-family:webdings;}

/*About Menu Token*/
.MainMenu_MenuContainer{background-color:transparent;}
.MainMenu_MenuBar{border:none;background:transparent;vertical-align:top;}
.MainMenu_MenuArrow{DISPLAY:none;}
.MainMenu_MenuRootArrow{DISPLAY:none;}
.MainMenu_MenuIcon{display:none;}
.MainMenu_MenuItemBreak{background-color:transparent;border:0px solid #00FF00;height:0px;width:0px;}



.MainMenu_MenuItem {color:#AAC7DD;font-size:10px;font-weight:bold;font-style:normal;font-family:Verdana;height:20px;border-top:0 solid #fff;border-right:0 solid #fff;border-bottom:1px solid #DBDBDB;border-left:0 solid #fff;padding:5px 30px 5px 16px;}

.MainMenu_MenuItemSelected{background-color:transparent;}
.SubMenuItemSel{background:#AAC7DD;color:#FEFEFE;font-size:10px;font-weight:bold;font-style:normal;font-family:Verdana;height:20px;border-top:0 solid #fff;border-right:0 solid #fff;border-bottom:1px solid #DBDBDB;border-left:0 solid #fff;padding:5px 30px 5px 16px;}

.MainMenu_SubMenu {Z-INDEX:1000;margin:0;padding:0;cursor:hand;background:#FFFFFF;font-size:10px;font-weight:bold;border:1px solid #DBDBDB;filter:Alpha(Opacity=95);-moz-opacity:.95;}


.MainMenu_RootMenuItem
{   border:#EFEEEE 0px solid;
    cursor:pointer;cursor:hand;
    color:#c3c3c3;font-size:11px;font-style:normal;
    font-weight:normal;background-color:Transparent;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding:0px;margin:0px;}
.MainMenu_RootMenuItemActive
{   padding:0px;margin:0px;
    cursor:pointer; cursor:hand;
    color:#FFFFFF; font-size:11px;font-style:normal;
    font-weight:normal;background-color:Transparent;
    font-family:Verdana, Arial, Helvetica, sans-serif;}
.MainMenu_RootMenuItemSelected
{   padding:0px;margin:0px;
    color:#ececec;cursor:pointer;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;font-style:normal;font-weight:normal;}




.MainMenu_RootMenuItem TD { padding:0; margin:0; }
.MainMenu_RootMenuItem TD DIV {background:;
margin:0; padding:0;margin:-1px 0 -21px 0; _margin:-13px 0;
}
.MainMenu_RootMenuItem TD DIV DIV {background:;
margin:0; padding:0px 0px;margin:-1px 0 -21px 0; _margin:-12px 0;
}
.MainMenu_RootMenuItem TD DIV DIV DIV{background:;
color:#FFFFFF;  font-size:11px; font-family:Verdana; font-weight:bold; height:41px; padding:7px 20px 0px 20px; line-height:1.7em;margin:0px 0 -10px 0;
}            

.MainMenu_RootMenuItemSelected TD { padding:0; margin:0;height:38px }
.MainMenu_RootMenuItemSelected TD DIV {background:;
margin:0;padding:0px 0px;margin:-1px 0 -21px 0; _margin:-13px 0;
}
.MainMenu_RootMenuItemSelected TD DIV DIV{background:;
margin:0;padding:0;margin:-1px 0 -21px 0;_margin:-12px 0;
}
.MainMenu_RootMenuItemSelected TD DIV DIV DIV{background-image:url(skins-images/menu-sel.gif);background-repeat:no-repeat; background-position:top center;color:#FFFFFF; font-size:11px; font-family:Verdana; font-weight:bold; height:41px; padding:7px 20px 0px 20px; line-height:1.7em; margin:0px 0 -10px 0;}

.MainMenu_RootMenuItemActive TD {padding:0; margin:0; height:38px}
.MainMenu_RootMenuItemActive TD DIV {background-image:url(skins-images/menu-hover.jpg);background-repeat:repeat-x;background-position:top left;margin:0; padding:0;margin:-1px 0 -21px 0; _margin:-13px 0;}
.MainMenu_RootMenuItemActive TD DIV DIV{background-image:url(skins-images/menu-hover.jpg);background-repeat:repeat-x;background-position:top left;margin:0; padding:0px 0px;margin:-1px 0 -21px 0; _margin:-12px 0;}
.MainMenu_RootMenuItemActive TD DIV DIV DIV{background-image:url(skins-images/menu-hover.jpg);background-repeat:repeat-x;background-position:top left;color:#FFFFFF; font-size:11px; font-family:Verdana; font-weight:bold; height:41px; padding:7px 20px 0px 20px; line-height:1.7em;margin:0px 0 -10px 0;}
/*Other Custome Token*/
.HELP{color: #000000;}

.LOGIN,A.LOGIN:link,A.LOGIN:active,A.LOGIN:visited{color:#B7B7B7;font-size:11px;font-weight:normal;text-decoration:none;font-family:Tahoma;MARGIN:0px;PADDING:0px 0px 2px 14px;background:url(skins-images/login.jpg) no-repeat left center;}
A.LOGIN:hover{font-size:11px;color:#B7B7B7;font-weight:normal;text-decoration:none;font-family:Tahoma;MARGIN:0px;PADDING:0px 0px 2px 14px;background:url(skins-images/login-hover.jpg) no-repeat left center;}


.LINKS,A.LINKS:link,A.LINKS:active,A.LINKS:visited{font-weight:bold;font-size:11px;color:#B7B7B7;text-decoration:none;font-family:Tahoma;}
A.LINKS:hover{font-weight:bold;font-size:11px;color:#B7B7B7;font-family:Tahoma;text-decoration:underline;}

.CURRENTDATE{color:#793c00;font-size:11px;font-weight:bold;font-family:Tahoma;text-decoration:none;}   

.COPYRIGHT{color:#B7B7B7;font-size:11px;font-weight:normal;font-family:Tahoma;text-decoration:none;}

.TERMS,A.TERMS:link,A.TERMS:active,A.TERMS:visited{color:#B7B7B7;font-size:11px;font-weight:normal;font-family:Tahoma;text-decoration:none;}
A.TERMS:hover{color:#B7B7B7;font-weight:normal;text-decoration:underline;font-family:Tahoma;font-size:11px;}

.BREADCRUMB,A.BREADCRUMB:link,A.BREADCRUMB:active,A.BREADCRUMB:visited{font-weight:normal;font-size:11px;color:#B7B7B7;text-decoration:none;font-family:Tahoma;vertical-align:middle;}
A.BREADCRUMB:hover{font-weight:normal;font-size:11px;color:#9DC6E3;text-decoration:none;font-family:Tahoma;vertical-align:middle;}

.SEARCH,A.SEARCH:link,A.SEARCH:active,A.SEARCH:visited{font-weight:normal;font-size:11px;color:#868686;text-decoration:none;font-family:Tahoma}
A.SEARCH:hover{font-weight:normal;font-size:11px;color:#868686;text-decoration:none;font-family:Tahoma}
/*Other you want */
.copyright-padding{padding:6px 0px 0px 0px}
.terms-padding{padding:0px 13px 0px 0px}
.CURRENTDATE-padding{padding:0px 8px 0px 0px}
.top-padding{padding:0px 9px 0px 0px}
.link-padding{padding:0px 0px 12px 0px}
.user-padding{padding:0px 4px 0px 0px;}
.breadcrumb-padding{padding:0px 0px 0px 9px;}
.search-padding{padding:0px 10px 0px 0px;}
.spacer-padding{padding:0px 6px;}
#dnn_dnnSEARCH_txtSearch{border:1px solid #CACACA;font-family:Tahoma;font-weight:normal;font-size:11px;color:#9F9F9F;background:#fff;width:153px;height:18px;padding:1px 4px 0px 8px; margin:0px 0px -2px 0px}

 

 
New Post
7/9/2009 2:16 AM
 

Did you try a google search on "padding css"?  That would tell you everything you need to know about changing the padding settings for your content panes and their wrappers to achieve what you are looking for.  In a nutshell, the four settings of "padding" affect the top, bottom, left, and right padding of the object it is applied to and is in this order:  "padding: top right bottom left;".  The amount of padding is usually set in pixels like "5px".   You can also set each individual padding area like "padding-top: 5px; padding-bottom: 2px;" etc.  The "padding: 5px 5px 5px 5px" is considered "shorthand" method of setting the padding in one spot instead of cluttering up the css with each individual setting.  You might find a better tool to use for editing your skin files that gives you hints as to what css elements are available and what their settings can be.  I use Visual Web Developer 2005 Express and find the "hints" when working on style sheets very helpful reminders as to the proper use.  When that's not enough, I google.


JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke  

Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Reducing Gaps between PanesReducing Gaps between Panes


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