sruthigithub / cpanelstyles

cPanel Design Contest

Sidebar Style

Home Page

• Ever present sidebar - Feature Navigation available for inner pages.
• Enhancements: Quick search can be used for searching application meta data instead of just features
• Overlay replaces content for notifications, settings and statistics (Page scrolls when content overflows)
• Better indicator for notifications if any ( Red bell when there are warnings )
• Improved design for sea of icons and a larger select area
• New home page with Statistics and Favorites
• Responsive Home page
• Improved header section styles
• Improved footer section styles
• Changes to user preference dropdown styles
• Changes to quick search dropdown
• New CSS3 transitions and animations
• Material design css file (Bootswatch Paper - MIT License)

Application Pages - Mailing list (Sample page)

• Font size and line height reduction for heading
• Improved table styles
• Improved validation message styles
• Improved positioning of validation messages on mobile
• Improved Button styles
• Improved YUI popups
• Improved Password generator
• Improved notice styles

Circle Style

Home Page

• Sliders for notifications, settings and statistics
• Improved design for sea of icons and a larger select area
• New line icon set
• Responsive Home page (Search on top on mobile using CSS flex)
• Rearranged sections on the page using CSS flex
• Improved header section styles
• Improved footer section styles
• Consistent look and feel for all sections in home page
• Changes to user preference dropdown styles
• Changes to quick search dropdown
• New CSS3 transitions and animations

Application Pages - Mailing list (Sample page)

• Font size and line height reduction for heading tags
• Highlighted form section using box shadows
• Improved table styles
• Improved validation message styles
• Improved positioning of validation messages on mobile
• Improved Button styles
• Improved YUI popups
• Improved Password generator
• Improved notice styles

Orange Style

Home Page

• Improved design for sea of icons and a larger select area
• New line icon set
• Responsive Home page (Search on top on mobile using CSS flex)
• Rearranged sections on the page using CSS flex
• Improved header section styles
• Improved footer section styles
• Consistent look and feel for all sections in home page
• Changes to user preference dropdown styles
• Changes to quick search dropdown
• New CSS3 transitions and animations

Application Pages - Mailing list (Sample page)

• Font size and line height reduction for heading tags
• Highlighted form section using box shadows
• Improved table styles
• Improved validation message styles
• Improved positioning of validation messages on mobile
• Improved Button styles
• Improved YUI popups
• Improved Password generator
• Improved notice styles

Dark Style

Home Page

• Responsive Home page (Search on top on mobile using CSS flex)
• Rearranged sections on the page using CSS flex
• Improved header section styles
• Improved footer section styles
• Consistent look and feel for all sections in home page
• Changes to user preference dropdown styles

Application Pages - Mailing list (Sample page)

• Font size and line height reduction for heading tags
• Highlighted form section using box shadows
• Improved table styles
• Improved validation message styles
• Improved positioning of validation messages on mobile
• Improved Button styles
• Improved YUI popups
• Improved Password generator
• Improved notice styles

Light Style

Home Page

• Responsive Home page (Search on top on mobile using CSS flex)
• Rearranged sections on the page using CSS flex
• Improved header section styles
• Improved footer section styles
• Consistent look and feel for all sections in home page
• Changes to user preference dropdown styles

Application Pages - Mailing list (Sample page)

• Font size and line height reduction for heading tags
• Highlighted form section using box shadows
• Improved table styles
• Improved validation message styles
• Improved positioning of validation messages on mobile
• Improved Button styles
• Improved YUI popups
• Improved Password generator
• Improved notice styles