Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

AspDotNetStoreFront
  Ads  
Active Modules -- Active Forums for DotNetNuke
 


  Sponsors  

Meet Our Sponsors

.: CounterSoft :.
telerik
ExactTarget email software solutions
Merak Mail Server
WebSecureStores -- ASP.NET & DotNetNuke Hosting Solutions
FCKeditor Project
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  Optimized Default.css, No Edit-In-Place Styles
Previous Previous
 
Next Next
New Post 2/28/2008 7:38 AM
User is offline Joseph Sak
106 posts
www.joesak.com
9th Ranked


Optimized Default.css, No Edit-In-Place Styles 
Modified By Joseph Sak  on 2/28/2008 12:07:30 PM)

Hi All-

I optmized Default.css today and took out the Edit-in-Place section. We found that most of our users were very confused by the in-line editor, so we disable it by default. If you want to use it, that's fine, just make sure you grab them from the original file if you want to use this condensed version.

This CSS file assumes you've used your basic CSS reset styles in skin.css and you are using font-size:62.5% to reset everything to 10px, so it's easier to use EMs, and that you've declared your own global font-family. .Normal is blank because it seems to interfere with styles that we code into skin.css.

Also, I'm using a green color for classes like SubHead instead of the blue, but you can just Find & Replace against "#036", because this optimization was for a client of ours.

I noticed a lot of inconsistencies in how the file was created. Looks like it was written by different authors throughout the style sheet. Anyway, I got it down from 17k to 6.5k, tested it on my own copy of DNN 4.8 and it didn't seem to hurt the styles at all.

A couple notes for the DNN core team:

  1. It's not necessary to declare "background-color: transparent" that's a default property of all elements
  2. You don't have to put a measuring unit on 0, like 0px.
  3. padding:25px 25px 25px 25px = padding:25px; (read more about CSS shorthand)
  4. It would be nice if all the "admin-specific" styles would include themselves only to administrators logged in.

Here is the file for anyone interested. It is minified, so a little harder to read, but take the time to study the differences.

Download Default.css Optimized / Minified

Thanks, and let me know if you find any errors or problems and I will try to apply fixes to it.

 
New Post 2/28/2008 8:45 AM
User is offline Joseph Sak
106 posts
www.joesak.com
9th Ranked


UPDATE 
Modified By Joseph Sak  on 2/28/2008 12:08:16 PM)

UPDATE:

it appears the LEGACY styles are still necessary! I will come up with a new version shortly.

 

EDIT: default.css now updated with legacy styles

 
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  Optimized Default.css, No Edit-In-Place Styles
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

 


Web Development and Strategy Firm
The Risdall Interactive Agency s websites, strategies, branding, & promotion in digital space.
www.Risdall.net/
Windsor Management Group
Fund Accounting Software for K12 Education.
Infinitevisions.com
Convert Visitors to Customers
In order to bring value to your users, we must first understand them. VIVIDSITES will help you build a custom web application and interactive marketing tools that your users will thank you for. We marry high-end creative with head banging technology to entertain and convert visitors into paying customers. Call 314.514.0505 or visit us at http://www.vividsites.com to find out how.
- V I V I D S I T E S -

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP