ABC theme

The ABC theme is a modern and versatile design developed by Dr. Radut that brings a sleek and responsive aesthetic to your Drupal-powered website. With a focus on user experience and visual appeal, ABC combines functionality with elegance to provide a seamless and engaging interface for your site visitors.

It uses Yahoo Pure.css, a powerful responsive CSS framework and also fully supports right to left languages. Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB minified and gzipped.

Key Features:

  1. Responsive Design: ABC ensures a flawless experience across various devices and screen sizes, enhancing accessibility and user satisfaction.
  2. Customization Options: Tailor your website effortlessly with a range of customization options. From color schemes to layout preferences, this theme gives you the flexibility to create a unique and branded online presence.
  3. Performance Optimization: Built with performance in mind, ABC prioritizes fast loading times and smooth navigation, contributing to an optimal user experience and improved search engine rankings.
  4. Drupal Compatibility: ABC seamlessly integrates with Drupal, utilizing the platform's robust features and capabilities to empower your website with the latest in web development standards.
  5. Intuitive Configuration: Whether you're a seasoned Drupal user or a newcomer, ABC's user-friendly configuration options make it easy to set up and manage your website with minimal effort.

Live responsive web site: Dr. Radut Web Solutions.
Here you can try a demo.

ABC branches

HTML5 CSS3 Responsive Mobile RTL
7.x-4.x yes yes yes yes yes
8.x-1.x yes yes yes yes yes

Theme's features

  • 1, 2, or 3 column layout with customizable widths using Yahoo Pure.css Framework (http://purecss.io);
  • 16 block regions;
  • Many color options for: logo, background, titles, blocks, menu items + custom settings;
  • Helpful body classes (unique classes for each page, term, website section, etc.);
  • Themed blocks, block icons, page icons;
  • Drop-down Main menu;
  • Primary/secondary links menu position (center, left, right);
  • Duplicate the Main Menu at the bottom of the page;
  • Three font families;
  • Different font sizes;
  • Round corners for page elements and menus;
  • No-followed login/register links;
  • Full breadcrumb;
  • Advanced SEO optimization;
  • Possibility to change "Submitted by" display on all nodes;
  • Advanced SEO optimization;
  • Theme's own slideshow with Multilingual support; it features two distinct variations, each comprising 7 slides: one showcasing full-page images and the other displaying half-page images;
  • Social links integration;
  • Bi-directional right to left (RTL) theming;
  • The possibility of having different logos depending on the language;
  • Works perfect in Multilingual installations.

Advanced theme settings features

Pure.CSS settings

  • Responsive CSS files served from Yahoo CDN or locally;
  • Layout with fixed or fluid width;
  • Customizable width for First and Second sidebars;
  • Feature to choose the blocks visible on mobile devices.

Layout settings

  • Latin alphabet logos in 5 colors;
  • Background settings - background image, 5 colors, with static or fixed position;
  • Site name and node title in 5 colors;
  • Block settings - 6 Title color settings, and themed blocks for sidebars and user regions;
  • Main Drop-down menu and secondary menu can be positioned (center, left, right);
  • Menu items in 9 colors , including different colors for the first and last items;
  • Custom Top menu with 5 different rollover colors;
  • Three font families (Sans-Serif, Montserrat and Merriweather);
  • Three font size settings;
  • Three options for Search submit: button, icon or none;
  • Page icons - choose a layout with or without page icons;
  • Rounded corners for page elements and menus;

Other settings

  • Breadcrumbs - display or not;
  • Change the author and date information on all nodes types;
  • Replace "Submitted by" with other text;
  • SEO optimization;
  • Slideshow;
  • Social Media Links at the bottom of the page;
  • Remove Drupal META tag & Drupal X-Generator from header;
  • Disable cache for all blocks;
  • Site ID body class - useful in a multi-site environment.

 

INFO: Beginning from versions 7.x-4.15 and 8.x-1.12, the file path '/_custom/custom-style.css' has been substituted with '/_custom/example.custom-style.css'. To enable this feature, simply duplicate and rename the file 'example.custom-style.css' to 'custom-style.css'. This file offers extensive customization capabilities and can include your custom CSS as well as CSS overrides. Ensure to review the information provided within this file for further guidance.

Related projects: Zero Point, Black Hole and Yahoo Pure.CSS Framework.

To know more, read the handbook.

Project information

Releases