History: Sweet Candy
Preview of version: 2
<a href="display219?display" class="cboxElement" data-box="box" title="Theme preview"><img src="display219" class="img-fluid screenshot" alt="theme screenshot"></a>
</div> <div class="description_full">
Sweet Candy is the fourth free PixelKit theme to be adapted for Tiki Wiki CMS Groupware. Not all of the page elements in the PixelKit package have been implemented in this adaptation, but some effort has been made to spread the velvety goodness deeply throughout Tiki's pages, dialog boxes, popups, and so on.
Like all the themes offered by Zukathemes, Sweet Candy works with any of the layouts - standard page or fixed top navbar, and so on. Care should be taken about the navbar height, however: The topbar/navbar background and link hover background are intended to work properly when the menu is at the top of the div and doesn't wrap to a second row.
What files are included
This theme includes Less files that are compiled to produce the theme CSS style sheet, as well as some graphic files from the original PixelKit free package that are used in this Tiki implementation of the theme.
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. These may be, in the future, or could be provided as a contract-based enhancement.
Installation
When the theme archive is expanded, its files will be in a directory (folder) 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.
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.
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 themes forum, or ask in the Tiki IRC channel, etc.
</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="display220" 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/Sweet Candy" 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>