infusion/src/framework/preferences/css/stylus/SeparatedPanelPrefsEditor.styl

Infusion is an application framework for developing flexible stuff with JavaScript

@import "utils/Themes"

@font-face {
    font-family: 'OpenSans';
    src:url('../../../lib/fonts/OpenSans-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src:url('../../../lib/fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src:url('../../../lib/fonts/OpenSans-Semibold.ttf');
    font-weight: 600;
    font-style: normal;
}

// Top bar and show/hide button
.fl-prefsEditor-separatedPanel {
    .fl-panelBar {
        width: 100%;
        background-color: #fff;
        border-bottom: 1px solid #ccc;

        .fl-prefsEditor-buttons {
            box-shadow: 2px 2px 3px 0 #6f6f6f;
            border-bottom: 1px solid #ccc;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc; //FLUID-4991: The shadow effect around the hide/show preferences bug fix. (Border right added)
            border-bottom-left-radius:8px;
            border-bottom-right-radius:8px;
            background-color: white;
            min-height: 2em;
            margin-right: 10em;
            display: block;
            float: right;
        }
    }

    .fl-prefsEditor-showHide {
        min-width: 15em;
    }

    .fl-prefsEditor-showHide, .fl-prefsEditor-reset {
        text-transform: lowercase;
        font-weight: bold;
        border: 0;
        background-color: white;
        height: 1.8em;
        color: #2f2b2a;
        font-family: 'OpenSans',"Myriad Pro", Helvetica, Arial, sans-serif;
        font-size: 1.1em;
        margin-right: 0.5em;
        margin-left: 0.5em;
    }

    .fl-prefsEditor-reset {
        border-right: 1px solid #ccc;
    }

    // Font icon for reset tab
    .fl-icon-undo {
        font-family: 'InfusionIcons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        float: left;
        margin-right: 0.3em;
        margin-top: -0.1em;
        font-size: 1em;
    }

    .fl-icon-undo:before {
        content: "\e008";
    }
}

// IFrame
.fl-prefsEditor-separatedPanel-iframe {
    border: 0;
    background-color: #fff;
    height: 0px;
    display: block;
    width: 100%;
}

// Theming
build-themes-separatedPanelPrefsEditor(themes);