{"id":33,"date":"2011-05-02T11:45:48","date_gmt":"2011-05-02T11:45:48","guid":{"rendered":"http:\/\/192.168.1.50\/Themes\/2012\/Nano2\/Website_WP\/?page_id=33"},"modified":"2013-10-29T10:15:55","modified_gmt":"2013-10-29T10:15:55","slug":"features","status":"publish","type":"page","link":"http:\/\/www.achilleasdbs.com\/?page_id=33","title":{"rendered":"Features"},"content":{"rendered":"

This theme is built on the Warp framework<\/a>, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit<\/a>, a lightweight and modular front-end framework, which provides the theme’s styling. The theme also comes with a wide range of different layouts and widget variations<\/a>.<\/p>\r\n\r\n

Styles<\/h2>\r\n

We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.<\/p>\r\n\r\n

\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Default<\/div>\r\n <\/a>\r\n <\/div>\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Midnightblue<\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n
\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Purple<\/div>\r\n <\/a>\r\n <\/div>\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Lightgrey<\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n
\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Darkgrey<\/div>\r\n <\/a>\r\n <\/div>\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Sandblue<\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n
\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Red<\/div>\r\n <\/a>\r\n <\/div>\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Beige<\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n
\r\n
\r\n

Color Background<\/h3>\r\n

Square comes with a special background animation that changed the background color by scrolling down the page.<\/p>\r\n<\/div>\r\n

\r\n

Article style<\/h3>\r\n

You can add a special class .tm-article-columns<\/code> to a paragraph. This will divide the content of the paragraph into two columns.<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n

\r\n\r\n

Custom Widgetkit Styles<\/h3>\r\n

We created a custom style for our Widgetkit Slideshow<\/a> perfectly fitting the theme. To apply this style, follow these steps:<\/p>\r\n\r\n

Slideshow<\/h4>\r\n
    \r\n
  1. Download and unzip the bonus styles package for Widgetkit available in the download area<\/li>\r\n
  2. Copy the folder slideshow\/styles\/square<\/mark><\/li>\r\n
  3. Joomla: Paste it to media\/widgetkit\/widgets\/slideshow\/styles<\/mark>
    WordPress: Paste it to wp-content\/plugins\/widgetkit\/widgets\/slideshow\/styles<\/mark><\/li>\r\n
  4. Now you can select the style “Square” in the settings of your Widgetkit Slideshow<\/li>\r\n<\/ol>\r\n\r\n
    \r\n\r\n
    \r\n\r\n

    Social Icons<\/h3>\r\n

    Use the modifier .uk-icon-button<\/code> class to create an icon button.<\/p>\r\n\r\n<\/a>\r\n<\/a>\r\n<\/a>\r\n<\/a>\r\n<\/a>\r\n<\/a>\r\n<\/a>\r\n<\/a>\r\n<\/a>\r\n\r\n

    Here is a little code example how to add them:<\/p>\r\n

      <a href=\"#\" class=\"uk-icon-button uk-icon-twitter\"><\/a>\r\n  <a href=\"#\" class=\"uk-icon-button uk-icon-facebook\"><\/a>\r\n  <a href=\"#\" class=\"uk-icon-button uk-icon-google-plus\"><\/a>\r\n<\/pre>\r\n
    Here<\/a> is an overview of all icons provided by Font Awesome<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"
    This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme’s styling. The theme also comes with a wide range of different layouts and widget variations. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/www.achilleasdbs.com\/index.php?rest_route=\/wp\/v2\/pages\/33"}],"collection":[{"href":"http:\/\/www.achilleasdbs.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.achilleasdbs.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.achilleasdbs.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.achilleasdbs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":0,"href":"http:\/\/www.achilleasdbs.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.achilleasdbs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}