Drupal themes

Yahoo Pure.CSS Framework

Pure.THEME is a sub-theme presenting the features of Pure.CSS framework.

Yahoo Pure.CSS framework is a responsive, mobile-first, HTML5, base-theme, with layout and style configuration options built in that you can easily control through Drupal's UI. The framework includes two fine-tuned, fully featured, end-user themes. It uses Yahoo Pure.css, a powerful responsive CSS framework and also fully supports right to left languages. Pure is ridiculously tiny, being the fastest framework around.

The theme validates HTML5, it is cross-browser compatible (including IE6), it passes WAVE and FAE, and it was designed with mobile and SEO in mind: compatible, light and fast.

Framework's features

  • CSS with a minimal footprint. Pure is ridiculously tiny. The entire set of modules clocks in at 4.0KB* minified and gzipped.
  • A responsive grid that can be customized to your needs: 1, 2, or 3 column layout with customizable widths. Pure is responsive out of the box, so elements look great on all screen sizes.
  • The Pure Grid system comes in two flavors: Standard and Responsive.
  • Pure has several prebuilt common elements as grids, forms, buttons, tables, paginators and CSS Dropdown menu.
  • All modules in Pure build on top of Normalize.css, a well-known open source project that renders elements more consistently and in line with modern standards and also works in older browsers.
  • Advanced SEO optimization;
  • 16 block regions;
  • Duplicate the Main Menu at the bottom of the page;
  • Helpful body classes (unique classes for each page, term, website section, theme settings, etc.);
  • Possibility to change "Submitted by" display on all nodes;
  • Bi-directional right to left (RTL) theming;
  • All the theme settings are multilingual variables.

Advanced theme settings

Pure grid settings

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

Layout settings

  • Main Drop-down menu and secondary menu can be positioned (center, left, right);
  • Duplicate the Main Menu at the bottom of the page;
  • No-followed login/register links;
  • Full breadcrumb;
  • Round corners for page elements and menus;
  • Page icons;
  • Possibility to change "Submitted by" display;

Theme development settings

  • Rebuild theme registry on every page, during theme development;
  • Adjust layout's top margin;
  • Site ID body class - useful in a multisite environment.

Pure.CSS sub-themes

Pure.MOBI

Being light and fast this theme is ideal to be used on high traffic websites or as a separate mobile theme together with the mobile theme module.

Pure.THEME

Pure.THEME is a fully featured advanced theme that can be used in every web project. The layout is responsive and do not require JavaScript (except for certain menu interactions). It reproduces some of the features presented in Yahoo's Pure.CSS layout section.

Resources:

About ABC theme

ABC is an advanced HTML5 theme, with layout and style configuration options built in that you can control through Drupal's UI, to be ideal for a wide range of sites, from blogs to corporate sites. It is a RTL ready theme having features that fully support right to left languages.

The theme validates XHTML+RDFa, CSS 2/CSS 3, it is cross-browser compatible, and it passes WAVE and FAE.

Starting with version 7.x-3.x, ABC theme validates HTML5/CSS3 with no errors.

Layout features

  • 1, 2, or 3 column layout with adaptive width based on "The Jello Mold Piefecta Layout";
  • 20 collapsible block regions;
  • Many color options for: logo, background, titles, menu items, blocks, etc.;
  • Advanced SEO optimization;
  • Built-in IE6 transparent PNG fix;
  • Fixed or variable width sidebars;
  • Round corners for page elements and main menu;
  • Page and block icons;
  • jQuery Drop-down menu;
  • Helpful body classes (unique classes for each page, term, website section, browser, etc.);
  • Full breadcrumb;
  • Possibility to change "Submitted by" display on all nodes;
  • Bi-directional right to left (RTL) theming;
  • Works perfect in multilingual installations.

Advanced theme settings features

Layout settings

  • Latin alphabet logos in 5 colors;
  • Layout width - adaptive, fixed and fluid width for responsive layouts for mobile devices;
  • Sidebars layout - fixed width or variable width sidebars;
  • Background settings - background image set in 5 colors with static or fixed position;
  • Site name and node title in 5 colors;
  • Static menu or multi-level SuckerFish like drop-down menu, left or right positioned;
  • Menu items colors can be choose from 9 colors, including different colors for first and last items;
  • Tertiary menu built in;
  • Block settings - 6 Title color settings, and themed blocks for sidebars and user regions;
  • 3 font size settings;
  • Page icons - choose a layout with or without page icons;
  • Rounded corners - option to have rounded corners in all browsers but IE6;
  • No-followed login/register links;
  • Social links;
  • Breadcrumb - display or not;
  • Change "Submitted by" display on all nodes, site-wide;

Theme development settings

  • Rebuild theme registry on every page, during theme development;
  • Site ID body class - usefull in a multisite environment.

About Black Hole theme

Black Hole is an advanced HTML5 theme, with layout and style configuration options built in that you can control through Drupal's UI, to be ideal for a wide range of sites. It contains the same kinds of features as Zero Point theme in a dark look.

The theme validates XHTML+RDFa, CSS 2/CSS 3, it is cross-browser compatible (including IE6), and it passes WAVE and FAE.

Starting with version 7.x-3.x, Black Hole theme validates HTML5/CSS3 with no errors.

Layout features

  • 1, 2, or 3 column layout with adaptive width based on "The Jello Mold Piefecta Layout";
  • 17+1 collapsible block regions;
  • 9 colour styles + themer setting;
  • Advanced SEO optimization;
  • built-in IE transparent PNG fix;
  • Fixed / Variable width sidebars (optional);
  • Round corners for page elements and primary menu (optional);
  • Block icons (optional);
  • Page icons (optional);
  • SuckerFish Drop-down primary links menu (optional);
  • Primary links menu position (center, left, right);
  • Helpful body classes (unique classes for each page, term, website section, browser, etc.);
  • Full breadcrumb;
  • Possibility to change "Submitted by" display on all nodes;
  • Bi-directional right to left (RTL) theming;
  • Works perfect in Multilingual installations.

Advanced theme settings features

Layout settings

  • Style - Choose a color palette from 10 options: Nebula, Protostar, Star, Planet, Red Giant, Planetary Nebula, Darf, Supernova, Black Hole and Themer.
  • Layout width - adaptive, fluid and fixed width;
  • Sidebars layout - Fixed width or variable width sidebars;
  • Themed blocks
  • Block icons - Choose between none, 32x32 pixel and 48x48 pixels icons, positive or negative icons;
  • Page icons - Choose a layout with or without page icons;
  • Menu type - Two-level Static or SuckerFish drop-down menu;
  • Menu position - Left, center or right;
  • 2 font size settings;
  • Rounded corners - Option to have rounded corners in all browsers but IE;
  • Header image rotator;
  • No-followed login/register links.
  • Social links;
  • Breadcrumb - display or not;
  • Change "Submitted by" display on all nodes, site-wide;

Theme development settings

  • Rebuild theme registry on every page, during theme development;
  • Site ID body class - useful in a multisite environment.

About Zero Point theme

Zero Point is an advanced responsive, "mobile first", HTML5 theme, with layout and style configuration options built in that you can control through Drupal's UI. 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 4.0KB minified and gzipped.

The theme validates HTML5, it is cross-browser compatible (including IE6), and it passes WAVE and FAE. 7.x-4.x is a complete redesign made with mobile in mind: compatible, light and fast.

Zero Point branches

HTML5 CSS3 Responsive Mobile-first RTL
7.x-3.x yes yes
7.x-4.x yes yes yes yes yes

Theme's features

  • 1, 2, or 3 column layout with customizable widths using Yahoo Pure.css Framework;
  • 15 block regions;
  • 8 colour styles + themer setting;
  • Advanced SEO optimization;
  • Round corners for page elements and menus;
  • Block icons;
  • Page icons;
  • Drop-down primary links menu;
  • Primary links menu position (center, left, right);
  • Helpful body classes (unique classes for each page, term, website section, browser, etc.);
  • Full breadcrumb;
  • Possibility to change "Submitted by" display on all nodes;
  • Bi-directional right to left (RTL) theming;
  • Works perfect in Multilingual installations.

Advanced theme settings features

Pure grid settings

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

Layout and other settings

  • 8 color style options: Zero Point (default), Sky, Nature, Ivy, Ink, Sangue, Lime and Themer;
  • Themed blocks;
  • Block icons - 32x32 pixel or 48x48 pixels icons for the themed blocks;
  • Page icons - choose a layout with or without page icons;
  • Drop-down menu position - left, center or right;
  • Duplicate the Main Menu at the bottom of the page;
  • 2 font size settings;
  • Rounded corners - Option to have rounded corners in all browsers but IE6-8;
  • Header image rotator;
  • No-followed login/register links;
  • Breadcrumb - display or not;
  • Change "Submitted by" display on all nodes, site-wide;
  • Social links - Display various social links at the bottom of the page.

Theme development settings

  • Rebuild theme registry on every page, during theme development;
  • Site ID body class - useful in a multisite environment.