]> git.mxchange.org Git - quix0rs-gnu-social.git/blobdiff - js/extlib/jquery-ui/css/smoothness/jquery-ui.css
jquery-ui updated to 1.11.3
[quix0rs-gnu-social.git] / js / extlib / jquery-ui / css / smoothness / jquery-ui.css
index 9379ede653395c9aa670419ce95ec13c4fb5daef..05a54792b7c171c08d7dd004d25b840e52058eeb 100644 (file)
@@ -1,8 +1,8 @@
-/*! jQuery UI - v1.10.3 - 2013-09-12
+/*! jQuery UI - v1.11.3 - 2015-03-07
 * http://jqueryui.com
-* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
+* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
-* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
+* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
 
 /* Layout helpers
 ----------------------------------*/
@@ -48,7 +48,7 @@
        left: 0;
        position: absolute;
        opacity: 0;
-       filter:Alpha(Opacity=0);
+       filter:Alpha(Opacity=0); /* support: IE8 */
 }
 
 .ui-front {
        width: 100%;
        height: 100%;
 }
+.ui-draggable-handle {
+       -ms-touch-action: none;
+       touch-action: none;
+}
 .ui-resizable {
        position: relative;
 }
@@ -93,6 +97,8 @@
        position: absolute;
        font-size: 0.1px;
        display: block;
+       -ms-touch-action: none;
+       touch-action: none;
 }
 .ui-resizable-disabled .ui-resizable-handle,
 .ui-resizable-autohide .ui-resizable-handle {
        right: -5px;
        top: -5px;
 }
+.ui-selectable {
+       -ms-touch-action: none;
+       touch-action: none;
+}
 .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted black;
 }
+.ui-sortable-handle {
+       -ms-touch-action: none;
+       touch-action: none;
+}
 .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
-       margin-top: 2px;
+       margin: 2px 0 0 0;
        padding: .5em .5em .5em .7em;
        min-height: 0; /* support: IE7 */
+       font-size: 100%;
 }
 .ui-accordion .ui-accordion-icons {
        padding-left: 2.2em;
 }
-.ui-accordion .ui-accordion-noicons {
-       padding-left: .7em;
-}
 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 2.2em;
 }
@@ -347,12 +359,9 @@ button.ui-button::-moz-focus-inner {
        font-size: 1em;
        margin: 1px 0;
 }
-.ui-datepicker select.ui-datepicker-month-year {
-       width: 100%;
-}
 .ui-datepicker select.ui-datepicker-month,
 .ui-datepicker select.ui-datepicker-year {
-       width: 49%;
+       width: 45%;
 }
 .ui-datepicker table {
        width: 100%;
@@ -466,6 +475,7 @@ button.ui-button::-moz-focus-inner {
        border-left-width: 1px;
 }
 .ui-dialog {
+       overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
@@ -488,7 +498,7 @@ button.ui-button::-moz-focus-inner {
        position: absolute;
        right: .3em;
        top: 50%;
-       width: 21px;
+       width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
@@ -526,72 +536,56 @@ button.ui-button::-moz-focus-inner {
 }
 .ui-menu {
        list-style: none;
-       padding: 2px;
+       padding: 0;
        margin: 0;
        display: block;
        outline: none;
 }
 .ui-menu .ui-menu {
-       margin-top: -3px;
        position: absolute;
 }
 .ui-menu .ui-menu-item {
+       position: relative;
        margin: 0;
-       padding: 0;
-       width: 100%;
+       padding: 3px 1em 3px .4em;
+       cursor: pointer;
+       min-height: 0; /* support: IE7 */
        /* support: IE10, see #8844 */
-       list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+       list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
 }
 .ui-menu .ui-menu-divider {
-       margin: 5px -2px 5px -2px;
+       margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
 }
-.ui-menu .ui-menu-item a {
-       text-decoration: none;
-       display: block;
-       padding: 2px .4em;
-       line-height: 1.5;
-       min-height: 0; /* support: IE7 */
-       font-weight: normal;
-}
-.ui-menu .ui-menu-item a.ui-state-focus,
-.ui-menu .ui-menu-item a.ui-state-active {
-       font-weight: normal;
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active {
        margin: -1px;
 }
 
-.ui-menu .ui-state-disabled {
-       font-weight: normal;
-       margin: .4em 0 .2em;
-       line-height: 1.5;
-}
-.ui-menu .ui-state-disabled a {
-       cursor: default;
-}
-
 /* icon support */
 .ui-menu-icons {
        position: relative;
 }
-.ui-menu-icons .ui-menu-item a {
-       position: relative;
+.ui-menu-icons .ui-menu-item {
        padding-left: 2em;
 }
 
 /* left-aligned */
 .ui-menu .ui-icon {
        position: absolute;
-       top: .2em;
+       top: 0;
+       bottom: 0;
        left: .2em;
+       margin: auto 0;
 }
 
 /* right-aligned */
 .ui-menu .ui-menu-icon {
-       position: static;
-       float: right;
+       left: auto;
+       right: 0;
 }
 .ui-progressbar {
        height: 2em;
@@ -603,14 +597,63 @@ button.ui-button::-moz-focus-inner {
        height: 100%;
 }
 .ui-progressbar .ui-progressbar-overlay {
-       background: url("images/animated-overlay.gif");
+       background: url("data:image/gif;base64,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");
        height: 100%;
-       filter: alpha(opacity=25);
+       filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
 }
 .ui-progressbar-indeterminate .ui-progressbar-value {
        background-image: none;
 }
+.ui-selectmenu-menu {
+       padding: 0;
+       margin: 0;
+       position: absolute;
+       top: 0;
+       left: 0;
+       display: none;
+}
+.ui-selectmenu-menu .ui-menu {
+       overflow: auto;
+       /* Support: IE7 */
+       overflow-x: hidden;
+       padding-bottom: 1px;
+}
+.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
+       font-size: 1em;
+       font-weight: bold;
+       line-height: 1.5;
+       padding: 2px 0.4em;
+       margin: 0.5em 0 0 0;
+       height: auto;
+       border: 0;
+}
+.ui-selectmenu-open {
+       display: block;
+}
+.ui-selectmenu-button {
+       display: inline-block;
+       overflow: hidden;
+       position: relative;
+       text-decoration: none;
+       cursor: pointer;
+}
+.ui-selectmenu-button span.ui-icon {
+       right: 0.5em;
+       left: auto;
+       margin-top: -8px;
+       position: absolute;
+       top: 50%;
+}
+.ui-selectmenu-button span.ui-selectmenu-text {
+       text-align: left;
+       padding: 0.4em 2.1em 0.4em 1em;
+       display: block;
+       line-height: 1.4;
+       overflow: hidden;
+       text-overflow: ellipsis;
+       white-space: nowrap;
+}
 .ui-slider {
        position: relative;
        text-align: left;
@@ -621,6 +664,8 @@ button.ui-button::-moz-focus-inner {
        width: 1.2em;
        height: 1.2em;
        cursor: default;
+       -ms-touch-action: none;
+       touch-action: none;
 }
 .ui-slider .ui-slider-range {
        position: absolute;
@@ -631,7 +676,7 @@ button.ui-button::-moz-focus-inner {
        background-position: 0 0;
 }
 
-/* For IE8 - See #6727 */
+/* support: IE8 - See #6727 */
 .ui-slider.ui-state-disabled .ui-slider-handle,
 .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
@@ -704,13 +749,13 @@ button.ui-button::-moz-focus-inner {
        overflow: hidden;
        right: 0;
 }
-/* more specificity required here to overide default borders */
+/* more specificity required here to override default borders */
 .ui-spinner a.ui-spinner-button {
        border-top: none;
        border-bottom: none;
        border-right: none;
 }
-/* vertical centre icon */
+/* vertically center icon */
 .ui-spinner .ui-icon {
        position: absolute;
        margin-top: -8px;
@@ -747,7 +792,7 @@ button.ui-button::-moz-focus-inner {
        padding: 0;
        white-space: nowrap;
 }
-.ui-tabs .ui-tabs-nav li a {
+.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
@@ -756,13 +801,12 @@ button.ui-button::-moz-focus-inner {
        margin-bottom: -1px;
        padding-bottom: 1px;
 }
-.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
-.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
-.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
+.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
+.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
+.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text;
 }
-.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
-.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
+.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
        cursor: pointer;
 }
 .ui-tabs .ui-tabs-panel {
@@ -801,7 +845,7 @@ body .ui-tooltip {
 }
 .ui-widget-content {
        border: 1px solid #aaaaaa;
-       background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
+       background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
        color: #222222;
 }
 .ui-widget-content a {
@@ -809,7 +853,7 @@ body .ui-tooltip {
 }
 .ui-widget-header {
        border: 1px solid #aaaaaa;
-       background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
+       background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
        color: #222222;
        font-weight: bold;
 }
@@ -823,7 +867,7 @@ body .ui-tooltip {
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
-       background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
+       background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
 }
@@ -840,14 +884,18 @@ body .ui-tooltip {
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus {
        border: 1px solid #999999;
-       background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
+       background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
 }
 .ui-state-hover a,
 .ui-state-hover a:hover,
 .ui-state-hover a:link,
-.ui-state-hover a:visited {
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited {
        color: #212121;
        text-decoration: none;
 }
@@ -855,7 +903,7 @@ body .ui-tooltip {
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active {
        border: 1px solid #aaaaaa;
-       background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
+       background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
 }
@@ -872,7 +920,7 @@ body .ui-tooltip {
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
-       background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
+       background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
        color: #363636;
 }
 .ui-state-highlight a,
@@ -884,7 +932,7 @@ body .ui-tooltip {
 .ui-widget-content .ui-state-error,
 .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
-       background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
+       background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
        color: #cd0a0a;
 }
 .ui-state-error a,
@@ -906,18 +954,18 @@ body .ui-tooltip {
 .ui-widget-content .ui-priority-secondary,
 .ui-widget-header .ui-priority-secondary {
        opacity: .7;
-       filter:Alpha(Opacity=70);
+       filter:Alpha(Opacity=70); /* support: IE8 */
        font-weight: normal;
 }
 .ui-state-disabled,
 .ui-widget-content .ui-state-disabled,
 .ui-widget-header .ui-state-disabled {
        opacity: .35;
-       filter:Alpha(Opacity=35);
+       filter:Alpha(Opacity=35); /* support: IE8 */
        background-image: none;
 }
 .ui-state-disabled .ui-icon {
-       filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
+       filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
 }
 
 /* Icons
@@ -930,27 +978,27 @@ body .ui-tooltip {
 }
 .ui-icon,
 .ui-widget-content .ui-icon {
-       background-image: url(images/ui-icons_222222_256x240.png);
+       background-image: url("images/ui-icons_222222_256x240.png");
 }
 .ui-widget-header .ui-icon {
-       background-image: url(images/ui-icons_222222_256x240.png);
+       background-image: url("images/ui-icons_222222_256x240.png");
 }
 .ui-state-default .ui-icon {
-       background-image: url(images/ui-icons_888888_256x240.png);
+       background-image: url("images/ui-icons_888888_256x240.png");
 }
 .ui-state-hover .ui-icon,
 .ui-state-focus .ui-icon {
-       background-image: url(images/ui-icons_454545_256x240.png);
+       background-image: url("images/ui-icons_454545_256x240.png");
 }
 .ui-state-active .ui-icon {
-       background-image: url(images/ui-icons_454545_256x240.png);
+       background-image: url("images/ui-icons_454545_256x240.png");
 }
 .ui-state-highlight .ui-icon {
-       background-image: url(images/ui-icons_2e83ff_256x240.png);
+       background-image: url("images/ui-icons_2e83ff_256x240.png");
 }
 .ui-state-error .ui-icon,
 .ui-state-error-text .ui-icon {
-       background-image: url(images/ui-icons_cd0a0a_256x240.png);
+       background-image: url("images/ui-icons_cd0a0a_256x240.png");
 }
 
 /* positioning */
@@ -1163,15 +1211,15 @@ body .ui-tooltip {
 
 /* Overlays */
 .ui-widget-overlay {
-       background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
+       background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
        opacity: .3;
-       filter: Alpha(Opacity=30);
+       filter: Alpha(Opacity=30); /* support: IE8 */
 }
 .ui-widget-shadow {
        margin: -8px 0 0 -8px;
        padding: 8px;
-       background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
+       background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
        opacity: .3;
-       filter: Alpha(Opacity=30);
+       filter: Alpha(Opacity=30); /* support: IE8 */
        border-radius: 8px;
 }