UNPKG

fit-ui

Version:

Object Oriented framework for building rich User Interfaces

651 lines (628 loc) 22.6 kB
/*! jQuery UI - v1.11.4 - 2016-07-08 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .fitui-helper-hidden { display: none; } .fitui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .fitui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .fitui-helper-clearfix:before, .fitui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .fitui-helper-clearfix:after { clear: both; } .fitui-helper-clearfix { min-height: 0; /* support: IE7 */ } .fitui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .fitui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .fitui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .fitui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .fitui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .fitui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .fitui-datepicker .fitui-datepicker-header { position: relative; padding: .2em 0; } .fitui-datepicker .fitui-datepicker-prev, .fitui-datepicker .fitui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .fitui-datepicker .fitui-datepicker-prev-hover, .fitui-datepicker .fitui-datepicker-next-hover { top: 1px; } .fitui-datepicker .fitui-datepicker-prev { left: 2px; } .fitui-datepicker .fitui-datepicker-next { right: 2px; } .fitui-datepicker .fitui-datepicker-prev-hover { left: 1px; } .fitui-datepicker .fitui-datepicker-next-hover { right: 1px; } .fitui-datepicker .fitui-datepicker-prev span, .fitui-datepicker .fitui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .fitui-datepicker .fitui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .fitui-datepicker .fitui-datepicker-title select { font-size: 1em; margin: 1px 0; } .fitui-datepicker select.fitui-datepicker-month, .fitui-datepicker select.fitui-datepicker-year { width: 45%; } .fitui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .fitui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .fitui-datepicker td { border: 0; padding: 1px; } .fitui-datepicker td span, .fitui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .fitui-datepicker .fitui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .fitui-datepicker .fitui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .fitui-datepicker .fitui-datepicker-buttonpane button.fitui-datepicker-current { float: left; } /* with multiple calendars */ .fitui-datepicker.fitui-datepicker-multi { width: auto; } .fitui-datepicker-multi .fitui-datepicker-group { float: left; } .fitui-datepicker-multi .fitui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .fitui-datepicker-multi-2 .fitui-datepicker-group { width: 50%; } .fitui-datepicker-multi-3 .fitui-datepicker-group { width: 33.3%; } .fitui-datepicker-multi-4 .fitui-datepicker-group { width: 25%; } .fitui-datepicker-multi .fitui-datepicker-group-last .fitui-datepicker-header, .fitui-datepicker-multi .fitui-datepicker-group-middle .fitui-datepicker-header { border-left-width: 0; } .fitui-datepicker-multi .fitui-datepicker-buttonpane { clear: left; } .fitui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .fitui-datepicker-rtl { direction: rtl; } .fitui-datepicker-rtl .fitui-datepicker-prev { right: 2px; left: auto; } .fitui-datepicker-rtl .fitui-datepicker-next { left: 2px; right: auto; } .fitui-datepicker-rtl .fitui-datepicker-prev:hover { right: 1px; left: auto; } .fitui-datepicker-rtl .fitui-datepicker-next:hover { left: 1px; right: auto; } .fitui-datepicker-rtl .fitui-datepicker-buttonpane { clear: right; } .fitui-datepicker-rtl .fitui-datepicker-buttonpane button { float: left; } .fitui-datepicker-rtl .fitui-datepicker-buttonpane button.fitui-datepicker-current, .fitui-datepicker-rtl .fitui-datepicker-group { float: right; } .fitui-datepicker-rtl .fitui-datepicker-group-last .fitui-datepicker-header, .fitui-datepicker-rtl .fitui-datepicker-group-middle .fitui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Component containers ----------------------------------*/ .fitui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .fitui-widget .fitui-widget { font-size: 1em; } .fitui-widget input, .fitui-widget select, .fitui-widget textarea, .fitui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .fitui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .fitui-widget-content a { color: #333333; } .fitui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .fitui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .fitui-state-default, .fitui-widget-content .fitui-state-default, .fitui-widget-header .fitui-state-default { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .fitui-state-default a, .fitui-state-default a:link, .fitui-state-default a:visited { color: #454545; text-decoration: none; } .fitui-state-hover, .fitui-widget-content .fitui-state-hover, .fitui-widget-header .fitui-state-hover, .fitui-state-focus, .fitui-widget-content .fitui-state-focus, .fitui-widget-header .fitui-state-focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .fitui-state-hover a, .fitui-state-hover a:hover, .fitui-state-hover a:link, .fitui-state-hover a:visited, .fitui-state-focus a, .fitui-state-focus a:hover, .fitui-state-focus a:link, .fitui-state-focus a:visited { color: #2b2b2b; text-decoration: none; } .fitui-state-active, .fitui-widget-content .fitui-state-active, .fitui-widget-header .fitui-state-active { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .fitui-state-active a, .fitui-state-active a:link, .fitui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .fitui-state-highlight, .fitui-widget-content .fitui-state-highlight, .fitui-widget-header .fitui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .fitui-state-highlight a, .fitui-widget-content .fitui-state-highlight a, .fitui-widget-header .fitui-state-highlight a { color: #777620; } .fitui-state-error, .fitui-widget-content .fitui-state-error, .fitui-widget-header .fitui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .fitui-state-error a, .fitui-widget-content .fitui-state-error a, .fitui-widget-header .fitui-state-error a { color: #5f3f3f; } .fitui-state-error-text, .fitui-widget-content .fitui-state-error-text, .fitui-widget-header .fitui-state-error-text { color: #5f3f3f; } .fitui-priority-primary, .fitui-widget-content .fitui-priority-primary, .fitui-widget-header .fitui-priority-primary { font-weight: bold; } .fitui-priority-secondary, .fitui-widget-content .fitui-priority-secondary, .fitui-widget-header .fitui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .fitui-state-disabled, .fitui-widget-content .fitui-state-disabled, .fitui-widget-header .fitui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .fitui-state-disabled .fitui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .fitui-icon { width: 16px; height: 16px; } .fitui-icon, .fitui-widget-content .fitui-icon { background-image: url("Resources/JqueryUI-1.11.4.custom/images/ui-icons_444444_256x240.png"); } .fitui-widget-header .fitui-icon { background-image: url("Resources/JqueryUI-1.11.4.custom/images/ui-icons_444444_256x240.png"); } .fitui-state-default .fitui-icon { background-image: url("Resources/JqueryUI-1.11.4.custom/images/ui-icons_777777_256x240.png"); } .fitui-state-hover .fitui-icon, .fitui-state-focus .fitui-icon { background-image: url("Resources/JqueryUI-1.11.4.custom/images/ui-icons_555555_256x240.png"); } .fitui-state-active .fitui-icon { background-image: url("Resources/JqueryUI-1.11.4.custom/images/ui-icons_ffffff_256x240.png"); } .fitui-state-highlight .fitui-icon { background-image: url("Resources/JqueryUI-1.11.4.custom/images/ui-icons_777620_256x240.png"); } .fitui-state-error .fitui-icon, .fitui-state-error-text .fitui-icon { background-image: url("Resources/JqueryUI-1.11.4.custom/images/ui-icons_cc0000_256x240.png"); } /* positioning */ .fitui-icon-blank { background-position: 16px 16px; } .fitui-icon-carat-1-n { background-position: 0 0; } .fitui-icon-carat-1-ne { background-position: -16px 0; } .fitui-icon-carat-1-e { background-position: -32px 0; } .fitui-icon-carat-1-se { background-position: -48px 0; } .fitui-icon-carat-1-s { background-position: -64px 0; } .fitui-icon-carat-1-sw { background-position: -80px 0; } .fitui-icon-carat-1-w { background-position: -96px 0; } .fitui-icon-carat-1-nw { background-position: -112px 0; } .fitui-icon-carat-2-n-s { background-position: -128px 0; } .fitui-icon-carat-2-e-w { background-position: -144px 0; } .fitui-icon-triangle-1-n { background-position: 0 -16px; } .fitui-icon-triangle-1-ne { background-position: -16px -16px; } .fitui-icon-triangle-1-e { background-position: -32px -16px; } .fitui-icon-triangle-1-se { background-position: -48px -16px; } .fitui-icon-triangle-1-s { background-position: -64px -16px; } .fitui-icon-triangle-1-sw { background-position: -80px -16px; } .fitui-icon-triangle-1-w { background-position: -96px -16px; } .fitui-icon-triangle-1-nw { background-position: -112px -16px; } .fitui-icon-triangle-2-n-s { background-position: -128px -16px; } .fitui-icon-triangle-2-e-w { background-position: -144px -16px; } .fitui-icon-arrow-1-n { background-position: 0 -32px; } .fitui-icon-arrow-1-ne { background-position: -16px -32px; } .fitui-icon-arrow-1-e { background-position: -32px -32px; } .fitui-icon-arrow-1-se { background-position: -48px -32px; } .fitui-icon-arrow-1-s { background-position: -64px -32px; } .fitui-icon-arrow-1-sw { background-position: -80px -32px; } .fitui-icon-arrow-1-w { background-position: -96px -32px; } .fitui-icon-arrow-1-nw { background-position: -112px -32px; } .fitui-icon-arrow-2-n-s { background-position: -128px -32px; } .fitui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .fitui-icon-arrow-2-e-w { background-position: -160px -32px; } .fitui-icon-arrow-2-se-nw { background-position: -176px -32px; } .fitui-icon-arrowstop-1-n { background-position: -192px -32px; } .fitui-icon-arrowstop-1-e { background-position: -208px -32px; } .fitui-icon-arrowstop-1-s { background-position: -224px -32px; } .fitui-icon-arrowstop-1-w { background-position: -240px -32px; } .fitui-icon-arrowthick-1-n { background-position: 0 -48px; } .fitui-icon-arrowthick-1-ne { background-position: -16px -48px; } .fitui-icon-arrowthick-1-e { background-position: -32px -48px; } .fitui-icon-arrowthick-1-se { background-position: -48px -48px; } .fitui-icon-arrowthick-1-s { background-position: -64px -48px; } .fitui-icon-arrowthick-1-sw { background-position: -80px -48px; } .fitui-icon-arrowthick-1-w { background-position: -96px -48px; } .fitui-icon-arrowthick-1-nw { background-position: -112px -48px; } .fitui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .fitui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .fitui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .fitui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .fitui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .fitui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .fitui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .fitui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .fitui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .fitui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .fitui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .fitui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .fitui-icon-arrowreturn-1-w { background-position: -64px -64px; } .fitui-icon-arrowreturn-1-n { background-position: -80px -64px; } .fitui-icon-arrowreturn-1-e { background-position: -96px -64px; } .fitui-icon-arrowreturn-1-s { background-position: -112px -64px; } .fitui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .fitui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .fitui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .fitui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .fitui-icon-arrow-4 { background-position: 0 -80px; } .fitui-icon-arrow-4-diag { background-position: -16px -80px; } .fitui-icon-extlink { background-position: -32px -80px; } .fitui-icon-newwin { background-position: -48px -80px; } .fitui-icon-refresh { background-position: -64px -80px; } .fitui-icon-shuffle { background-position: -80px -80px; } .fitui-icon-transfer-e-w { background-position: -96px -80px; } .fitui-icon-transferthick-e-w { background-position: -112px -80px; } .fitui-icon-folder-collapsed { background-position: 0 -96px; } .fitui-icon-folder-open { background-position: -16px -96px; } .fitui-icon-document { background-position: -32px -96px; } .fitui-icon-document-b { background-position: -48px -96px; } .fitui-icon-note { background-position: -64px -96px; } .fitui-icon-mail-closed { background-position: -80px -96px; } .fitui-icon-mail-open { background-position: -96px -96px; } .fitui-icon-suitcase { background-position: -112px -96px; } .fitui-icon-comment { background-position: -128px -96px; } .fitui-icon-person { background-position: -144px -96px; } .fitui-icon-print { background-position: -160px -96px; } .fitui-icon-trash { background-position: -176px -96px; } .fitui-icon-locked { background-position: -192px -96px; } .fitui-icon-unlocked { background-position: -208px -96px; } .fitui-icon-bookmark { background-position: -224px -96px; } .fitui-icon-tag { background-position: -240px -96px; } .fitui-icon-home { background-position: 0 -112px; } .fitui-icon-flag { background-position: -16px -112px; } .fitui-icon-calendar { background-position: -32px -112px; } .fitui-icon-cart { background-position: -48px -112px; } .fitui-icon-pencil { background-position: -64px -112px; } .fitui-icon-clock { background-position: -80px -112px; } .fitui-icon-disk { background-position: -96px -112px; } .fitui-icon-calculator { background-position: -112px -112px; } .fitui-icon-zoomin { background-position: -128px -112px; } .fitui-icon-zoomout { background-position: -144px -112px; } .fitui-icon-search { background-position: -160px -112px; } .fitui-icon-wrench { background-position: -176px -112px; } .fitui-icon-gear { background-position: -192px -112px; } .fitui-icon-heart { background-position: -208px -112px; } .fitui-icon-star { background-position: -224px -112px; } .fitui-icon-link { background-position: -240px -112px; } .fitui-icon-cancel { background-position: 0 -128px; } .fitui-icon-plus { background-position: -16px -128px; } .fitui-icon-plusthick { background-position: -32px -128px; } .fitui-icon-minus { background-position: -48px -128px; } .fitui-icon-minusthick { background-position: -64px -128px; } .fitui-icon-close { background-position: -80px -128px; } .fitui-icon-closethick { background-position: -96px -128px; } .fitui-icon-key { background-position: -112px -128px; } .fitui-icon-lightbulb { background-position: -128px -128px; } .fitui-icon-scissors { background-position: -144px -128px; } .fitui-icon-clipboard { background-position: -160px -128px; } .fitui-icon-copy { background-position: -176px -128px; } .fitui-icon-contact { background-position: -192px -128px; } .fitui-icon-image { background-position: -208px -128px; } .fitui-icon-video { background-position: -224px -128px; } .fitui-icon-script { background-position: -240px -128px; } .fitui-icon-alert { background-position: 0 -144px; } .fitui-icon-info { background-position: -16px -144px; } .fitui-icon-notice { background-position: -32px -144px; } .fitui-icon-help { background-position: -48px -144px; } .fitui-icon-check { background-position: -64px -144px; } .fitui-icon-bullet { background-position: -80px -144px; } .fitui-icon-radio-on { background-position: -96px -144px; } .fitui-icon-radio-off { background-position: -112px -144px; } .fitui-icon-pin-w { background-position: -128px -144px; } .fitui-icon-pin-s { background-position: -144px -144px; } .fitui-icon-play { background-position: 0 -160px; } .fitui-icon-pause { background-position: -16px -160px; } .fitui-icon-seek-next { background-position: -32px -160px; } .fitui-icon-seek-prev { background-position: -48px -160px; } .fitui-icon-seek-end { background-position: -64px -160px; } .fitui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .fitui-icon-seek-first { background-position: -80px -160px; } .fitui-icon-stop { background-position: -96px -160px; } .fitui-icon-eject { background-position: -112px -160px; } .fitui-icon-volume-off { background-position: -128px -160px; } .fitui-icon-volume-on { background-position: -144px -160px; } .fitui-icon-power { background-position: 0 -176px; } .fitui-icon-signal-diag { background-position: -16px -176px; } .fitui-icon-signal { background-position: -32px -176px; } .fitui-icon-battery-0 { background-position: -48px -176px; } .fitui-icon-battery-1 { background-position: -64px -176px; } .fitui-icon-battery-2 { background-position: -80px -176px; } .fitui-icon-battery-3 { background-position: -96px -176px; } .fitui-icon-circle-plus { background-position: 0 -192px; } .fitui-icon-circle-minus { background-position: -16px -192px; } .fitui-icon-circle-close { background-position: -32px -192px; } .fitui-icon-circle-triangle-e { background-position: -48px -192px; } .fitui-icon-circle-triangle-s { background-position: -64px -192px; } .fitui-icon-circle-triangle-w { background-position: -80px -192px; } .fitui-icon-circle-triangle-n { background-position: -96px -192px; } .fitui-icon-circle-arrow-e { background-position: -112px -192px; } .fitui-icon-circle-arrow-s { background-position: -128px -192px; } .fitui-icon-circle-arrow-w { background-position: -144px -192px; } .fitui-icon-circle-arrow-n { background-position: -160px -192px; } .fitui-icon-circle-zoomin { background-position: -176px -192px; } .fitui-icon-circle-zoomout { background-position: -192px -192px; } .fitui-icon-circle-check { background-position: -208px -192px; } .fitui-icon-circlesmall-plus { background-position: 0 -208px; } .fitui-icon-circlesmall-minus { background-position: -16px -208px; } .fitui-icon-circlesmall-close { background-position: -32px -208px; } .fitui-icon-squaresmall-plus { background-position: -48px -208px; } .fitui-icon-squaresmall-minus { background-position: -64px -208px; } .fitui-icon-squaresmall-close { background-position: -80px -208px; } .fitui-icon-grip-dotted-vertical { background-position: 0 -224px; } .fitui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .fitui-icon-grip-solid-vertical { background-position: -32px -224px; } .fitui-icon-grip-solid-horizontal { background-position: -48px -224px; } .fitui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .fitui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .fitui-corner-all, .fitui-corner-top, .fitui-corner-left, .fitui-corner-tl { border-top-left-radius: 3px; } .fitui-corner-all, .fitui-corner-top, .fitui-corner-right, .fitui-corner-tr { border-top-right-radius: 3px; } .fitui-corner-all, .fitui-corner-bottom, .fitui-corner-left, .fitui-corner-bl { border-bottom-left-radius: 3px; } .fitui-corner-all, .fitui-corner-bottom, .fitui-corner-right, .fitui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .fitui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .fitui-widget-shadow { margin: 0px 0 0 0px; padding: 5px; background: #666666; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; }