lixinru
/
YtIoT


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
							<!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-tip-QuickTip-css_mixin-extjs-qtip'>/**
</span> * Creates the base structure of QuickTip.
 * @member Ext.tip.QuickTip
 */
@mixin extjs-qtip {
    .#{$prefix}tip {
        position: absolute;
        overflow: visible; /*pointer needs to be able to stick out*/
        border-color: $tip-border-color;

        .#{$prefix}tip-header {
            .#{$prefix}box-item {
                padding: $tip-header-padding;
            }

            .#{$prefix}tool {
                padding: 0px 1px 0 0 !important;
            }
        }
    }

    @include x-frame(
        $cls: 'tip',
        $border-radius: $tip-border-radius,
        $border-width: $tip-border-width,
        $background-color: $tip-background-color,
        $background-gradient: $tip-background-gradient,
        $table: true
    );

    .#{$prefix}tip-header-text {
        @include no-select;

        color: $tip-header-color;
        font-size: $tip-header-font-size;
        font-weight: $tip-header-font-weight;
    }

    .#{$prefix}tip-header-draggable {
        .#{$prefix}tip-header-text {
            cursor: move;
        }
    }

    // Tip is a Panel. It uses dock layout. Body style must be the same
    .#{$prefix}tip-body,
    .#{$prefix}form-invalid-tip-body {
        overflow: hidden;
        position: relative;
        padding: $tip-body-padding;
    }

    .#{$prefix}tip-header,
    .#{$prefix}tip-body,
    .#{$prefix}form-invalid-tip-body {
        color: $tip-body-color;
        font-size: $tip-body-font-size;
        font-weight: $tip-body-font-weight;
        a {
            color: $tip-body-link-color;
        }
    }

    .#{$prefix}tip-anchor {
        position: absolute;

        overflow: hidden;

        height: 0;
        width: 0;

        border-style: solid;
        border-width: 5px;
        border-color: $tip-border-color;

        zoom: 1;
    }

    .#{$prefix}border-box .#{$prefix}tip-anchor {
        width: 10px;
        height: 10px;
    }

    .#{$prefix}tip-anchor-top {
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;

        @if $include_ie {
            _border-top-color: pink;
            _border-left-color: pink;
            _border-right-color: pink;
            _filter: chroma(color=pink);
        }
    }

    .#{$prefix}tip-anchor-bottom {
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;

        @if $include_ie {
            _border-bottom-color: pink;
            _border-left-color: pink;
            _border-right-color: pink;
            _filter: chroma(color=pink);
        }
    }

    .#{$prefix}tip-anchor-left {
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;

        @if $include-ie {
            _border-top-color: pink;
            _border-bottom-color: pink;
            _border-left-color: pink;
            _filter: chroma(color=pink);
        }
    }

    .#{$prefix}tip-anchor-right {
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent;

        @if $include-ie {
            _border-top-color: pink;
            _border-bottom-color: pink;
            _border-right-color: pink;
            _filter: chroma(color=pink);
        }
    }

    //error qtip
    .#{$prefix}form-invalid-tip {
        border-color: $tip-error-border-color;

        @include inner-border(
            $width: 1px,
            $color: $tip-error-inner-border-color
        );
    }

    .#{$prefix}form-invalid-tip-body {
        background: 1px 1px no-repeat;
        background-image: theme-background-image($theme-name, 'form/exclamation.gif');
        padding-left: 22px;

        li {
            margin-bottom: 4px;
            &amp;.last {
                margin-bottom: 0;
            }
        }
    }

    @include x-frame(
        $cls: 'form-invalid-tip',
        $ui: 'default',
        $border-radius: $tip-error-border-radius,
        $border-width: $tip-error-border-width,
        $background-color: $tip-error-background-color,
        $background-gradient: $tip-background-gradient,
        $table: true
    );
}</pre>
</body>
</html>