lixinru
/
YtIoT


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443
							<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js"><span id='Ext-picker-Date-css_mixin-extjs-datepicker'>/**
</span> * Creates the base structure of a date picker.
 * @member Ext.picker.Date
 */
@mixin extjs-datepicker {
    .#{$prefix}datepicker {
        border: $datepicker-border;

        background-color: $datepicker-background-color;
        position: relative;

        a {
            -moz-outline: 0 none;
            outline: 0 none;

            color: $datepicker-monthpicker-item-color;
            text-decoration: none;

            border-width: 0;
        }
    }

    .#{$prefix}datepicker-inner,
    .#{$prefix}datepicker-inner td,
    .#{$prefix}datepicker-inner th {
        border-collapse: separate;
    }

    .#{$prefix}datepicker-header {
        position: relative;

        height: 26px;

        @if $datepicker-header-background-gradient {
            @include background-gradient($datepicker-header-background-color, $datepicker-header-background-gradient);
        } @else {
            background-color: $datepicker-header-background-color;
        }
    }

    .#{$prefix}datepicker-prev,
    .#{$prefix}datepicker-next {
        position: absolute;
        top: 5px;

        width: 18px;

        a {
            display: block;

            width: 16px;
            height: 16px;

            background-position: top;
            background-repeat: no-repeat;

            cursor: pointer;

            text-decoration: none !important;

            @include opacity(.7);

            &amp;:hover {
                @include opacity(1);
            }
        }
    }

    .#{$prefix}datepicker-next {
        right: 5px;

        a {
            background-image: theme-background-image($theme-name, $datepicker-next-image);
        }
    }

    .#{$prefix}datepicker-prev {
        left: 5px;

        a {
            background-image: theme-background-image($theme-name, $datepicker-prev-image);
        }
    }

    .#{$prefix}item-disabled .#{$prefix}datepicker-prev a:hover,
    .#{$prefix}item-disabled .#{$prefix}datepicker-next a:hover {
        @include opacity(.6);
    }

    .#{$prefix}datepicker-month {
        padding-top: 3px;

        .#{$prefix}btn,
        button,
        .#{$prefix}btn-tc,
        .#{$prefix}btn-tl,
        .#{$prefix}btn-tr,
        .#{$prefix}btn-mc,
        .#{$prefix}btn-ml,
        .#{$prefix}btn-mr,
        .#{$prefix}btn-bc,
        .#{$prefix}btn-bl,
        .#{$prefix}btn-br {
            background: transparent !important;
            border-width: 0 !important;
        }

        span {
            color: #fff !important;
        }

        .#{$prefix}btn-split-right {
            background-image: theme-background-image($theme-name, $datepicker-month-arrow-image);
            padding-right: 12px;
        }
    }

    .#{$prefix}datepicker-next {
        text-align: right;
    }

    .#{$prefix}datepicker-month {
        //width: 120px;
        text-align: center;

        button {
            color: $datepicker-monthpicker-color !important;
        }
    }


    table.#{$prefix}datepicker-inner {
        width: 100%;
        table-layout: fixed;

        th {
            width: 25px;
            height: 19px;

            padding: 0;

            color: $datepicker-th-color;
            font: $datepicker-th-font;
            text-align: $datepicker-th-text-align;

            border-bottom: 1px solid $datepicker-th-border-bottom-color;
            border-collapse: separate;

            @if $datepicker-th-background-gradient {
                @include background-gradient($datepicker-th-background-color, $datepicker-th-background-gradient);
            } @else {
                background-color: $datepicker-th-background-color;
            }

            cursor: default;

            span {
                display: block;
                padding-right: 7px;
            }
        }

        tr {
            height: 20px;
        }

        td {
            border: $datepicker-border-width $datepicker-border-style;
            height: $datepicker-td-height;
            border-color: $datepicker-background-color;
            text-align: right;
            padding: 0;
        }

        a {
            padding-right: 4px;

            display: block;

            zoom: 1;

            font: normal ceil($font-size * .9) $font-family;
            color: $datepicker-item-color;
            text-decoration: none;
            text-align: right;
        }

        .#{$prefix}datepicker-active {
            cursor: pointer;
            color: black;
        }

        .#{$prefix}datepicker-selected {
            a {
                background: repeat-x left top;
                background-color: $datepicker-selected-item-background-color;
                border: 1px solid $datepicker-selected-item-border-color;
            }

            span {
                font-weight: bold;
            }
        }

        .#{$prefix}datepicker-today {
            a {
                border: $datepicker-border-width $datepicker-border-style;
                border-color: $datepicker-today-item-border-color;
            }
        }

        .#{$prefix}datepicker-prevday,
        .#{$prefix}datepicker-nextday {
            a {
                text-decoration: none !important;
                color: #aaa;
            }
        }

        a:hover,
        .#{$prefix}datepicker-disabled a:hover {
            text-decoration: none !important;

            color: #000;

            background-color: $datepicker-item-hover-background-color;
        }

        .#{$prefix}datepicker-disabled a {
            cursor: default;
            background-color: #eee;
            color: #bbb;
        }
    }

    .#{$prefix}datepicker-footer,
    .#{$prefix}monthpicker-buttons {
        position: relative;

        border-top: $datepicker-border-width $datepicker-border-style $datepicker-footer-border-top-color;

        @if $datepicker-footer-background-gradient {
            @include background-gradient($datepicker-footer-background-color, $datepicker-footer-background-gradient);
        } @else {
            background-color: $datepicker-footer-background-color;
        }

        text-align: center;

        .#{$prefix}btn {
            position: relative;
            margin: 4px;
        }
    }

    .#{$prefix}item-disabled .#{$prefix}datepicker-inner a:hover {
        background: none;
    }

    // month picker
    .#{$prefix}datepicker .#{$prefix}monthpicker {
        position: absolute;
        left: 0;
        top: 0;
    }


    .#{$prefix}monthpicker {
        border: $datepicker-border;
        background-color: $datepicker-background-color;
    }

    .#{$prefix}monthpicker-months,
    .#{$prefix}monthpicker-years {
        float: left;

        height: $datepicker-monthpicker-height;
        width: 88px;
    }

    .#{$prefix}monthpicker-item {
        float: left;

        margin: 4px 0 5px 0;

        font: normal ceil($font-size * .9) $font-family;
        text-align: center;
        vertical-align: middle;

        height: 18px;
        width: 43px;

        border: 0 none;

        a {
            display: block;

            margin: 0 5px;

            text-decoration: none;

            color: $datepicker-monthpicker-item-color;

            border: $datepicker-monthpicker-item-border;

            line-height: 17px;

            &amp;:hover {
                background-color: $datepicker-monthpicker-item-hover-background-color;
            }

            &amp;.#{$prefix}monthpicker-selected {
                background-color: $datepicker-monthpicker-item-selected-background-color;
                border: $datepicker-monthpicker-item-selected-border;
            }
        }
    }

    .#{$prefix}monthpicker-months {
        border-right: $datepicker-border;
        width: 87px;
    }

    .#{$prefix}monthpicker-years .#{$prefix}monthpicker-item {
        width: 44px;
    }

    .#{$prefix}monthpicker-yearnav {
        height: 28px;

        button {
            background-image: theme-background-image($theme-name, $datepicker-tool-sprite-image);
            height: 15px;
            width: 15px;
            padding: 0;
            margin: 6px 12px 5px 15px;
            border: 0;
            outline: 0 none;
            &amp;::-moz-focus-inner {
                border: 0;
                padding: 0;
            }
        }
    }

    .#{$prefix}monthpicker-yearnav-next {
        background-position: 0 -120px;
    }

    .#{$prefix}monthpicker-yearnav-next-over {
        cursor: pointer;
        cursor: hand;
        background-position: -15px -120px;
    }

    .#{$prefix}monthpicker-yearnav-prev {
        background-position: 0 -105px;
    }

    .#{$prefix}monthpicker-yearnav-prev-over {
        cursor: pointer;
        cursor: hand;
        background-position: -15px -105px;
    }

    .#{$prefix}monthpicker-small {
        .#{$prefix}monthpicker-item {
            margin: 2px 0 2px 0;
        }

        .#{$prefix}monthpicker-yearnav {
            height: 23px;
        }

        .#{$prefix}monthpicker-months, .#{$prefix}monthpicker-years {
            height: 136px;
        }
    }

    @if $include-ie {
        .#{$prefix}quirks {
            .#{$prefix}ie7,
            .#{$prefix}ie8 {
                .#{$prefix}monthpicker-buttons {
                    .#{$prefix}btn {
                        margin-top: 2px;
                    }
                }
            }

            .#{$prefix}monthpicker-small .#{$prefix}monthpicker-yearnav button {
                margin-top: 3px;
                margin-bottom: 3px;
            }
        }

        .#{$prefix}ie6 .#{$prefix}monthpicker-small .#{$prefix}monthpicker-yearnav button {
            margin-top: 3px;
            margin-bottom: 3px;
        }
    }

    //nlg support
    @if not $supports-gradients or $compile-all {
        .#{$prefix}nlg {
            @if $datepicker-header-background-gradient != null {
                .#{$prefix}datepicker-header {
                    background-image: theme-background-image($theme-name, 'datepicker/datepicker-header-bg.gif');
                    background-repeat: repeat-x;
                    background-position: top left;
                }
            }

            @if $datepicker-footer-background-gradient != null {
                .#{$prefix}datepicker-footer,
                .#{$prefix}monthpicker-buttons {
                    background-image: theme-background-image($theme-name, 'datepicker/datepicker-footer-bg.gif');
                    background-repeat: repeat-x;
                    background-position: top left;
                }
            }
        }
    }
}</pre>
</body>
</html>