{"name":"yootheme","type":"template","creationDate":"August 2017","author":"YOOtheme","copyright":"Copyright (C) YOOtheme GmbH","authorEmail":"info@yootheme.com","authorUrl":"https:\/\/yootheme.com","version":"1.9.0","description":"\n        \n\n        <span class=\"js-tmpl-description\">A powerful, flexible and elegant website builder that allows you to create complex pages within minutes and customize every aspect of the theme.<\/span>\n\n        <style>\n\n            #details .row-fluid > div > h3,\n            #details .row-fluid > div > hr,\n            #details .row-fluid > div > .info-labels { display: none; }\n\n            .js-customizer-show, hr {\n                margin-top: 30px;\n                margin-bottom: 30px;\n            }\n\n            .tmpl-body a { color: #5e68c8; }\n            .tmpl-body a:hover { color: #8b5ec8; }\n\n            .tmpl-body .tmpl-headline {\n                font-size: 28px;\n                font-weight: normal;\n                margin-bottom: 25px;\n            }\n\n            .tmpl-flex {\n                display: -ms-flexbox;\n                display: -webkit-flex;\n                display: flex;\n            }\n\n            .tmpl-flex > div { box-sizing: border-box; }\n\n            .tmpl-width-1-2 { width: 50%; }\n            .tmpl-width-2-5 { width: 40%; }\n            .tmpl-width-3-5 { width: 60%; }\n\n            .tmpl-text-right { text-align: right; }\n\n            @media (max-width: 1025px) {\n\n                .tmpl-flex {\n                    -ms-flex-wrap: wrap;\n                    -webkit-flex-wrap: wrap;\n                    flex-wrap: wrap;\n                }\n\n                [class*='tmpl-width'] { width: 100%; }\n\n                .tmpl-text-right,\n                .tmpl-text-left { text-align: center; }\n\n            }\n\n            .tmpl-button {\n                display: inline-block;\n                box-sizing: border-box;\n                width: 100%;\n                padding: 25px 30px;\n                border-radius: 2px;\n                background: linear-gradient(140deg, #FE67D4, #4956E3);\n                box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.5);\n                line-height: 10px;\n                color: #fff !important;\n                vertical-align: middle;\n                font-size: 11px;\n                font-weight: bold;\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n                text-align: center;\n                text-decoration: none !important;\n                text-transform: uppercase;\n                letter-spacing: 2px;\n                -webkit-transition: 0.1s ease-in-out;\n                transition: 0.1s ease-in-out;\n                -webkit-transition-property: box-shadow;\n                transition-property: box-shadow;\n            }\n\n            .tmpl-button:hover {\n                box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.5),\n                            0 8px 24px rgba(106,71,195,0.2);\n            }\n\n            .tmpl-list {\n                display: -ms-inline-flexbox;\n                display: -webkit-inline-flex;\n                display: inline-flex;\n                -ms-flex-wrap: wrap;\n                -webkit-flex-wrap: wrap;\n                flex-wrap: wrap;\n                margin-left: -15px;\n                padding: 0;\n                list-style: none;\n            }\n\n            .tmpl-list > li {\n                -ms-flex: none;\n                -webkit-flex: none;\n                flex: none;\n                padding-left: 15px;\n                position: relative;\n            }\n\n            .tmpl-text-small {\n                font-size: 11px;\n                text-transform: uppercase;\n                letter-spacing: 1px;\n            }\n\n        <\/style>\n\n        <script>\n            if (window.jQuery) {\n                (function ($) {\n\n                    if (!$('#style-form').length) {\n                        return;\n                    }\n\n                    $('.js-tmpl-description').parent().hide().after('<div class=\"tmpl-body\">' +\n                    '    <p id=\"alert-customizer\" class=\"alert alert-error hidden\">Please enable the <a href=\"index.php?option=com_plugins&view=plugins&filter_search=yootheme\">YOOtheme Framework plugin<\/a>.<\/p>' +\n                    '    <p id=\"alert-apikey\" class=\"alert alert-warning hidden\">Please add your YOOtheme API Key in the <a href=\"index.php?option=com_plugins&view=plugins&filter_search=installer%20yootheme\">Installer plugin<\/a>. You can find the API Key in your <a href=\"https:\/\/yootheme.com\/account\" target=\"_blank\">Account settings<\/a>.<\/p>' +\n                    '    <div class=\"tmpl-flex\">' +\n                    '        <div class=\"tmpl-width-2-5\" style=\"padding: 40px;\">' +\n                    '            <h2 class=\"tmpl-headline\">YOOtheme<\/h2>' +\n                    '            <p style=\"line-height: 1.5;\">A powerful, flexible and elegant website builder that allows you to create complex pages within minutes and customize every aspect of the theme.<\/p>' +\n                    '            <div class=\"js-customizer-show hidden\">' +\n                    '                <a href=\"#\" class=\"tmpl-button js-customizer-open\">Open Website Builder<\/a>' +\n                    '                <div id=\"customizer\"><\/div>' +\n                    '            <\/div>' +\n                    '            <hr>' +\n                    '            <div class=\"tmpl-flex\">' +\n                    '                <div class=\"tmpl-width-2-5 tmpl-text-left tmpl-text-small\">' +\n                    '                    <p><a href=\"https:\/\/yootheme.com\" target=\"_blank\">YOOtheme.com<\/a><\/p>' +\n                    '                <\/div>' +\n                    '                <div class=\"tmpl-width-3-5 tmpl-text-right\">' +\n                    '                    <ul class=\"tmpl-list tmpl-text-small\">' +\n                    '                      <li><a href=\"https:\/\/yootheme.com\/support\" target=\"_blank\">Support<\/a><\/li>' +\n                    '                      <li><a href=\"https:\/\/yootheme.com\/pro\/docs\/\" target=\"_blank\">Docs<\/a><\/li>' +\n                    '                      <li><a href=\"https:\/\/yootheme.com\/blog\/tag\/Pro\" target=\"_blank\">Blog<\/a><\/li>' +\n                    '                    <\/ul>' +\n                    '                <\/div>' +\n                    '            <\/div>' +\n                    '        <\/div>' +\n                    '        <div class=\"tmpl-width-3-5 js-customizer-show hidden\">' +\n                    '            <img src=\"..\/templates\/yootheme\/template_preview.jpg\" class=\"img-responsive\" width=\"960\" height=\"640\" alt=\"YOOtheme Pro\">' +\n                    '        <\/div>' +\n                    '    <\/div>' +\n                    '<\/div>');\n\n                    if (window.$customizer) {\n                        if (!window.$customizer.apikey) {\n                            $('#alert-apikey').removeClass('hidden');\n                        }\n                        $('#style-form .js-customizer-show').removeClass('hidden');\n                    } else {\n                        $('#alert-customizer').removeClass('hidden');\n                    }\n\n                })(window.jQuery);\n            }\n        <\/script>\n\n        \n    ","group":"","filename":"templateDetails"}