In the spirit of sharing (and cos’ we’re nice), we have decided to release our “Hive” admin-side theme for the Textpattern CMS (v4.3.0 or greater) as a download. This is the same theme we use on all our commercial website builds.
This theme has been tested within a limited commercial setting with no reported problems (and we’ve tested internally with Chrome 10, Safari 5, Firefox 4, Opera 11 and Internet Explorer 9) but there may be a few bugs that slipped through the testing net, especially in older less capable browsers (AKA IE7 and IE8).
Notable features
- Clean, simple yet functional design.
- Semi-liquid layout adjusts to larger/thinner screen widths (down to 768px).
- Monospaced font for all text input fields, since it’s much easier to spot typos/formating (sic!) errors in a monospaced font.
- Minimal use of images – keeps the theme lightweight and fast.
- An extra ‘custom.css’ CSS file where any styling specific to popular Textpattern plugins (that don’t follow the standard Textpattern layout structure) can be stored. This will be updated periodically with fixes for any popular plugins that currently look hideous in the theme, and can be fixed via CSS.
- Also within the ‘custom.css’ file, there are commented out lines which can be used to easily hide any sections of the write/edit screen that are not used in a particular project. See this forum post for details on why that’s good.
One last thing
In this theme, the 3 preview tabs on article write/article edit forms have been removed to save screen estate. They were arguably pretty useless anyway so they were dropped, we have never used them in all our time with Textpattern.
If you really do want to enable these tabs again then comment out the following line near the middle of the theme’s ‘textpattern.css’ file (you’ll have to add some custom styling to them though)…
#article-tabs{display:none;}
We hope you find the theme useful in your projects and continue to find success using the wonderful Textpattern CMS.
v1.2.3
- The !important class on textareas to override inline styling on glz_custom_field elements was stopping users from manually resizing any of their textareas within the theme (in browsers that support resizing). A better compromise has been devised now.
v1.2.2
- Change to more standard version labelling and use Textgarden.org download link.
- The dropdown menu code has been rewritten to be more usable on touchscreen devices without compromising the desktop version. For example you can now close active dropdown menus on touchscreen devices nicely, and top navigation buttons are now links again like they were in v1.1.
- Tidy up of code in ‘hive.php’ to make editing/customising easier.
- Added styling for the tru_tags plugin in ‘custom.css’, thanks to Stuart Butcher.
- Form preview button is now removed and other fields on the form page inlined to save some screen estate, thanks to Stuart Butcher.
- CSS cleanup: make ‘outline:none’ now ‘outline:0’ and ‘border:none’ now ‘border:0’.
- Amend language uploader area CSS, as structure changed slightly in TXP v4.4.1.
- Fixed a major display bug when using both glz_custom_fields and bot_wtc plugins.
- Style up the wet_quicklink plugin text ‘Insert Link’ as a button.
v1.2.1
- fix for non-clickable tag-builder links in Safari
v1.2
- dropdown menu now works on touchscreen devices
- added tap highlight colour for mobile webkit browsers
- added responsive CSS for detecting 768px portait screen orientation and adjust page width accordingly
- reset CSS moved to an external @import, since we need that to load before all other CSS files (otherwise it could override colour scheme rules)
v1.1
- you can now choose between 3 different colour schemes: default, green and blue. To change the colour scheme amend URL of line 7 in the “custom.css” file – see the “readme.txt” for full info. More colours will be added in future updates or you can easily create your own by modifying one of the css files within the “color” directory.
- added minor styling for “rah_external_output” plugin.
