Features and Screenshots
- Joomla 2.5 Compatible
- Responsive Layout
- 10 Preset Styles
- 78 Module Positions
- 10 Styled and 25 Structural Module Suffixes
- RokSprocket Responsive Layout Integrated
- Styled Support for Responsive K2 Layout
- Powerful Core Gantry Framework
- Custom Content Typography
- Fusion MegaMenu & Splitmenu
- Load Transitions
- FF, Safari, Chrome, Opera, IE8+ Compatible
- W3C XHTML 1.0 / CSS Valid
NOTE: Gantry v3.2.20+ is required for Kirigami to work correctly. For more details on the Gantry Framework, please visit its Dedicated Website. Responsive Layout
Kirigami's responsive grid system is designed for desktop, tablet and smartphone systems, each with minor modifications to ensure compatibility in each mode.
We use the responsive layout based on Twitter's Bootstrap Framework, with its collection of utility classes, to provide a great degree of flexibility for a responsive design.
The table below shows the breakdown of screen resolutions and associated devices, and what layout characters are then applied to each.
| Label |
Description |
Layout Width |
Column Width |
| Smartphones |
Standard smartphones |
480px and below |
100% fluid |
| Smartphones to Tablets |
Larger smartphones and small tablets |
767px and below |
100% fluid |
| Tablets |
Larger tablets |
768px and above |
64px |
| Desktop |
Standard desktops and laptops |
960px and above |
80px |
| Large Display |
Large desktops and high-resolution laptops |
1200px and above |
100px |
Please visit the links below to our blog to read more about Responsive Design.
Responsive Design: Part 1 - RocketTheme's Plan
Responsive Design: Part 2 - RocketTheme's Solution
Responsive Design: Part 3 - RocketTheme's Extensions
Responsive Layout for RokSprocket
Kirigami comes with the RokSprocket extension that are built to work with a responsive layout and support mobile touch events, such as 'swipe'.
More Details...
K2 (3rd Party) Responsive Layout
K2 is the popular powerful content extension for Joomla! with CCK-like features. Kirigami also comes with the K2 extension that is built to work with the responsive layout.
More Details...
All images sources in the Adobe® Fireworks PNG format.
Installation
Downloading the Template Files
To install the template, you need one of the following files.
Files required for the template to function:
- Template (Standalone) rt_kirigami.zip - Standalone template file without the Gantry Framework.
- Template (Bundle) rt_kirigami-bundle.zip - Template plus the Gantry Framework.
- RokNavMenu rt_kirigami-extensions.zip(unzip first) or mod_roknavmenu_j16.zip - Required for the menu to work.
Note: The Bundle Template is only necessary if the Gantry Library is not installed at /libraries/gantry.
There are other files that you may wish to download that accompany the release, but are not required for the template to work.
- Source PNG(s) rt_kirigami-sources.zip - Adobe® Fireworks PNG source file(s) and any applicable fonts.
- Source BG PNG(s) rt_kirigami-sources-bg.zip - Adobe® Fireworks PNG BG source file(s). Only distributed if the template has complex BGs.
- Extensions rt_kirigami-extensions.zip - All extensions for the template.
- RocketLauncher rt_kirigami-rocketlauncher.zip - Demo replica installer.
The latest extensions can be downloaded from the Extensions Download area located here Using the Joomla Installer
- Install the template at Admin → Extensions → Extensions Manager → Browse for rt_kirigami.zip → Upload & Install
Making Kirigami the Default
- Make the template default at Admin → Extensions → Template Manager → rt_kirigami → Make Default
Frequently Asked Questions
What are Kirigami template features?
Please check our Template Info page for all Kirigami features in one complete list.
More Details...Is there any tutorial to get me started with Kirigami?
Is Kirigami compatible for Joomla 1.5?
No, Kirigami is only compatible with Joomla 2.5. The Joomla 2.5 stable has been released out for some months and you should upgrade.
More Details...What is RokSprocket?
RokSprocket is a revolutionary new Joomla 2.5 only extension that has been designed to replace a variety of our existing ‘content’ modules. These include RokStories, RokTabs, RokNewsPager, RokNewsflash, RokMicronews, and basically any module in the RT arsenal that manipulates and displays articles.
More Details...What is Gantry?
Gantry is, as a basic definition,
A framework used for assembling, building and maintaining a RocketTheme template. It is an advanced platform for dramatically extending the capabilities of the entire theming system of Joomla.
More Details...What is Fusion Menu?
Fusion Menu is a menu theme of the RokNavMenu extension, the addon that drives all RocketTheme template menus. It is primarily a javascript enhanced CSS dropdown menu, that combines standard suckerfish type functionality with animations, transitions and other advanced effects provided by Mootools.
More Details...What is Splitmenu?
A static menu system that displays 1st level and 2nd level items in the main horizontal menu and further children in the Sidebar.
More Details...What extensions are integrated with the template?
A few of our RocketTheme extensions have been given individual styling by the template, these are RokNavMenu, RokSprocket, RokTwittie, RokGallery, and 3rd party extension K2.
More Details...Can I install RocketLauncher on existing Joomla! website?
No. RocketLauncher will install both Joomla and the demo sample content and images, so you will need a fresh Joomla! installation.
More Details...I installed Kirigami RocketLauncher but the images are different with the demo site.
As explained at Kirigami Installation page, to avoid image license copyright issue, all sample content images shown in our demo site will be replaced with blank versions in the RocketLauncher version.
More Details...
Changelog
This is a non-exhaustive changelog for the Kirigami Template, inclusive of any alpha, beta, release candidate and final versions.
Joomla 2.5.x / 3.0.x
Legend:
* -> Security Fix
# -> Bug Fix
+ -> Addition
^ -> Change
- -> Removed
! -> Note
------- 1.6 Release [18-Apr-2013] -------
# Mosaic container sized incorrectly in IE9
# RokSprocket Feature Showcase only shows first image
# Issues in Chrome and IE9 with RokGallery SlideShow
# Change JInput to JRequest
# .visible-desktop incompatible with Bootstrap
# Warning: SimpleXMLElement::addChild()
# article index styling issue in j2.5
# Enabling RokBooster shows incorrect breadcrumbs
# Notice: Undefined index: responsive-menu
# j3 breadcrumb styling issue
# frontend editor article popup issues
# Layout bug in orderedbody_mainbody
# misspellings in roknavmenu menu item tooltips
# k2 - rokgallery page styling issue
# system notifications styling issues
+ rokbox2 compatibility for login and module popup
Changed Files:
/component.php
/css/gantry-core.css
/css/joomla-core.css
/css/main-dark.css
/css/main-light.css
/css/mediaqueries.css
/css/template-ie10.css
/css/template-ie9.css
/css/template.css
/css/thirdparty-k2.css
/css/typography.css
/features/login.php
/features/popup.php
/html/layouts/body_mainbody.php
/html/layouts/orderedbody_mainbody.php
/html/mod_roknavmenu/themes/gantry-fusion/item.xml
/html/mod_roknavmenu/themes/gantry-fusion/layout.php
/html/mod_roknavmenu/themes/gantry-fusion/parameters.xml
/html/mod_roknavmenu/themes/gantry-fusion/theme.php
/html/mod_roknavmenu/themes/gantry-splitmenu/layout.php
/html/mod_roknavmenu/themes/gantry-splitmenu/theme.php
/js/modules-height.js
/template-options.xml
/templateDetails.xml
------- 1.5 Release [27-Nov-2012] -------
# Typo in line 40 of template.css
# In-built K2 styling of K2 category causes RSS link to not be selectable at all
# Fixed layout of 960px or 1200px destroys site layout in Chrome when sidebar is on left
# logo when set to custom not showing on the 404 error page
# Joomla! 3.0 Compatibility
Changed Files:
/css/1200fixed.css
/css/960fixed.css
/css/error.php
/css/joomla-core.css
/css/mediaqueries.css
/css/template.css
/css/thirdparty-k2.css
/error.php
/features/date.php
/features/fusionmenu.php
/features/splitmenu.php
/template-options.xml
Added Files:
/html/base_overrides.php
/html/com_content/*
/html/joomla/*
/html/mod_login/*
Removed Files:
/admin/forms/fields/imagepicker.php
------- 1.4 Release [08-Oct-2012] -------
# Fixed splitmenu parse error introduced in 1.3
Changed File(s):
/html/mod_roknavmenu/themes/gantry-splitmenu/layout.php
/templateDetails.xml
------- 1.3 Release [06-Oct-2012] -------
# Fixed separators not rendered in responsive select-menu
# Fixed layout issue with article navigation and links
# Fixed horizontal scroll bar at some resolutions
# Fixed google fonts not working on module titles
# Fixed unneeded module overlays setting
# Fixed unneeded webfonts setting
# Fixed strict standards in /gantry-fusion/layout.php
# Fixed strict standards in /features/date.php
# Fixed strict standards in /features/login.php
# Fixed strict standards in /features/popup.php
# Fixed strict standards in /html/modules.php
# Fixed layout issues on phone size display
# Fixed multi-column blog layout not working correctly
# Fixed door image missing on certain 404 pages
Changed File(s):
/error.php
/index.php
/admin/tips/style.xml
/admin/tips/advanced.xml
/css/mediaqueries.css
/css/joomla-core.css
/features/date.php
/features/login.php
/features/popup.php
/html/modules.php
/html/mod_roknavmenu/themes/gantry-fusion/layout.php
/html/mod_roknavmenu/themes/gantry-splitmenu/layout.php
/language/en-GB/en-GB.tpl_rt_kirigami.ini
/template-options.xml
/templateDetails.xml
Added File(s):
/features/font.php
------- 1.2 Release [07-Sep-2012] -------
# float setting for joomla article image ignored
# RokBox still disabled for iPhone in StyleDeclaration
# modules-sameheight.js fails in Safari and Chrome
# RokNavMenu Exporter Undefined index Error
# "Popular Features" Roksprocket tabs - images not showing in IE8
# Added Fixed layout mode toggle
# Mobile menu appearing in IE8 in some instances
Added File(s):
/css/mediaqueries.css
/css/960fixed.css
/css/1200fixed.css
Changed File(s):
/index.php
/css/demo-styles.css
/css/error.css
/css/fusionmenu.css
/css/gantry-core.css
/css/joomla-core.css
/css/template.css
/css/template-ie8.css
/css/template-ie9.css
/css/thirdparty-k2.css
/css/grid-12-responsive.css
/css/template-gecko.css
/css/template-opera.css
/js/modules-height.js
/features/styledeclaration.php
/features/fusionmenu.php
/features/splitmenu.php
/language/en-GB/en-GB.tpl_rt_kirigami.ini
/roksprocket/layouts/features/themes/showcase/showcase.css
/roksprocket/layouts/mosaic/themes/default/mosaic.css
/roksprocket/layouts/tabs/themes/default/tabs.css
/html/mod_roknavmenu/themes/gantry-fusion/layout.php
/template-options.xml
/templateDetails.xml
------- 1.1 Release [03-Aug-2012] -------
# Lists and Tabs issue on Same Height calculation when in mobile view
# language file errors
# Additional responsive support for content images
# Sameheight script error when component is disabled
# Devices with orientation change capability will trigger a recalculation of same height to ensure everything is aligned
Changed File(s):
/css/template.css
/language/en-GB/en-GB.tpl_rt_kirigami.ini
/js/modules-height.js
/index.php
/templateDetails.xml
------- 1.0 Release [01-Aug-2012] -------
! Initial Release
------- Initial Changelog Creation -------
