SharePoint 2010 CSS Tips

Compiled from various SharePoint experts like Randy Drisgill, Heather Solomon, etc.

• Add this style statement to your CSS file to hide the Ribbon when not in use:

  <style type="text/css">
  .s4-ribbonrowhidetitle {display: none;}
  </style>
  

• Add .s4-nosetwidth class to #s4-workspace DIV element in master page for fixed width designs & fluid designs w/ margins.
• Hiding the Recently Modified on Team Sites

  <style type="text/css">
    .s4-recentchanges { display: none; } 
  </style>
  

• Hiding the Quick Launch
  

  <style type="text/css">
    body #s4-leftpanel { display: none; } 
    .s4-ca { margin-left: 0px; } 
  </style>
  

• Add .s4-notdlg class to any element in the master page you don't want to show up in the pop-up modal dialog windows.