Black Hole is an advanced responsive, "mobile first", HTML5 theme developed by Dr. Radut, with layout and style configuration options built in that you can control through Drupal's UI. It contains the same kinds of features as Zero Point theme in a dark look. 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, and it complies with WAVE and FAE. 6.x-4.x and 7.x-4.x are new designs made with mobile in mind: compatible, light and fast.
Here you can try a demo and play with the theme's settings.
Theme's features
- 1, 2, or 3 column layout with customizable widths using Yahoo Pure.css Framework;
- 15 block regions;
- 9 color styles + themer setting;
- Helpful body classes (unique classes for each page, term, website section, etc.);
- Themed blocks, block icons, page icons;
- Multi-level drop-down menus (Multilingual support);
- Primary/secondary links menu position (center, left, right);
- Different font sizes;
- Round corners for page elements and menus;
- Header image rotator;
- Full breadcrumb;
- Possibility to change "Submitted by" display on all nodes;
- Advanced SEO optimization;
- Flexslider (Responsive Slider);
- Social links integration;
- Views grid is presented as divs instead of table;
- 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
- 9 color style options: Black Hole, Nebula, Protostar, Star, Planet, Red Giant, Planetary Nebula, Darf, Supernova 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;
- Main Drop-down menu and secondary menu can be positioned (center, left, right);
- Show Dropdown ;
- Duplicate the Main Menu at the bottom of the page;
- 3 font size settings;
- Rounded corners for page elements and menus;
- Header image rotator;
- No-followed login/register links;
- Breadcrumb - display or not;
- Change "Submitted by" display on all nodes, site-wide;
- Advanced SEO optimization;
- Flexslider (Responsive Slider);
- 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 multi-site environment.
Related projects: Yahoo Pure.CSS Framework, ABC and Zero Point.
To know more, read the handbook.
