Gecko [ contributie.vriendennsm.nl ]

Name	Size	Permission	Date
bootstrap.less	2.16 KB	-rwxr-xr-x	2023-05-05 08:26
custom.less	2.95 KB	-rwxr-xr-x	2023-05-05 08:26
popup.less	426 B	-rwxr-xr-x	2023-05-05 08:26
style.less	6.15 KB	-rwxr-xr-x	2023-05-05 08:26

Rename

/**
 * @package         Sliders
 * @version         8.3.1
 * 
 * @author          Peter van Westen <info@regularlabs.com>
 * @link            http://regularlabs.com
 * @copyright       Copyright © 2023 Regular Labs All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
/*
 * This is an example of how you can create custom styles
 * Do not edit this file, as it will not be loaded by default and will get overwritten if you update Tabs
 * Place your own custom styles in your templates stylesheet
 * or copy the style.css file to /templates/[YOUR TEMPLATE]/css/sliders/style.min.css and customise that
 */
@import "../../regularlabs/less/init.less";

/* Custom Style: mystyle1 */
.rl_sliders {
    &.accordion {
        > .accordion-group.mystyle1 {
            > .accordion-heading {
                > a.accordion-toggle {
                    .transition-duration(0s);
                    font-size: 22px;
                    #gradient > .vertical(#ff9999, #ffffff);

&:hover {
                        #gradient > .vertical(#9999ff, #ffffff);
                    }
                }
            }

&.active {
                > .accordion-heading {
                    > a.accordion-toggle {
                        #gradient > .vertical(#99ff99, #ffffff);
                    }
                }
            }

> .accordion-body > .accordion-inner {
                border-top: none;
                #gradient > .vertical-three-colors(#ffffff, #ffffff, 25%, #ccffcc);
            }
        }
    }
}

/* Custom Style: mystyle2 */
.rl_sliders {
    &.accordion {
        > .accordion-group.mystyle2 {
            .border-radius(0 0 0 0);
            border-color: #666666;

> .accordion-heading {
                > a.accordion-toggle {
                    .transition-duration(1s);
                    font-family:      @monoFontFamily;
                    padding:          8px 20px;
                    background-color: #aaaaaa;
                    color:            #ffffff !important;

&:hover {
                        background-color: #999999;
                        color:            #ffffff;
                    }
                }
            }

&.active {
                > .accordion-heading {
                    > a.accordion-toggle {
                        background-color: #666666 !important;
                        color:            #ffffff !important;
                    }
                }
            }

> .accordion-body > .accordion-inner {
                .transition-duration(1s);
                font-family:      @monoFontFamily;
                border-top:       none;
                background-color: #999999;
                color:            #ffffff;
            }

&.active {
                > .accordion-body > .accordion-inner {
                    background-color: #666666;
                }
            }
        }
    }
}