<?php
$data = array(
    'default' => array('motive' => '#ce0000', 'secundary' => '#9b0506', 'rgba' => '206, 0, 0', 'map' => array('#450203','#640304','#820405','#9f0e0f','#b44545','#cd8282','#e2b6b7','#efd6d6','#fcf7f7')),
    'orange' => array('motive' => '#ff7f00', 'secundary' => '#db6d00', 'rgba' => '255, 127, 0', 'map' => array('#723800','#a45100','#d66a00','#ff8309','#ff9f41','#ffbe7f','#ffdab5','#ffead5','#fffbf7')),
    'yellow' => array('motive' => '#ffd600', 'secundary' => '#dab700', 'rgba' => '255, 214, 0', 'map' => array('#726000','#a48a00','#d6b400','#ffd709','#ffe041','#ffea7f','#fff3b5','#fff8d5','#fffef7')),
    'green' => array('motive' => '#8dc153', 'secundary' => '#75a044', 'rgba' => '141, 193, 83', 'map' => array('#3f5625','#5b7c35','#76a246','#91c359','#aad17f','#c6e0a9','#deedcd','#ecf5e3','#fbfdfa')),
    'cyan' => array('motive' => '#22cbe8', 'secundary' => '#1cabc3', 'rgba' => '34, 203, 232', 'map' => array('#0c465e','#116588','#1684b1','#22a0d5','#54b6de','#8ccee9','#bde3f2','#d9eff8','#f8fcfe')),
    'blue' => array('motive' => '#2b8be9', 'secundary' => '#1686b4', 'rgba' => '43, 138, 233', 'map' => array('#0c465e','#116588','#1684b1','#22a0d5','#54b6de','#8ccee9','#bde3f2','#d9eff8','#f8fcfe')),
);
header("Content-type:text/css");
foreach ($data as $name => $values) {
    $motive = $values['motive'];
    $secundary = $values['secundary'];
    $rgba = $values['rgba'];
    $name = '.'.$name;
    $map = $values['map'];
    ?>
    /* Demo style: <?php echo $name ?> */


    <?php echo $name ?> a {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> a:hover {
    color: inherit;
    }

    <?php echo $name ?> a.grey {
    color: #b3b6b9;
    }

    <?php echo $name ?> a.grey:hover,
    <?php echo $name ?> a.grey:focus {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .breadcrumb > li + li:before {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .breadcrumb > li a:hover,
    <?php echo $name ?> .breadcrumb > li a:focus {
    color: <?php echo $motive ?>;
    }
    /* *******
    BUTTONS
    ******* */
    <?php echo $name ?> .btn-link {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .btn-primary {
    background-color: <?php echo $motive ?>;
    border-color: <?php echo $motive ?>;
    color: #ffffff;
    }
    <?php echo $name ?> .btn-primary:hover,
    <?php echo $name ?> .btn-primary:focus,
    <?php echo $name ?> .btn-primary:active,
    <?php echo $name ?> .btn-primary.active {
    background-color: #313842;
    border-color: #313842;
    color: #ffffff;
    }
    <?php echo $name ?> .bg3 .btn-primary:hover,
    <?php echo $name ?> .bg4 .btn-primary:hover,
    <?php echo $name ?> .media-section.darkbg .btn-primary:hover,
    <?php echo $name ?> .bg3 .btn-primary:focus,
    <?php echo $name ?> .bg4 .btn-primary:focus,
    <?php echo $name ?> .media-section.darkbg .btn-primary:focus,
    <?php echo $name ?> .bg3 .btn-primary:active,
    <?php echo $name ?> .bg4 .btn-primary:active,
    <?php echo $name ?> .media-section.darkbg .btn-primary:active,
    <?php echo $name ?> .bg3 .btn-primary.active,
    <?php echo $name ?> .bg4 .btn-primary.active,
    <?php echo $name ?> .media-section.darkbg .btn-primary.active {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .btn-default {
    color: <?php echo $motive ?>;
    }

    <?php echo $name ?> .btn-border{
    color: #313842;
    }
    <?php echo $name ?> .btn-border:hover,
    <?php echo $name ?>.btn-border:active,
    <?php echo $name ?> .btn-border:focus,
    <?php echo $name ?> .btn-border.active {
    color: #ffffff;
    }

    <?php echo $name ?> .open .dropdown-toggle.btn-primary {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .dropdown-menu > li a:hover,
    <?php echo $name ?> .dropdown-menu > li a:focus,
    <?php echo $name ?> .dropdown-menu > li a:active {
    background-color: <?php echo $motive ?>;
    }
    /* ******
    INPUTS
    ****** */
    <?php echo $name ?> .search-widget .btn:hover,
    <?php echo $name ?> .search-widget .btn:focus,
    <?php echo $name ?> .search-widget .btn:active {
    color: <?php echo $motive ?>;
    }
    /* **********
    TYPOGRAPHY
    ********** */
    <?php echo $name ?> .motive {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .ct-ribbon:before {
    background: <?php echo $motive ?>;
    }
    <?php echo $name ?> .ct-ribbon .ct-triangle {
    border-color: transparent <?php echo $motive ?> transparent transparent;
    }
    <?php echo $name ?> h1 a,
    <?php echo $name ?> .h1 a,
    <?php echo $name ?> h2 a,
    <?php echo $name ?> .h2 a,
    <?php echo $name ?> h3 a,
    <?php echo $name ?> .h3 a,
    <?php echo $name ?> h4 a,
    <?php echo $name ?> .h4 a,
    <?php echo $name ?> h5 a,
    <?php echo $name ?> .h5 a,
    <?php echo $name ?> h6 a,
    <?php echo $name ?> .h6 a {
    color: #313842;
    }
    <?php echo $name ?> h1 a:hover,
    <?php echo $name ?> .h1 a:hover,
    <?php echo $name ?> h2 a:hover,
    <?php echo $name ?> .h2 a:hover,
    <?php echo $name ?> h3 a:hover,
    <?php echo $name ?> .h3 a:hover,
    <?php echo $name ?> h4 a:hover,
    <?php echo $name ?> .h4 a:hover,
    <?php echo $name ?> h5 a:hover,
    <?php echo $name ?> .h5 a:hover,
    <?php echo $name ?> h6 a:hover,
    <?php echo $name ?> .h6 a:hover,
    <?php echo $name ?> h1 a:focus,
    <?php echo $name ?> .h1 a:focus,
    <?php echo $name ?> h2 a:focus,
    <?php echo $name ?> .h2 a:focus,
    <?php echo $name ?> h3 a:focus,
    <?php echo $name ?> .h3 a:focus,
    <?php echo $name ?> h4 a:focus,
    <?php echo $name ?> .h4 a:focus,
    <?php echo $name ?> h5 a:focus,
    <?php echo $name ?> .h5 a:focus,
    <?php echo $name ?> h6 a:focus,
    <?php echo $name ?> .h6 a:focus,
    <?php echo $name ?> h1 a:active,
    <?php echo $name ?> .h1 a:active,
    <?php echo $name ?> h2 a:active,
    <?php echo $name ?> .h2 a:active,
    <?php echo $name ?> h3 a:active,
    <?php echo $name ?> .h3 a:active,
    <?php echo $name ?> h4 a:active,
    <?php echo $name ?> .h4 a:active,
    <?php echo $name ?> h5 a:active,
    <?php echo $name ?> .h5 a:active,
    <?php echo $name ?> h6 a:active,
    <?php echo $name ?> .h6 a:active {
    color: <?php echo $motive ?>;
    }
    /* *************
    HEADER STYLES
    ************* */
    <?php echo $name ?> header a,
    <?php echo $name ?> header .btn-link {
    color: inherit;
    }
    <?php echo $name ?> header a:hover,
    <?php echo $name ?>header .btn-link:hover,
    <?php echo $name ?>header a:focus,
    <?php echo $name ?>header .btn-link:focus,
    <?php echo $name ?>header a:active,
    <?php echo $name ?>header .btn-link:active {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> header a:hover,
    <?php echo $name ?> header .btn-link:hover,
    <?php echo $name ?> header a:focus,
    <?php echo $name ?> header .btn-link:focus,
    <?php echo $name ?> header a:active,
    <?php echo $name ?> header .btn-link:active {
    <?php echo $name ?> color: <?php echo $motive ?>;
    }
    <?php echo $name ?> header a:hover i.fa,
    <?php echo $name ?> header .btn-link:hover i.fa,
    <?php echo $name ?> header a:focus i.fa,
    <?php echo $name ?> header .btn-link:focus i.fa,
    <?php echo $name ?> header a:active i.fa,
    <?php echo $name ?> header .btn-link:active i.fa {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> body.header-color header {
    background-color: <?php echo $motive ?>;
    }
    <?php echo $name ?> body.header-color header a:hover,
    <?php echo $name ?> body.header-color header .btn-link:hover,
    <?php echo $name ?> body.header-color header a:focus,
    <?php echo $name ?> body.header-color header .btn-link:focus,
    <?php echo $name ?> body.header-color header a:active,
    <?php echo $name ?> body.header-color header .btn-link:active {
    color: #87bef3;
    }
    <?php echo $name ?> body.header-color header a:hover i.fa,
    <?php echo $name ?> body.header-color header .btn-link:hover i.fa,
    <?php echo $name ?> body.header-color header a:focus i.fa,
    <?php echo $name ?> body.header-color header .btn-link:focus i.fa,
    <?php echo $name ?> body.header-color header a:active i.fa,
    <?php echo $name ?> body.header-color header .btn-link:active i.fa {
    color: #87bef3;
    }
    /* *************
    NAVBAR STYLES
    ************* */
    <?php echo $name ?> body.navbar-sidebar .navbar-toggle:hover .icon-bar {
    background-color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .navbar a:hover {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .dropdown-menu > li a:hover,
    <?php echo $name ?> .dropdown-menu > li a:focus,
    <?php echo $name ?> .dropdown-menu > li a:active {
    color: #ffffff;
    }
    <?php echo $name ?> .header-search,
    <?php echo $name ?> .header-login{
    background-color: <?php echo $motive ?>;
    background: rgba(<?php echo $rgba ?>, 0.9);
    }
    <?php echo $name ?> #magic-line {
    background: <?php echo $motive ?>;
    }

    <?php echo $name ?> .navbar a {
    color: inherit;
    }
    /* ********
    SECTIONS
    ******** */
    <?php echo $name ?> .bg4 {
    background-color: <?php echo $motive ?>;
    }
    /* **************
    PROJECT SINGLE
    ************** */
    <?php echo $name ?> .project-media-container .project-desc {
    background-color: rgba(<?php echo $rgba ?>, 0.8);
    }
    /* ****************
    PROCESS CIRCLES
    *************** */
    <?php echo $name ?> .ct-process .ct-process-right,
    <?php echo $name ?> .ct-process .ct-process-left {
    background-color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .ct-process .ct-process-right:before {
    border-color: transparent transparent transparent <?php echo $motive ?>;
    }
    <?php echo $name ?> .ct-process .ct-process-left:before {
    border-color: transparent <?php echo $motive ?> transparent transparent;
    }
    /* ====================== */
    /* ==== PROGRESS BAR ==== */
    <?php echo $name ?> .progress .progress-bar {
    background: <?php echo $motive ?>;
    }
    /* ***********
    SERVICE BOX
    *********** */
    <?php echo $name ?> .service-box.withhover:hover {
    border-color: <?php echo $motive ?>;
    background-color: <?php echo $motive ?>;
    }
    /* ******
    FOOTER
    ******* */
    <?php echo $name ?> footer.main-footer a {
    color: #FFFFFF;
    }
    <?php echo $name ?> footer.main-footer a:hover {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> #backtoTop {
    background-color: <?php echo $motive ?>;
    }
    /* ********
    ARTICLES
    ******** */
    <?php echo $name ?> article .date .day {
    color: <?php echo $motive ?>;
    }
    <?php echo $name ?> article .date .month {
    background-color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .commentList .reply-button:hover,
    <?php echo $name ?> .commentList .reply-button:focus {
    color: <?php echo $motive ?>;
    }
    /* **********
    BLOCKQUOTE
    ********** */
    <?php echo $name ?> blockquote.type1 {
    background-color: <?php echo $motive ?>;
    }
    <?php echo $name ?> blockquote.type2 footer cite {
    color: <?php echo $motive ?>;
    }
    /* ****
    TABS
    **** */
    <?php echo $name ?> .tabs-vertical > .nav-tabs li.active a:before, <?php echo $name ?> .tabs-horizontal > .nav-tabs li.active a:before{
    background-color: <?php echo $motive ?>;
    }
    /* ******
    TABLES
    ****** */
    <?php echo $name ?> .table > thead > tr > th {
    background-color: <?php echo $motive ?>;
    }
    /* **************
    PROJECT IMAGES
    ************** */
    <?php echo $name ?> .project-thumb:before {
    background-color: <?php echo $motive ?>;
    }
    <?php echo $name ?> .project-thumb .thumb-links .thumb-link:hover,
    <?php echo $name ?> .project-thumb .thumb-links .thumb-link:active,
    <?php echo $name ?> .project-thumb .thumb-links .thumb-link:focus {
    color: <?php echo $motive ?>;
    }
    /* ************
    SQUARE ICONS
    ************ */
    <?php echo $name ?> .square-icon-box:before {
    border: 3px solid <?php echo $motive ?>;
    }
    <?php echo $name ?> .square-icon-hover:hover .square-icon-box {
    color: #ffffff;
    }
    <?php echo $name ?> .square-icon-hover:hover .square-icon-box:before {
    background-color: <?php echo $motive ?>;
    }
    /* ******************
    THUMBNAIL SCROLLER
    ****************** */
    <?php echo $name ?> .thumbnailScroller .jTscrollerNextButton:hover,
    <?php echo $name ?> .thumbnailScroller .jTscrollerPrevButton:hover {
    background-color: <?php echo $motive ?>;
    }
    /* *********
    WORDPRESS
    ********* */
    <?php echo $name ?> .widget .widget-inner ul > li a:hover,
    <?php echo $name ?> .widget .widget-inner ul > li a:focus,
    <?php echo $name ?> .widget .widget-inner ul > li a:active {
    color: <?php echo $motive ?>;
    }

    <?php echo $name ?> .list-socials a {
    color: inherit;
    }

    <?php echo $name ?> .square-icon-hover a {
    color: inherit;
    }

    <?php echo $name ?> .bg3 .btn-border,
    <?php echo $name ?> .bg4 .btn-border,
    <?php echo $name ?> .media-section.darkbg .btn-border {
    color: #ffffff;
    }
    <?php echo $name ?> .bg3 .btn-border:hover,
    <?php echo $name ?> .bg4 .btn-border:hover,
    <?php echo $name ?> .media-section.darkbg .btn-border:hover {
    color: #1c2026;
    }
    <?php echo $name ?> .navigation-title a {
    color: rgba(255, 255, 255, 0.7);
    }
    <?php echo $name ?> .navigation-title a:hover,
    <?php echo $name ?> .navigation-title a:focus,
    <?php echo $name ?> .navigation-title a:active {
    color: #ffffff;
    }

    <?php echo $name ?> .nav > li > a,
    <?php echo $name ?> .nav > li > a:hover,
    <?php echo $name ?> .nav > li > a:focus,
    <?php echo $name ?> .nav > li > a:active {
    color: inherit;
    }

    <?php echo $name ?> .article-tags a {
    color: #cbcdd0;
    }

    <?php echo $name ?> .search-widget .btn {
    background-color: transparent;
    border-color: transparent;
    color: inherit;
    }

    <?php echo $name ?> .search-widget .btn:hover,
    <?php echo $name ?> .search-widget .btn:focus,
    <?php echo $name ?> .search-widget .btn:active {
    color: <?php echo $motive ?>;
    }

    <?php echo $name ?> .bg3 .btn-primary:hover,
    <?php echo $name ?> .bg4 .btn-primary:hover,
    <?php echo $name ?> .media-section.darkbg .btn-primary:hover,
    <?php echo $name ?> .bg3 .btn-primary:focus,
    <?php echo $name ?> .bg4 .btn-primary:focus,
    <?php echo $name ?> .media-section.darkbg .btn-primary:focus,
    <?php echo $name ?> .bg3 .btn-primary:active,
    <?php echo $name ?> .bg4 .btn-primary:active,
    <?php echo $name ?> .media-section.darkbg .btn-primary:active,
    <?php echo $name ?> .bg3 .btn-primary.active,
    <?php echo $name ?> .bg4 .btn-primary.active,
    <?php echo $name ?> .media-section.darkbg .btn-primary.active {
    background-color: #FFFFFF;
    border-color: #ffffff;
    }

    <?php echo $name ?> .pricing .pricebox.motive{
    background-color: <?php echo $motive ?>;
    color: #ffffff;
    }
<?php
}