Subversion-Projekte lars-tiefland.cienc

.ui-colorpicker,
.ui-dialog.ui-colorpicker {
        width:                                  auto;
    white-space:                        nowrap;

        -webkit-touch-callout:  none;
        -webkit-user-select:    none;
        -khtml-user-select:             none;
        -moz-user-select:               none;
        -ms-user-select:                none;
        user-select:                    none;
}

.ui-colorpicker-inline {
    position:                           static;
}

.ui-colorpicker-buttonset {
        float:                                  left;
        margin-left:                    .4em;
}

.ui-colorpicker-buttonset .ui-button {
        margin:                                 .5em 0 .5em 0;
        cursor:                                 pointer;
}

.ui-colorpicker-buttonpane {
        background-image:               none;
        margin:                                 .7em 0 0 0;
        padding:                                0 .2em;
        border-left:                    0;
        border-right:                   0;
        border-bottom:                  0;
}

.ui-colorpicker-buttonpane button {
        float:                                  right;
        margin:                                 .5em .2em .4em;
        cursor:                                 pointer;
        padding:                                .2em .6em .3em .6em;
        width:                                  auto;
        overflow:                               visible;
}

.ui-colorpicker-buttonpane button.ui-colorpicker-current {
        float:                                  left;
}

.ui-colorpicker table {
    font-size:                          100%; /* Reset browser table font-size */
        margin:                                 0;
}

.ui-colorpicker table td {
        vertical-align:                 top;
}

.ui-colorpicker-padding-left {
        padding-left:                   10px;
}
.ui-colorpicker-padding-top {
        padding-top:                    10px;
}

.ui-colorpicker-border {
        border:                                 1px inset;
    display:                            inline-block;
}

/* Bar & map */
.ui-colorpicker-map > *,
.ui-colorpicker-bar > * {
    position:                           absolute;
        cursor:                                 crosshair;
}

.ui-colorpicker-map-pointer,
.ui-colorpicker-bar-pointer {
    position:                           absolute;
}
/* Map */
.ui-colorpicker-map,
.ui-colorpicker-map > * {
    display:                            block;
        width:                                  256px;
        height:                                 256px;
        overflow:                               hidden;
}

.ui-colorpicker-map-layer-1,
.ui-colorpicker-map-layer-2 {
        background:                             url(images/map.png) no-repeat;
}

.ui-colorpicker-map-layer-alpha {
        background:                             url(images/map-opacity.png);
}

.ui-colorpicker-map-pointer {
        display:                                inline-block;
        width:                                  15px;
        height:                                 15px;
        background:                             url(images/map-pointer.png) no-repeat;
}

/* Bar */
.ui-colorpicker-bar,
.ui-colorpicker-bar > * {
    display:                            block;
    width:                                      20px;
    height:                                     256px;
        overflow:                               hidden;
    background-repeat:          repeat-x;
}

.ui-colorpicker-bar-layer-1,
.ui-colorpicker-bar-layer-2,
.ui-colorpicker-bar-layer-3,
.ui-colorpicker-bar-layer-4 {
        background:                             url(images/bar.png) repeat-x;
}

.ui-colorpicker-bar-layer-alpha {
        background:                             url(images/bar-opacity.png);
}

.ui-colorpicker-bar-layer-alphabar {
        background:                             url(images/bar-alpha.png);
}

.ui-colorpicker-bar-pointer {
        display:                                inline-block;
        width:                                  20px;
        height:                                 7px;
        background:                             url(images/bar-pointer.png) no-repeat;
}

/* Preview */
.ui-colorpicker-preview {
        text-align:                             center;
}

.ui-colorpicker-preview-initial {
    cursor:                                     pointer;
}

.ui-colorpicker-preview-initial,
.ui-colorpicker-preview-current {
    width:                                      50px;
    height:                                     20px;
    display:                            inline-block;
}

.ui-colorpicker-preview-initial-alpha,
.ui-colorpicker-preview-current-alpha {
    width:                                      50px;
    height:                                     20px;
    display:                            inline-block;
        background:                             url(images/preview-opacity.png) repeat;
}

/* Inputs */
.ui-colorpicker-rgb label,
.ui-colorpicker-hsv label,
.ui-colorpicker-hsl label,
.ui-colorpicker-lab label,
.ui-colorpicker-cmyk label,
.ui-colorpicker-alpha label {
    width:                                      1.5em;
    display:                            inline-block;
}

.ui-colorpicker-number {
        margin:                                 .1em;
        width:                                  4em;
}

/* Hex */
.ui-colorpicker-hex {
        text-align:                             center;
}

/* Swatches */
.ui-colorpicker-swatches {
        width:                                  84px;
        height:                                 256px;
        overflow:                               auto;
        background-color:               #f8f8f8;
}

.ui-colorpicker-swatch {
        cursor:                                 pointer;
        float:                                  left;
        width:                                  11px;
        height:                                 11px;
    border-right:                       1px solid black;
    border-bottom:                      1px solid black;
}