History: Modern Touch
Preview of version: 2
<a href="display198?display" class="cboxElement" data-box="box" title="Theme preview"><img src="display198" class="img-fluid screenshot" alt="theme screenshot"></a>
</div> <div class="description_full">
Modern Touch is the second of the PixelKit free packages to be adapted for Tiki Wiki CMS Groupware. This theme features deep pastel shades and crisp typography. Background colors of module boxes and popovers are varied by CSS pseudo-classes.
Installation
When the theme archive is expanded, a directory (folder) will be made that contains all the theme files in their necessary subdirectories. Install the theme by transferring this directory to the Tiki site's "themes" directory. After refreshing the site's Look and Feel admin page, the theme name will appear in the theme selector, and can be selected. (Note: The theme name and directory start with uppercase letters so the theme may be out of order in the list of themes.)
Fonts
This theme uses a webfont that is retrieved from Google Fonts. If the Tiki site doesn't have access to the Internet, or if there is some reason it shouldn't make the request for the font, then local storage of the font should be implemented, or an alternative font used.
What files are included
This theme includes some of the files of the original PixelKit free package (some image files and edited versions of some Less files). For users familiar with the Less CSS pre-processor, the contents of the less directory in this package can be checked to find what files are used in the compiling of the final CSS style sheet.
If disk space or file count is an issue at the server, the Less directory and files and the empty font and icon directories don't need to be uploaded/copied to the server.
What the theme covers
The Tiki implementation of this theme includes color palette and typographical treatment and the most commonly used elements in the original PixelKit page elements such as navbars and buttons, but not all objects. Sliders, rotary dials and ribbons, etc. aren't yet implemented.
Theme modification
The style sheet of this Tiki theme is compiled from Less files. For a particular site, the theme can be modified by editing the relevant Less partial and compiling the CSS. Or the CSS style sheet itself can be edited. Alternatively, a custom.css file in the themes directory will override any rules in the style sheet, or CSS rules can be input in the Custom CSS text area under the Customization tab of the Look and Feel admin page of the site's control panels.
For general help with Tiki themes, please use the forums at the Tiki.org forums or ask in the Tiki IRC channel.
</div> </div> <div class="col-sm-6"> <div class="theme_details"> <table class="table table-striped mb-4"> <tr> <td>Author</td> <td>Zukathemes (Gary Cunningham-Lee)</td> </tr> <tr> <td>Author's website</td> <td><a href="https://zukathemes.com" target="_blank">https://zukathemes.com</td> </tr> <!-- <tr> <td>Creation date</td> <td>Zukathemes (Gary Cunningham-Lee)</td> </tr> <tr> <td>Last update</td> <td></td> </tr> --> <tr> <td>License</td> <td>MIT</td> </tr> <tr> <td>Bootstrap version compatibility<br> Note:<br> Bootstrap 3 ( Tiki 13 18)<br> Bootstrap 4 (Tiki 19 24) </td> <td>Bootstrap 3</td> </tr> <tr> <tr> <td colspan="2"><strong>If adapted from another theme...</strong></td> </tr> <tr> <td>Source theme author</td> <td>PixelKit</td> </tr> <tr> <td>Source theme website</td> <td>https://github.com/Pixelkit/PixelKit-Bootstrap-UI-Kits</td> </tr> <tr> <td>Source theme license</td> <td>MIT</td> </tr> </table> <h3>Download</h3> <table class="table table-striped margin-bottom-lg"> <tr><td><h4>For Bootstrap 3</h4></td><td class="text-center"><a href="display199" class="btn btn-success btn-lg"><i class="fa fa-download"></i> <small>Download</small></a></td></tr></table> <div style="display:none"> <div class="row"> <div class="col-sm-6"><a href="http://demo.zukathemes.com/Modern Touch" class="btn btn-primary btn-lg btn-block" target="_blank"><i class="fa fa-laptop"></i> Demo</a></div> </div> <h3>Theme options</h3> <div class="row"> <div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div> </div> </div> </div> </div> </div>