ACE uses bootstrap. The structure of the bootstrap architecture can be viewed here:

 http://getbootstrap.com/2.3.2/scaffolding.html




 ACE built websites have the structure as detailed below :
(With order of loading the CSS files):


 //BOOTSTRAP CSS
 bootstrap.css                       // Default bootstrap css    -> None modify
 bootstrap-responsive.css            // Responsive bootstrap css -> Only load if enable_responsive = "Yes" / none modify

 // GENERAL CSS
 /css/main.css                       // Main css for all pages   -> None modify
 /css/form.css                       // Form css for all forms   -> None modify
 /css/responsive.css                 // Responsive css for all pages -> Only load if enable_responsive = "Yes" / none modify
 /css/style.css                      // THEME css, default css of selected theme -> None modify

 // CSS create by USER (CAN MODIFY)  // Below is recommended structure
 custom.css                          // Custom css: custom stylesheet for all pages -> Can modify (From menu CMS -> CSS Theme Editor)
 custom_responsive.css               // Custom responsive css: custom stylesheet "responsive" for all pages  -> Can modify (From menu CMS -> CSS Theme Editor)
                                     // Default structure as above

 asset/name.widget.css               // Css normal for each widget       -> Can modify (From menu CMS -> Custom Widget Editor -> Select a widget -> Select edit icon)
 asset/name.widget.responsive.css    // Css responsive for each widget   -> Can modify (From menu CMS -> Custom Widget Editor -> Select a widget -> Select edit icon)
                                     // Default structure as custom_responsive.css