add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / classic / app / nested-loading / resources / sass / nested-loading.scss

$base-color: #ddd;\r
\r
$font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;\r
\r
@import 'compass';\r
@import 'ext4/default/all';\r
\r
$highlight-background-color: #7b8b9d;\r
\r
$header-background-color: darken($highlight-background-color, 30);\r
$sidebar-background-color: #eaeaea;\r
$review-background-color: lighten($highlight-background-color, 20);\r
\r
/**\r
 * Application header\r
 */\r
.app-header {\r
    padding: 10px;\r
    \r
    @include background-gradient($header-background-color, 'matte');\r
    \r
    color: #fff;\r
    font-size: 16px;\r
    font-weight: bold;\r
    text-align: center;\r
    text-shadow: 0 1px 0 darken($header-background-color, 15);\r
    \r
    border-bottom: 1px solid darken($header-background-color, 15) !important;\r
}\r
\r
//for browsers that dont support linear gradients\r
.x-nlg {\r
    .app-header {\r
        background: url(../images/legacy/header-bg.png) repeat-x;\r
    }\r
}\r
\r
/**\r
 * Sidebar\r
 */\r
.sidebar-list {\r
    .product {\r
        cursor: pointer;\r
    }\r
\r
    //border-right: 1px solid $panel-border-color !important;\r
    \r
    background: $sidebar-background-color;\r
    \r
    .x-item-selected {\r
        color: #fff;\r
        font-weight: bold;\r
        text-shadow: 0 1px 0 darken($highlight-background-color, 20);\r
        \r
        border-color: $highlight-background-color;\r
        \r
        @include background-gradient($highlight-background-color, 'matte');\r
    }\r
}\r
\r
//for browsers that dont support linear gradients\r
.x-nlg {\r
    .sidebar-list {\r
        .x-item-selected {\r
            background: url(../images/legacy/sidebar-selected-bg.png) repeat-x;\r
        }\r
    }\r
}\r
\r
.sidebar-title {\r
    color: #666;\r
    font-size: 11px;\r
    font-weight: bold;\r
    text-transform: uppercase;\r
    text-shadow: 0 1px 0 lighten(#e8ecf1, 10);\r
    \r
    padding: 5px;\r
}\r
\r
.product {\r
    border-width: 1px 0;\r
    border-style: solid;\r
    border-color: $sidebar-background-color;\r
    \r
    padding: 3px 10px;\r
    \r
    font-size: 12px;\r
}\r
\r
/**\r
 * Reviews\r
 */\r
.review-list {\r
    @include background-gradient($review-background-color, 'recessed');\r
    \r
    border: 1px solid darken($review-background-color, 10);\r
    \r
    color: darken($highlight-background-color, 40);\r
    font-size: 12px;\r
    \r
    padding: 0;\r
    \r
    .review-title {\r
        color: lighten($highlight-background-color, 40);\r
        font-size: 20px;\r
        text-shadow: 0 1px 0 darken($review-background-color, 10);\r
        \r
        @include background-gradient($header-background-color, 'matte');\r
        \r
        padding: 10px;\r
        \r
        span {\r
            color: lighten($highlight-background-color, 2);\r
        }\r
    }\r
    \r
    .review {\r
        margin: 10px;\r
        padding: 10px;\r
        \r
        background: lighten($review-background-color, 20);\r
        \r
        line-height: 18px;\r
        \r
        .title {\r
            font-size: 13px;\r
            font-weight: bold;\r
            \r
            img {\r
                position: relative;\r
                top: 1px;\r
                \r
                margin-right: 1px;\r
            }\r
        }\r
        \r
        .author {\r
            color: darken($highlight-background-color, 30);\r
            font-size: 11px;\r
            \r
            margin-bottom: 5px;\r
            \r
            span {\r
                color: darken($highlight-background-color, 40);\r
                font-weight: bold;\r
            }\r
        }\r
    }\r
}\r
\r
/**\r
 *\r
 */\r
.item-ct {\r
    table {\r
        margin: 50px auto;\r
    }\r
    \r
    .img {\r
        padding-right: 10px;\r
        margin-right: 10px;\r
        \r
        border-right: 1px solid $panel-border-color;\r
        \r
        text-align: right;\r
    }\r
    \r
    .name {\r
        font-size: 28px;\r
        font-weight: bold;\r
        text-wrap: nowrap;\r
        \r
        span {\r
            color: $highlight-background-color;\r
        }\r
    }\r
    \r
    .author {\r
        color: #333;\r
        font-size: 18px;\r
        \r
        border-bottom: 1px solid #eaeaea;\r
        \r
        padding-bottom: 10px;\r
        margin-bottom: 10px;\r
        \r
        span {\r
            color: #000;\r
        }\r
    }\r
}\r
\r