add extjs 6.0.1 sources

[extjs.git] / extjs / templates / executive-dashboard / sass / src / view / quarterly / Quarterly.scss

.quarterly-main {\r
    background-color: $exec-light-background;\r
\r
    .quarterly-chart {\r
        border-radius: 3px;\r
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);\r
        -moz-box-shadow:    0px 1px 1px 0px rgba(0, 0, 0, 0.25);\r
        box-shadow:         0px 1px 1px 0px rgba(0, 0, 0, 0.25);\r
        margin: 20px 20px 0;\r
\r
        z-index: 1000;\r
\r
        .ql-percentage {\r
            font-size: $exec-font-size-content;\r
            margin-left: 5px;\r
        }\r
\r
        .x-toolbar {\r
            background-color: $exec-tile-background;\r
            padding-top: 15px !important;\r
            padding-bottom: 0px !important;\r
            padding: 0;\r
\r
            .x-btn-arrow-right:after {\r
                background-image: url(images/button/default-toolbar-small-arrow.png) !important;\r
            }\r
\r
            .x-btn-default-toolbar-small {\r
                background-color: $exec-tile-background;\r
                border-color: $exec-tile-background;\r
\r
                .small-sub-text {\r
                    font-size: $exec-font-size-small-content;\r
                }\r
            }\r
\r
            .x-form-item-label-inner {\r
                color: $exec-font-light-color;\r
                font-size: $exec-font-size-small-content;\r
                font-weight: $exec-font-bold;\r
                padding: 0;\r
                margin: 0;\r
            }\r
\r
            .x-form-display-field {\r
                font-size: $exec-font-size-medium-title;\r
                margin: 0;\r
                padding: 0;\r
            }\r
        }\r
    }\r
\r
    .stock-picker-small {\r
        text-align: right;\r
        padding-right: 7px;\r
\r
        .x-form-display-field {\r
            color: $exec-font-light-color !important;\r
            font-size: $exec-font-size-content !important;\r
            font-weight: $exec-font-bold !important;\r
        }\r
    }\r
\r
    .x-btn.quarterly-cycle {\r
\r
        background: none;\r
        border: none;\r
\r
        span {\r
            color: $exec-font-dark-color !important;\r
            font-size: $exec-font-size-xlarge-title !important;\r
            line-height: $exec-font-size-xlarge-title;\r
            font-weight: $exec-font-semibold;\r
        }\r
\r
        &.x-btn-focus {\r
            @include inner-border(1px, mix($exec-blue-color, #fff, 40%));\r
        }\r
\r
        .x-btn-split-right:after {\r
            background-image: url(icons/switch-icon.png) !important;\r
            background-position: center !important;\r
            width: 24px !important;\r
            padding-right: 0 !important;\r
            padding-top: 5px !important;\r
\r
            .x-ie8 & {\r
                background-image: url(icons/switch-icon-small.png) !important;\r
            }\r
        }\r
\r
        .x-btn-tl,\r
        .x-btn-tc,\r
        .x-btn-tr,\r
        .x-btn-ml,\r
        .x-btn-mc,\r
        .x-btn-mr,\r
        .x-btn-bl,\r
        .x-btn-bc,\r
        .x-btn-br {\r
            background: none\r
        }\r
    }\r
\r
    .quarterly-dataview {\r
        padding: 10px 15px 15px;\r
    }\r
\r
    .statement-type {\r
        width: 100%;\r
        float: left;\r
        color: $exec-font-color;\r
        font-weight: bold;\r
        font-size: $exec-font-size-small-title;\r
        margin: 20px 5px 0;\r
    }\r
\r
    .thumb-title-container {\r
        float: left;\r
        padding-top: 4px;\r
    }\r
\r
    .thumb-title {\r
        color: $exec-font-dark-color;\r
        font-weight: $exec-font-bold;\r
    }\r
\r
    .thumb-title-small {\r
        color: $exec-font-color;\r
        font-size: $exec-font-size-small-content;\r
        font-weight: $exec-font-semibold;\r
    }\r
\r
    .thumb-icon {\r
        background-image: url(icons/pdf.png);\r
        height: 40px;\r
        width: 40px;\r
        background-size: contain;\r
        background-repeat: no-repeat;\r
        float: left;\r
        margin-right: 5px;\r
\r
        .x-ie8 & {\r
            background-image: url(icons/pdf-small.png);\r
        }\r
    }\r
\r
    .thumb-download {\r
        height: 40px;\r
        width: 40px;\r
\r
        background-image: url(icons/download-small.png);\r
        background-position: right center;\r
        background-repeat: no-repeat;\r
        background-size: 50%;\r
\r
        opacity: 0.5;\r
\r
        float: right;\r
    }\r
\r
    .thumb {\r
        display: table-cell;\r
        background-color: $exec-tile-background;\r
        padding: 16px;\r
        border-radius: 3px;\r
\r
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);\r
        -moz-box-shadow:    0px 1px 1px 0px rgba(0, 0, 0, 0.25);\r
        box-shadow:         0px 1px 1px 0px rgba(0, 0, 0, 0.25);\r
    }\r
\r
    .thumb:hover {\r
        .thumb-download {\r
            opacity: 1;\r
        }\r
    }\r
\r
    .thumb-wrap{\r
        display: table;\r
        float: left;\r
        width: 50%;\r
        padding: 5px;\r
    }\r
}\r
\r
@media screen and (max-width: 980px) and (orientation: landscape), screen and (max-width: 760px) and (orientation: portrait) {\r
    .quarterly-main .thumb-wrap {\r
        float: none;\r
        width: 100%;\r
        padding: 5px 0;\r
    }\r
}\r
\r
#quarterly-menu {\r
    .x-menu-body {\r
        background-color: white;\r
        span {\r
            color: black;\r
        }\r
    }\r
    .x-menu-item-active {\r
        background-color: darken(white, 10%) !important;\r
    }\r
    .x-menu-item-checked .x-menu-item-checkbox {\r
        background-image: url("icons/group-checked-black-small.png") !important;\r
    }\r
}\r
\r
.ext-strict .ext-ie .x-tree .x-panel-bwrap{\r
    position:relative;\r
    overflow:hidden;\r
}