add extjs 6.0.1 sources

[extjs.git] / extjs / examples / modern / oreilly / sass / src / view / Main.scss

//@include icon('team');\r
//@include icon('info');\r
//@include icon('time');\r
//@include icon('locate');\r
//@include icon('chat');\r
//@include icon('action');\r
\r
@include sencha-tabbar-ui('gray', #111, 'matte', lighten($base-color, 10%));\r
//@include sencha-toolbar-ui('dark', darken($base-color, 10%), $base-gradient);\r
@include sencha-toolbar-ui('gray', #ccc);\r
\r
a, .link {\r
    color: $base-color !important;\r
}\r
a:visited {\r
    color: lighten($base-color, 15%) !important;\r
}\r
\r
h3 {\r
    margin-top: 0.3em;\r
    font-size: 1.2em;\r
}\r
h4 {\r
    color: #999;\r
    margin-bottom: 0.3em;\r
}\r
\r
\r
.x-list-item-label > .session {\r
\r
    @include st-box;\r
    @include st-box-orient(horizontal);\r
    @include st-box-align(center);\r
\r
    .title {\r
        @include st-box-flex(1);\r
        font-weight: bold;\r
        font-size: 95%;\r
        overflow: hidden;\r
        text-overflow: ellipsis;\r
        white-space: nowrap;\r
    }\r
\r
    .room {\r
        font-size: 10px !important;\r
        color: $base-color;\r
        margin-left: .5em;\r
        white-space: nowrap;\r
        overflow: hidden;\r
        text-overflow: ellipsis;\r
    }\r
\r
}\r
\r
.sessionInfo {\r
\r
    padding: 0.9em;\r
    background: #fff;\r
\r
    h3 {\r
        font-size: 1.2em;\r
        margin-bottom: .1em;\r
        small {\r
            color: $base-color;\r
        }\r
    }\r
    h4 {\r
        font-size: 0.9em;\r
        color: #999;\r
        margin-bottom: .5em;\r
    }\r
    p {\r
        font-size: 0.8em;\r
        line-height: 1.5em;\r
    }\r
}\r
\r
.x-list-header.dark {\r
    color: #000;\r
    font-size: 0.7em;\r
    padding: 0.4em 1.3em;\r
}\r
\r
.tweets {\r
    h2 {\r
        padding-bottom: 3px;\r
    }\r
    img {\r
        float: left;\r
    }\r
    .tweet {\r
        font-size: 70%;\r
        margin-left: 60px;\r
        min-height: 50px;\r
    }\r
    .x-list-item {\r
        border-top: 1px solid white;\r
    }\r
    .posted {\r
        float: right;\r
    }\r
}\r
\r
.tweets {\r
    h2 {\r
        font-weight: bold;\r
    }\r
    img {\r
        border-radius: 5px;\r
        max-width: 50px;\r
        max-height: 50px;\r
    }\r
    .tweet {\r
        color: #333;\r
    }\r
}\r
\r
.x-list-item.speaker {\r
\r
    font-size: 0.9em;\r
    line-height: 1.4em;\r
\r
    .avatar {\r
        background-position: center center;\r
        -webkit-border-radius: 0.5em;\r
        float: left;\r
        border: 0;\r
        border-radius: 0.5em;\r
        width: 45px;\r
        height: 45px;\r
        background-size: 47px auto;\r
    }\r
    h3 {\r
        font-weight: bold;\r
        margin-left: 60px;\r
    }\r
    h4 {\r
        color: #999;\r
        margin-left: 60px;\r
    }\r
}\r
\r
.speakerInfo {\r
\r
    background: #fff;\r
\r
    .header {\r
        @include background-gradient(#eee);\r
        border-bottom: 1px solid #ccc;\r
        border-top: 1px solid #ddd;\r
        padding: 1em 0.8em;\r
    }\r
\r
    .avatar {\r
        background-position: center center;\r
        -webkit-border-radius: 0.5em;\r
        float: left;\r
        border: 0;\r
        border-radius: 0.5em;\r
        margin-right: 10px;\r
        width: 60px;\r
        height: 60px;\r
        background-size: 62px auto;\r
    }\r
\r
    p {\r
        color: #333;\r
        line-height: 1.5em;\r
        padding: 0.4em 1.2em;\r
        font-size: 0.8em;\r
    }\r
}\r
\r
.video {\r
    line-height: 1.5em;\r
    .thumb {\r
        margin: -0.6em;\r
        width: 2.6em;\r
        height: 2.6em;\r
        background-color: #eee;\r
        background-size: 2.6em auto;\r
        background-position: center center;\r
        float: left;\r
        margin-right: 0.6em;\r
    }\r
    .name {\r
        font-weight: bold;\r
        font-size: 0.85em;\r
        display: block;\r
        white-space: nowrap;\r
        overflow: hidden;\r
        text-overflow: ellipsis;\r
    }\r
}\r
\r
.htmlPage {\r
\r
    background: #fff;\r
    color: #333;\r
    line-height: 1.5em;\r
    font-size: 0.8em;\r
    padding: 0.4em 1.2em;\r
\r
    p {\r
        padding: 0.4em 0;\r
    }\r
\r
    .sponsor_list_heading {\r
        font-weight: bold;\r
    }\r
    .sponsorList {\r
        margin: 10px 0 25px 0;\r
        padding-left: 0;\r
        list-style-type: none;\r
        overflow: hidden;\r
\r
        li {\r
            display: block;\r
            float: left;\r
            margin-right: 20px;\r
            height: 50px;\r
            img {\r
                max-height: 50px;\r
            }\r
        }\r
    }\r
}\r