├── .gitignore ├── lib └── infusion │ ├── src │ ├── components │ │ ├── tableOfContents │ │ │ ├── css │ │ │ │ └── TableOfContents.css │ │ │ └── html │ │ │ │ └── TableOfContents.html │ │ ├── switch │ │ │ └── css │ │ │ │ └── Switch.css │ │ └── textfieldControl │ │ │ └── css │ │ │ ├── TextfieldStepper.css │ │ │ └── TextfieldSlider.css │ ├── lib │ │ ├── fonts │ │ │ ├── OpenSans-Light.ttf │ │ │ ├── OpenSans-Regular.ttf │ │ │ ├── OpenSans-Semibold.ttf │ │ │ └── OpenSans-LICENSE.txt │ │ ├── jquery │ │ │ └── ui │ │ │ │ └── css │ │ │ │ ├── fl-theme-bw │ │ │ │ └── images │ │ │ │ │ ├── ui-icons_000000_256x240.png │ │ │ │ │ └── ui-icons_ffffff_256x240.png │ │ │ │ ├── fl-theme-by │ │ │ │ ├── images │ │ │ │ │ ├── ui-icons_000000_256x240.png │ │ │ │ │ └── ui-icons_ffff00_256x240.png │ │ │ │ └── by.css │ │ │ │ ├── fl-theme-dglg │ │ │ │ └── images │ │ │ │ │ ├── ui-icons_555_256x240.png │ │ │ │ │ └── ui-icons_bdbdbb_256x240.png │ │ │ │ ├── fl-theme-lgdg │ │ │ │ └── images │ │ │ │ │ ├── ui-icons_555_256x240.png │ │ │ │ │ └── ui-icons_bdbdbb_256x240.png │ │ │ │ ├── fl-theme-wb │ │ │ │ └── images │ │ │ │ │ ├── ui-icons_000000_256x240.png │ │ │ │ │ └── ui-icons_ffffff_256x240.png │ │ │ │ ├── fl-theme-yb │ │ │ │ └── images │ │ │ │ │ ├── ui-icons_000000_256x240.png │ │ │ │ │ └── ui-icons_ffff00_256x240.png │ │ │ │ └── default-theme │ │ │ │ ├── images │ │ │ │ ├── ui-icons_444444_256x240.png │ │ │ │ ├── ui-icons_555555_256x240.png │ │ │ │ ├── ui-icons_777620_256x240.png │ │ │ │ ├── ui-icons_777777_256x240.png │ │ │ │ ├── ui-icons_cc0000_256x240.png │ │ │ │ └── ui-icons_ffffff_256x240.png │ │ │ │ └── jquery-ui.css │ │ └── normalize │ │ │ └── css │ │ │ └── normalize.css │ └── framework │ │ ├── core │ │ ├── images │ │ │ ├── debug_tab.png │ │ │ └── magnifying_glass.png │ │ └── css │ │ │ ├── fluid.css │ │ │ └── fluidDebugging.css │ │ ├── preferences │ │ ├── fonts │ │ │ ├── InfusionIcons-PrefsEditor.eot │ │ │ └── InfusionIcons-PrefsEditor.ttf │ │ ├── images │ │ │ └── default │ │ │ │ └── separatedpanelbg.png │ │ ├── messages │ │ │ ├── speak.json │ │ │ ├── tableOfContents.json │ │ │ ├── enhanceInputs.json │ │ │ ├── textSize.json │ │ │ ├── lineSpace.json │ │ │ ├── prefsEditor.json │ │ │ ├── textFont.json │ │ │ └── contrast.json │ │ ├── html │ │ │ ├── PrefsEditorTemplate-textFont.html │ │ │ ├── PrefsEditorTemplate-layout.html │ │ │ ├── PrefsEditorTemplate-enhanceInputs.html │ │ │ ├── PrefsEditorTemplate-speak.html │ │ │ ├── PrefsEditorTemplate-contrast.html │ │ │ ├── SeparatedPanelPrefsEditor.html │ │ │ ├── PrefsEditorTemplate-textSize.html │ │ │ ├── PrefsEditorTemplate-lineSpace.html │ │ │ ├── FullNoPreviewPrefsEditor.html │ │ │ ├── FullPreviewPrefsEditor.html │ │ │ └── SeparatedPanelPrefsEditorFrame.html │ │ └── css │ │ │ ├── FullNoPreviewPrefsEditor.css │ │ │ ├── FullPrefsEditor.css │ │ │ ├── FullPreviewPrefsEditor.css │ │ │ ├── SeparatedPanelPrefsEditor.css │ │ │ ├── SeparatedPanelPrefsEditorFrame.css │ │ │ ├── PrefsEditor.css │ │ │ └── Enactors.css │ │ └── enhancement │ │ └── css │ │ └── ProgressiveEnhancement.css │ ├── Version.md │ └── Infusion-LICENSE.txt ├── uio.css ├── set-defaults.php ├── ui-options.php ├── uio.js ├── template.html ├── inject-dependencies.php ├── README.md └── admin-options.php /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | /.vagrant/ 3 | -------------------------------------------------------------------------------- /lib/infusion/src/components/tableOfContents/css/TableOfContents.css: -------------------------------------------------------------------------------- 1 | .fl-tableOfContents-hide-bullet { 2 | list-style-type: none; 3 | } 4 | -------------------------------------------------------------------------------- /lib/infusion/src/lib/fonts/OpenSans-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/fonts/OpenSans-Light.ttf -------------------------------------------------------------------------------- /lib/infusion/src/lib/fonts/OpenSans-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/fonts/OpenSans-Regular.ttf -------------------------------------------------------------------------------- /lib/infusion/src/lib/fonts/OpenSans-Semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/fonts/OpenSans-Semibold.ttf -------------------------------------------------------------------------------- /lib/infusion/src/framework/core/images/debug_tab.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/framework/core/images/debug_tab.png -------------------------------------------------------------------------------- /uio.css: -------------------------------------------------------------------------------- 1 | /* set position and z-index to work with Wordpress's twenty seventeen theme */ 2 | .fl-prefsEditor-separatedPanel { 3 | position: relative; 4 | z-index: 10; 5 | } 6 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/core/images/magnifying_glass.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/framework/core/images/magnifying_glass.png -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/fonts/InfusionIcons-PrefsEditor.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/framework/preferences/fonts/InfusionIcons-PrefsEditor.eot -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/fonts/InfusionIcons-PrefsEditor.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/framework/preferences/fonts/InfusionIcons-PrefsEditor.ttf -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/images/default/separatedpanelbg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/framework/preferences/images/default/separatedpanelbg.png -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/messages/speak.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Text-to-Speech", 3 | "description": "Let the computer read site content out loud", 4 | "switchOn": "ON", 5 | "switchOff": "OFF" 6 | } 7 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/messages/tableOfContents.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Table of Contents", 3 | "description": "Create a table of contents", 4 | "switchOn": "ON", 5 | "switchOff": "OFF" 6 | } 7 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/enhancement/css/ProgressiveEnhancement.css: -------------------------------------------------------------------------------- 1 | /* Progressive Enhancement: JS will reverse the display setup if it is enabled */ 2 | .fl-progEnhance-enhanced {display:none} 3 | 4 | .fl-progEnhance-basic {} 5 | -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-bw/images/ui-icons_000000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-bw/images/ui-icons_000000_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-bw/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-bw/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-by/images/ui-icons_000000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-by/images/ui-icons_000000_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-by/images/ui-icons_ffff00_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-by/images/ui-icons_ffff00_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-dglg/images/ui-icons_555_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-dglg/images/ui-icons_555_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-lgdg/images/ui-icons_555_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-lgdg/images/ui-icons_555_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-wb/images/ui-icons_000000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-wb/images/ui-icons_000000_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-wb/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-wb/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-yb/images/ui-icons_000000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-yb/images/ui-icons_000000_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-yb/images/ui-icons_ffff00_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-yb/images/ui-icons_ffff00_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_444444_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_444444_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_555555_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_555555_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_777620_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_777620_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_777777_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_777777_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_cc0000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_cc0000_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/default-theme/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-dglg/images/ui-icons_bdbdbb_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-dglg/images/ui-icons_bdbdbb_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-lgdg/images/ui-icons_bdbdbb_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fluid-project/uio-wordpress-plugin/HEAD/lib/infusion/src/lib/jquery/ui/css/fl-theme-lgdg/images/ui-icons_bdbdbb_256x240.png -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/messages/enhanceInputs.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Enhance Inputs", 3 | "description": "Emphasize links, buttons, menus, textfields, and other inputs", 4 | "switchOn": "on", 5 | "switchOff": "off" 6 | } 7 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/messages/textSize.json: -------------------------------------------------------------------------------- 1 | { 2 | "textSizeLabel": "Text Size", 3 | "multiplier": "times", 4 | "textSizeDescr": "Adjust text size", 5 | "increaseLabel": "increase text size", 6 | "decreaseLabel": "decrease text size" 7 | } 8 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/messages/lineSpace.json: -------------------------------------------------------------------------------- 1 | { 2 | "lineSpaceLabel": "Line Spacing", 3 | "multiplier": "times", 4 | "lineSpaceDescr": "Adjust the spacing between lines of text", 5 | "increaseLabel": "increase line spacing", 6 | "decreaseLabel": "decrease line spacing" 7 | } 8 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/messages/prefsEditor.json: -------------------------------------------------------------------------------- 1 | { 2 | "slidingPanelShowText": "+ Show Preferences", 3 | "slidingPanelHideText": "- Hide Preferences", 4 | "showTextAriaLabel": "Show Display Preferences", 5 | "hideTextAriaLabel": "Hide Display Preferences", 6 | "slidingPanelPanelLabel": "User Preferences" 7 | } 8 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/messages/textFont.json: -------------------------------------------------------------------------------- 1 | { 2 | "textFont-default": "Default", 3 | "textFont-times": "Times New Roman", 4 | "textFont-comic": "Comic Sans", 5 | "textFont-arial": "Arial", 6 | "textFont-verdana": "Verdana", 7 | "textFontLabel": "text style", 8 | "textFontDescr": "Change the font used" 9 | } 10 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/messages/contrast.json: -------------------------------------------------------------------------------- 1 | { 2 | "contrast-default": "Default", 3 | "contrast-bw": "Black on white", 4 | "contrast-wb": "White on black", 5 | "contrast-by": "Black on yellow", 6 | "contrast-yb": "Yellow on black", 7 | "contrast-lgdg": "Low contrast", 8 | "label": "Contrast", 9 | "description": "Change text and background colours" 10 | } 11 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/html/PrefsEditorTemplate-textFont.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | 4 |

5 |

6 | 7 | -------------------------------------------------------------------------------- /set-defaults.php: -------------------------------------------------------------------------------- 1 | 2 |
3 |

4 |
5 | 6 | 7 | 8 |
9 |
10 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/html/PrefsEditorTemplate-enhanceInputs.html: -------------------------------------------------------------------------------- 1 |

2 |
3 |

4 |
5 | 6 | 7 | 8 |
9 |
10 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/html/PrefsEditorTemplate-speak.html: -------------------------------------------------------------------------------- 1 |

2 |
3 |

4 |
5 | 6 | 7 | 8 |
9 |
10 | -------------------------------------------------------------------------------- /lib/infusion/src/components/switch/css/Switch.css: -------------------------------------------------------------------------------- 1 | .fl-switchUI { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | } 6 | .fl-switchUI-control { 7 | width: 5.4em; 8 | border: 0.15em solid currentColor; 9 | border-radius: 2em; 10 | margin: 0 1em; 11 | display: flex; 12 | align-items: center; 13 | background-color: #fff; 14 | } 15 | .fl-switchUI-control:focus { 16 | outline: none; 17 | box-shadow: 0 0 0 0.2em #fff, 0 0 0 0.35em #000; 18 | } 19 | .fl-switchUI-control[aria-checked=true] { 20 | justify-content: flex-end; 21 | } 22 | .fl-switchUI-controlKnob { 23 | height: 1.8em; 24 | width: 1.8em; 25 | background-color: currentColor; 26 | border-radius: 1.8em; 27 | display: inline-block; 28 | margin: 0.2em; 29 | } 30 | .fl-switchUI-text { 31 | text-transform: uppercase; 32 | font-weight: 600; 33 | } 34 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/html/PrefsEditorTemplate-contrast.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | 4 |

5 |
6 | 7 |
8 |
9 | 10 |
11 | 16 |
17 |
18 |
19 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/html/SeparatedPanelPrefsEditor.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 11 |
12 |
13 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/css/FullNoPreviewPrefsEditor.css: -------------------------------------------------------------------------------- 1 | body { 2 | max-width: 60em; 3 | min-width: 56em; 4 | } 5 | .fl-prefsEditor-fullNoPreview .fl-prefsEditor-category { 6 | border-top: 2px solid #ddd; 7 | clear: both; 8 | -webkit-column-break-inside: avoid; 9 | page-break-inside: avoid; 10 | break-inside: avoid; 11 | } 12 | .fl-prefsEditor-fullNoPreview .fl-prefsEditor-category h2 img { 13 | padding-top: 10px; 14 | margin-bottom: -4px; 15 | } 16 | .fl-prefsEditor-fullNoPreview .fl-prefsEditor-buttons { 17 | text-align: right; 18 | } 19 | .fl-prefsEditor-fullNoPreview .fl-prefsEditors-controls { 20 | -webkit-columns: 15.625rem 4; 21 | -moz-columns: 15.625rem 4; 22 | columns: 15.625rem 4; 23 | } 24 | .fl-prefsEditor-fullNoPreview ul { 25 | float: left; 26 | } 27 | .fl-prefsEditor-fullNoPreview ul li { 28 | clear: left; 29 | } 30 | .fl-prefsEditor-fullNoPreview label, 31 | .fl-prefsEditor-fullNoPreview .fl-inputs { 32 | margin-bottom: 15px; 33 | } 34 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/html/PrefsEditorTemplate-textSize.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | 4 | 5 |

6 |

7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |
17 | -------------------------------------------------------------------------------- /lib/infusion/src/components/textfieldControl/css/TextfieldStepper.css: -------------------------------------------------------------------------------- 1 | /* Default Textfield Stepper styling */ 2 | 3 | .fl-textfieldStepper { 4 | display: flex; 5 | flex-basis: auto; 6 | justify-content: center; 7 | align-items: center; 8 | } 9 | 10 | .fl-textfieldStepper *:focus { 11 | outline: none; 12 | } 13 | 14 | .fl-textfieldStepper-focus { 15 | outline: solid 0.2rem #000000; 16 | } 17 | 18 | .fl-textfieldStepper-focusContainer { 19 | padding: 0.2rem; 20 | margin: 0 0.5rem; 21 | } 22 | 23 | /* Textfield Styling */ 24 | 25 | .fl-textfieldStepper .fl-textfieldStepper-textField { 26 | margin: 0 0.5rem; 27 | width: 7rem; 28 | text-align: center; 29 | } 30 | 31 | /* Textfield Button Styling */ 32 | 33 | .fl-textfieldStepper .fl-textfieldStepper-button { 34 | border: 2px solid #000000; 35 | border-radius: 0.4rem; 36 | height: 2.4375rem; 37 | width: 2.4375rem; 38 | } 39 | 40 | .fl-textfieldStepper .fl-textfieldStepper-button:disabled { 41 | opacity: 0.3; 42 | } 43 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/html/PrefsEditorTemplate-lineSpace.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | 4 | 5 |

6 |

7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |
17 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/css/FullPrefsEditor.css: -------------------------------------------------------------------------------- 1 | .fl-prefsEditor h2 { 2 | font-size: 1.29em; 3 | font-weight: bold; 4 | clear: both; 5 | color: #444; 6 | padding: 14px 0px 5px 25px; 7 | } 8 | .fl-prefsEditor .fl-prefsEditor-buttons { 9 | margin-top: 1em; 10 | float: left; 11 | width: 100%; 12 | } 13 | .fl-prefsEditor .fl-prefsEditor-buttons input { 14 | text-transform: uppercase; 15 | text-decoration: underline; 16 | font-weight: bold; 17 | border: 2px solid #cecece; 18 | font-size: 1em; 19 | padding: 5px; 20 | height: 2.5em; 21 | margin-right: 3px; 22 | background-color: #f0f0f0; 23 | } 24 | .fl-prefsEditor h2 img { 25 | margin-bottom: -3px; 26 | padding-right: 5px; 27 | } 28 | .fl-prefsEditor .fl-prefsEditor-text ul li { 29 | clear: left; 30 | height: 3.5em; 31 | } 32 | .fl-prefsEditor .fl-choices { 33 | justify-content: flex-start; 34 | } 35 | .fl-prefsEditor .fl-textfieldStepper { 36 | justify-content: flex-start; 37 | } 38 | .fl-prefsEditor .fl-prefsEditor-onoff .fl-switchUI { 39 | justify-content: flex-start; 40 | } 41 | -------------------------------------------------------------------------------- /ui-options.php: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |

Text and display

5 |
6 |
7 |
8 |
9 |
10 | 11 |
12 |

Layout and navigation

13 |
14 |
15 | 16 |
17 |

Links and buttons

18 |
19 |
20 |
21 | 22 |
23 | 24 | 25 | 26 |
27 | 28 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/css/FullPreviewPrefsEditor.css: -------------------------------------------------------------------------------- 1 | .fl-prefsEditor-fullPreview { 2 | min-width: 800px; 3 | } 4 | .fl-prefsEditor-fullPreview ul li { 5 | clear: left; 6 | } 7 | .fl-prefsEditor-fullPreview .fl-prefsEditor-fullPreview-adjusters { 8 | width: 60%; 9 | } 10 | .fl-prefsEditor-fullPreview .fl-prefsEditor-fullPreview-previewContainer { 11 | width: 35%; 12 | } 13 | .fl-prefsEditor-fullPreview h2 { 14 | border-top: 2px solid #ddd; 15 | margin-bottom: 20px; 16 | } 17 | .fl-prefsEditor-fullPreview .fl-prefsEditor-category { 18 | padding-bottom: 20px; 19 | } 20 | .fl-prefsEditor-fullPreview ul { 21 | margin-left: 0px; 22 | } 23 | .fl-prefsEditor-fullPreview ul li { 24 | list-style: none; 25 | width: 100%; 26 | } 27 | .fl-prefsEditor-fullPreview .fl-slider { 28 | float: left; 29 | } 30 | .fl-prefsEditor-fullPreview label { 31 | display: block; 32 | width: 16em; 33 | } 34 | .fl-prefsEditor-fullPreview .fl-prefsEditor-layout li, 35 | .fl-prefsEditor-fullPreview .fl-prefsEditor-links li { 36 | padding-bottom: 10px; 37 | } 38 | .fl-prefsEditor-fullPreview .fl-prefsEditor-preview iframe { 39 | height: 480px; 40 | width: 100%; 41 | border: 2px solid #d7d7d7; 42 | } 43 | .fl-prefsEditor-fullPreview .fl-prefsEditor-preview h2 { 44 | font-weight: lighter; 45 | font-size: 1.8em; 46 | color: #4d4d4d; 47 | padding: 18px 0px 0px 0px; 48 | } 49 | .fl-prefsEditor .fl-inputs { 50 | float: left; 51 | } 52 | .fl-prefsEditor input[type="text"] { 53 | width: 2em; 54 | } 55 | -------------------------------------------------------------------------------- /uio.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright 2015 OCAD University 3 | 4 | Licensed under the Educational Community License (ECL), Version 2.0 or the New 5 | BSD license. You may not use this file except in compliance with one these 6 | Licenses. 7 | 8 | You may obtain a copy of the ECL 2.0 License and BSD License at 9 | https://github.com/fluid-project/infusion/raw/master/Infusion-LICENSE.txt 10 | */ 11 | 12 | $(document).ready(function () { 13 | 14 | var tocPlaceholder = "
"; 15 | var uioTemplateSpec = { 16 | uioTemplate : { 17 | href : phpData.pluginUrl + "template.html" 18 | } 19 | }; 20 | 21 | // Fetch the template text, and when we have it, proceed 22 | fluid.fetchResources(uioTemplateSpec, function (spec) { 23 | 24 | // Add the sliding panel template to the page 25 | $(phpData.uioTemplateSelector).prepend(spec.uioTemplate.resourceText); 26 | 27 | // Add the table of contents placeholder to the page 28 | $(phpData.uioTocSelector).prepend(tocPlaceholder); 29 | 30 | // Create the prefs editor 31 | fluid.uiOptions.prefsEditor(".flc-prefsEditor-separatedPanel", { 32 | terms: { 33 | "templatePrefix": phpData.pluginUrl + "lib/infusion/src/framework/preferences/html", 34 | "messagePrefix": phpData.pluginUrl + "lib/infusion/src/framework/preferences/messages" 35 | }, 36 | "tocTemplate": phpData.pluginUrl + "lib/infusion/src/components/tableOfContents/html/TableOfContents.html" 37 | }); 38 | }); 39 | }); 40 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/html/FullPreviewPrefsEditor.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |

Text and display

5 |
6 |
7 |
8 |
9 | 10 |

Layout and navigation

11 |
12 |
13 | 14 |

Links and buttons

15 |
16 |
17 | 18 |
19 |
20 |

Preview your changes

21 | 22 |
23 |
24 | 25 | 26 | 27 |
28 |
29 |
30 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/html/SeparatedPanelPrefsEditorFrame.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | Preferences Editor 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /lib/infusion/src/components/tableOfContents/html/TableOfContents.html: -------------------------------------------------------------------------------- 1 | 2 |

Table of Contents Header

3 | 33 | -------------------------------------------------------------------------------- /lib/infusion/Version.md: -------------------------------------------------------------------------------- 1 | The version of Infusion included in this folder was created using a custom build from commit 4612ab559ec9610b5fe22eb43c9af041ced82ab0 of the Infusion master branch https://github.com/fluid-project/infusion/ using the command line: 2 | 3 | `grunt custom --include="uiOptions" --name="uiOptions"` 4 | 5 | The following directories and files were removed from the build, because they are already included in infusion-uiOptions.js file, or are no longer needed: 6 | 7 | * infusion-uiOptions.js.map 8 | * src/components/slidingPanel/ 9 | * src/components/tableOfContents/js/ 10 | * src/components/tableOfContents/tableOfContentsDependencies.json 11 | * src/components/textfieldSlider/ 12 | * src/components/switch/js/ 13 | * src/components/switch/css/stylus/ 14 | * src/components/switch/js/switchDependencies.json 15 | * src/components/textfieldControl/js/ 16 | * src/components/textfieldControl/textfieldConrtolDependencies.json 17 | * src/components/textToSpeech/ 18 | * src/components/uiOptions/ 19 | * src/framework/core/js/ 20 | * src/framework/core/frameworkDependencies.json 21 | * src/framework/core/coreDependencies.json 22 | * src/framework/enhancement/js/ 23 | * src/framework/enhancement/enhancementDependencies.json 24 | * src/framework/preferences/js/ 25 | * src/framework/preferences/preferencesDependencies.json 26 | * src/framework/renderer/ 27 | * src/framework/preferences/css/stylus/ 28 | * src/framework/preferences/js/ 29 | * src/lib/fastXmlPull/ 30 | * src/lib/fonts/fontsDependencies.json 31 | * src/lib/jquery/core/ 32 | * src/lib/jquery/plugins/touchPunch/jQueryTouchPunchPluginDependencies.json 33 | * src/lib/jquery/ui/jQueryUIDependencies.json 34 | * src/lib/jquery/ui/js/ 35 | * src/lib/normamlize/normalizeDependencies.json 36 | * README.md 37 | * ReleaseNotes.md 38 | -------------------------------------------------------------------------------- /template.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 7 |
8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 |
16 | 17 | 21 |
22 | 23 | 24 | 25 | 26 |
27 |
28 | -------------------------------------------------------------------------------- /inject-dependencies.php: -------------------------------------------------------------------------------- 1 | UIO_PLUGIN_URL); 31 | $php_data['uioTemplateSelector'] = get_option('uio_template_selector'); 32 | $php_data['uioTocSelector'] = get_option('uio_toc_selector'); 33 | wp_localize_script( 'uio', 'phpData', $php_data ); 34 | } 35 | 36 | add_action( 'wp_enqueue_scripts', 'uio_styles_scripts' ); 37 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/core/css/fluid.css: -------------------------------------------------------------------------------- 1 | /* focus */ 2 | .fl-focus:focus, 3 | .fl-focus :focus { 4 | outline: 2px solid black; 5 | } 6 | 7 | /* Container alignment */ 8 | .fl-force-right {float:right;} 9 | .fl-force-left {float:left;} 10 | .fl-centered {margin-left:auto; margin-right:auto; display:block;} 11 | 12 | 13 | 14 | /* The following styles are based on 3rd party software */ 15 | 16 | /* 17 | * The following styles are based on the Micro Clearfix solution: 18 | * http://nicolasgallagher.com/micro-clearfix-hack/ 19 | */ 20 | 21 | .fl-clearfix:before, .fl-clearfix:after {content:""; display:table;} 22 | .fl-clearfix:after {clear:both;} 23 | 24 | /* End of Micro Clearfix based styles */ 25 | 26 | 27 | /* 28 | * The following styles are based on css from HTML5 Boilerplate v4.3: 29 | * http://html5boilerplate.com 30 | */ 31 | 32 | /* Hide from both screenreaders and browsers */ 33 | .fl-hidden { 34 | display: none !important; 35 | visibility: hidden; 36 | } 37 | 38 | /* Hide visually and from screenreaders, but maintain layout */ 39 | .fl-hidden-invisible { 40 | visibility: hidden; 41 | } 42 | 43 | /* Hide only visually, but have it available for screenreaders */ 44 | .fl-hidden-accessible { 45 | border: 0; 46 | clip: rect(0 0 0 0); 47 | height: 1px; 48 | margin: -1px; 49 | overflow: hidden; 50 | padding: 0; 51 | position: absolute; 52 | width: 1px; 53 | } 54 | 55 | /* 56 | * Extends the .visuallyhidden class to allow the element to be focusable 57 | * when navigated to via the keyboard 58 | */ 59 | .fl-hidden-accessible.fl-focus:active, 60 | .fl-hidden-accessible.fl-focus:focus { 61 | clip: auto; 62 | height: auto; 63 | margin: 0; 64 | overflow: visible; 65 | position: static; 66 | width: auto; 67 | } 68 | 69 | /* End of HTML5 Boilerplate based styles */ 70 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | This repository has been archived and is now read-only. Please contact one of the fluid-project maintainers if you’d like to request it be unarchived for further development. https://fluidproject.atlassian.net/wiki/spaces/fluid/pages/11547481/Get+Involved 2 | 3 | # User Interface Options for WordPress 4 | 5 | This plugin adds the Infusion User Interface Options (UIO) component to WordPress websites. 6 | 7 | UIO creates a sliding panel at the top of the page that contains controls which allow visitors to customize the presentation of a website to their own personal needs and preferences. 8 | 9 | For more information, contact the [fluid-work mailing list](http://lists.idrc.ocadu.ca/mailman/listinfo/fluid-work) or join the [fluid-work IRC chat room](http://wiki.fluidproject.org/display/fluid/IRC+Channel). 10 | 11 | Requires WordPress 4.1.1 or later. Tested with WordPress up to 4.1.1. 12 | 13 | ## Installation 14 | 15 | 1. Upload `user-interface-options.zip` to the `/wp-content/plugins/` directory and unpack it. 16 | 2. Activate the plugin through the 'Plugins' menu in WordPress. 17 | 3. Use the User Interface Options Settings page to specify where to insert the UIO panel and the table of contents. 18 | 4. Adjust the CSS of your theme to respond nicely to the changes that UIO makes. 19 | 20 | ## Frequently Asked Questions 21 | 22 | ### What is the development status of the UIO plugin? 23 | 24 | This plugin is still in early development. 25 | 26 | ### How do I adjust the CSS of my theme to respond nicely to the changes that UIO makes? 27 | 28 | See this [page](http://docs.fluidproject.org/infusion/development/to-do/WorkingWithPrefsEditorOnSite.html) for tips on styling your site to work nicely with UIO. 29 | 30 | ### Are there any themes that already work well with UIO? 31 | 32 | The plugin has been tested with several themes, and we found that the Miranda theme responds very nicely. 33 | 34 | The default Twenty Seventeen theme also works fairly well, although some layout tweaks may be required for some preference combinations. 35 | 36 | ### Issue Tracker 37 | 38 | You can submit bug reports to our issue tracker [here](https://issues.fluidproject.org/issues/?jql=project%20%3D%20FLOE%20AND%20component%20%3D%20%22UIO%20WordPress%20plugin%22) 39 | 40 | ### Development 41 | 42 | See the wiki [page](https://wiki.fluidproject.org/display/fluid/UI+Options+Wordpres+Plugin+Development+Guide) for information on developing the plugin. 43 | 44 | ## License 45 | 46 | New BSD license or the Educational Community License, Version 2.0. See it [here](https://github.com/fluid-project/infusion/raw/master/Infusion-LICENSE.txt). 47 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/core/css/fluidDebugging.css: -------------------------------------------------------------------------------- 1 | .fl-debug-holder { 2 | position: fixed; 3 | bottom: 0; 4 | right: 0; 5 | width: 100%; 6 | height: 0px; 7 | background-color: #dff; 8 | } 9 | 10 | .fl-debug-holder-open { 11 | height: 20em; 12 | } 13 | 14 | .fl-debug-holder-closed { 15 | height: 0px; 16 | } 17 | 18 | .fl-debug-open-pane-trigger { 19 | width: 32px; 20 | height: 32px; 21 | position: absolute; 22 | top: -37px; 23 | right: 5px; 24 | background: url("../images/debug_tab.png"); 25 | } 26 | 27 | .fl-debug-open-pane-trigger:hover { 28 | background-color: #bbb; 29 | } 30 | 31 | .fl-debug-pane { 32 | width: 100%; 33 | height: 100%; 34 | font-family: OpenSans, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; 35 | font-size: 16px; 36 | color: black; 37 | padding-top: 40px; 38 | overflow-y: scroll; 39 | overflow-x: hidden; 40 | } 41 | 42 | .fl-debug-pane thead { 43 | padding-bottom: 2px; 44 | font-weight: bold; 45 | } 46 | 47 | .fl-debug-pointer-events-none { 48 | pointer-events: none; 49 | } 50 | 51 | .fl-debug-highlightElement { 52 | z-index: 999999; 53 | position: absolute; 54 | width: 100%; 55 | height: 100%; 56 | pointer-events: none; 57 | } 58 | 59 | .fl-debug-highlightRoot { 60 | position: absolute; 61 | width: 100%; 62 | height: 100%; 63 | overflow: hidden; 64 | } 65 | 66 | .flc-debug-pane-indexel { 67 | width: 2em; 68 | height: 1em; 69 | margin: 0.2em; 70 | border: 2px solid black 71 | } 72 | 73 | .fl-debug-inspect-trigger { 74 | width: 32px; 75 | height: 32px; 76 | position: absolute; 77 | top: 5px; 78 | left: 5px; 79 | background: url("../images/magnifying_glass.png"); 80 | } 81 | 82 | .fl-debug-inspect-trigger:hover { 83 | background-color: #ddd; 84 | } 85 | 86 | .fl-debug-inspect-active { 87 | background-color: #aaa; 88 | } 89 | 90 | .fl-debug-inspect-active:hover { 91 | background-color: #888; 92 | } 93 | 94 | .fl-debug-selector-cell { 95 | text-align: right; 96 | padding-right: 1em; 97 | } 98 | 99 | /* See http://stackoverflow.com/questions/14765817/why-does-css-td-width-not-work */ 100 | 101 | .fl-debug-pane-index { 102 | min-width: 3em; 103 | } 104 | 105 | .fl-debug-pane-dom-id { 106 | min-width: 11em; 107 | } 108 | 109 | .fl-debug-pane-component-id { 110 | min-width: 11em; 111 | } 112 | 113 | .fl-debug-pane-grades { 114 | min-width: 40em; 115 | } 116 | 117 | .fl-debug-line { 118 | min-width: 18em; 119 | } 120 | 121 | .fl-debug-tooltip { 122 | width: 40em; 123 | font-size: 10px; 124 | position: absolute; 125 | background-color: #FFC; 126 | border: 2px solid #444; 127 | padding: 0.5em; 128 | } 129 | 130 | .flc-debug-tooltip-trigger:hover { 131 | background-color: rgba(128, 128, 128, 0.3); 132 | } 133 | -------------------------------------------------------------------------------- /lib/infusion/src/components/textfieldControl/css/TextfieldSlider.css: -------------------------------------------------------------------------------- 1 | .fl-textfieldSlider { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | } 6 | 7 | /* Textfield Stlying */ 8 | 9 | .fl-textfieldSlider .fl-textfieldSlider-textField { 10 | margin: 0; 11 | margin-left: 1rem; 12 | width: 2.5rem; 13 | text-align: center; 14 | } 15 | 16 | /* Slider Styling */ 17 | 18 | /* 19 | Native slider appearance based on techniques described at 20 | https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ 21 | and 22 | http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html 23 | */ 24 | 25 | .fl-textfieldSlider input[type=range].fl-slider { 26 | -webkit-appearance: none; 27 | flex-grow: 1; 28 | margin: 0 1rem; 29 | } 30 | 31 | /* webkit browsers */ 32 | .fl-textfieldSlider input[type=range].fl-slider::-webkit-slider-runnable-track { 33 | height: 1rem; 34 | cursor: pointer; 35 | animate: 0.2s; 36 | background: #dad6d3; 37 | border-radius: 0.3rem; 38 | border: 1px solid #b3b3b3; 39 | } 40 | .fl-textfieldSlider input[type=range].fl-slider::-webkit-slider-thumb { 41 | height: 1.5rem; 42 | width: 1.5rem; 43 | background-color: #fff; 44 | border: 1px solid #b3b3b3; 45 | border-radius: 2rem; 46 | box-shadow: 4px 2px 3px rgba(0,0,0,0.3); 47 | background-image: linear-gradient(right top, #fff 46%, #e9eaea 73%); 48 | -webkit-appearance: none; 49 | margin-top: -0.3rem; 50 | } 51 | 52 | /* Firefox */ 53 | .fl-textfieldSlider input[type=range].fl-slider::-moz-range-track { 54 | height: 1rem; 55 | cursor: pointer; 56 | animate: 0.2s; 57 | background: #dad6d3; 58 | border-radius: 0.3rem; 59 | border: 1px solid #b3b3b3; 60 | } 61 | .fl-textfieldSlider input[type=range].fl-slider::-moz-range-thumb { 62 | height: 1.5rem; 63 | width: 1.5rem; 64 | background-color: #fff; 65 | border: 1px solid #b3b3b3; 66 | border-radius: 2rem; 67 | box-shadow: 4px 2px 3px rgba(0,0,0,0.3); 68 | background-image: linear-gradient(right top, #fff 46%, #e9eaea 73%); 69 | } 70 | 71 | /* ms browsers */ 72 | .fl-textfieldSlider input[type=range].fl-slider::-ms-track { 73 | height: 1rem; 74 | animate: 0.2s; 75 | background: transparent; 76 | border-color: transparent; 77 | border-width: 0.5rem 0; 78 | color: transparent; 79 | } 80 | .fl-textfieldSlider input[type=range].fl-slider::-ms-fill-lower { 81 | background: #dad6d3; 82 | border: 1px solid #b3b3b3; 83 | border-radius: 0.3rem; 84 | } 85 | .fl-textfieldSlider input[type=range].fl-slider::-ms-fill-upper { 86 | background: #dad6d3; 87 | border: 1px solid #b3b3b3; 88 | border-radius: 0.3rem; 89 | } 90 | .fl-textfieldSlider input[type=range].fl-slider::-ms-thumb { 91 | height: 1.5rem; 92 | width: 1.5rem; 93 | background-color: #fff; 94 | border: 1px solid #b3b3b3; 95 | border-radius: 2rem; 96 | box-shadow: 4px 2px 3px rgba(0,0,0,0.3); 97 | background-image: linear-gradient(right top, #fff 46%, #e9eaea 73%); 98 | } 99 | 100 | /* Put focus on the slider thumb only */ 101 | 102 | .fl-textfieldSlider input[type=range].fl-slider:focus { 103 | outline: none; 104 | } 105 | 106 | .fl-textfieldSlider input[type=range].fl-slider:focus::-webkit-slider-thumb { 107 | outline: 2px solid black; 108 | } 109 | 110 | .fl-textfieldSlider input[type=range].fl-slider:focus::-moz-range-thumb { 111 | outline: 2px solid black; 112 | } 113 | 114 | .fl-textfieldSlider input[type=range].fl-slider:focus::-ms-thumb { 115 | outline: 2px solid black; 116 | } 117 | -------------------------------------------------------------------------------- /admin-options.php: -------------------------------------------------------------------------------- 1 | UIO?', // Title 44 | 'uio_template_selector_callback', // Callback 45 | 'uio-setting-admin', // Page 46 | 'setting_section_id', // Section 47 | array( 'label_for' => 'uio_template_selector' ) 48 | ); 49 | 50 | add_settings_field( 51 | 'uio_toc_selector', // ID 52 | 'Where should we put the Table of Contents?', // Title 53 | 'uio_toc_selector_callback', // Callback 54 | 'uio-setting-admin', 55 | 'setting_section_id', 56 | array( 'label_for' => 'uio_toc_selector' ) 57 | ); 58 | } 59 | 60 | // Display the template selector fields, with explanatory notes 61 | function uio_template_selector_callback() 62 | { 63 | printf( 64 | '', 65 | esc_attr( get_option('uio_template_selector')) 66 | ); 67 | printf('

A CSS selector specifying where in your pages you\'d like the UI Options templte to be.

'); 68 | printf('

IMPORTANT: Don\'t change this value unless you have a very good reason to do so.

'); 69 | } 70 | 71 | // Display the table of contents selector fields, with explanatory notes 72 | function uio_toc_selector_callback() 73 | { 74 | printf( 75 | '', 76 | esc_attr( get_option('uio_toc_selector')) 77 | ); 78 | printf('

A CSS selector specifying where in your pages you\'d like the Table of Contents to appear.

'); 79 | } 80 | 81 | function print_section_info() 82 | { 83 | print '

The User Interface Options component needs to add some markup to the pages. 84 | You need to specify where, in your theme, this markup should go. The UIO HTML templates 85 | will be inserted as the first child of the elements identified by these CSS selectors.

'; 86 | } 87 | 88 | // Build the settings page 89 | function create_admin_page() 90 | { 91 | // the "options.php" file below refers to the WordPress-included file, not this "admin-options.php" file 92 | ?> 93 |
94 |

User Interface Options

95 |
96 | 102 |
103 |
104 | 108 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/css/SeparatedPanelPrefsEditor.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'OpenSans'; 3 | src: url("../../../lib/fonts/OpenSans-Light.ttf"); 4 | font-weight: 300; 5 | font-style: normal; 6 | } 7 | @font-face { 8 | font-family: 'OpenSans'; 9 | src: url("../../../lib/fonts/OpenSans-Regular.ttf"); 10 | font-weight: normal; 11 | font-style: normal; 12 | } 13 | @font-face { 14 | font-family: 'OpenSans'; 15 | src: url("../../../lib/fonts/OpenSans-Semibold.ttf"); 16 | font-weight: 600; 17 | font-style: normal; 18 | } 19 | .fl-prefsEditor-separatedPanel { 20 | display: flex; 21 | flex-direction: column; 22 | } 23 | .fl-prefsEditor-separatedPanel .fl-panelBar { 24 | width: 100%; 25 | background-color: #fff; 26 | border-bottom: 1px solid #ccc; 27 | box-shadow: 0px 2px 3px 0 #6f6f6f; 28 | font-size: 1.6rem; 29 | } 30 | .fl-prefsEditor-separatedPanel .fl-panelBar.fl-panelBar-wideScreen { 31 | display: none; 32 | } 33 | .fl-prefsEditor-separatedPanel .fl-panelBar .fl-prefsEditor-buttons { 34 | width: 100%; 35 | height: 66px; 36 | display: flex; 37 | flex-wrap: nowrap; 38 | justify-content: space-between; 39 | align-items: center; 40 | line-height: 1; 41 | } 42 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-showHide, 43 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-reset { 44 | text-align: center; 45 | text-transform: lowercase; 46 | background-color: #fff; 47 | border: none; 48 | color: #2f2b2a; 49 | font-family: 'OpenSans', "Myriad Pro", Helvetica, Arial, sans-serif; 50 | white-space: nowrap; 51 | overflow: hidden; 52 | text-overflow: ellipsis; 53 | padding: 0; 54 | } 55 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-showHide { 56 | flex-grow: 1; 57 | flex-shrink: 2; 58 | text-align: left; 59 | padding-left: 16px; 60 | } 61 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-reset { 62 | flex-shrink: 1; 63 | border-left: 2px solid #ccc; 64 | padding-right: 16px; 65 | } 66 | .fl-prefsEditor-separatedPanel .fl-icon-undo { 67 | font-family: 'InfusionIcons'; 68 | speak: none; 69 | font-style: normal; 70 | font-weight: normal; 71 | font-variant: normal; 72 | text-transform: none; 73 | -webkit-font-smoothing: antialiased; 74 | font-size: 1.2rem; 75 | } 76 | .fl-prefsEditor-separatedPanel .fl-icon-undo:before { 77 | content: "\e008"; 78 | } 79 | @media screen and (min-width: 40em) { 80 | .fl-prefsEditor-separatedPanel { 81 | display: block; 82 | } 83 | .fl-prefsEditor-separatedPanel .fl-panelBar { 84 | box-shadow: none; 85 | font-size: 1rem; 86 | } 87 | .fl-prefsEditor-separatedPanel .fl-panelBar.fl-panelBar-smallScreen { 88 | display: none; 89 | } 90 | .fl-prefsEditor-separatedPanel .fl-panelBar.fl-panelBar-wideScreen { 91 | display: block; 92 | } 93 | .fl-prefsEditor-separatedPanel .fl-panelBar .fl-prefsEditor-buttons { 94 | width: auto; 95 | height: auto; 96 | box-shadow: 2px 2px 3px 0 #6f6f6f; 97 | border-bottom: 1px solid #ccc; 98 | border-left: 1px solid #ccc; 99 | border-right: 1px solid #ccc; 100 | border-bottom-left-radius: 8px; 101 | border-bottom-right-radius: 8px; 102 | background-color: #fff; 103 | min-height: 2rem; 104 | margin-right: 5%; 105 | display: block; 106 | float: right; 107 | } 108 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-showHide, 109 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-reset { 110 | font-weight: bold; 111 | border: none; 112 | min-height: 1.8rem; 113 | font-size: 1.1rem; 114 | padding: 0; 115 | } 116 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-showHide { 117 | margin: 0 0.5rem; 118 | } 119 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-reset { 120 | padding-left: 0.8rem; 121 | margin-right: 0.5rem; 122 | } 123 | } 124 | .fl-prefsEditor-separatedPanel-iframe { 125 | border: 0; 126 | background-color: #fff; 127 | height: 0; 128 | width: 100%; 129 | margin-bottom: 0 !important; 130 | } 131 | .fl-theme-bw { 132 | background-image: none !important; 133 | background-color: #fff; 134 | border-color: #000; 135 | color: #000; 136 | } 137 | .fl-theme-bw .fl-prefsEditor-separatedPanel .fl-panelBar, 138 | .fl-theme-bw .fl-prefsEditor-separatedPanel .fl-prefsEditor-reset { 139 | background-color: #fff; 140 | border-color: #000; 141 | color: #000; 142 | } 143 | .fl-theme-bw .fl-prefsEditor-separatedPanel .fl-prefsEditor-buttons { 144 | box-shadow: none; 145 | } 146 | .fl-theme-wb { 147 | background-image: none !important; 148 | background-color: #000; 149 | border-color: #fff; 150 | color: #fff; 151 | } 152 | .fl-theme-wb .fl-prefsEditor-separatedPanel .fl-panelBar, 153 | .fl-theme-wb .fl-prefsEditor-separatedPanel .fl-prefsEditor-reset { 154 | background-color: #000; 155 | border-color: #fff; 156 | color: #fff; 157 | } 158 | .fl-theme-wb .fl-prefsEditor-separatedPanel .fl-prefsEditor-buttons { 159 | box-shadow: none; 160 | } 161 | .fl-theme-yb { 162 | background-image: none !important; 163 | background-color: #000; 164 | border-color: #ff0; 165 | color: #ff0; 166 | } 167 | .fl-theme-yb .fl-prefsEditor-separatedPanel .fl-panelBar, 168 | .fl-theme-yb .fl-prefsEditor-separatedPanel .fl-prefsEditor-reset { 169 | background-color: #000; 170 | border-color: #ff0; 171 | color: #ff0; 172 | } 173 | .fl-theme-yb .fl-prefsEditor-separatedPanel .fl-prefsEditor-buttons { 174 | box-shadow: none; 175 | } 176 | .fl-theme-by { 177 | background-image: none !important; 178 | background-color: #ff0; 179 | border-color: #000; 180 | color: #000; 181 | } 182 | .fl-theme-by .fl-prefsEditor-separatedPanel .fl-panelBar, 183 | .fl-theme-by .fl-prefsEditor-separatedPanel .fl-prefsEditor-reset { 184 | background-color: #ff0; 185 | border-color: #000; 186 | color: #000; 187 | } 188 | .fl-theme-by .fl-prefsEditor-separatedPanel .fl-prefsEditor-buttons { 189 | box-shadow: none; 190 | } 191 | .fl-theme-lgdg { 192 | background-image: none !important; 193 | background-color: #555; 194 | border-color: #bdbdbb; 195 | color: #bdbdbb; 196 | } 197 | .fl-theme-lgdg .fl-prefsEditor-separatedPanel .fl-panelBar, 198 | .fl-theme-lgdg .fl-prefsEditor-separatedPanel .fl-prefsEditor-reset { 199 | background-color: #555; 200 | border-color: #bdbdbb; 201 | color: #bdbdbb; 202 | } 203 | .fl-theme-lgdg .fl-prefsEditor-separatedPanel .fl-prefsEditor-buttons { 204 | box-shadow: none; 205 | } 206 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/css/SeparatedPanelPrefsEditorFrame.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "OpenSans"; 3 | src: url("../../../lib/fonts/OpenSans-Light.ttf"); 4 | font-weight: 300; 5 | font-style: normal; 6 | } 7 | @font-face { 8 | font-family: 'OpenSans'; 9 | src: url("../../../lib/fonts/OpenSans-Regular.ttf"); 10 | font-weight: normal; 11 | font-style: normal; 12 | } 13 | @font-face { 14 | font-family: 'OpenSans'; 15 | src: url("../../../lib/fonts/OpenSans-Semibold.ttf"); 16 | font-weight: 600; 17 | font-style: normal; 18 | } 19 | html { 20 | overflow: hidden; 21 | } 22 | html .fl-hidden-accessible { 23 | position: fixed; 24 | } 25 | /* Preferences Editor Separated Panel styles */ 26 | .fl-prefsEditor-separatedPanel { 27 | background-color: #fff; 28 | background-image: url("../images/default/separatedpanelbg.png"); 29 | background-repeat: repeat; 30 | height: 100%; 31 | overflow-x: auto; 32 | overflow-y: hidden; 33 | color: #5d5652; 34 | } 35 | .fl-prefsEditor-separatedPanel .fl-prefsEditor { 36 | font-family: 'OpenSans', "Myriad Pro", Helvetica, Arial, sans-serif; 37 | line-height: 1.2 !important; 38 | width: 1px; 39 | min-width: 100%; 40 | overflow-x: scroll; 41 | } 42 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels { 43 | white-space: nowrap; 44 | display: table; 45 | margin: 0; 46 | } 47 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel { 48 | border: 1px solid #615e59; 49 | min-width: calc(100vw - 2px); 50 | background-color: #fff; 51 | white-space: normal; 52 | display: table-cell; 53 | padding: 16px 0.5rem; 54 | } 55 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2 { 56 | display: flex; 57 | justify-content: space-between; 58 | align-items: center; 59 | width: 100%; 60 | min-height: 3.6rem; 61 | text-transform: lowercase; 62 | white-space: nowrap; 63 | pointer-events: none; 64 | } 65 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2 [class*='fl-icon-'] { 66 | display: none; 67 | } 68 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2 .fl-heading-text { 69 | padding-top: 0.2rem; 70 | font-size: 1.3em; 71 | font-weight: 600; 72 | text-align: center; 73 | } 74 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2:before, 75 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2:after { 76 | font-family: "Times New Roman", Georgia, Times, serif !important; 77 | speak: none; 78 | font-style: normal; 79 | font-weight: normal; 80 | font-variant: normal; 81 | text-transform: none; 82 | -webkit-font-smoothing: antialiased; 83 | font-size: 3rem; 84 | pointer-events: auto; 85 | } 86 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2:before { 87 | content: "\2039"; 88 | margin-left: 1rem; 89 | } 90 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2:after { 91 | content: "\203a"; 92 | margin-right: 1rem; 93 | } 94 | @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 95 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2 { 96 | display: block; 97 | text-align: center; 98 | } 99 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2:before, 100 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2:after { 101 | content: none; 102 | } 103 | } 104 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel:first-of-type h2:before, 105 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel:last-of-type h2:after { 106 | visibility: hidden; 107 | } 108 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel .fl-prefsEditor-panel-descr { 109 | border: 0; 110 | clip: rect(0 0 0 0); 111 | height: 1px; 112 | margin: -1px; 113 | overflow: hidden; 114 | padding: 0; 115 | position: fixed; 116 | width: 1px; 117 | } 118 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel label { 119 | font-size: 1rem; 120 | } 121 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel .fl-textfieldStepper [class*='fl-icon-'] { 122 | display: none; 123 | } 124 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel .fl-textfieldStepper .fl-textfieldStepper-focusContainer { 125 | display: flex; 126 | justify-content: center; 127 | align-items: center; 128 | } 129 | @media screen and (min-width: 40em) { 130 | .fl-prefsEditor-separatedPanel { 131 | padding: 1px 0px; 132 | margin: 0px; 133 | } 134 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels { 135 | margin: 1rem 0; 136 | border-spacing: 20px 0px; 137 | } 138 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel { 139 | padding: 1.5rem; 140 | padding-top: 1rem; 141 | border-radius: 5px; 142 | box-shadow: 2px 2px #7a766d; 143 | min-width: 25rem; 144 | } 145 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2 { 146 | justify-content: flex-start; 147 | margin: 0 0 1.8rem 0; 148 | border-bottom: solid #ccc 1px; 149 | box-shadow: 0px 6px 7px -6px rgba(0,0,0,0.3); 150 | font-size: 1.2rem; 151 | height: 3rem; 152 | white-space: normal; 153 | } 154 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2 [class*='fl-icon-'] { 155 | display: inline; 156 | } 157 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2:before, 158 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel h2:after { 159 | content: none; 160 | } 161 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel .fl-prefsEditor-panel-descr { 162 | height: auto; 163 | margin: 0; 164 | margin-bottom: 1rem; 165 | overflow: visible; 166 | position: inherit; 167 | width: 100%; 168 | } 169 | .fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel .fl-textfieldStepper [class*='fl-icon-'] { 170 | display: inline; 171 | margin: 0 0.3em; 172 | } 173 | } 174 | .fl-prefsEditor-separatedPanel.fl-theme-bw { 175 | background-image: none; 176 | } 177 | .fl-prefsEditor-separatedPanel.fl-theme-wb { 178 | background-image: none; 179 | } 180 | .fl-prefsEditor-separatedPanel.fl-theme-yb { 181 | background-image: none; 182 | } 183 | .fl-prefsEditor-separatedPanel.fl-theme-by { 184 | background-image: none; 185 | } 186 | .fl-prefsEditor-separatedPanel.fl-theme-lgdg { 187 | background-image: none; 188 | } 189 | -------------------------------------------------------------------------------- /lib/infusion/src/lib/normalize/css/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | /** 4 | * 1. Change the default font family in all browsers (opinionated). 5 | * 2. Prevent adjustments of font size after orientation changes in IE and iOS. 6 | */ 7 | 8 | html { 9 | font-family: sans-serif; /* 1 */ 10 | -ms-text-size-adjust: 100%; /* 2 */ 11 | -webkit-text-size-adjust: 100%; /* 2 */ 12 | } 13 | 14 | /** 15 | * Remove the margin in all browsers (opinionated). 16 | */ 17 | 18 | body { 19 | margin: 0; 20 | } 21 | 22 | /* HTML5 display definitions 23 | ========================================================================== */ 24 | 25 | /** 26 | * Add the correct display in IE 9-. 27 | * 1. Add the correct display in Edge, IE, and Firefox. 28 | * 2. Add the correct display in IE. 29 | */ 30 | 31 | article, 32 | aside, 33 | details, /* 1 */ 34 | figcaption, 35 | figure, 36 | footer, 37 | header, 38 | main, /* 2 */ 39 | menu, 40 | nav, 41 | section, 42 | summary { /* 1 */ 43 | display: block; 44 | } 45 | 46 | /** 47 | * Add the correct display in IE 9-. 48 | */ 49 | 50 | audio, 51 | canvas, 52 | progress, 53 | video { 54 | display: inline-block; 55 | } 56 | 57 | /** 58 | * Add the correct display in iOS 4-7. 59 | */ 60 | 61 | audio:not([controls]) { 62 | display: none; 63 | height: 0; 64 | } 65 | 66 | /** 67 | * Add the correct vertical alignment in Chrome, Firefox, and Opera. 68 | */ 69 | 70 | progress { 71 | vertical-align: baseline; 72 | } 73 | 74 | /** 75 | * Add the correct display in IE 10-. 76 | * 1. Add the correct display in IE. 77 | */ 78 | 79 | template, /* 1 */ 80 | [hidden] { 81 | display: none; 82 | } 83 | 84 | /* Links 85 | ========================================================================== */ 86 | 87 | /** 88 | * 1. Remove the gray background on active links in IE 10. 89 | * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. 90 | */ 91 | 92 | a { 93 | background-color: transparent; /* 1 */ 94 | -webkit-text-decoration-skip: objects; /* 2 */ 95 | } 96 | 97 | /** 98 | * Remove the outline on focused links when they are also active or hovered 99 | * in all browsers (opinionated). 100 | */ 101 | 102 | a:active, 103 | a:hover { 104 | outline-width: 0; 105 | } 106 | 107 | /* Text-level semantics 108 | ========================================================================== */ 109 | 110 | /** 111 | * 1. Remove the bottom border in Firefox 39-. 112 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 113 | */ 114 | 115 | abbr[title] { 116 | border-bottom: none; /* 1 */ 117 | text-decoration: underline; /* 2 */ 118 | text-decoration: underline dotted; /* 2 */ 119 | } 120 | 121 | /** 122 | * Prevent the duplicate application of `bolder` by the next rule in Safari 6. 123 | */ 124 | 125 | b, 126 | strong { 127 | font-weight: inherit; 128 | } 129 | 130 | /** 131 | * Add the correct font weight in Chrome, Edge, and Safari. 132 | */ 133 | 134 | b, 135 | strong { 136 | font-weight: bolder; 137 | } 138 | 139 | /** 140 | * Add the correct font style in Android 4.3-. 141 | */ 142 | 143 | dfn { 144 | font-style: italic; 145 | } 146 | 147 | /** 148 | * Correct the font size and margin on `h1` elements within `section` and 149 | * `article` contexts in Chrome, Firefox, and Safari. 150 | */ 151 | 152 | h1 { 153 | font-size: 2em; 154 | margin: 0.67em 0; 155 | } 156 | 157 | /** 158 | * Add the correct background and color in IE 9-. 159 | */ 160 | 161 | mark { 162 | background-color: #ff0; 163 | color: #000; 164 | } 165 | 166 | /** 167 | * Add the correct font size in all browsers. 168 | */ 169 | 170 | small { 171 | font-size: 80%; 172 | } 173 | 174 | /** 175 | * Prevent `sub` and `sup` elements from affecting the line height in 176 | * all browsers. 177 | */ 178 | 179 | sub, 180 | sup { 181 | font-size: 75%; 182 | line-height: 0; 183 | position: relative; 184 | vertical-align: baseline; 185 | } 186 | 187 | sub { 188 | bottom: -0.25em; 189 | } 190 | 191 | sup { 192 | top: -0.5em; 193 | } 194 | 195 | /* Embedded content 196 | ========================================================================== */ 197 | 198 | /** 199 | * Remove the border on images inside links in IE 10-. 200 | */ 201 | 202 | img { 203 | border-style: none; 204 | } 205 | 206 | /** 207 | * Hide the overflow in IE. 208 | */ 209 | 210 | svg:not(:root) { 211 | overflow: hidden; 212 | } 213 | 214 | /* Grouping content 215 | ========================================================================== */ 216 | 217 | /** 218 | * 1. Correct the inheritance and scaling of font size in all browsers. 219 | * 2. Correct the odd `em` font sizing in all browsers. 220 | */ 221 | 222 | code, 223 | kbd, 224 | pre, 225 | samp { 226 | font-family: monospace, monospace; /* 1 */ 227 | font-size: 1em; /* 2 */ 228 | } 229 | 230 | /** 231 | * Add the correct margin in IE 8. 232 | */ 233 | 234 | figure { 235 | margin: 1em 40px; 236 | } 237 | 238 | /** 239 | * 1. Add the correct box sizing in Firefox. 240 | * 2. Show the overflow in Edge and IE. 241 | */ 242 | 243 | hr { 244 | box-sizing: content-box; /* 1 */ 245 | height: 0; /* 1 */ 246 | overflow: visible; /* 2 */ 247 | } 248 | 249 | /* Forms 250 | ========================================================================== */ 251 | 252 | /** 253 | * 1. Change font properties to `inherit` in all browsers (opinionated). 254 | * 2. Remove the margin in Firefox and Safari. 255 | */ 256 | 257 | button, 258 | input, 259 | select, 260 | textarea { 261 | font: inherit; /* 1 */ 262 | margin: 0; /* 2 */ 263 | } 264 | 265 | /** 266 | * Restore the font weight unset by the previous rule. 267 | */ 268 | 269 | optgroup { 270 | font-weight: bold; 271 | } 272 | 273 | /** 274 | * Show the overflow in IE. 275 | * 1. Show the overflow in Edge. 276 | */ 277 | 278 | button, 279 | input { /* 1 */ 280 | overflow: visible; 281 | } 282 | 283 | /** 284 | * Remove the inheritance of text transform in Edge, Firefox, and IE. 285 | * 1. Remove the inheritance of text transform in Firefox. 286 | */ 287 | 288 | button, 289 | select { /* 1 */ 290 | text-transform: none; 291 | } 292 | 293 | /** 294 | * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` 295 | * controls in Android 4. 296 | * 2. Correct the inability to style clickable types in iOS and Safari. 297 | */ 298 | 299 | button, 300 | html [type="button"], /* 1 */ 301 | [type="reset"], 302 | [type="submit"] { 303 | -webkit-appearance: button; /* 2 */ 304 | } 305 | 306 | /** 307 | * Remove the inner border and padding in Firefox. 308 | */ 309 | 310 | button::-moz-focus-inner, 311 | [type="button"]::-moz-focus-inner, 312 | [type="reset"]::-moz-focus-inner, 313 | [type="submit"]::-moz-focus-inner { 314 | border-style: none; 315 | padding: 0; 316 | } 317 | 318 | /** 319 | * Restore the focus styles unset by the previous rule. 320 | */ 321 | 322 | button:-moz-focusring, 323 | [type="button"]:-moz-focusring, 324 | [type="reset"]:-moz-focusring, 325 | [type="submit"]:-moz-focusring { 326 | outline: 1px dotted ButtonText; 327 | } 328 | 329 | /** 330 | * Change the border, margin, and padding in all browsers (opinionated). 331 | */ 332 | 333 | fieldset { 334 | border: 1px solid #c0c0c0; 335 | margin: 0 2px; 336 | padding: 0.35em 0.625em 0.75em; 337 | } 338 | 339 | /** 340 | * 1. Correct the text wrapping in Edge and IE. 341 | * 2. Correct the color inheritance from `fieldset` elements in IE. 342 | * 3. Remove the padding so developers are not caught out when they zero out 343 | * `fieldset` elements in all browsers. 344 | */ 345 | 346 | legend { 347 | box-sizing: border-box; /* 1 */ 348 | color: inherit; /* 2 */ 349 | display: table; /* 1 */ 350 | max-width: 100%; /* 1 */ 351 | padding: 0; /* 3 */ 352 | white-space: normal; /* 1 */ 353 | } 354 | 355 | /** 356 | * Remove the default vertical scrollbar in IE. 357 | */ 358 | 359 | textarea { 360 | overflow: auto; 361 | } 362 | 363 | /** 364 | * 1. Add the correct box sizing in IE 10-. 365 | * 2. Remove the padding in IE 10-. 366 | */ 367 | 368 | [type="checkbox"], 369 | [type="radio"] { 370 | box-sizing: border-box; /* 1 */ 371 | padding: 0; /* 2 */ 372 | } 373 | 374 | /** 375 | * Correct the cursor style of increment and decrement buttons in Chrome. 376 | */ 377 | 378 | [type="number"]::-webkit-inner-spin-button, 379 | [type="number"]::-webkit-outer-spin-button { 380 | height: auto; 381 | } 382 | 383 | /** 384 | * 1. Correct the odd appearance in Chrome and Safari. 385 | * 2. Correct the outline style in Safari. 386 | */ 387 | 388 | [type="search"] { 389 | -webkit-appearance: textfield; /* 1 */ 390 | outline-offset: -2px; /* 2 */ 391 | } 392 | 393 | /** 394 | * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. 395 | */ 396 | 397 | [type="search"]::-webkit-search-cancel-button, 398 | [type="search"]::-webkit-search-decoration { 399 | -webkit-appearance: none; 400 | } 401 | 402 | /** 403 | * Correct the text style of placeholders in Chrome, Edge, and Safari. 404 | */ 405 | 406 | ::-webkit-input-placeholder { 407 | color: inherit; 408 | opacity: 0.54; 409 | } 410 | 411 | /** 412 | * 1. Correct the inability to style clickable types in iOS and Safari. 413 | * 2. Change font properties to `inherit` in Safari. 414 | */ 415 | 416 | ::-webkit-file-upload-button { 417 | -webkit-appearance: button; /* 1 */ 418 | font: inherit; /* 2 */ 419 | } 420 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/css/PrefsEditor.css: -------------------------------------------------------------------------------- 1 | /* General Preferences Editor styles, used for all layouts */ 2 | @font-face { 3 | font-family: 'InfusionIcons'; 4 | src: url("../fonts/InfusionIcons-PrefsEditor.ttf"), url("../fonts/InfusionIcons-PrefsEditor.eot"); 5 | } 6 | .fl-prefsEditor { 7 | font-family: "Myriad Pro", Helvetica, Arial, sans-serif; 8 | /* height and width specified in ems instead of rems 9 | to respond to emphasize links preferences */ 10 | } 11 | .fl-prefsEditor .fl-prefsEditor-panels { 12 | margin-left: 0; 13 | padding: 0; 14 | } 15 | .fl-prefsEditor .fl-prefsEditor-panels li { 16 | list-style: none; 17 | } 18 | .fl-prefsEditor label { 19 | font-size: 1.2em; 20 | } 21 | .fl-prefsEditor input[type="text"] { 22 | width: 2em; 23 | font-size: 1em; 24 | } 25 | .fl-prefsEditor input[type="checkbox"] { 26 | margin-right: 10px; 27 | border: 1px solid #000; 28 | } 29 | .fl-prefsEditor fieldset { 30 | border: 0 transparent; 31 | margin: 0; 32 | padding: 0; 33 | } 34 | .fl-prefsEditor legend { 35 | padding: 0; 36 | margin: 0 0 1em 0; 37 | display: block; 38 | } 39 | .fl-prefsEditor select { 40 | border: 2px solid #ebebeb; 41 | } 42 | .fl-prefsEditor select#textFont { 43 | margin: 0 auto; 44 | display: block; 45 | font-weight: bold; 46 | } 47 | .fl-prefsEditor select#textFont option.times { 48 | font-family: "Times New Roman"; 49 | } 50 | .fl-prefsEditor select#textFont option.comic { 51 | font-family: "Comic Sans MS"; 52 | } 53 | .fl-prefsEditor select#textFont option.arial { 54 | font-family: Arial; 55 | } 56 | .fl-prefsEditor select#textFont option.verdana { 57 | font-family: Verdana; 58 | } 59 | .fl-prefsEditor select#theme { 60 | font-weight: bold; 61 | text-transform: uppercase; 62 | } 63 | .fl-prefsEditor select#theme option.fl-prefsEditor-default-theme { 64 | color: #000 !important; 65 | background-color: #efefef !important; 66 | } 67 | .fl-prefsEditor .fl-prefsEditor-text label { 68 | display: block; 69 | } 70 | .fl-prefsEditor .fl-prefsEditor-text .fl-inputs { 71 | font-size: 1em; 72 | } 73 | .fl-prefsEditor .fl-prefsEditor-layout div, 74 | .fl-prefsEditor .fl-prefsEditor-links div { 75 | margin-left: 25px; 76 | } 77 | .fl-prefsEditor .fl-inputs div[class*='fl-icon-'] { 78 | font-size: 1.5em; 79 | margin-top: -0.15em; 80 | } 81 | .fl-prefsEditor .fl-choices { 82 | display: flex; 83 | justify-content: center; 84 | } 85 | .fl-prefsEditor .fl-choices .fl-choice label { 86 | margin-right: 5px; 87 | border: 1px solid #000; 88 | border-radius: 5px; 89 | height: 2.5em; 90 | width: 2.5em; 91 | text-align: center; 92 | vertical-align: middle; 93 | display: inline-block; 94 | line-height: 2.2em !important; 95 | padding: 2px; 96 | } 97 | .fl-prefsEditor .fl-choices .fl-choice:last-child label { 98 | margin-right: 0; 99 | } 100 | .fl-prefsEditor .fl-choices .fl-choice .fl-preview-A { 101 | font-size: 1.7em; 102 | } 103 | .fl-prefsEditor .fl-choices .fl-choice .fl-preview-A:before { 104 | content: "a"; 105 | } 106 | .fl-prefsEditor .fl-choices .fl-choice input:focus ~ label { 107 | outline: 2px solid #000; 108 | } 109 | .fl-prefsEditor .fl-textfieldStepper { 110 | display: flex; 111 | justify-content: center; 112 | align-items: center; 113 | } 114 | .fl-prefsEditor .fl-textfieldStepper-focusContainer { 115 | padding: 0.2em; 116 | } 117 | .fl-prefsEditor .fl-textfieldStepper *:focus { 118 | outline: none; 119 | } 120 | .fl-prefsEditor .fl-textfieldStepper-focus { 121 | outline: solid 0.2em #000; 122 | } 123 | .fl-prefsEditor .fl-textfieldStepper .fl-textfieldStepper-textField { 124 | margin: 0 0.5em; 125 | width: 4em; 126 | height: 2em; 127 | text-align: center; 128 | } 129 | .fl-prefsEditor .fl-textfieldStepper .fl-textfieldStepper-button { 130 | border: 2px solid #000; 131 | border-radius: 0.4rem; 132 | background-color: #fff; 133 | height: 2.4375em; 134 | width: 2.4375em; 135 | } 136 | .fl-prefsEditor .fl-textfieldStepper .fl-textfieldStepper-button:disabled { 137 | opacity: 0.3; 138 | } 139 | .fl-prefsEditor .fl-prefsEditor-onoff .fl-switchUI { 140 | display: flex; 141 | justify-content: center; 142 | align-items: center; 143 | } 144 | .fl-prefsEditor .fl-prefsEditor-onoff .fl-switchUI-control { 145 | width: 5.4em; 146 | border: 0.15em solid currentColor; 147 | border-radius: 2em; 148 | margin: 0 1em; 149 | display: flex; 150 | align-items: center; 151 | background-color: #fff; 152 | } 153 | .fl-prefsEditor .fl-prefsEditor-onoff .fl-switchUI-control:focus { 154 | outline: none; 155 | box-shadow: 0 0 0 0.2em #fff, 0 0 0 0.35em #000; 156 | } 157 | .fl-prefsEditor .fl-prefsEditor-onoff .fl-switchUI-control[aria-checked=true] { 158 | justify-content: flex-end; 159 | } 160 | .fl-prefsEditor .fl-prefsEditor-onoff .fl-switchUI-controlKnob { 161 | height: 1.8em; 162 | width: 1.8em; 163 | background-color: currentColor; 164 | border-radius: 1.8em; 165 | display: inline-block; 166 | margin: 0.2em; 167 | } 168 | .fl-prefsEditor .fl-prefsEditor-onoff .fl-switchUI-text { 169 | text-transform: uppercase; 170 | font-weight: 600; 171 | } 172 | .fl-prefsEditor .fl-icon-right, 173 | .fl-prefsEditor .fl-icon-left, 174 | .fl-prefsEditor .fl-icon-indicator, 175 | .fl-prefsEditor .fl-icon-crossout, 176 | .fl-prefsEditor .fl-icon-big-a, 177 | .fl-prefsEditor .fl-icon-small-a, 178 | .fl-prefsEditor .fl-icon-line-space-expanded, 179 | .fl-prefsEditor .fl-icon-line-space-condensed, 180 | .fl-prefsEditor .fl-icon-contrast, 181 | .fl-prefsEditor .fl-icon-undo, 182 | .fl-prefsEditor .fl-icon-line-space, 183 | .fl-prefsEditor .fl-icon-inputs, 184 | .fl-prefsEditor .fl-icon-simplify, 185 | .fl-prefsEditor .fl-icon-font, 186 | .fl-prefsEditor .fl-icon-size, 187 | .fl-prefsEditor .fl-icon-text-to-speech, 188 | .fl-prefsEditor .fl-icon-toc { 189 | font-family: 'InfusionIcons'; 190 | speak: none; 191 | font-style: normal; 192 | font-weight: normal; 193 | font-variant: normal; 194 | text-transform: none; 195 | -webkit-font-smoothing: antialiased; 196 | margin: 0.2em 0.3em 0 0; 197 | font-size: 1.5em; 198 | } 199 | .fl-prefsEditor .fl-icon-crossout:before, 200 | .fl-prefsEditor .fl-choice .fl-prefsEditor-themePicker-defaultThemeLabel .fl-crossout:before { 201 | content: "\e004"; 202 | } 203 | .fl-prefsEditor .fl-icon-big-a:before { 204 | content: "\e006"; 205 | } 206 | .fl-prefsEditor .fl-icon-small-a:before { 207 | content: "\e007"; 208 | } 209 | .fl-prefsEditor .fl-icon-line-space-expanded:before { 210 | content: "\e009"; 211 | } 212 | .fl-prefsEditor .fl-icon-line-space-condensed:before { 213 | content: "\e00a"; 214 | } 215 | .fl-prefsEditor .fl-icon-indicator:before, 216 | .fl-prefsEditor .fl-choice input:checked + div:before { 217 | content: "\e003"; 218 | } 219 | .fl-prefsEditor .fl-choice .fl-indicator { 220 | font-family: 'InfusionIcons' !important; 221 | font-size: 1.3em; 222 | margin: -0.75em 0 0 0.75em; 223 | height: 1em; 224 | } 225 | .fl-prefsEditor .fl-choice .fl-prefsEditor-themePicker-defaultThemeLabel .fl-crossout { 226 | font-family: 'InfusionIcons' !important; 227 | margin-top: -1.25em; 228 | font-size: 1.85em; 229 | } 230 | .fl-prefsEditor .fl-choice label.fl-theme-prefsEditor-default, 231 | .fl-prefsEditor .fl-choice label.fl-theme-prefsEditor-default span, 232 | .fl-prefsEditor .fl-choice label.fl-prefsEditor-themePicker-defaultThemeLabel .fl-crossout { 233 | background-color: #fff !important; 234 | border-color: #433f3d !important; 235 | color: #433f3d !important; 236 | } 237 | .fl-prefsEditor .fl-icon-right:before { 238 | content: "\e001"; 239 | } 240 | .fl-prefsEditor .fl-icon-left:before { 241 | content: "\e002"; 242 | } 243 | .fl-prefsEditor .fl-icon-contrast:before { 244 | content: "\e005"; 245 | } 246 | .fl-prefsEditor .fl-icon-line-space:before { 247 | content: "\e00b"; 248 | } 249 | .fl-prefsEditor .fl-icon-inputs:before { 250 | content: "\e00c"; 251 | } 252 | .fl-prefsEditor .fl-icon-simplify:before { 253 | content: "\e00d"; 254 | } 255 | .fl-prefsEditor .fl-icon-settings:before { 256 | content: "\e00e"; 257 | } 258 | .fl-prefsEditor .fl-icon-font:before { 259 | content: "\e00f"; 260 | } 261 | .fl-prefsEditor .fl-icon-size:before { 262 | content: "\e010"; 263 | } 264 | .fl-prefsEditor .fl-icon-text-to-speech:before { 265 | content: "\e011"; 266 | } 267 | .fl-prefsEditor .fl-icon-toc:before { 268 | content: "\e012"; 269 | } 270 | .fl-theme-bw .fl-prefsEditor .fl-switchUI-control:focus { 271 | box-shadow: 0 0 0 0.2em #fff, 0 0 0 0.35em #000; 272 | } 273 | .fl-theme-bw .fl-prefsEditor .fl-switchUI-controlKnob { 274 | background-color: #000 !important; 275 | } 276 | .fl-prefsEditor .fl-choice label.fl-theme-bw, 277 | .fl-prefsEditor .fl-choice label.fl-theme-bw span, 278 | .fl-prefsEditor .fl-choice label.fl-theme-bw .fl-crossout { 279 | background-color: #fff !important; 280 | border-color: #000 !important; 281 | color: #000 !important; 282 | } 283 | .fl-theme-wb .fl-prefsEditor .fl-switchUI-control:focus { 284 | box-shadow: 0 0 0 0.2em #000, 0 0 0 0.35em #fff; 285 | } 286 | .fl-theme-wb .fl-prefsEditor .fl-switchUI-controlKnob { 287 | background-color: #fff !important; 288 | } 289 | .fl-prefsEditor .fl-choice label.fl-theme-wb, 290 | .fl-prefsEditor .fl-choice label.fl-theme-wb span, 291 | .fl-prefsEditor .fl-choice label.fl-theme-wb .fl-crossout { 292 | background-color: #000 !important; 293 | border-color: #fff !important; 294 | color: #fff !important; 295 | } 296 | .fl-theme-yb .fl-prefsEditor .fl-switchUI-control:focus { 297 | box-shadow: 0 0 0 0.2em #000, 0 0 0 0.35em #ff0; 298 | } 299 | .fl-theme-yb .fl-prefsEditor .fl-switchUI-controlKnob { 300 | background-color: #ff0 !important; 301 | } 302 | .fl-prefsEditor .fl-choice label.fl-theme-yb, 303 | .fl-prefsEditor .fl-choice label.fl-theme-yb span, 304 | .fl-prefsEditor .fl-choice label.fl-theme-yb .fl-crossout { 305 | background-color: #000 !important; 306 | border-color: #ff0 !important; 307 | color: #ff0 !important; 308 | } 309 | .fl-theme-by .fl-prefsEditor .fl-switchUI-control:focus { 310 | box-shadow: 0 0 0 0.2em #ff0, 0 0 0 0.35em #000; 311 | } 312 | .fl-theme-by .fl-prefsEditor .fl-switchUI-controlKnob { 313 | background-color: #000 !important; 314 | } 315 | .fl-prefsEditor .fl-choice label.fl-theme-by, 316 | .fl-prefsEditor .fl-choice label.fl-theme-by span, 317 | .fl-prefsEditor .fl-choice label.fl-theme-by .fl-crossout { 318 | background-color: #ff0 !important; 319 | border-color: #000 !important; 320 | color: #000 !important; 321 | } 322 | .fl-theme-lgdg .fl-prefsEditor .fl-switchUI-control:focus { 323 | box-shadow: 0 0 0 0.2em #555, 0 0 0 0.35em #bdbdbb; 324 | } 325 | .fl-theme-lgdg .fl-prefsEditor .fl-switchUI-controlKnob { 326 | background-color: #bdbdbb !important; 327 | } 328 | .fl-prefsEditor .fl-choice label.fl-theme-lgdg, 329 | .fl-prefsEditor .fl-choice label.fl-theme-lgdg span, 330 | .fl-prefsEditor .fl-choice label.fl-theme-lgdg .fl-crossout { 331 | background-color: #555 !important; 332 | border-color: #bdbdbb !important; 333 | color: #bdbdbb !important; 334 | } 335 | -------------------------------------------------------------------------------- /lib/infusion/src/lib/fonts/OpenSans-LICENSE.txt: -------------------------------------------------------------------------------- 1 | 2 | Apache License 3 | Version 2.0, January 2004 4 | http://www.apache.org/licenses/ 5 | 6 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 7 | 8 | 1. Definitions. 9 | 10 | "License" shall mean the terms and conditions for use, reproduction, 11 | and distribution as defined by Sections 1 through 9 of this document. 12 | 13 | "Licensor" shall mean the copyright owner or entity authorized by 14 | the copyright owner that is granting the License. 15 | 16 | "Legal Entity" shall mean the union of the acting entity and all 17 | other entities that control, are controlled by, or are under common 18 | control with that entity. For the purposes of this definition, 19 | "control" means (i) the power, direct or indirect, to cause the 20 | direction or management of such entity, whether by contract or 21 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 22 | outstanding shares, or (iii) beneficial ownership of such entity. 23 | 24 | "You" (or "Your") shall mean an individual or Legal Entity 25 | exercising permissions granted by this License. 26 | 27 | "Source" form shall mean the preferred form for making modifications, 28 | including but not limited to software source code, documentation 29 | source, and configuration files. 30 | 31 | "Object" form shall mean any form resulting from mechanical 32 | transformation or translation of a Source form, including but 33 | not limited to compiled object code, generated documentation, 34 | and conversions to other media types. 35 | 36 | "Work" shall mean the work of authorship, whether in Source or 37 | Object form, made available under the License, as indicated by a 38 | copyright notice that is included in or attached to the work 39 | (an example is provided in the Appendix below). 40 | 41 | "Derivative Works" shall mean any work, whether in Source or Object 42 | form, that is based on (or derived from) the Work and for which the 43 | editorial revisions, annotations, elaborations, or other modifications 44 | represent, as a whole, an original work of authorship. For the purposes 45 | of this License, Derivative Works shall not include works that remain 46 | separable from, or merely link (or bind by name) to the interfaces of, 47 | the Work and Derivative Works thereof. 48 | 49 | "Contribution" shall mean any work of authorship, including 50 | the original version of the Work and any modifications or additions 51 | to that Work or Derivative Works thereof, that is intentionally 52 | submitted to Licensor for inclusion in the Work by the copyright owner 53 | or by an individual or Legal Entity authorized to submit on behalf of 54 | the copyright owner. For the purposes of this definition, "submitted" 55 | means any form of electronic, verbal, or written communication sent 56 | to the Licensor or its representatives, including but not limited to 57 | communication on electronic mailing lists, source code control systems, 58 | and issue tracking systems that are managed by, or on behalf of, the 59 | Licensor for the purpose of discussing and improving the Work, but 60 | excluding communication that is conspicuously marked or otherwise 61 | designated in writing by the copyright owner as "Not a Contribution." 62 | 63 | "Contributor" shall mean Licensor and any individual or Legal Entity 64 | on behalf of whom a Contribution has been received by Licensor and 65 | subsequently incorporated within the Work. 66 | 67 | 2. Grant of Copyright License. Subject to the terms and conditions of 68 | this License, each Contributor hereby grants to You a perpetual, 69 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 70 | copyright license to reproduce, prepare Derivative Works of, 71 | publicly display, publicly perform, sublicense, and distribute the 72 | Work and such Derivative Works in Source or Object form. 73 | 74 | 3. Grant of Patent License. Subject to the terms and conditions of 75 | this License, each Contributor hereby grants to You a perpetual, 76 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 77 | (except as stated in this section) patent license to make, have made, 78 | use, offer to sell, sell, import, and otherwise transfer the Work, 79 | where such license applies only to those patent claims licensable 80 | by such Contributor that are necessarily infringed by their 81 | Contribution(s) alone or by combination of their Contribution(s) 82 | with the Work to which such Contribution(s) was submitted. If You 83 | institute patent litigation against any entity (including a 84 | cross-claim or counterclaim in a lawsuit) alleging that the Work 85 | or a Contribution incorporated within the Work constitutes direct 86 | or contributory patent infringement, then any patent licenses 87 | granted to You under this License for that Work shall terminate 88 | as of the date such litigation is filed. 89 | 90 | 4. Redistribution. You may reproduce and distribute copies of the 91 | Work or Derivative Works thereof in any medium, with or without 92 | modifications, and in Source or Object form, provided that You 93 | meet the following conditions: 94 | 95 | (a) You must give any other recipients of the Work or 96 | Derivative Works a copy of this License; and 97 | 98 | (b) You must cause any modified files to carry prominent notices 99 | stating that You changed the files; and 100 | 101 | (c) You must retain, in the Source form of any Derivative Works 102 | that You distribute, all copyright, patent, trademark, and 103 | attribution notices from the Source form of the Work, 104 | excluding those notices that do not pertain to any part of 105 | the Derivative Works; and 106 | 107 | (d) If the Work includes a "NOTICE" text file as part of its 108 | distribution, then any Derivative Works that You distribute must 109 | include a readable copy of the attribution notices contained 110 | within such NOTICE file, excluding those notices that do not 111 | pertain to any part of the Derivative Works, in at least one 112 | of the following places: within a NOTICE text file distributed 113 | as part of the Derivative Works; within the Source form or 114 | documentation, if provided along with the Derivative Works; or, 115 | within a display generated by the Derivative Works, if and 116 | wherever such third-party notices normally appear. The contents 117 | of the NOTICE file are for informational purposes only and 118 | do not modify the License. You may add Your own attribution 119 | notices within Derivative Works that You distribute, alongside 120 | or as an addendum to the NOTICE text from the Work, provided 121 | that such additional attribution notices cannot be construed 122 | as modifying the License. 123 | 124 | You may add Your own copyright statement to Your modifications and 125 | may provide additional or different license terms and conditions 126 | for use, reproduction, or distribution of Your modifications, or 127 | for any such Derivative Works as a whole, provided Your use, 128 | reproduction, and distribution of the Work otherwise complies with 129 | the conditions stated in this License. 130 | 131 | 5. Submission of Contributions. Unless You explicitly state otherwise, 132 | any Contribution intentionally submitted for inclusion in the Work 133 | by You to the Licensor shall be under the terms and conditions of 134 | this License, without any additional terms or conditions. 135 | Notwithstanding the above, nothing herein shall supersede or modify 136 | the terms of any separate license agreement you may have executed 137 | with Licensor regarding such Contributions. 138 | 139 | 6. Trademarks. This License does not grant permission to use the trade 140 | names, trademarks, service marks, or product names of the Licensor, 141 | except as required for reasonable and customary use in describing the 142 | origin of the Work and reproducing the content of the NOTICE file. 143 | 144 | 7. Disclaimer of Warranty. Unless required by applicable law or 145 | agreed to in writing, Licensor provides the Work (and each 146 | Contributor provides its Contributions) on an "AS IS" BASIS, 147 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 148 | implied, including, without limitation, any warranties or conditions 149 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 150 | PARTICULAR PURPOSE. You are solely responsible for determining the 151 | appropriateness of using or redistributing the Work and assume any 152 | risks associated with Your exercise of permissions under this License. 153 | 154 | 8. Limitation of Liability. In no event and under no legal theory, 155 | whether in tort (including negligence), contract, or otherwise, 156 | unless required by applicable law (such as deliberate and grossly 157 | negligent acts) or agreed to in writing, shall any Contributor be 158 | liable to You for damages, including any direct, indirect, special, 159 | incidental, or consequential damages of any character arising as a 160 | result of this License or out of the use or inability to use the 161 | Work (including but not limited to damages for loss of goodwill, 162 | work stoppage, computer failure or malfunction, or any and all 163 | other commercial damages or losses), even if such Contributor 164 | has been advised of the possibility of such damages. 165 | 166 | 9. Accepting Warranty or Additional Liability. While redistributing 167 | the Work or Derivative Works thereof, You may choose to offer, 168 | and charge a fee for, acceptance of support, warranty, indemnity, 169 | or other liability obligations and/or rights consistent with this 170 | License. However, in accepting such obligations, You may act only 171 | on Your own behalf and on Your sole responsibility, not on behalf 172 | of any other Contributor, and only if You agree to indemnify, 173 | defend, and hold each Contributor harmless for any liability 174 | incurred by, or claims asserted against, such Contributor by reason 175 | of your accepting any such warranty or additional liability. 176 | 177 | END OF TERMS AND CONDITIONS 178 | 179 | APPENDIX: How to apply the Apache License to your work. 180 | 181 | To apply the Apache License to your work, attach the following 182 | boilerplate notice, with the fields enclosed by brackets "[]" 183 | replaced with your own identifying information. (Don't include 184 | the brackets!) The text should be enclosed in the appropriate 185 | comment syntax for the file format. We also recommend that a 186 | file or class name and description of purpose be included on the 187 | same "printed page" as the copyright notice for easier 188 | identification within third-party archives. 189 | 190 | Copyright [yyyy] [name of copyright owner] 191 | 192 | Licensed under the Apache License, Version 2.0 (the "License"); 193 | you may not use this file except in compliance with the License. 194 | You may obtain a copy of the License at 195 | 196 | http://www.apache.org/licenses/LICENSE-2.0 197 | 198 | Unless required by applicable law or agreed to in writing, software 199 | distributed under the License is distributed on an "AS IS" BASIS, 200 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 201 | See the License for the specific language governing permissions and 202 | limitations under the License. 203 | -------------------------------------------------------------------------------- /lib/infusion/Infusion-LICENSE.txt: -------------------------------------------------------------------------------- 1 | Infusion is available under either the terms of the New BSD license or the 2 | Educational Community License, Version 2.0. As a recipient of Infusion, you may 3 | choose which license to receive this code under (except as noted in per-module 4 | LICENSE files). All modules are Copyright 2011 OCAD University except 5 | where noted otherwise in the code itself, or if the modules reside in a separate 6 | directory, they may contain explicit declarations of copyright in both the 7 | LICENSE file in the directory in which they reside and in the code itself. No 8 | external contributions are allowed under licenses which are fundamentally 9 | incompatible with the ECL or BSD licenses that Infusion is distributed under. 10 | 11 | The text of the ECL and BSD licenses is reproduced below. 12 | 13 | Educational Community License, Version 2.0 14 | ************************************* 15 | Copyright 2011 OCAD University 16 | 17 | Educational Community License, Version 2.0, April 2007 18 | 19 | The Educational Community License version 2.0 ("ECL") consists of the Apache 2.0 20 | license, modified to change the scope of the patent grant in section 3 to be 21 | specific to the needs of the education communities using this license. The 22 | original Apache 2.0 license can be found at: 23 | http://www.apache.org/licenses/LICENSE-2.0 24 | 25 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 26 | 27 | 1. Definitions. 28 | 29 | "License" shall mean the terms and conditions for use, reproduction, and 30 | distribution as defined by Sections 1 through 9 of this document. 31 | 32 | "Licensor" shall mean the copyright owner or entity authorized by the copyright 33 | owner that is granting the License. 34 | 35 | "Legal Entity" shall mean the union of the acting entity and all other entities 36 | that control, are controlled by, or are under common control with that entity. 37 | For the purposes of this definition, "control" means (i) the power, direct or 38 | indirect, to cause the direction or management of such entity, whether by 39 | contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the 40 | outstanding shares, or (iii) beneficial ownership of such entity. 41 | 42 | "You" (or "Your") shall mean an individual or Legal Entity exercising 43 | permissions granted by this License. 44 | 45 | "Source" form shall mean the preferred form for making modifications, including 46 | but not limited to software source code, documentation source, and configuration 47 | files. 48 | 49 | "Object" form shall mean any form resulting from mechanical transformation or 50 | translation of a Source form, including but not limited to compiled object code, 51 | generated documentation, and conversions to other media types. 52 | 53 | "Work" shall mean the work of authorship, whether in Source or Object form, made 54 | available under the License, as indicated by a copyright notice that is included 55 | in or attached to the work (an example is provided in the Appendix below). 56 | 57 | "Derivative Works" shall mean any work, whether in Source or Object form, that 58 | is based on (or derived from) the Work and for which the editorial revisions, 59 | annotations, elaborations, or other modifications represent, as a whole, an 60 | original work of authorship. For the purposes of this License, Derivative Works 61 | shall not include works that remain separable from, or merely link (or bind by 62 | name) to the interfaces of, the Work and Derivative Works thereof. 63 | 64 | "Contribution" shall mean any work of authorship, including the original version 65 | of the Work and any modifications or additions to that Work or Derivative Works 66 | thereof, that is intentionally submitted to Licensor for inclusion in the Work 67 | by the copyright owner or by an individual or Legal Entity authorized to submit 68 | on behalf of the copyright owner. For the purposes of this definition, 69 | "submitted" means any form of electronic, verbal, or written communication sent 70 | to the Licensor or its representatives, including but not limited to 71 | communication on electronic mailing lists, source code control systems, and 72 | issue tracking systems that are managed by, or on behalf of, the Licensor for 73 | the purpose of discussing and improving the Work, but excluding communication 74 | that is conspicuously marked or otherwise designated in writing by the copyright 75 | owner as "Not a Contribution." 76 | 77 | "Contributor" shall mean Licensor and any individual or Legal Entity on behalf 78 | of whom a Contribution has been received by Licensor and subsequently 79 | incorporated within the Work. 80 | 81 | 2. Grant of Copyright License. 82 | 83 | Subject to the terms and conditions of this License, each Contributor hereby 84 | grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, 85 | irrevocable copyright license to reproduce, prepare Derivative Works of, 86 | publicly display, publicly perform, sublicense, and distribute the Work and such 87 | Derivative Works in Source or Object form. 88 | 89 | 3. Grant of Patent License. 90 | 91 | Subject to the terms and conditions of this License, each Contributor hereby 92 | grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, 93 | irrevocable (except as stated in this section) patent license to make, have 94 | made, use, offer to sell, sell, import, and otherwise transfer the Work, where 95 | such license applies only to those patent claims licensable by such Contributor 96 | that are necessarily infringed by their Contribution(s) alone or by combination 97 | of their Contribution(s) with the Work to which such Contribution(s) was 98 | submitted. If You institute patent litigation against any entity (including a 99 | cross-claim or counterclaim in a lawsuit) alleging that the Work or a 100 | Contribution incorporated within the Work constitutes direct or contributory 101 | patent infringement, then any patent licenses granted to You under this License 102 | for that Work shall terminate as of the date such litigation is filed. Any 103 | patent license granted hereby with respect to contributions by an individual 104 | employed by an institution or organization is limited to patent claims where the 105 | individual that is the author of the Work is also the inventor of the patent 106 | claims licensed, and where the organization or institution has the right to 107 | grant such license under applicable grant and research funding agreements. No 108 | other express or implied licenses are granted. 109 | 110 | 4. Redistribution. 111 | 112 | You may reproduce and distribute copies of the Work or Derivative Works thereof 113 | in any medium, with or without modifications, and in Source or Object form, 114 | provided that You meet the following conditions: 115 | 116 | 1. You must give any other recipients of the Work or Derivative Works a copy 117 | of this License; and 118 | 2. You must cause any modified files to carry prominent notices stating that 119 | You changed the files; and 120 | 3. You must retain, in the Source form of any Derivative Works that You 121 | distribute, all copyright, patent, trademark, and attribution notices from 122 | the Source form of the Work, excluding those notices that do not pertain to 123 | any part of the Derivative Works; and 124 | 4. If the Work includes a "NOTICE" text file as part of its distribution, 125 | then any Derivative Works that You distribute must include a readable copy of 126 | the attribution notices contained within such NOTICE file, excluding those 127 | notices that do not pertain to any part of the Derivative Works, in at least 128 | one of the following places: within a NOTICE text file distributed as part of 129 | the Derivative Works; within the Source form or documentation, if provided 130 | along with the Derivative Works; or, within a display generated by the 131 | Derivative Works, if and wherever such third-party notices normally appear. 132 | The contents of the NOTICE file are for informational purposes only and do 133 | not modify the License. You may add Your own attribution notices within 134 | Derivative Works that You distribute, alongside or as an addendum to the 135 | NOTICE text from the Work, provided that such additional attribution notices 136 | cannot be construed as modifying the License. 137 | 138 | You may add Your own copyright statement to Your modifications and may provide 139 | additional or different license terms and conditions for use, reproduction, or 140 | distribution of Your modifications, or for any such Derivative Works as a whole, 141 | provided Your use, reproduction, and distribution of the Work otherwise complies 142 | with the conditions stated in this License. 143 | 144 | 5. Submission of Contributions. 145 | 146 | Unless You explicitly state otherwise, any Contribution intentionally submitted 147 | for inclusion in the Work by You to the Licensor shall be under the terms and 148 | conditions of this License, without any additional terms or conditions. 149 | Notwithstanding the above, nothing herein shall supersede or modify the terms of 150 | any separate license agreement you may have executed with Licensor regarding 151 | such Contributions. 152 | 153 | 6. Trademarks. 154 | 155 | This License does not grant permission to use the trade names, trademarks, 156 | service marks, or product names of the Licensor, except as required for 157 | reasonable and customary use in describing the origin of the Work and 158 | reproducing the content of the NOTICE file. 159 | 160 | 7. Disclaimer of Warranty. 161 | 162 | Unless required by applicable law or agreed to in writing, Licensor provides the 163 | Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, 164 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, 165 | including, without limitation, any warranties or conditions of TITLE, 166 | NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are 167 | solely responsible for determining the appropriateness of using or 168 | redistributing the Work and assume any risks associated with Your exercise of 169 | permissions under this License. 170 | 171 | 8. Limitation of Liability. 172 | 173 | In no event and under no legal theory, whether in tort (including negligence), 174 | contract, or otherwise, unless required by applicable law (such as deliberate 175 | and grossly negligent acts) or agreed to in writing, shall any Contributor be 176 | liable to You for damages, including any direct, indirect, special, incidental, 177 | or consequential damages of any character arising as a result of this License or 178 | out of the use or inability to use the Work (including but not limited to 179 | damages for loss of goodwill, work stoppage, computer failure or malfunction, or 180 | any and all other commercial damages or losses), even if such Contributor has 181 | been advised of the possibility of such damages. 182 | 183 | 9. Accepting Warranty or Additional Liability. 184 | 185 | While redistributing the Work or Derivative Works thereof, You may choose to 186 | offer, and charge a fee for, acceptance of support, warranty, indemnity, or 187 | other liability obligations and/or rights consistent with this License. However, 188 | in accepting such obligations, You may act only on Your own behalf and on Your 189 | sole responsibility, not on behalf of any other Contributor, and only if You 190 | agree to indemnify, defend, and hold each Contributor harmless for any liability 191 | incurred by, or claims asserted against, such Contributor by reason of your 192 | accepting any such warranty or additional liability. 193 | 194 | END OF TERMS AND CONDITIONS FOR ECL 2.0 195 | 196 | The New BSD license 197 | ********************** 198 | 199 | Copyright 2011 OCAD University 200 | 201 | All rights reserved. 202 | 203 | Redistribution and use in source and binary forms, with or without modification, 204 | are permitted provided that the following conditions are met: 205 | 206 | * Redistributions of source code must retain the above copyright notice, 207 | this list of conditions and the following disclaimer. 208 | * Redistributions in binary form must reproduce the above copyright notice, 209 | this list of conditions and the following disclaimer in the documentation 210 | and/or other materials provided with the distribution. 211 | * Neither the name of OCAD University nor the names of its 212 | contributors may be used to endorse or promote products derived from this 213 | software without specific prior written permission. 214 | 215 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND 216 | ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 217 | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 218 | DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR 219 | CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, 220 | OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF 221 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS 222 | INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN 223 | CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING 224 | IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY 225 | OF SUCH DAMAGE. 226 | 227 | END OF TERMS AND CONDITIONS FOR THE NEW BSD LICENSE 228 | -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/default-theme/jquery-ui.css: -------------------------------------------------------------------------------- 1 | /*! jQuery UI - v1.12.1 - 2016-09-16 2 | * http://jqueryui.com 3 | * Includes: draggable.css, core.css, resizable.css, button.css, controlgroup.css, checkboxradio.css, dialog.css, slider.css, tabs.css, tooltip.css, theme.css 4 | * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif 5 | * Copyright jQuery Foundation and other contributors; Licensed MIT */ 6 | 7 | .ui-draggable-handle { 8 | -ms-touch-action: none; 9 | touch-action: none; 10 | } 11 | /* Layout helpers 12 | ----------------------------------*/ 13 | .ui-helper-hidden { 14 | display: none; 15 | } 16 | .ui-helper-hidden-accessible { 17 | border: 0; 18 | clip: rect(0 0 0 0); 19 | height: 1px; 20 | margin: -1px; 21 | overflow: hidden; 22 | padding: 0; 23 | position: absolute; 24 | width: 1px; 25 | } 26 | .ui-helper-reset { 27 | margin: 0; 28 | padding: 0; 29 | border: 0; 30 | outline: 0; 31 | line-height: 1.3; 32 | text-decoration: none; 33 | font-size: 100%; 34 | list-style: none; 35 | } 36 | .ui-helper-clearfix:before, 37 | .ui-helper-clearfix:after { 38 | content: ""; 39 | display: table; 40 | border-collapse: collapse; 41 | } 42 | .ui-helper-clearfix:after { 43 | clear: both; 44 | } 45 | .ui-helper-zfix { 46 | width: 100%; 47 | height: 100%; 48 | top: 0; 49 | left: 0; 50 | position: absolute; 51 | opacity: 0; 52 | filter:Alpha(Opacity=0); /* support: IE8 */ 53 | } 54 | 55 | .ui-front { 56 | z-index: 100; 57 | } 58 | 59 | 60 | /* Interaction Cues 61 | ----------------------------------*/ 62 | .ui-state-disabled { 63 | cursor: default !important; 64 | pointer-events: none; 65 | } 66 | 67 | 68 | /* Icons 69 | ----------------------------------*/ 70 | .ui-icon { 71 | display: inline-block; 72 | vertical-align: middle; 73 | margin-top: -.25em; 74 | position: relative; 75 | text-indent: -99999px; 76 | overflow: hidden; 77 | background-repeat: no-repeat; 78 | } 79 | 80 | .ui-widget-icon-block { 81 | left: 50%; 82 | margin-left: -8px; 83 | display: block; 84 | } 85 | 86 | /* Misc visuals 87 | ----------------------------------*/ 88 | 89 | /* Overlays */ 90 | .ui-widget-overlay { 91 | position: fixed; 92 | top: 0; 93 | left: 0; 94 | width: 100%; 95 | height: 100%; 96 | } 97 | .ui-resizable { 98 | position: relative; 99 | } 100 | .ui-resizable-handle { 101 | position: absolute; 102 | font-size: 0.1px; 103 | display: block; 104 | -ms-touch-action: none; 105 | touch-action: none; 106 | } 107 | .ui-resizable-disabled .ui-resizable-handle, 108 | .ui-resizable-autohide .ui-resizable-handle { 109 | display: none; 110 | } 111 | .ui-resizable-n { 112 | cursor: n-resize; 113 | height: 7px; 114 | width: 100%; 115 | top: -5px; 116 | left: 0; 117 | } 118 | .ui-resizable-s { 119 | cursor: s-resize; 120 | height: 7px; 121 | width: 100%; 122 | bottom: -5px; 123 | left: 0; 124 | } 125 | .ui-resizable-e { 126 | cursor: e-resize; 127 | width: 7px; 128 | right: -5px; 129 | top: 0; 130 | height: 100%; 131 | } 132 | .ui-resizable-w { 133 | cursor: w-resize; 134 | width: 7px; 135 | left: -5px; 136 | top: 0; 137 | height: 100%; 138 | } 139 | .ui-resizable-se { 140 | cursor: se-resize; 141 | width: 12px; 142 | height: 12px; 143 | right: 1px; 144 | bottom: 1px; 145 | } 146 | .ui-resizable-sw { 147 | cursor: sw-resize; 148 | width: 9px; 149 | height: 9px; 150 | left: -5px; 151 | bottom: -5px; 152 | } 153 | .ui-resizable-nw { 154 | cursor: nw-resize; 155 | width: 9px; 156 | height: 9px; 157 | left: -5px; 158 | top: -5px; 159 | } 160 | .ui-resizable-ne { 161 | cursor: ne-resize; 162 | width: 9px; 163 | height: 9px; 164 | right: -5px; 165 | top: -5px; 166 | } 167 | .ui-button { 168 | padding: .4em 1em; 169 | display: inline-block; 170 | position: relative; 171 | line-height: normal; 172 | margin-right: .1em; 173 | cursor: pointer; 174 | vertical-align: middle; 175 | text-align: center; 176 | -webkit-user-select: none; 177 | -moz-user-select: none; 178 | -ms-user-select: none; 179 | user-select: none; 180 | 181 | /* Support: IE <= 11 */ 182 | overflow: visible; 183 | } 184 | 185 | .ui-button, 186 | .ui-button:link, 187 | .ui-button:visited, 188 | .ui-button:hover, 189 | .ui-button:active { 190 | text-decoration: none; 191 | } 192 | 193 | /* to make room for the icon, a width needs to be set here */ 194 | .ui-button-icon-only { 195 | width: 2em; 196 | box-sizing: border-box; 197 | text-indent: -9999px; 198 | white-space: nowrap; 199 | } 200 | 201 | /* no icon support for input elements */ 202 | input.ui-button.ui-button-icon-only { 203 | text-indent: 0; 204 | } 205 | 206 | /* button icon element(s) */ 207 | .ui-button-icon-only .ui-icon { 208 | position: absolute; 209 | top: 50%; 210 | left: 50%; 211 | margin-top: -8px; 212 | margin-left: -8px; 213 | } 214 | 215 | .ui-button.ui-icon-notext .ui-icon { 216 | padding: 0; 217 | width: 2.1em; 218 | height: 2.1em; 219 | text-indent: -9999px; 220 | white-space: nowrap; 221 | 222 | } 223 | 224 | input.ui-button.ui-icon-notext .ui-icon { 225 | width: auto; 226 | height: auto; 227 | text-indent: 0; 228 | white-space: normal; 229 | padding: .4em 1em; 230 | } 231 | 232 | /* workarounds */ 233 | /* Support: Firefox 5 - 40 */ 234 | input.ui-button::-moz-focus-inner, 235 | button.ui-button::-moz-focus-inner { 236 | border: 0; 237 | padding: 0; 238 | } 239 | .ui-controlgroup { 240 | vertical-align: middle; 241 | display: inline-block; 242 | } 243 | .ui-controlgroup > .ui-controlgroup-item { 244 | float: left; 245 | margin-left: 0; 246 | margin-right: 0; 247 | } 248 | .ui-controlgroup > .ui-controlgroup-item:focus, 249 | .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { 250 | z-index: 9999; 251 | } 252 | .ui-controlgroup-vertical > .ui-controlgroup-item { 253 | display: block; 254 | float: none; 255 | width: 100%; 256 | margin-top: 0; 257 | margin-bottom: 0; 258 | text-align: left; 259 | } 260 | .ui-controlgroup-vertical .ui-controlgroup-item { 261 | box-sizing: border-box; 262 | } 263 | .ui-controlgroup .ui-controlgroup-label { 264 | padding: .4em 1em; 265 | } 266 | .ui-controlgroup .ui-controlgroup-label span { 267 | font-size: 80%; 268 | } 269 | .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { 270 | border-left: none; 271 | } 272 | .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { 273 | border-top: none; 274 | } 275 | .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { 276 | border-right: none; 277 | } 278 | .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { 279 | border-bottom: none; 280 | } 281 | 282 | /* Spinner specific style fixes */ 283 | .ui-controlgroup-vertical .ui-spinner-input { 284 | 285 | /* Support: IE8 only, Android < 4.4 only */ 286 | width: 75%; 287 | width: calc( 100% - 2.4em ); 288 | } 289 | .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { 290 | border-top-style: solid; 291 | } 292 | 293 | .ui-checkboxradio-label .ui-icon-background { 294 | box-shadow: inset 1px 1px 1px #ccc; 295 | border-radius: .12em; 296 | border: none; 297 | } 298 | .ui-checkboxradio-radio-label .ui-icon-background { 299 | width: 16px; 300 | height: 16px; 301 | border-radius: 1em; 302 | overflow: visible; 303 | border: none; 304 | } 305 | .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, 306 | .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { 307 | background-image: none; 308 | width: 8px; 309 | height: 8px; 310 | border-width: 4px; 311 | border-style: solid; 312 | } 313 | .ui-checkboxradio-disabled { 314 | pointer-events: none; 315 | } 316 | .ui-dialog { 317 | position: absolute; 318 | top: 0; 319 | left: 0; 320 | padding: .2em; 321 | outline: 0; 322 | } 323 | .ui-dialog .ui-dialog-titlebar { 324 | padding: .4em 1em; 325 | position: relative; 326 | } 327 | .ui-dialog .ui-dialog-title { 328 | float: left; 329 | margin: .1em 0; 330 | white-space: nowrap; 331 | width: 90%; 332 | overflow: hidden; 333 | text-overflow: ellipsis; 334 | } 335 | .ui-dialog .ui-dialog-titlebar-close { 336 | position: absolute; 337 | right: .3em; 338 | top: 50%; 339 | width: 20px; 340 | margin: -10px 0 0 0; 341 | padding: 1px; 342 | height: 20px; 343 | } 344 | .ui-dialog .ui-dialog-content { 345 | position: relative; 346 | border: 0; 347 | padding: .5em 1em; 348 | background: none; 349 | overflow: auto; 350 | } 351 | .ui-dialog .ui-dialog-buttonpane { 352 | text-align: left; 353 | border-width: 1px 0 0 0; 354 | background-image: none; 355 | margin-top: .5em; 356 | padding: .3em 1em .5em .4em; 357 | } 358 | .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 359 | float: right; 360 | } 361 | .ui-dialog .ui-dialog-buttonpane button { 362 | margin: .5em .4em .5em 0; 363 | cursor: pointer; 364 | } 365 | .ui-dialog .ui-resizable-n { 366 | height: 2px; 367 | top: 0; 368 | } 369 | .ui-dialog .ui-resizable-e { 370 | width: 2px; 371 | right: 0; 372 | } 373 | .ui-dialog .ui-resizable-s { 374 | height: 2px; 375 | bottom: 0; 376 | } 377 | .ui-dialog .ui-resizable-w { 378 | width: 2px; 379 | left: 0; 380 | } 381 | .ui-dialog .ui-resizable-se, 382 | .ui-dialog .ui-resizable-sw, 383 | .ui-dialog .ui-resizable-ne, 384 | .ui-dialog .ui-resizable-nw { 385 | width: 7px; 386 | height: 7px; 387 | } 388 | .ui-dialog .ui-resizable-se { 389 | right: 0; 390 | bottom: 0; 391 | } 392 | .ui-dialog .ui-resizable-sw { 393 | left: 0; 394 | bottom: 0; 395 | } 396 | .ui-dialog .ui-resizable-ne { 397 | right: 0; 398 | top: 0; 399 | } 400 | .ui-dialog .ui-resizable-nw { 401 | left: 0; 402 | top: 0; 403 | } 404 | .ui-draggable .ui-dialog-titlebar { 405 | cursor: move; 406 | } 407 | .ui-slider { 408 | position: relative; 409 | text-align: left; 410 | } 411 | .ui-slider .ui-slider-handle { 412 | position: absolute; 413 | z-index: 2; 414 | width: 1.2em; 415 | height: 1.2em; 416 | cursor: default; 417 | -ms-touch-action: none; 418 | touch-action: none; 419 | } 420 | .ui-slider .ui-slider-range { 421 | position: absolute; 422 | z-index: 1; 423 | font-size: .7em; 424 | display: block; 425 | border: 0; 426 | background-position: 0 0; 427 | } 428 | 429 | /* support: IE8 - See #6727 */ 430 | .ui-slider.ui-state-disabled .ui-slider-handle, 431 | .ui-slider.ui-state-disabled .ui-slider-range { 432 | filter: inherit; 433 | } 434 | 435 | .ui-slider-horizontal { 436 | height: .8em; 437 | } 438 | .ui-slider-horizontal .ui-slider-handle { 439 | top: -.3em; 440 | margin-left: -.6em; 441 | } 442 | .ui-slider-horizontal .ui-slider-range { 443 | top: 0; 444 | height: 100%; 445 | } 446 | .ui-slider-horizontal .ui-slider-range-min { 447 | left: 0; 448 | } 449 | .ui-slider-horizontal .ui-slider-range-max { 450 | right: 0; 451 | } 452 | 453 | .ui-slider-vertical { 454 | width: .8em; 455 | height: 100px; 456 | } 457 | .ui-slider-vertical .ui-slider-handle { 458 | left: -.3em; 459 | margin-left: 0; 460 | margin-bottom: -.6em; 461 | } 462 | .ui-slider-vertical .ui-slider-range { 463 | left: 0; 464 | width: 100%; 465 | } 466 | .ui-slider-vertical .ui-slider-range-min { 467 | bottom: 0; 468 | } 469 | .ui-slider-vertical .ui-slider-range-max { 470 | top: 0; 471 | } 472 | .ui-tabs { 473 | position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 474 | padding: .2em; 475 | } 476 | .ui-tabs .ui-tabs-nav { 477 | margin: 0; 478 | padding: .2em .2em 0; 479 | } 480 | .ui-tabs .ui-tabs-nav li { 481 | list-style: none; 482 | float: left; 483 | position: relative; 484 | top: 0; 485 | margin: 1px .2em 0 0; 486 | border-bottom-width: 0; 487 | padding: 0; 488 | white-space: nowrap; 489 | } 490 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { 491 | float: left; 492 | padding: .5em 1em; 493 | text-decoration: none; 494 | } 495 | .ui-tabs .ui-tabs-nav li.ui-tabs-active { 496 | margin-bottom: -1px; 497 | padding-bottom: 1px; 498 | } 499 | .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 500 | .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 501 | .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { 502 | cursor: text; 503 | } 504 | .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { 505 | cursor: pointer; 506 | } 507 | .ui-tabs .ui-tabs-panel { 508 | display: block; 509 | border-width: 0; 510 | padding: 1em 1.4em; 511 | background: none; 512 | } 513 | .ui-tooltip { 514 | padding: 8px; 515 | position: absolute; 516 | z-index: 9999; 517 | max-width: 300px; 518 | } 519 | body .ui-tooltip { 520 | border-width: 2px; 521 | } 522 | 523 | /* Component containers 524 | ----------------------------------*/ 525 | .ui-widget { 526 | font-family: Arial,Helvetica,sans-serif; 527 | font-size: 1em; 528 | } 529 | .ui-widget .ui-widget { 530 | font-size: 1em; 531 | } 532 | .ui-widget input, 533 | .ui-widget select, 534 | .ui-widget textarea, 535 | .ui-widget button { 536 | font-family: Arial,Helvetica,sans-serif; 537 | font-size: 1em; 538 | } 539 | .ui-widget.ui-widget-content { 540 | border: 1px solid #c5c5c5; 541 | } 542 | .ui-widget-content { 543 | border: 1px solid #dddddd; 544 | background: #ffffff; 545 | color: #333333; 546 | } 547 | .ui-widget-content a { 548 | color: #333333; 549 | } 550 | .ui-widget-header { 551 | border: 1px solid #dddddd; 552 | background: #e9e9e9; 553 | color: #333333; 554 | font-weight: bold; 555 | } 556 | .ui-widget-header a { 557 | color: #333333; 558 | } 559 | 560 | /* Interaction states 561 | ----------------------------------*/ 562 | .ui-state-default, 563 | .ui-widget-content .ui-state-default, 564 | .ui-widget-header .ui-state-default, 565 | .ui-button, 566 | 567 | /* We use html here because we need a greater specificity to make sure disabled 568 | works properly when clicked or hovered */ 569 | html .ui-button.ui-state-disabled:hover, 570 | html .ui-button.ui-state-disabled:active { 571 | border: 1px solid #c5c5c5; 572 | background: #f6f6f6; 573 | font-weight: normal; 574 | color: #454545; 575 | } 576 | .ui-state-default a, 577 | .ui-state-default a:link, 578 | .ui-state-default a:visited, 579 | a.ui-button, 580 | a:link.ui-button, 581 | a:visited.ui-button, 582 | .ui-button { 583 | color: #454545; 584 | text-decoration: none; 585 | } 586 | .ui-state-hover, 587 | .ui-widget-content .ui-state-hover, 588 | .ui-widget-header .ui-state-hover, 589 | .ui-state-focus, 590 | .ui-widget-content .ui-state-focus, 591 | .ui-widget-header .ui-state-focus, 592 | .ui-button:hover, 593 | .ui-button:focus { 594 | border: 1px solid #cccccc; 595 | background: #ededed; 596 | font-weight: normal; 597 | color: #2b2b2b; 598 | } 599 | .ui-state-hover a, 600 | .ui-state-hover a:hover, 601 | .ui-state-hover a:link, 602 | .ui-state-hover a:visited, 603 | .ui-state-focus a, 604 | .ui-state-focus a:hover, 605 | .ui-state-focus a:link, 606 | .ui-state-focus a:visited, 607 | a.ui-button:hover, 608 | a.ui-button:focus { 609 | color: #2b2b2b; 610 | text-decoration: none; 611 | } 612 | 613 | .ui-visual-focus { 614 | box-shadow: 0 0 3px 1px rgb(94, 158, 214); 615 | } 616 | .ui-state-active, 617 | .ui-widget-content .ui-state-active, 618 | .ui-widget-header .ui-state-active, 619 | a.ui-button:active, 620 | .ui-button:active, 621 | .ui-button.ui-state-active:hover { 622 | border: 1px solid #003eff; 623 | background: #007fff; 624 | font-weight: normal; 625 | color: #ffffff; 626 | } 627 | .ui-icon-background, 628 | .ui-state-active .ui-icon-background { 629 | border: #003eff; 630 | background-color: #ffffff; 631 | } 632 | .ui-state-active a, 633 | .ui-state-active a:link, 634 | .ui-state-active a:visited { 635 | color: #ffffff; 636 | text-decoration: none; 637 | } 638 | 639 | /* Interaction Cues 640 | ----------------------------------*/ 641 | .ui-state-highlight, 642 | .ui-widget-content .ui-state-highlight, 643 | .ui-widget-header .ui-state-highlight { 644 | border: 1px solid #dad55e; 645 | background: #fffa90; 646 | color: #777620; 647 | } 648 | .ui-state-checked { 649 | border: 1px solid #dad55e; 650 | background: #fffa90; 651 | } 652 | .ui-state-highlight a, 653 | .ui-widget-content .ui-state-highlight a, 654 | .ui-widget-header .ui-state-highlight a { 655 | color: #777620; 656 | } 657 | .ui-state-error, 658 | .ui-widget-content .ui-state-error, 659 | .ui-widget-header .ui-state-error { 660 | border: 1px solid #f1a899; 661 | background: #fddfdf; 662 | color: #5f3f3f; 663 | } 664 | .ui-state-error a, 665 | .ui-widget-content .ui-state-error a, 666 | .ui-widget-header .ui-state-error a { 667 | color: #5f3f3f; 668 | } 669 | .ui-state-error-text, 670 | .ui-widget-content .ui-state-error-text, 671 | .ui-widget-header .ui-state-error-text { 672 | color: #5f3f3f; 673 | } 674 | .ui-priority-primary, 675 | .ui-widget-content .ui-priority-primary, 676 | .ui-widget-header .ui-priority-primary { 677 | font-weight: bold; 678 | } 679 | .ui-priority-secondary, 680 | .ui-widget-content .ui-priority-secondary, 681 | .ui-widget-header .ui-priority-secondary { 682 | opacity: .7; 683 | filter:Alpha(Opacity=70); /* support: IE8 */ 684 | font-weight: normal; 685 | } 686 | .ui-state-disabled, 687 | .ui-widget-content .ui-state-disabled, 688 | .ui-widget-header .ui-state-disabled { 689 | opacity: .35; 690 | filter:Alpha(Opacity=35); /* support: IE8 */ 691 | background-image: none; 692 | } 693 | .ui-state-disabled .ui-icon { 694 | filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ 695 | } 696 | 697 | /* Icons 698 | ----------------------------------*/ 699 | 700 | /* states and images */ 701 | .ui-icon { 702 | width: 16px; 703 | height: 16px; 704 | } 705 | .ui-icon, 706 | .ui-widget-content .ui-icon { 707 | background-image: url("images/ui-icons_444444_256x240.png"); 708 | } 709 | .ui-widget-header .ui-icon { 710 | background-image: url("images/ui-icons_444444_256x240.png"); 711 | } 712 | .ui-state-hover .ui-icon, 713 | .ui-state-focus .ui-icon, 714 | .ui-button:hover .ui-icon, 715 | .ui-button:focus .ui-icon { 716 | background-image: url("images/ui-icons_555555_256x240.png"); 717 | } 718 | .ui-state-active .ui-icon, 719 | .ui-button:active .ui-icon { 720 | background-image: url("images/ui-icons_ffffff_256x240.png"); 721 | } 722 | .ui-state-highlight .ui-icon, 723 | .ui-button .ui-state-highlight.ui-icon { 724 | background-image: url("images/ui-icons_777620_256x240.png"); 725 | } 726 | .ui-state-error .ui-icon, 727 | .ui-state-error-text .ui-icon { 728 | background-image: url("images/ui-icons_cc0000_256x240.png"); 729 | } 730 | .ui-button .ui-icon { 731 | background-image: url("images/ui-icons_777777_256x240.png"); 732 | } 733 | 734 | /* positioning */ 735 | .ui-icon-blank { background-position: 16px 16px; } 736 | .ui-icon-caret-1-n { background-position: 0 0; } 737 | .ui-icon-caret-1-ne { background-position: -16px 0; } 738 | .ui-icon-caret-1-e { background-position: -32px 0; } 739 | .ui-icon-caret-1-se { background-position: -48px 0; } 740 | .ui-icon-caret-1-s { background-position: -65px 0; } 741 | .ui-icon-caret-1-sw { background-position: -80px 0; } 742 | .ui-icon-caret-1-w { background-position: -96px 0; } 743 | .ui-icon-caret-1-nw { background-position: -112px 0; } 744 | .ui-icon-caret-2-n-s { background-position: -128px 0; } 745 | .ui-icon-caret-2-e-w { background-position: -144px 0; } 746 | .ui-icon-triangle-1-n { background-position: 0 -16px; } 747 | .ui-icon-triangle-1-ne { background-position: -16px -16px; } 748 | .ui-icon-triangle-1-e { background-position: -32px -16px; } 749 | .ui-icon-triangle-1-se { background-position: -48px -16px; } 750 | .ui-icon-triangle-1-s { background-position: -65px -16px; } 751 | .ui-icon-triangle-1-sw { background-position: -80px -16px; } 752 | .ui-icon-triangle-1-w { background-position: -96px -16px; } 753 | .ui-icon-triangle-1-nw { background-position: -112px -16px; } 754 | .ui-icon-triangle-2-n-s { background-position: -128px -16px; } 755 | .ui-icon-triangle-2-e-w { background-position: -144px -16px; } 756 | .ui-icon-arrow-1-n { background-position: 0 -32px; } 757 | .ui-icon-arrow-1-ne { background-position: -16px -32px; } 758 | .ui-icon-arrow-1-e { background-position: -32px -32px; } 759 | .ui-icon-arrow-1-se { background-position: -48px -32px; } 760 | .ui-icon-arrow-1-s { background-position: -65px -32px; } 761 | .ui-icon-arrow-1-sw { background-position: -80px -32px; } 762 | .ui-icon-arrow-1-w { background-position: -96px -32px; } 763 | .ui-icon-arrow-1-nw { background-position: -112px -32px; } 764 | .ui-icon-arrow-2-n-s { background-position: -128px -32px; } 765 | .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 766 | .ui-icon-arrow-2-e-w { background-position: -160px -32px; } 767 | .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 768 | .ui-icon-arrowstop-1-n { background-position: -192px -32px; } 769 | .ui-icon-arrowstop-1-e { background-position: -208px -32px; } 770 | .ui-icon-arrowstop-1-s { background-position: -224px -32px; } 771 | .ui-icon-arrowstop-1-w { background-position: -240px -32px; } 772 | .ui-icon-arrowthick-1-n { background-position: 1px -48px; } 773 | .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 774 | .ui-icon-arrowthick-1-e { background-position: -32px -48px; } 775 | .ui-icon-arrowthick-1-se { background-position: -48px -48px; } 776 | .ui-icon-arrowthick-1-s { background-position: -64px -48px; } 777 | .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 778 | .ui-icon-arrowthick-1-w { background-position: -96px -48px; } 779 | .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 780 | .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 781 | .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 782 | .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 783 | .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 784 | .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 785 | .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 786 | .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 787 | .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 788 | .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 789 | .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 790 | .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 791 | .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 792 | .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 793 | .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 794 | .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 795 | .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 796 | .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 797 | .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 798 | .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 799 | .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 800 | .ui-icon-arrow-4 { background-position: 0 -80px; } 801 | .ui-icon-arrow-4-diag { background-position: -16px -80px; } 802 | .ui-icon-extlink { background-position: -32px -80px; } 803 | .ui-icon-newwin { background-position: -48px -80px; } 804 | .ui-icon-refresh { background-position: -64px -80px; } 805 | .ui-icon-shuffle { background-position: -80px -80px; } 806 | .ui-icon-transfer-e-w { background-position: -96px -80px; } 807 | .ui-icon-transferthick-e-w { background-position: -112px -80px; } 808 | .ui-icon-folder-collapsed { background-position: 0 -96px; } 809 | .ui-icon-folder-open { background-position: -16px -96px; } 810 | .ui-icon-document { background-position: -32px -96px; } 811 | .ui-icon-document-b { background-position: -48px -96px; } 812 | .ui-icon-note { background-position: -64px -96px; } 813 | .ui-icon-mail-closed { background-position: -80px -96px; } 814 | .ui-icon-mail-open { background-position: -96px -96px; } 815 | .ui-icon-suitcase { background-position: -112px -96px; } 816 | .ui-icon-comment { background-position: -128px -96px; } 817 | .ui-icon-person { background-position: -144px -96px; } 818 | .ui-icon-print { background-position: -160px -96px; } 819 | .ui-icon-trash { background-position: -176px -96px; } 820 | .ui-icon-locked { background-position: -192px -96px; } 821 | .ui-icon-unlocked { background-position: -208px -96px; } 822 | .ui-icon-bookmark { background-position: -224px -96px; } 823 | .ui-icon-tag { background-position: -240px -96px; } 824 | .ui-icon-home { background-position: 0 -112px; } 825 | .ui-icon-flag { background-position: -16px -112px; } 826 | .ui-icon-calendar { background-position: -32px -112px; } 827 | .ui-icon-cart { background-position: -48px -112px; } 828 | .ui-icon-pencil { background-position: -64px -112px; } 829 | .ui-icon-clock { background-position: -80px -112px; } 830 | .ui-icon-disk { background-position: -96px -112px; } 831 | .ui-icon-calculator { background-position: -112px -112px; } 832 | .ui-icon-zoomin { background-position: -128px -112px; } 833 | .ui-icon-zoomout { background-position: -144px -112px; } 834 | .ui-icon-search { background-position: -160px -112px; } 835 | .ui-icon-wrench { background-position: -176px -112px; } 836 | .ui-icon-gear { background-position: -192px -112px; } 837 | .ui-icon-heart { background-position: -208px -112px; } 838 | .ui-icon-star { background-position: -224px -112px; } 839 | .ui-icon-link { background-position: -240px -112px; } 840 | .ui-icon-cancel { background-position: 0 -128px; } 841 | .ui-icon-plus { background-position: -16px -128px; } 842 | .ui-icon-plusthick { background-position: -32px -128px; } 843 | .ui-icon-minus { background-position: -48px -128px; } 844 | .ui-icon-minusthick { background-position: -64px -128px; } 845 | .ui-icon-close { background-position: -80px -128px; } 846 | .ui-icon-closethick { background-position: -96px -128px; } 847 | .ui-icon-key { background-position: -112px -128px; } 848 | .ui-icon-lightbulb { background-position: -128px -128px; } 849 | .ui-icon-scissors { background-position: -144px -128px; } 850 | .ui-icon-clipboard { background-position: -160px -128px; } 851 | .ui-icon-copy { background-position: -176px -128px; } 852 | .ui-icon-contact { background-position: -192px -128px; } 853 | .ui-icon-image { background-position: -208px -128px; } 854 | .ui-icon-video { background-position: -224px -128px; } 855 | .ui-icon-script { background-position: -240px -128px; } 856 | .ui-icon-alert { background-position: 0 -144px; } 857 | .ui-icon-info { background-position: -16px -144px; } 858 | .ui-icon-notice { background-position: -32px -144px; } 859 | .ui-icon-help { background-position: -48px -144px; } 860 | .ui-icon-check { background-position: -64px -144px; } 861 | .ui-icon-bullet { background-position: -80px -144px; } 862 | .ui-icon-radio-on { background-position: -96px -144px; } 863 | .ui-icon-radio-off { background-position: -112px -144px; } 864 | .ui-icon-pin-w { background-position: -128px -144px; } 865 | .ui-icon-pin-s { background-position: -144px -144px; } 866 | .ui-icon-play { background-position: 0 -160px; } 867 | .ui-icon-pause { background-position: -16px -160px; } 868 | .ui-icon-seek-next { background-position: -32px -160px; } 869 | .ui-icon-seek-prev { background-position: -48px -160px; } 870 | .ui-icon-seek-end { background-position: -64px -160px; } 871 | .ui-icon-seek-start { background-position: -80px -160px; } 872 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 873 | .ui-icon-seek-first { background-position: -80px -160px; } 874 | .ui-icon-stop { background-position: -96px -160px; } 875 | .ui-icon-eject { background-position: -112px -160px; } 876 | .ui-icon-volume-off { background-position: -128px -160px; } 877 | .ui-icon-volume-on { background-position: -144px -160px; } 878 | .ui-icon-power { background-position: 0 -176px; } 879 | .ui-icon-signal-diag { background-position: -16px -176px; } 880 | .ui-icon-signal { background-position: -32px -176px; } 881 | .ui-icon-battery-0 { background-position: -48px -176px; } 882 | .ui-icon-battery-1 { background-position: -64px -176px; } 883 | .ui-icon-battery-2 { background-position: -80px -176px; } 884 | .ui-icon-battery-3 { background-position: -96px -176px; } 885 | .ui-icon-circle-plus { background-position: 0 -192px; } 886 | .ui-icon-circle-minus { background-position: -16px -192px; } 887 | .ui-icon-circle-close { background-position: -32px -192px; } 888 | .ui-icon-circle-triangle-e { background-position: -48px -192px; } 889 | .ui-icon-circle-triangle-s { background-position: -64px -192px; } 890 | .ui-icon-circle-triangle-w { background-position: -80px -192px; } 891 | .ui-icon-circle-triangle-n { background-position: -96px -192px; } 892 | .ui-icon-circle-arrow-e { background-position: -112px -192px; } 893 | .ui-icon-circle-arrow-s { background-position: -128px -192px; } 894 | .ui-icon-circle-arrow-w { background-position: -144px -192px; } 895 | .ui-icon-circle-arrow-n { background-position: -160px -192px; } 896 | .ui-icon-circle-zoomin { background-position: -176px -192px; } 897 | .ui-icon-circle-zoomout { background-position: -192px -192px; } 898 | .ui-icon-circle-check { background-position: -208px -192px; } 899 | .ui-icon-circlesmall-plus { background-position: 0 -208px; } 900 | .ui-icon-circlesmall-minus { background-position: -16px -208px; } 901 | .ui-icon-circlesmall-close { background-position: -32px -208px; } 902 | .ui-icon-squaresmall-plus { background-position: -48px -208px; } 903 | .ui-icon-squaresmall-minus { background-position: -64px -208px; } 904 | .ui-icon-squaresmall-close { background-position: -80px -208px; } 905 | .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 906 | .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 907 | .ui-icon-grip-solid-vertical { background-position: -32px -224px; } 908 | .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 909 | .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 910 | .ui-icon-grip-diagonal-se { background-position: -80px -224px; } 911 | 912 | 913 | /* Misc visuals 914 | ----------------------------------*/ 915 | 916 | /* Corner radius */ 917 | .ui-corner-all, 918 | .ui-corner-top, 919 | .ui-corner-left, 920 | .ui-corner-tl { 921 | border-top-left-radius: 3px; 922 | } 923 | .ui-corner-all, 924 | .ui-corner-top, 925 | .ui-corner-right, 926 | .ui-corner-tr { 927 | border-top-right-radius: 3px; 928 | } 929 | .ui-corner-all, 930 | .ui-corner-bottom, 931 | .ui-corner-left, 932 | .ui-corner-bl { 933 | border-bottom-left-radius: 3px; 934 | } 935 | .ui-corner-all, 936 | .ui-corner-bottom, 937 | .ui-corner-right, 938 | .ui-corner-br { 939 | border-bottom-right-radius: 3px; 940 | } 941 | 942 | /* Overlays */ 943 | .ui-widget-overlay { 944 | background: #aaaaaa; 945 | opacity: .3; 946 | filter: Alpha(Opacity=30); /* support: IE8 */ 947 | } 948 | .ui-widget-shadow { 949 | -webkit-box-shadow: 0px 0px 5px #666666; 950 | box-shadow: 0px 0px 5px #666666; 951 | } 952 | -------------------------------------------------------------------------------- /lib/infusion/src/framework/preferences/css/Enactors.css: -------------------------------------------------------------------------------- 1 | /* 2 | * General prefs editor styling used to apply preferences 3 | * !important is used for all styles to ensure that Preferences Framework's enactors are able to override the page's default styles. 4 | */ 5 | .fl-input-enhanced button, 6 | .fl-input-enhanced input, 7 | .fl-input-enhanced select, 8 | .fl-input-enhanced textarea, 9 | .fl-input-enhanced .fl-input-enhance { 10 | font-size: 125% !important; 11 | } 12 | .fl-input-enhanced a { 13 | font-size: 125% !important; 14 | text-decoration: underline !important; 15 | font-weight: bold !important; 16 | } 17 | .fl-theme-bw, 18 | .fl-theme-bw *, 19 | .fl-preview-theme.fl-theme-bw, 20 | .fl-theme-bw div, 21 | .fl-theme-bw input, 22 | .fl-theme-bw h1, 23 | .fl-theme-bw h2, 24 | .fl-theme-bw h3, 25 | .fl-theme-bw h4, 26 | .fl-theme-bw h5, 27 | .fl-theme-bw h6 { 28 | color: #000 !important; 29 | background-color: #fff !important; 30 | border-top-color: #000 !important; 31 | border-right-color: #000 !important; 32 | border-bottom-color: #000 !important; 33 | border-left-color: #000 !important; 34 | } 35 | .fl-theme-bw iframe { 36 | border-top-color: #000 !important; 37 | border-right-color: #000 !important; 38 | border-bottom-color: #000 !important; 39 | border-left-color: #000 !important; 40 | } 41 | .fl-theme-bw a { 42 | color: #000 !important; 43 | font-weight: bold !important; 44 | background-color: #fff !important; 45 | } 46 | .fl-theme-bw th { 47 | border-top-width: 0.1em; 48 | border-top-style: solid; 49 | border-top-color: #000 !important; 50 | border-right-width: 0.1em; 51 | border-right-style: solid; 52 | border-right-color: #000 !important; 53 | border-bottom-width: 0.1em; 54 | border-bottom-style: solid; 55 | border-bottom-color: #000 !important; 56 | border-left-width: 0.1em; 57 | border-left-style: solid; 58 | border-left-color: #000 !important; 59 | background-color: #000 !important; 60 | color: #fff !important; 61 | } 62 | .fl-theme-bw td { 63 | border-top-width: 0.1em; 64 | border-top-style: solid; 65 | border-top-color: #000 !important; 66 | border-right-width: 0.1em; 67 | border-right-style: solid; 68 | border-right-color: #000 !important; 69 | border-bottom-width: 0.1em; 70 | border-bottom-style: solid; 71 | border-bottom-color: #000 !important; 72 | border-left-width: 0.1em; 73 | border-left-style: solid; 74 | border-left-color: #000 !important; 75 | } 76 | .fl-theme-bw .fl-focus:focus, 77 | .fl-theme-bw .fl-focus :focus, 78 | .fl-theme-bw.fl-focus :focus, 79 | .fl-theme-bw .selectable { 80 | outline-width: 0.2em; 81 | outline-style: solid; 82 | outline-color: #000; 83 | } 84 | .fl-theme-bw .fl-reorderer-dropMarker { 85 | background-color: #f00 !important; 86 | } 87 | .fl-theme-bw .fl-inlineEdit-edit { 88 | background-color: #000 !important; 89 | color: #fff !important; 90 | border-top-width: 0.1em; 91 | border-top-style: solid; 92 | border-top-color: #fff !important; 93 | border-right-width: 0.1em; 94 | border-right-style: solid; 95 | border-right-color: #fff !important; 96 | border-bottom-width: 0.1em; 97 | border-bottom-style: solid; 98 | border-bottom-color: #fff !important; 99 | border-left-width: 0.1em; 100 | border-left-style: solid; 101 | border-left-color: #fff !important; 102 | padding-top: 0.1em; 103 | padding-right: 0.1em; 104 | padding-bottom: 0.1em; 105 | padding-left: 0.1em; 106 | margin-top: -0.1em; 107 | margin-right: -0.1em; 108 | margin-bottom: -0.1em; 109 | margin-left: -0.1em; 110 | } 111 | .fl-theme-bw .fl-textfieldStepper .fl-textfieldStepper-textField { 112 | border: solid 1px #000; 113 | } 114 | .fl-theme-bw .fl-textfieldStepper .fl-textfieldStepper-button:disabled { 115 | visibility: hidden; 116 | } 117 | .fl-theme-bw.fl-inverted-color, 118 | .fl-theme-bw.fl-inverted-color *, 119 | .fl-preview-theme.fl-theme-bw.fl-inverted-color { 120 | color: #fff !important; 121 | background-color: #000 !important; 122 | border-top-color: #fff !important; 123 | border-right-color: #fff !important; 124 | border-bottom-color: #fff !important; 125 | border-left-color: #fff !important; 126 | } 127 | .fl-theme-bw.fl-inverted-color.fl-focus :focus { 128 | outline-width: 0.2em; 129 | outline-style: solid; 130 | outline-color: #fff; 131 | } 132 | .fl-theme-bw .fl-inverted-color, 133 | .fl-theme-bw .fl-inverted-color *, 134 | .fl-theme-bw .fl-inverted-color div, 135 | .fl-theme-bw .fl-inverted-color input, 136 | .fl-theme-bw .fl-inverted-color h1, 137 | .fl-theme-bw .fl-inverted-color h2, 138 | .fl-theme-bw .fl-inverted-color h3, 139 | .fl-theme-bw .fl-inverted-color h4, 140 | .fl-theme-bw .fl-inverted-color h5, 141 | .fl-theme-bw .fl-inverted-color h6 { 142 | color: #fff !important; 143 | background-color: #000 !important; 144 | border-top-color: #fff !important; 145 | border-right-color: #fff !important; 146 | border-bottom-color: #fff !important; 147 | border-left-color: #fff !important; 148 | } 149 | .fl-theme-bw .fl-inverted-color iframe { 150 | border-top-color: #fff !important; 151 | border-right-color: #fff !important; 152 | border-bottom-color: #fff !important; 153 | border-left-color: #fff !important; 154 | } 155 | .fl-theme-bw .fl-inverted-color a { 156 | color: #fff !important; 157 | font-weight: bold !important; 158 | background-color: #000 !important; 159 | } 160 | .fl-theme-bw .fl-inverted-color th { 161 | border-top-width: 0.1em; 162 | border-top-style: solid; 163 | border-top-color: #fff !important; 164 | border-right-width: 0.1em; 165 | border-right-style: solid; 166 | border-right-color: #fff !important; 167 | border-bottom-width: 0.1em; 168 | border-bottom-style: solid; 169 | border-bottom-color: #fff !important; 170 | border-left-width: 0.1em; 171 | border-left-style: solid; 172 | border-left-color: #fff !important; 173 | background-color: #fff !important; 174 | color: #000 !important; 175 | } 176 | .fl-theme-bw .fl-inverted-color td { 177 | border-top-width: 0.1em; 178 | border-top-style: solid; 179 | border-top-color: #fff !important; 180 | border-right-width: 0.1em; 181 | border-right-style: solid; 182 | border-right-color: #fff !important; 183 | border-bottom-width: 0.1em; 184 | border-bottom-style: solid; 185 | border-bottom-color: #fff !important; 186 | border-left-width: 0.1em; 187 | border-left-style: solid; 188 | border-left-color: #fff !important; 189 | } 190 | .fl-theme-bw .fl-inverted-color .fl-focus:focus, 191 | .fl-theme-bw .fl-inverted-color .fl-focus :focus, 192 | .fl-theme-bw .fl-inverted-color .selectable { 193 | outline-width: 0.2em; 194 | outline-style: solid; 195 | outline-color: #fff; 196 | } 197 | .fl-theme-bw .fl-inverted-color .fl-reorderer-dropMarker { 198 | background-color: #f00 !important; 199 | } 200 | .fl-theme-bw .fl-inverted-color .fl-inlineEdit-edit { 201 | background-color: #fff !important; 202 | color: #000 !important; 203 | border-top-width: 0.1em; 204 | border-top-style: solid; 205 | border-top-color: #000 !important; 206 | border-right-width: 0.1em; 207 | border-right-style: solid; 208 | border-right-color: #000 !important; 209 | border-bottom-width: 0.1em; 210 | border-bottom-style: solid; 211 | border-bottom-color: #000 !important; 212 | border-left-width: 0.1em; 213 | border-left-style: solid; 214 | border-left-color: #000 !important; 215 | padding-top: 0.1em; 216 | padding-right: 0.1em; 217 | padding-bottom: 0.1em; 218 | padding-left: 0.1em; 219 | margin-top: -0.1em; 220 | margin-right: -0.1em; 221 | margin-bottom: -0.1em; 222 | margin-left: -0.1em; 223 | } 224 | .fl-theme-wb, 225 | .fl-theme-wb *, 226 | .fl-preview-theme.fl-theme-wb, 227 | .fl-theme-wb div, 228 | .fl-theme-wb input, 229 | .fl-theme-wb h1, 230 | .fl-theme-wb h2, 231 | .fl-theme-wb h3, 232 | .fl-theme-wb h4, 233 | .fl-theme-wb h5, 234 | .fl-theme-wb h6 { 235 | color: #fff !important; 236 | background-color: #000 !important; 237 | border-top-color: #fff !important; 238 | border-right-color: #fff !important; 239 | border-bottom-color: #fff !important; 240 | border-left-color: #fff !important; 241 | } 242 | .fl-theme-wb iframe { 243 | border-top-color: #fff !important; 244 | border-right-color: #fff !important; 245 | border-bottom-color: #fff !important; 246 | border-left-color: #fff !important; 247 | } 248 | .fl-theme-wb a { 249 | color: #fff !important; 250 | font-weight: bold !important; 251 | background-color: #000 !important; 252 | } 253 | .fl-theme-wb th { 254 | border-top-width: 0.1em; 255 | border-top-style: solid; 256 | border-top-color: #fff !important; 257 | border-right-width: 0.1em; 258 | border-right-style: solid; 259 | border-right-color: #fff !important; 260 | border-bottom-width: 0.1em; 261 | border-bottom-style: solid; 262 | border-bottom-color: #fff !important; 263 | border-left-width: 0.1em; 264 | border-left-style: solid; 265 | border-left-color: #fff !important; 266 | background-color: #fff !important; 267 | color: #000 !important; 268 | } 269 | .fl-theme-wb td { 270 | border-top-width: 0.1em; 271 | border-top-style: solid; 272 | border-top-color: #fff !important; 273 | border-right-width: 0.1em; 274 | border-right-style: solid; 275 | border-right-color: #fff !important; 276 | border-bottom-width: 0.1em; 277 | border-bottom-style: solid; 278 | border-bottom-color: #fff !important; 279 | border-left-width: 0.1em; 280 | border-left-style: solid; 281 | border-left-color: #fff !important; 282 | } 283 | .fl-theme-wb .fl-focus:focus, 284 | .fl-theme-wb .fl-focus :focus, 285 | .fl-theme-wb.fl-focus :focus, 286 | .fl-theme-wb .selectable { 287 | outline-width: 0.2em; 288 | outline-style: solid; 289 | outline-color: #fff; 290 | } 291 | .fl-theme-wb .fl-reorderer-dropMarker { 292 | background-color: #f00 !important; 293 | } 294 | .fl-theme-wb .fl-inlineEdit-edit { 295 | background-color: #fff !important; 296 | color: #000 !important; 297 | border-top-width: 0.1em; 298 | border-top-style: solid; 299 | border-top-color: #000 !important; 300 | border-right-width: 0.1em; 301 | border-right-style: solid; 302 | border-right-color: #000 !important; 303 | border-bottom-width: 0.1em; 304 | border-bottom-style: solid; 305 | border-bottom-color: #000 !important; 306 | border-left-width: 0.1em; 307 | border-left-style: solid; 308 | border-left-color: #000 !important; 309 | padding-top: 0.1em; 310 | padding-right: 0.1em; 311 | padding-bottom: 0.1em; 312 | padding-left: 0.1em; 313 | margin-top: -0.1em; 314 | margin-right: -0.1em; 315 | margin-bottom: -0.1em; 316 | margin-left: -0.1em; 317 | } 318 | .fl-theme-wb .fl-textfieldStepper .fl-textfieldStepper-textField { 319 | border: solid 1px #fff; 320 | } 321 | .fl-theme-wb .fl-textfieldStepper .fl-textfieldStepper-button:disabled { 322 | visibility: hidden; 323 | } 324 | .fl-theme-wb.fl-inverted-color, 325 | .fl-theme-wb.fl-inverted-color *, 326 | .fl-preview-theme.fl-theme-wb.fl-inverted-color { 327 | color: #000 !important; 328 | background-color: #fff !important; 329 | border-top-color: #000 !important; 330 | border-right-color: #000 !important; 331 | border-bottom-color: #000 !important; 332 | border-left-color: #000 !important; 333 | } 334 | .fl-theme-wb.fl-inverted-color.fl-focus :focus { 335 | outline-width: 0.2em; 336 | outline-style: solid; 337 | outline-color: #000; 338 | } 339 | .fl-theme-wb .fl-inverted-color, 340 | .fl-theme-wb .fl-inverted-color *, 341 | .fl-theme-wb .fl-inverted-color div, 342 | .fl-theme-wb .fl-inverted-color input, 343 | .fl-theme-wb .fl-inverted-color h1, 344 | .fl-theme-wb .fl-inverted-color h2, 345 | .fl-theme-wb .fl-inverted-color h3, 346 | .fl-theme-wb .fl-inverted-color h4, 347 | .fl-theme-wb .fl-inverted-color h5, 348 | .fl-theme-wb .fl-inverted-color h6 { 349 | color: #000 !important; 350 | background-color: #fff !important; 351 | border-top-color: #000 !important; 352 | border-right-color: #000 !important; 353 | border-bottom-color: #000 !important; 354 | border-left-color: #000 !important; 355 | } 356 | .fl-theme-wb .fl-inverted-color iframe { 357 | border-top-color: #000 !important; 358 | border-right-color: #000 !important; 359 | border-bottom-color: #000 !important; 360 | border-left-color: #000 !important; 361 | } 362 | .fl-theme-wb .fl-inverted-color a { 363 | color: #000 !important; 364 | font-weight: bold !important; 365 | background-color: #fff !important; 366 | } 367 | .fl-theme-wb .fl-inverted-color th { 368 | border-top-width: 0.1em; 369 | border-top-style: solid; 370 | border-top-color: #000 !important; 371 | border-right-width: 0.1em; 372 | border-right-style: solid; 373 | border-right-color: #000 !important; 374 | border-bottom-width: 0.1em; 375 | border-bottom-style: solid; 376 | border-bottom-color: #000 !important; 377 | border-left-width: 0.1em; 378 | border-left-style: solid; 379 | border-left-color: #000 !important; 380 | background-color: #000 !important; 381 | color: #fff !important; 382 | } 383 | .fl-theme-wb .fl-inverted-color td { 384 | border-top-width: 0.1em; 385 | border-top-style: solid; 386 | border-top-color: #000 !important; 387 | border-right-width: 0.1em; 388 | border-right-style: solid; 389 | border-right-color: #000 !important; 390 | border-bottom-width: 0.1em; 391 | border-bottom-style: solid; 392 | border-bottom-color: #000 !important; 393 | border-left-width: 0.1em; 394 | border-left-style: solid; 395 | border-left-color: #000 !important; 396 | } 397 | .fl-theme-wb .fl-inverted-color .fl-focus:focus, 398 | .fl-theme-wb .fl-inverted-color .fl-focus :focus, 399 | .fl-theme-wb .fl-inverted-color .selectable { 400 | outline-width: 0.2em; 401 | outline-style: solid; 402 | outline-color: #000; 403 | } 404 | .fl-theme-wb .fl-inverted-color .fl-reorderer-dropMarker { 405 | background-color: #f00 !important; 406 | } 407 | .fl-theme-wb .fl-inverted-color .fl-inlineEdit-edit { 408 | background-color: #000 !important; 409 | color: #fff !important; 410 | border-top-width: 0.1em; 411 | border-top-style: solid; 412 | border-top-color: #fff !important; 413 | border-right-width: 0.1em; 414 | border-right-style: solid; 415 | border-right-color: #fff !important; 416 | border-bottom-width: 0.1em; 417 | border-bottom-style: solid; 418 | border-bottom-color: #fff !important; 419 | border-left-width: 0.1em; 420 | border-left-style: solid; 421 | border-left-color: #fff !important; 422 | padding-top: 0.1em; 423 | padding-right: 0.1em; 424 | padding-bottom: 0.1em; 425 | padding-left: 0.1em; 426 | margin-top: -0.1em; 427 | margin-right: -0.1em; 428 | margin-bottom: -0.1em; 429 | margin-left: -0.1em; 430 | } 431 | .fl-theme-yb, 432 | .fl-theme-yb *, 433 | .fl-preview-theme.fl-theme-yb, 434 | .fl-theme-yb div, 435 | .fl-theme-yb input, 436 | .fl-theme-yb h1, 437 | .fl-theme-yb h2, 438 | .fl-theme-yb h3, 439 | .fl-theme-yb h4, 440 | .fl-theme-yb h5, 441 | .fl-theme-yb h6 { 442 | color: #ff0 !important; 443 | background-color: #000 !important; 444 | border-top-color: #ff0 !important; 445 | border-right-color: #ff0 !important; 446 | border-bottom-color: #ff0 !important; 447 | border-left-color: #ff0 !important; 448 | } 449 | .fl-theme-yb iframe { 450 | border-top-color: #ff0 !important; 451 | border-right-color: #ff0 !important; 452 | border-bottom-color: #ff0 !important; 453 | border-left-color: #ff0 !important; 454 | } 455 | .fl-theme-yb a { 456 | color: #ff0 !important; 457 | font-weight: bold !important; 458 | background-color: #000 !important; 459 | } 460 | .fl-theme-yb th { 461 | border-top-width: 0.1em; 462 | border-top-style: solid; 463 | border-top-color: #ff0 !important; 464 | border-right-width: 0.1em; 465 | border-right-style: solid; 466 | border-right-color: #ff0 !important; 467 | border-bottom-width: 0.1em; 468 | border-bottom-style: solid; 469 | border-bottom-color: #ff0 !important; 470 | border-left-width: 0.1em; 471 | border-left-style: solid; 472 | border-left-color: #ff0 !important; 473 | background-color: #ff0 !important; 474 | color: #000 !important; 475 | } 476 | .fl-theme-yb td { 477 | border-top-width: 0.1em; 478 | border-top-style: solid; 479 | border-top-color: #ff0 !important; 480 | border-right-width: 0.1em; 481 | border-right-style: solid; 482 | border-right-color: #ff0 !important; 483 | border-bottom-width: 0.1em; 484 | border-bottom-style: solid; 485 | border-bottom-color: #ff0 !important; 486 | border-left-width: 0.1em; 487 | border-left-style: solid; 488 | border-left-color: #ff0 !important; 489 | } 490 | .fl-theme-yb .fl-focus:focus, 491 | .fl-theme-yb .fl-focus :focus, 492 | .fl-theme-yb.fl-focus :focus, 493 | .fl-theme-yb .selectable { 494 | outline-width: 0.2em; 495 | outline-style: solid; 496 | outline-color: #ff0; 497 | } 498 | .fl-theme-yb .fl-reorderer-dropMarker { 499 | background-color: #f00 !important; 500 | } 501 | .fl-theme-yb .fl-inlineEdit-edit { 502 | background-color: #ff0 !important; 503 | color: #000 !important; 504 | border-top-width: 0.1em; 505 | border-top-style: solid; 506 | border-top-color: #000 !important; 507 | border-right-width: 0.1em; 508 | border-right-style: solid; 509 | border-right-color: #000 !important; 510 | border-bottom-width: 0.1em; 511 | border-bottom-style: solid; 512 | border-bottom-color: #000 !important; 513 | border-left-width: 0.1em; 514 | border-left-style: solid; 515 | border-left-color: #000 !important; 516 | padding-top: 0.1em; 517 | padding-right: 0.1em; 518 | padding-bottom: 0.1em; 519 | padding-left: 0.1em; 520 | margin-top: -0.1em; 521 | margin-right: -0.1em; 522 | margin-bottom: -0.1em; 523 | margin-left: -0.1em; 524 | } 525 | .fl-theme-yb .fl-textfieldStepper .fl-textfieldStepper-textField { 526 | border: solid 1px #ff0; 527 | } 528 | .fl-theme-yb .fl-textfieldStepper .fl-textfieldStepper-button:disabled { 529 | visibility: hidden; 530 | } 531 | .fl-theme-yb.fl-inverted-color, 532 | .fl-theme-yb.fl-inverted-color *, 533 | .fl-preview-theme.fl-theme-yb.fl-inverted-color { 534 | color: #000 !important; 535 | background-color: #ff0 !important; 536 | border-top-color: #000 !important; 537 | border-right-color: #000 !important; 538 | border-bottom-color: #000 !important; 539 | border-left-color: #000 !important; 540 | } 541 | .fl-theme-yb.fl-inverted-color.fl-focus :focus { 542 | outline-width: 0.2em; 543 | outline-style: solid; 544 | outline-color: #000; 545 | } 546 | .fl-theme-yb .fl-inverted-color, 547 | .fl-theme-yb .fl-inverted-color *, 548 | .fl-theme-yb .fl-inverted-color div, 549 | .fl-theme-yb .fl-inverted-color input, 550 | .fl-theme-yb .fl-inverted-color h1, 551 | .fl-theme-yb .fl-inverted-color h2, 552 | .fl-theme-yb .fl-inverted-color h3, 553 | .fl-theme-yb .fl-inverted-color h4, 554 | .fl-theme-yb .fl-inverted-color h5, 555 | .fl-theme-yb .fl-inverted-color h6 { 556 | color: #000 !important; 557 | background-color: #ff0 !important; 558 | border-top-color: #000 !important; 559 | border-right-color: #000 !important; 560 | border-bottom-color: #000 !important; 561 | border-left-color: #000 !important; 562 | } 563 | .fl-theme-yb .fl-inverted-color iframe { 564 | border-top-color: #000 !important; 565 | border-right-color: #000 !important; 566 | border-bottom-color: #000 !important; 567 | border-left-color: #000 !important; 568 | } 569 | .fl-theme-yb .fl-inverted-color a { 570 | color: #000 !important; 571 | font-weight: bold !important; 572 | background-color: #ff0 !important; 573 | } 574 | .fl-theme-yb .fl-inverted-color th { 575 | border-top-width: 0.1em; 576 | border-top-style: solid; 577 | border-top-color: #000 !important; 578 | border-right-width: 0.1em; 579 | border-right-style: solid; 580 | border-right-color: #000 !important; 581 | border-bottom-width: 0.1em; 582 | border-bottom-style: solid; 583 | border-bottom-color: #000 !important; 584 | border-left-width: 0.1em; 585 | border-left-style: solid; 586 | border-left-color: #000 !important; 587 | background-color: #000 !important; 588 | color: #ff0 !important; 589 | } 590 | .fl-theme-yb .fl-inverted-color td { 591 | border-top-width: 0.1em; 592 | border-top-style: solid; 593 | border-top-color: #000 !important; 594 | border-right-width: 0.1em; 595 | border-right-style: solid; 596 | border-right-color: #000 !important; 597 | border-bottom-width: 0.1em; 598 | border-bottom-style: solid; 599 | border-bottom-color: #000 !important; 600 | border-left-width: 0.1em; 601 | border-left-style: solid; 602 | border-left-color: #000 !important; 603 | } 604 | .fl-theme-yb .fl-inverted-color .fl-focus:focus, 605 | .fl-theme-yb .fl-inverted-color .fl-focus :focus, 606 | .fl-theme-yb .fl-inverted-color .selectable { 607 | outline-width: 0.2em; 608 | outline-style: solid; 609 | outline-color: #000; 610 | } 611 | .fl-theme-yb .fl-inverted-color .fl-reorderer-dropMarker { 612 | background-color: #f00 !important; 613 | } 614 | .fl-theme-yb .fl-inverted-color .fl-inlineEdit-edit { 615 | background-color: #000 !important; 616 | color: #ff0 !important; 617 | border-top-width: 0.1em; 618 | border-top-style: solid; 619 | border-top-color: #ff0 !important; 620 | border-right-width: 0.1em; 621 | border-right-style: solid; 622 | border-right-color: #ff0 !important; 623 | border-bottom-width: 0.1em; 624 | border-bottom-style: solid; 625 | border-bottom-color: #ff0 !important; 626 | border-left-width: 0.1em; 627 | border-left-style: solid; 628 | border-left-color: #ff0 !important; 629 | padding-top: 0.1em; 630 | padding-right: 0.1em; 631 | padding-bottom: 0.1em; 632 | padding-left: 0.1em; 633 | margin-top: -0.1em; 634 | margin-right: -0.1em; 635 | margin-bottom: -0.1em; 636 | margin-left: -0.1em; 637 | } 638 | .fl-theme-by, 639 | .fl-theme-by *, 640 | .fl-preview-theme.fl-theme-by, 641 | .fl-theme-by div, 642 | .fl-theme-by input, 643 | .fl-theme-by h1, 644 | .fl-theme-by h2, 645 | .fl-theme-by h3, 646 | .fl-theme-by h4, 647 | .fl-theme-by h5, 648 | .fl-theme-by h6 { 649 | color: #000 !important; 650 | background-color: #ff0 !important; 651 | border-top-color: #000 !important; 652 | border-right-color: #000 !important; 653 | border-bottom-color: #000 !important; 654 | border-left-color: #000 !important; 655 | } 656 | .fl-theme-by iframe { 657 | border-top-color: #000 !important; 658 | border-right-color: #000 !important; 659 | border-bottom-color: #000 !important; 660 | border-left-color: #000 !important; 661 | } 662 | .fl-theme-by a { 663 | color: #000 !important; 664 | font-weight: bold !important; 665 | background-color: #ff0 !important; 666 | } 667 | .fl-theme-by th { 668 | border-top-width: 0.1em; 669 | border-top-style: solid; 670 | border-top-color: #000 !important; 671 | border-right-width: 0.1em; 672 | border-right-style: solid; 673 | border-right-color: #000 !important; 674 | border-bottom-width: 0.1em; 675 | border-bottom-style: solid; 676 | border-bottom-color: #000 !important; 677 | border-left-width: 0.1em; 678 | border-left-style: solid; 679 | border-left-color: #000 !important; 680 | background-color: #000 !important; 681 | color: #ff0 !important; 682 | } 683 | .fl-theme-by td { 684 | border-top-width: 0.1em; 685 | border-top-style: solid; 686 | border-top-color: #000 !important; 687 | border-right-width: 0.1em; 688 | border-right-style: solid; 689 | border-right-color: #000 !important; 690 | border-bottom-width: 0.1em; 691 | border-bottom-style: solid; 692 | border-bottom-color: #000 !important; 693 | border-left-width: 0.1em; 694 | border-left-style: solid; 695 | border-left-color: #000 !important; 696 | } 697 | .fl-theme-by .fl-focus:focus, 698 | .fl-theme-by .fl-focus :focus, 699 | .fl-theme-by.fl-focus :focus, 700 | .fl-theme-by .selectable { 701 | outline-width: 0.2em; 702 | outline-style: solid; 703 | outline-color: #000; 704 | } 705 | .fl-theme-by .fl-reorderer-dropMarker { 706 | background-color: #f00 !important; 707 | } 708 | .fl-theme-by .fl-inlineEdit-edit { 709 | background-color: #000 !important; 710 | color: #ff0 !important; 711 | border-top-width: 0.1em; 712 | border-top-style: solid; 713 | border-top-color: #ff0 !important; 714 | border-right-width: 0.1em; 715 | border-right-style: solid; 716 | border-right-color: #ff0 !important; 717 | border-bottom-width: 0.1em; 718 | border-bottom-style: solid; 719 | border-bottom-color: #ff0 !important; 720 | border-left-width: 0.1em; 721 | border-left-style: solid; 722 | border-left-color: #ff0 !important; 723 | padding-top: 0.1em; 724 | padding-right: 0.1em; 725 | padding-bottom: 0.1em; 726 | padding-left: 0.1em; 727 | margin-top: -0.1em; 728 | margin-right: -0.1em; 729 | margin-bottom: -0.1em; 730 | margin-left: -0.1em; 731 | } 732 | .fl-theme-by .fl-textfieldStepper .fl-textfieldStepper-textField { 733 | border: solid 1px #000; 734 | } 735 | .fl-theme-by .fl-textfieldStepper .fl-textfieldStepper-button:disabled { 736 | visibility: hidden; 737 | } 738 | .fl-theme-by.fl-inverted-color, 739 | .fl-theme-by.fl-inverted-color *, 740 | .fl-preview-theme.fl-theme-by.fl-inverted-color { 741 | color: #ff0 !important; 742 | background-color: #000 !important; 743 | border-top-color: #ff0 !important; 744 | border-right-color: #ff0 !important; 745 | border-bottom-color: #ff0 !important; 746 | border-left-color: #ff0 !important; 747 | } 748 | .fl-theme-by.fl-inverted-color.fl-focus :focus { 749 | outline-width: 0.2em; 750 | outline-style: solid; 751 | outline-color: #ff0; 752 | } 753 | .fl-theme-by .fl-inverted-color, 754 | .fl-theme-by .fl-inverted-color *, 755 | .fl-theme-by .fl-inverted-color div, 756 | .fl-theme-by .fl-inverted-color input, 757 | .fl-theme-by .fl-inverted-color h1, 758 | .fl-theme-by .fl-inverted-color h2, 759 | .fl-theme-by .fl-inverted-color h3, 760 | .fl-theme-by .fl-inverted-color h4, 761 | .fl-theme-by .fl-inverted-color h5, 762 | .fl-theme-by .fl-inverted-color h6 { 763 | color: #ff0 !important; 764 | background-color: #000 !important; 765 | border-top-color: #ff0 !important; 766 | border-right-color: #ff0 !important; 767 | border-bottom-color: #ff0 !important; 768 | border-left-color: #ff0 !important; 769 | } 770 | .fl-theme-by .fl-inverted-color iframe { 771 | border-top-color: #ff0 !important; 772 | border-right-color: #ff0 !important; 773 | border-bottom-color: #ff0 !important; 774 | border-left-color: #ff0 !important; 775 | } 776 | .fl-theme-by .fl-inverted-color a { 777 | color: #ff0 !important; 778 | font-weight: bold !important; 779 | background-color: #000 !important; 780 | } 781 | .fl-theme-by .fl-inverted-color th { 782 | border-top-width: 0.1em; 783 | border-top-style: solid; 784 | border-top-color: #ff0 !important; 785 | border-right-width: 0.1em; 786 | border-right-style: solid; 787 | border-right-color: #ff0 !important; 788 | border-bottom-width: 0.1em; 789 | border-bottom-style: solid; 790 | border-bottom-color: #ff0 !important; 791 | border-left-width: 0.1em; 792 | border-left-style: solid; 793 | border-left-color: #ff0 !important; 794 | background-color: #ff0 !important; 795 | color: #000 !important; 796 | } 797 | .fl-theme-by .fl-inverted-color td { 798 | border-top-width: 0.1em; 799 | border-top-style: solid; 800 | border-top-color: #ff0 !important; 801 | border-right-width: 0.1em; 802 | border-right-style: solid; 803 | border-right-color: #ff0 !important; 804 | border-bottom-width: 0.1em; 805 | border-bottom-style: solid; 806 | border-bottom-color: #ff0 !important; 807 | border-left-width: 0.1em; 808 | border-left-style: solid; 809 | border-left-color: #ff0 !important; 810 | } 811 | .fl-theme-by .fl-inverted-color .fl-focus:focus, 812 | .fl-theme-by .fl-inverted-color .fl-focus :focus, 813 | .fl-theme-by .fl-inverted-color .selectable { 814 | outline-width: 0.2em; 815 | outline-style: solid; 816 | outline-color: #ff0; 817 | } 818 | .fl-theme-by .fl-inverted-color .fl-reorderer-dropMarker { 819 | background-color: #f00 !important; 820 | } 821 | .fl-theme-by .fl-inverted-color .fl-inlineEdit-edit { 822 | background-color: #ff0 !important; 823 | color: #000 !important; 824 | border-top-width: 0.1em; 825 | border-top-style: solid; 826 | border-top-color: #000 !important; 827 | border-right-width: 0.1em; 828 | border-right-style: solid; 829 | border-right-color: #000 !important; 830 | border-bottom-width: 0.1em; 831 | border-bottom-style: solid; 832 | border-bottom-color: #000 !important; 833 | border-left-width: 0.1em; 834 | border-left-style: solid; 835 | border-left-color: #000 !important; 836 | padding-top: 0.1em; 837 | padding-right: 0.1em; 838 | padding-bottom: 0.1em; 839 | padding-left: 0.1em; 840 | margin-top: -0.1em; 841 | margin-right: -0.1em; 842 | margin-bottom: -0.1em; 843 | margin-left: -0.1em; 844 | } 845 | .fl-theme-lgdg, 846 | .fl-theme-lgdg *, 847 | .fl-preview-theme.fl-theme-lgdg, 848 | .fl-theme-lgdg div, 849 | .fl-theme-lgdg input, 850 | .fl-theme-lgdg h1, 851 | .fl-theme-lgdg h2, 852 | .fl-theme-lgdg h3, 853 | .fl-theme-lgdg h4, 854 | .fl-theme-lgdg h5, 855 | .fl-theme-lgdg h6 { 856 | color: #bdbdbb !important; 857 | background-color: #555 !important; 858 | border-top-color: #bdbdbb !important; 859 | border-right-color: #bdbdbb !important; 860 | border-bottom-color: #bdbdbb !important; 861 | border-left-color: #bdbdbb !important; 862 | } 863 | .fl-theme-lgdg iframe { 864 | border-top-color: #bdbdbb !important; 865 | border-right-color: #bdbdbb !important; 866 | border-bottom-color: #bdbdbb !important; 867 | border-left-color: #bdbdbb !important; 868 | } 869 | .fl-theme-lgdg a { 870 | color: #bdbdbb !important; 871 | font-weight: bold !important; 872 | background-color: #555 !important; 873 | } 874 | .fl-theme-lgdg th { 875 | border-top-width: 0.1em; 876 | border-top-style: solid; 877 | border-top-color: #bdbdbb !important; 878 | border-right-width: 0.1em; 879 | border-right-style: solid; 880 | border-right-color: #bdbdbb !important; 881 | border-bottom-width: 0.1em; 882 | border-bottom-style: solid; 883 | border-bottom-color: #bdbdbb !important; 884 | border-left-width: 0.1em; 885 | border-left-style: solid; 886 | border-left-color: #bdbdbb !important; 887 | background-color: #bdbdbb !important; 888 | color: #555 !important; 889 | } 890 | .fl-theme-lgdg td { 891 | border-top-width: 0.1em; 892 | border-top-style: solid; 893 | border-top-color: #bdbdbb !important; 894 | border-right-width: 0.1em; 895 | border-right-style: solid; 896 | border-right-color: #bdbdbb !important; 897 | border-bottom-width: 0.1em; 898 | border-bottom-style: solid; 899 | border-bottom-color: #bdbdbb !important; 900 | border-left-width: 0.1em; 901 | border-left-style: solid; 902 | border-left-color: #bdbdbb !important; 903 | } 904 | .fl-theme-lgdg .fl-focus:focus, 905 | .fl-theme-lgdg .fl-focus :focus, 906 | .fl-theme-lgdg.fl-focus :focus, 907 | .fl-theme-lgdg .selectable { 908 | outline-width: 0.2em; 909 | outline-style: solid; 910 | outline-color: #bdbdbb; 911 | } 912 | .fl-theme-lgdg .fl-reorderer-dropMarker { 913 | background-color: #f00 !important; 914 | } 915 | .fl-theme-lgdg .fl-inlineEdit-edit { 916 | background-color: #bdbdbb !important; 917 | color: #555 !important; 918 | border-top-width: 0.1em; 919 | border-top-style: solid; 920 | border-top-color: #555 !important; 921 | border-right-width: 0.1em; 922 | border-right-style: solid; 923 | border-right-color: #555 !important; 924 | border-bottom-width: 0.1em; 925 | border-bottom-style: solid; 926 | border-bottom-color: #555 !important; 927 | border-left-width: 0.1em; 928 | border-left-style: solid; 929 | border-left-color: #555 !important; 930 | padding-top: 0.1em; 931 | padding-right: 0.1em; 932 | padding-bottom: 0.1em; 933 | padding-left: 0.1em; 934 | margin-top: -0.1em; 935 | margin-right: -0.1em; 936 | margin-bottom: -0.1em; 937 | margin-left: -0.1em; 938 | } 939 | .fl-theme-lgdg .fl-textfieldStepper .fl-textfieldStepper-textField { 940 | border: solid 1px #bdbdbb; 941 | } 942 | .fl-theme-lgdg .fl-textfieldStepper .fl-textfieldStepper-button:disabled { 943 | visibility: hidden; 944 | } 945 | .fl-theme-lgdg.fl-inverted-color, 946 | .fl-theme-lgdg.fl-inverted-color *, 947 | .fl-preview-theme.fl-theme-lgdg.fl-inverted-color { 948 | color: #555 !important; 949 | background-color: #bdbdbb !important; 950 | border-top-color: #555 !important; 951 | border-right-color: #555 !important; 952 | border-bottom-color: #555 !important; 953 | border-left-color: #555 !important; 954 | } 955 | .fl-theme-lgdg.fl-inverted-color.fl-focus :focus { 956 | outline-width: 0.2em; 957 | outline-style: solid; 958 | outline-color: #555; 959 | } 960 | .fl-theme-lgdg .fl-inverted-color, 961 | .fl-theme-lgdg .fl-inverted-color *, 962 | .fl-theme-lgdg .fl-inverted-color div, 963 | .fl-theme-lgdg .fl-inverted-color input, 964 | .fl-theme-lgdg .fl-inverted-color h1, 965 | .fl-theme-lgdg .fl-inverted-color h2, 966 | .fl-theme-lgdg .fl-inverted-color h3, 967 | .fl-theme-lgdg .fl-inverted-color h4, 968 | .fl-theme-lgdg .fl-inverted-color h5, 969 | .fl-theme-lgdg .fl-inverted-color h6 { 970 | color: #555 !important; 971 | background-color: #bdbdbb !important; 972 | border-top-color: #555 !important; 973 | border-right-color: #555 !important; 974 | border-bottom-color: #555 !important; 975 | border-left-color: #555 !important; 976 | } 977 | .fl-theme-lgdg .fl-inverted-color iframe { 978 | border-top-color: #555 !important; 979 | border-right-color: #555 !important; 980 | border-bottom-color: #555 !important; 981 | border-left-color: #555 !important; 982 | } 983 | .fl-theme-lgdg .fl-inverted-color a { 984 | color: #555 !important; 985 | font-weight: bold !important; 986 | background-color: #bdbdbb !important; 987 | } 988 | .fl-theme-lgdg .fl-inverted-color th { 989 | border-top-width: 0.1em; 990 | border-top-style: solid; 991 | border-top-color: #555 !important; 992 | border-right-width: 0.1em; 993 | border-right-style: solid; 994 | border-right-color: #555 !important; 995 | border-bottom-width: 0.1em; 996 | border-bottom-style: solid; 997 | border-bottom-color: #555 !important; 998 | border-left-width: 0.1em; 999 | border-left-style: solid; 1000 | border-left-color: #555 !important; 1001 | background-color: #555 !important; 1002 | color: #bdbdbb !important; 1003 | } 1004 | .fl-theme-lgdg .fl-inverted-color td { 1005 | border-top-width: 0.1em; 1006 | border-top-style: solid; 1007 | border-top-color: #555 !important; 1008 | border-right-width: 0.1em; 1009 | border-right-style: solid; 1010 | border-right-color: #555 !important; 1011 | border-bottom-width: 0.1em; 1012 | border-bottom-style: solid; 1013 | border-bottom-color: #555 !important; 1014 | border-left-width: 0.1em; 1015 | border-left-style: solid; 1016 | border-left-color: #555 !important; 1017 | } 1018 | .fl-theme-lgdg .fl-inverted-color .fl-focus:focus, 1019 | .fl-theme-lgdg .fl-inverted-color .fl-focus :focus, 1020 | .fl-theme-lgdg .fl-inverted-color .selectable { 1021 | outline-width: 0.2em; 1022 | outline-style: solid; 1023 | outline-color: #555; 1024 | } 1025 | .fl-theme-lgdg .fl-inverted-color .fl-reorderer-dropMarker { 1026 | background-color: #f00 !important; 1027 | } 1028 | .fl-theme-lgdg .fl-inverted-color .fl-inlineEdit-edit { 1029 | background-color: #555 !important; 1030 | color: #bdbdbb !important; 1031 | border-top-width: 0.1em; 1032 | border-top-style: solid; 1033 | border-top-color: #bdbdbb !important; 1034 | border-right-width: 0.1em; 1035 | border-right-style: solid; 1036 | border-right-color: #bdbdbb !important; 1037 | border-bottom-width: 0.1em; 1038 | border-bottom-style: solid; 1039 | border-bottom-color: #bdbdbb !important; 1040 | border-left-width: 0.1em; 1041 | border-left-style: solid; 1042 | border-left-color: #bdbdbb !important; 1043 | padding-top: 0.1em; 1044 | padding-right: 0.1em; 1045 | padding-bottom: 0.1em; 1046 | padding-left: 0.1em; 1047 | margin-top: -0.1em; 1048 | margin-right: -0.1em; 1049 | margin-bottom: -0.1em; 1050 | margin-left: -0.1em; 1051 | } 1052 | .fl-font-arial:not([class*='icon']), 1053 | .fl-font-arial *:not([class*='icon']) { 1054 | font-family: Arial !important; 1055 | } 1056 | .fl-font-verdana:not([class*='icon']), 1057 | .fl-font-verdana *:not([class*='icon']) { 1058 | font-family: Verdana !important; 1059 | } 1060 | .fl-font-times:not([class*='icon']), 1061 | .fl-font-times *:not([class*='icon']) { 1062 | font-family: Georgia, Times, Times New Roman, serif !important; 1063 | } 1064 | .fl-font-comic-sans:not([class*='icon']), 1065 | .fl-font-comic-sans *:not([class*='icon']) { 1066 | font-family: Comic Sans MS, sans-serif !important; 1067 | } 1068 | -------------------------------------------------------------------------------- /lib/infusion/src/lib/jquery/ui/css/fl-theme-by/by.css: -------------------------------------------------------------------------------- 1 | /*! jQuery UI - v1.12.1 - 2016-09-16 2 | * http://jqueryui.com 3 | * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css 4 | * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=.fl-theme-by&folderName=fl-theme-by&bgImgOpacityError=0&bgImgOpacityHighlight=0&bgImgOpacityActive=0&bgImgOpacityHover=0&bgImgOpacityDefault=0&bgImgOpacityContent=0&bgImgOpacityHeader=0&cornerRadiusShadow=5px&offsetLeftShadow=5px&offsetTopShadow=5px&thicknessShadow=1px&opacityShadow=100&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=000000&opacityOverlay=75&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=ffff00&iconColorError=ffff00&fcError=ffff00&borderColorError=000000&bgTextureError=flat&bgColorError=000000&iconColorHighlight=ffff00&fcHighlight=ffff00&borderColorHighlight=000000&bgTextureHighlight=flat&bgColorHighlight=000000&iconColorActive=ffff00&fcActive=ffff00&borderColorActive=000000&bgTextureActive=flat&bgColorActive=000000&iconColorHover=ffff00&fcHover=ffff00&borderColorHover=ffff00&bgTextureHover=flat&bgColorHover=000000&iconColorDefault=000000&fcDefault=000000&borderColorDefault=000000&bgTextureDefault=flat&bgColorDefault=ffff00&iconColorContent=000000&fcContent=000000&borderColorContent=000000&bgTextureContent=flat&bgColorContent=ffff00&iconColorHeader=ffff00&fcHeader=ffff00&borderColorHeader=000000&bgTextureHeader=flat&bgColorHeader=000000&cornerRadius=5px&fwDefault=normal&fsDefault=1.2em&ffDefault=Verdana%2CArial%2Csans-serif 5 | * Copyright jQuery Foundation and other contributors; Licensed MIT */ 6 | 7 | .fl-theme-by .ui-draggable-handle { 8 | -ms-touch-action: none; 9 | touch-action: none; 10 | } 11 | /* Layout helpers 12 | ----------------------------------*/ 13 | .fl-theme-by .ui-helper-hidden { 14 | display: none; 15 | } 16 | .fl-theme-by .ui-helper-hidden-accessible { 17 | border: 0; 18 | clip: rect(0 0 0 0); 19 | height: 1px; 20 | margin: -1px; 21 | overflow: hidden; 22 | padding: 0; 23 | position: absolute; 24 | width: 1px; 25 | } 26 | .fl-theme-by .ui-helper-reset { 27 | margin: 0; 28 | padding: 0; 29 | border: 0; 30 | outline: 0; 31 | line-height: 1.3; 32 | text-decoration: none; 33 | font-size: 100%; 34 | list-style: none; 35 | } 36 | .fl-theme-by .ui-helper-clearfix:before, 37 | .fl-theme-by .ui-helper-clearfix:after { 38 | content: ""; 39 | display: table; 40 | border-collapse: collapse; 41 | } 42 | .fl-theme-by .ui-helper-clearfix:after { 43 | clear: both; 44 | } 45 | .fl-theme-by .ui-helper-zfix { 46 | width: 100%; 47 | height: 100%; 48 | top: 0; 49 | left: 0; 50 | position: absolute; 51 | opacity: 0; 52 | filter:Alpha(Opacity=0); /* support: IE8 */ 53 | } 54 | 55 | .fl-theme-by .ui-front { 56 | z-index: 100; 57 | } 58 | 59 | 60 | /* Interaction Cues 61 | ----------------------------------*/ 62 | .fl-theme-by .ui-state-disabled { 63 | cursor: default !important; 64 | pointer-events: none; 65 | } 66 | 67 | 68 | /* Icons 69 | ----------------------------------*/ 70 | .fl-theme-by .ui-icon { 71 | display: inline-block; 72 | vertical-align: middle; 73 | margin-top: -.25em; 74 | position: relative; 75 | text-indent: -99999px; 76 | overflow: hidden; 77 | background-repeat: no-repeat; 78 | } 79 | 80 | .fl-theme-by .ui-widget-icon-block { 81 | left: 50%; 82 | margin-left: -8px; 83 | display: block; 84 | } 85 | 86 | /* Misc visuals 87 | ----------------------------------*/ 88 | 89 | /* Overlays */ 90 | .fl-theme-by .ui-widget-overlay { 91 | position: fixed; 92 | top: 0; 93 | left: 0; 94 | width: 100%; 95 | height: 100%; 96 | } 97 | .fl-theme-by .ui-resizable { 98 | position: relative; 99 | } 100 | .fl-theme-by .ui-resizable-handle { 101 | position: absolute; 102 | font-size: 0.1px; 103 | display: block; 104 | -ms-touch-action: none; 105 | touch-action: none; 106 | } 107 | .fl-theme-by .ui-resizable-disabled .ui-resizable-handle, 108 | .fl-theme-by .ui-resizable-autohide .ui-resizable-handle { 109 | display: none; 110 | } 111 | .fl-theme-by .ui-resizable-n { 112 | cursor: n-resize; 113 | height: 7px; 114 | width: 100%; 115 | top: -5px; 116 | left: 0; 117 | } 118 | .fl-theme-by .ui-resizable-s { 119 | cursor: s-resize; 120 | height: 7px; 121 | width: 100%; 122 | bottom: -5px; 123 | left: 0; 124 | } 125 | .fl-theme-by .ui-resizable-e { 126 | cursor: e-resize; 127 | width: 7px; 128 | right: -5px; 129 | top: 0; 130 | height: 100%; 131 | } 132 | .fl-theme-by .ui-resizable-w { 133 | cursor: w-resize; 134 | width: 7px; 135 | left: -5px; 136 | top: 0; 137 | height: 100%; 138 | } 139 | .fl-theme-by .ui-resizable-se { 140 | cursor: se-resize; 141 | width: 12px; 142 | height: 12px; 143 | right: 1px; 144 | bottom: 1px; 145 | } 146 | .fl-theme-by .ui-resizable-sw { 147 | cursor: sw-resize; 148 | width: 9px; 149 | height: 9px; 150 | left: -5px; 151 | bottom: -5px; 152 | } 153 | .fl-theme-by .ui-resizable-nw { 154 | cursor: nw-resize; 155 | width: 9px; 156 | height: 9px; 157 | left: -5px; 158 | top: -5px; 159 | } 160 | .fl-theme-by .ui-resizable-ne { 161 | cursor: ne-resize; 162 | width: 9px; 163 | height: 9px; 164 | right: -5px; 165 | top: -5px; 166 | } 167 | .fl-theme-by .ui-selectable { 168 | -ms-touch-action: none; 169 | touch-action: none; 170 | } 171 | .fl-theme-by .ui-selectable-helper { 172 | position: absolute; 173 | z-index: 100; 174 | border: 1px dotted black; 175 | } 176 | .fl-theme-by .ui-sortable-handle { 177 | -ms-touch-action: none; 178 | touch-action: none; 179 | } 180 | .fl-theme-by .ui-accordion .ui-accordion-header { 181 | display: block; 182 | cursor: pointer; 183 | position: relative; 184 | margin: 2px 0 0 0; 185 | padding: .5em .5em .5em .7em; 186 | font-size: 100%; 187 | } 188 | .fl-theme-by .ui-accordion .ui-accordion-content { 189 | padding: 1em 2.2em; 190 | border-top: 0; 191 | overflow: auto; 192 | } 193 | .fl-theme-by .ui-autocomplete { 194 | position: absolute; 195 | top: 0; 196 | left: 0; 197 | cursor: default; 198 | } 199 | .fl-theme-by .ui-menu { 200 | list-style: none; 201 | padding: 0; 202 | margin: 0; 203 | display: block; 204 | outline: 0; 205 | } 206 | .fl-theme-by .ui-menu .ui-menu { 207 | position: absolute; 208 | } 209 | .fl-theme-by .ui-menu .ui-menu-item { 210 | margin: 0; 211 | cursor: pointer; 212 | /* support: IE10, see #8844 */ 213 | list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); 214 | } 215 | .fl-theme-by .ui-menu .ui-menu-item-wrapper { 216 | position: relative; 217 | padding: 3px 1em 3px .4em; 218 | } 219 | .fl-theme-by .ui-menu .ui-menu-divider { 220 | margin: 5px 0; 221 | height: 0; 222 | font-size: 0; 223 | line-height: 0; 224 | border-width: 1px 0 0 0; 225 | } 226 | .fl-theme-by .ui-menu .ui-state-focus, 227 | .fl-theme-by .ui-menu .ui-state-active { 228 | margin: -1px; 229 | } 230 | 231 | /* icon support */ 232 | .fl-theme-by .ui-menu-icons { 233 | position: relative; 234 | } 235 | .fl-theme-by .ui-menu-icons .ui-menu-item-wrapper { 236 | padding-left: 2em; 237 | } 238 | 239 | /* left-aligned */ 240 | .fl-theme-by .ui-menu .ui-icon { 241 | position: absolute; 242 | top: 0; 243 | bottom: 0; 244 | left: .2em; 245 | margin: auto 0; 246 | } 247 | 248 | /* right-aligned */ 249 | .fl-theme-by .ui-menu .ui-menu-icon { 250 | left: auto; 251 | right: 0; 252 | } 253 | .fl-theme-by .ui-button { 254 | padding: .4em 1em; 255 | display: inline-block; 256 | position: relative; 257 | line-height: normal; 258 | margin-right: .1em; 259 | cursor: pointer; 260 | vertical-align: middle; 261 | text-align: center; 262 | -webkit-user-select: none; 263 | -moz-user-select: none; 264 | -ms-user-select: none; 265 | user-select: none; 266 | 267 | /* Support: IE <= 11 */ 268 | overflow: visible; 269 | } 270 | 271 | .fl-theme-by .ui-button, 272 | .fl-theme-by .ui-button:link, 273 | .fl-theme-by .ui-button:visited, 274 | .fl-theme-by .ui-button:hover, 275 | .fl-theme-by .ui-button:active { 276 | text-decoration: none; 277 | } 278 | 279 | /* to make room for the icon, a width needs to be set here */ 280 | .fl-theme-by .ui-button-icon-only { 281 | width: 2em; 282 | box-sizing: border-box; 283 | text-indent: -9999px; 284 | white-space: nowrap; 285 | } 286 | 287 | /* no icon support for input elements */ 288 | input.fl-theme-by .ui-button.ui-button-icon-only { 289 | text-indent: 0; 290 | } 291 | 292 | /* button icon element(s) */ 293 | .fl-theme-by .ui-button-icon-only .ui-icon { 294 | position: absolute; 295 | top: 50%; 296 | left: 50%; 297 | margin-top: -8px; 298 | margin-left: -8px; 299 | } 300 | 301 | .fl-theme-by .ui-button.ui-icon-notext .ui-icon { 302 | padding: 0; 303 | width: 2.1em; 304 | height: 2.1em; 305 | text-indent: -9999px; 306 | white-space: nowrap; 307 | 308 | } 309 | 310 | input.fl-theme-by .ui-button.ui-icon-notext .ui-icon { 311 | width: auto; 312 | height: auto; 313 | text-indent: 0; 314 | white-space: normal; 315 | padding: .4em 1em; 316 | } 317 | 318 | /* workarounds */ 319 | /* Support: Firefox 5 - 40 */ 320 | input.fl-theme-by .ui-button::-moz-focus-inner, 321 | button.fl-theme-by .ui-button::-moz-focus-inner { 322 | border: 0; 323 | padding: 0; 324 | } 325 | .fl-theme-by .ui-controlgroup { 326 | vertical-align: middle; 327 | display: inline-block; 328 | } 329 | .fl-theme-by .ui-controlgroup > .ui-controlgroup-item { 330 | float: left; 331 | margin-left: 0; 332 | margin-right: 0; 333 | } 334 | .fl-theme-by .ui-controlgroup > .ui-controlgroup-item:focus, 335 | .fl-theme-by .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { 336 | z-index: 9999; 337 | } 338 | .fl-theme-by .ui-controlgroup-vertical > .ui-controlgroup-item { 339 | display: block; 340 | float: none; 341 | width: 100%; 342 | margin-top: 0; 343 | margin-bottom: 0; 344 | text-align: left; 345 | } 346 | .fl-theme-by .ui-controlgroup-vertical .ui-controlgroup-item { 347 | box-sizing: border-box; 348 | } 349 | .fl-theme-by .ui-controlgroup .ui-controlgroup-label { 350 | padding: .4em 1em; 351 | } 352 | .fl-theme-by .ui-controlgroup .ui-controlgroup-label span { 353 | font-size: 80%; 354 | } 355 | .fl-theme-by .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { 356 | border-left: none; 357 | } 358 | .fl-theme-by .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { 359 | border-top: none; 360 | } 361 | .fl-theme-by .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { 362 | border-right: none; 363 | } 364 | .fl-theme-by .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { 365 | border-bottom: none; 366 | } 367 | 368 | /* Spinner specific style fixes */ 369 | .fl-theme-by .ui-controlgroup-vertical .ui-spinner-input { 370 | 371 | /* Support: IE8 only, Android < 4.4 only */ 372 | width: 75%; 373 | width: calc( 100% - 2.4em ); 374 | } 375 | .fl-theme-by .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { 376 | border-top-style: solid; 377 | } 378 | 379 | .fl-theme-by .ui-checkboxradio-label .ui-icon-background { 380 | box-shadow: inset 1px 1px 1px #ccc; 381 | border-radius: .12em; 382 | border: none; 383 | } 384 | .fl-theme-by .ui-checkboxradio-radio-label .ui-icon-background { 385 | width: 16px; 386 | height: 16px; 387 | border-radius: 1em; 388 | overflow: visible; 389 | border: none; 390 | } 391 | .fl-theme-by .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, 392 | .fl-theme-by .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { 393 | background-image: none; 394 | width: 8px; 395 | height: 8px; 396 | border-width: 4px; 397 | border-style: solid; 398 | } 399 | .fl-theme-by .ui-checkboxradio-disabled { 400 | pointer-events: none; 401 | } 402 | .fl-theme-by .ui-datepicker { 403 | width: 17em; 404 | padding: .2em .2em 0; 405 | display: none; 406 | } 407 | .fl-theme-by .ui-datepicker .ui-datepicker-header { 408 | position: relative; 409 | padding: .2em 0; 410 | } 411 | .fl-theme-by .ui-datepicker .ui-datepicker-prev, 412 | .fl-theme-by .ui-datepicker .ui-datepicker-next { 413 | position: absolute; 414 | top: 2px; 415 | width: 1.8em; 416 | height: 1.8em; 417 | } 418 | .fl-theme-by .ui-datepicker .ui-datepicker-prev-hover, 419 | .fl-theme-by .ui-datepicker .ui-datepicker-next-hover { 420 | top: 1px; 421 | } 422 | .fl-theme-by .ui-datepicker .ui-datepicker-prev { 423 | left: 2px; 424 | } 425 | .fl-theme-by .ui-datepicker .ui-datepicker-next { 426 | right: 2px; 427 | } 428 | .fl-theme-by .ui-datepicker .ui-datepicker-prev-hover { 429 | left: 1px; 430 | } 431 | .fl-theme-by .ui-datepicker .ui-datepicker-next-hover { 432 | right: 1px; 433 | } 434 | .fl-theme-by .ui-datepicker .ui-datepicker-prev span, 435 | .fl-theme-by .ui-datepicker .ui-datepicker-next span { 436 | display: block; 437 | position: absolute; 438 | left: 50%; 439 | margin-left: -8px; 440 | top: 50%; 441 | margin-top: -8px; 442 | } 443 | .fl-theme-by .ui-datepicker .ui-datepicker-title { 444 | margin: 0 2.3em; 445 | line-height: 1.8em; 446 | text-align: center; 447 | } 448 | .fl-theme-by .ui-datepicker .ui-datepicker-title select { 449 | font-size: 1em; 450 | margin: 1px 0; 451 | } 452 | .fl-theme-by .ui-datepicker select.ui-datepicker-month, 453 | .fl-theme-by .ui-datepicker select.ui-datepicker-year { 454 | width: 45%; 455 | } 456 | .fl-theme-by .ui-datepicker table { 457 | width: 100%; 458 | font-size: .9em; 459 | border-collapse: collapse; 460 | margin: 0 0 .4em; 461 | } 462 | .fl-theme-by .ui-datepicker th { 463 | padding: .7em .3em; 464 | text-align: center; 465 | font-weight: bold; 466 | border: 0; 467 | } 468 | .fl-theme-by .ui-datepicker td { 469 | border: 0; 470 | padding: 1px; 471 | } 472 | .fl-theme-by .ui-datepicker td span, 473 | .fl-theme-by .ui-datepicker td a { 474 | display: block; 475 | padding: .2em; 476 | text-align: right; 477 | text-decoration: none; 478 | } 479 | .fl-theme-by .ui-datepicker .ui-datepicker-buttonpane { 480 | background-image: none; 481 | margin: .7em 0 0 0; 482 | padding: 0 .2em; 483 | border-left: 0; 484 | border-right: 0; 485 | border-bottom: 0; 486 | } 487 | .fl-theme-by .ui-datepicker .ui-datepicker-buttonpane button { 488 | float: right; 489 | margin: .5em .2em .4em; 490 | cursor: pointer; 491 | padding: .2em .6em .3em .6em; 492 | width: auto; 493 | overflow: visible; 494 | } 495 | .fl-theme-by .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 496 | float: left; 497 | } 498 | 499 | /* with multiple calendars */ 500 | .fl-theme-by .ui-datepicker.ui-datepicker-multi { 501 | width: auto; 502 | } 503 | .fl-theme-by .ui-datepicker-multi .ui-datepicker-group { 504 | float: left; 505 | } 506 | .fl-theme-by .ui-datepicker-multi .ui-datepicker-group table { 507 | width: 95%; 508 | margin: 0 auto .4em; 509 | } 510 | .fl-theme-by .ui-datepicker-multi-2 .ui-datepicker-group { 511 | width: 50%; 512 | } 513 | .fl-theme-by .ui-datepicker-multi-3 .ui-datepicker-group { 514 | width: 33.3%; 515 | } 516 | .fl-theme-by .ui-datepicker-multi-4 .ui-datepicker-group { 517 | width: 25%; 518 | } 519 | .fl-theme-by .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 520 | .fl-theme-by .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 521 | border-left-width: 0; 522 | } 523 | .fl-theme-by .ui-datepicker-multi .ui-datepicker-buttonpane { 524 | clear: left; 525 | } 526 | .fl-theme-by .ui-datepicker-row-break { 527 | clear: both; 528 | width: 100%; 529 | font-size: 0; 530 | } 531 | 532 | /* RTL support */ 533 | .fl-theme-by .ui-datepicker-rtl { 534 | direction: rtl; 535 | } 536 | .fl-theme-by .ui-datepicker-rtl .ui-datepicker-prev { 537 | right: 2px; 538 | left: auto; 539 | } 540 | .fl-theme-by .ui-datepicker-rtl .ui-datepicker-next { 541 | left: 2px; 542 | right: auto; 543 | } 544 | .fl-theme-by .ui-datepicker-rtl .ui-datepicker-prev:hover { 545 | right: 1px; 546 | left: auto; 547 | } 548 | .fl-theme-by .ui-datepicker-rtl .ui-datepicker-next:hover { 549 | left: 1px; 550 | right: auto; 551 | } 552 | .fl-theme-by .ui-datepicker-rtl .ui-datepicker-buttonpane { 553 | clear: right; 554 | } 555 | .fl-theme-by .ui-datepicker-rtl .ui-datepicker-buttonpane button { 556 | float: left; 557 | } 558 | .fl-theme-by .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, 559 | .fl-theme-by .ui-datepicker-rtl .ui-datepicker-group { 560 | float: right; 561 | } 562 | .fl-theme-by .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, 563 | .fl-theme-by .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 564 | border-right-width: 0; 565 | border-left-width: 1px; 566 | } 567 | 568 | /* Icons */ 569 | .fl-theme-by .ui-datepicker .ui-icon { 570 | display: block; 571 | text-indent: -99999px; 572 | overflow: hidden; 573 | background-repeat: no-repeat; 574 | left: .5em; 575 | top: .3em; 576 | } 577 | .fl-theme-by .ui-dialog { 578 | position: absolute; 579 | top: 0; 580 | left: 0; 581 | padding: .2em; 582 | outline: 0; 583 | } 584 | .fl-theme-by .ui-dialog .ui-dialog-titlebar { 585 | padding: .4em 1em; 586 | position: relative; 587 | } 588 | .fl-theme-by .ui-dialog .ui-dialog-title { 589 | float: left; 590 | margin: .1em 0; 591 | white-space: nowrap; 592 | width: 90%; 593 | overflow: hidden; 594 | text-overflow: ellipsis; 595 | } 596 | .fl-theme-by .ui-dialog .ui-dialog-titlebar-close { 597 | position: absolute; 598 | right: .3em; 599 | top: 50%; 600 | width: 20px; 601 | margin: -10px 0 0 0; 602 | padding: 1px; 603 | height: 20px; 604 | } 605 | .fl-theme-by .ui-dialog .ui-dialog-content { 606 | position: relative; 607 | border: 0; 608 | padding: .5em 1em; 609 | background: none; 610 | overflow: auto; 611 | } 612 | .fl-theme-by .ui-dialog .ui-dialog-buttonpane { 613 | text-align: left; 614 | border-width: 1px 0 0 0; 615 | background-image: none; 616 | margin-top: .5em; 617 | padding: .3em 1em .5em .4em; 618 | } 619 | .fl-theme-by .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 620 | float: right; 621 | } 622 | .fl-theme-by .ui-dialog .ui-dialog-buttonpane button { 623 | margin: .5em .4em .5em 0; 624 | cursor: pointer; 625 | } 626 | .fl-theme-by .ui-dialog .ui-resizable-n { 627 | height: 2px; 628 | top: 0; 629 | } 630 | .fl-theme-by .ui-dialog .ui-resizable-e { 631 | width: 2px; 632 | right: 0; 633 | } 634 | .fl-theme-by .ui-dialog .ui-resizable-s { 635 | height: 2px; 636 | bottom: 0; 637 | } 638 | .fl-theme-by .ui-dialog .ui-resizable-w { 639 | width: 2px; 640 | left: 0; 641 | } 642 | .fl-theme-by .ui-dialog .ui-resizable-se, 643 | .fl-theme-by .ui-dialog .ui-resizable-sw, 644 | .fl-theme-by .ui-dialog .ui-resizable-ne, 645 | .fl-theme-by .ui-dialog .ui-resizable-nw { 646 | width: 7px; 647 | height: 7px; 648 | } 649 | .fl-theme-by .ui-dialog .ui-resizable-se { 650 | right: 0; 651 | bottom: 0; 652 | } 653 | .fl-theme-by .ui-dialog .ui-resizable-sw { 654 | left: 0; 655 | bottom: 0; 656 | } 657 | .fl-theme-by .ui-dialog .ui-resizable-ne { 658 | right: 0; 659 | top: 0; 660 | } 661 | .fl-theme-by .ui-dialog .ui-resizable-nw { 662 | left: 0; 663 | top: 0; 664 | } 665 | .fl-theme-by .ui-draggable .ui-dialog-titlebar { 666 | cursor: move; 667 | } 668 | .fl-theme-by .ui-progressbar { 669 | height: 2em; 670 | text-align: left; 671 | overflow: hidden; 672 | } 673 | .fl-theme-by .ui-progressbar .ui-progressbar-value { 674 | margin: -1px; 675 | height: 100%; 676 | } 677 | .fl-theme-by .ui-progressbar .ui-progressbar-overlay { 678 | background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); 679 | height: 100%; 680 | filter: alpha(opacity=25); /* support: IE8 */ 681 | opacity: 0.25; 682 | } 683 | .fl-theme-by .ui-progressbar-indeterminate .ui-progressbar-value { 684 | background-image: none; 685 | } 686 | .fl-theme-by .ui-selectmenu-menu { 687 | padding: 0; 688 | margin: 0; 689 | position: absolute; 690 | top: 0; 691 | left: 0; 692 | display: none; 693 | } 694 | .fl-theme-by .ui-selectmenu-menu .ui-menu { 695 | overflow: auto; 696 | overflow-x: hidden; 697 | padding-bottom: 1px; 698 | } 699 | .fl-theme-by .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { 700 | font-size: 1em; 701 | font-weight: bold; 702 | line-height: 1.5; 703 | padding: 2px 0.4em; 704 | margin: 0.5em 0 0 0; 705 | height: auto; 706 | border: 0; 707 | } 708 | .fl-theme-by .ui-selectmenu-open { 709 | display: block; 710 | } 711 | .fl-theme-by .ui-selectmenu-text { 712 | display: block; 713 | margin-right: 20px; 714 | overflow: hidden; 715 | text-overflow: ellipsis; 716 | } 717 | .fl-theme-by .ui-selectmenu-button.ui-button { 718 | text-align: left; 719 | white-space: nowrap; 720 | width: 14em; 721 | } 722 | .fl-theme-by .ui-selectmenu-icon.ui-icon { 723 | float: right; 724 | margin-top: 0; 725 | } 726 | .fl-theme-by .ui-slider { 727 | position: relative; 728 | text-align: left; 729 | } 730 | .fl-theme-by .ui-slider .ui-slider-handle { 731 | position: absolute; 732 | z-index: 2; 733 | width: 1.2em; 734 | height: 1.2em; 735 | cursor: default; 736 | -ms-touch-action: none; 737 | touch-action: none; 738 | } 739 | .fl-theme-by .ui-slider .ui-slider-range { 740 | position: absolute; 741 | z-index: 1; 742 | font-size: .7em; 743 | display: block; 744 | border: 0; 745 | background-position: 0 0; 746 | } 747 | 748 | /* support: IE8 - See #6727 */ 749 | .fl-theme-by .ui-slider.ui-state-disabled .ui-slider-handle, 750 | .fl-theme-by .ui-slider.ui-state-disabled .ui-slider-range { 751 | filter: inherit; 752 | } 753 | 754 | .fl-theme-by .ui-slider-horizontal { 755 | height: .8em; 756 | } 757 | .fl-theme-by .ui-slider-horizontal .ui-slider-handle { 758 | top: -.3em; 759 | margin-left: -.6em; 760 | } 761 | .fl-theme-by .ui-slider-horizontal .ui-slider-range { 762 | top: 0; 763 | height: 100%; 764 | } 765 | .fl-theme-by .ui-slider-horizontal .ui-slider-range-min { 766 | left: 0; 767 | } 768 | .fl-theme-by .ui-slider-horizontal .ui-slider-range-max { 769 | right: 0; 770 | } 771 | 772 | .fl-theme-by .ui-slider-vertical { 773 | width: .8em; 774 | height: 100px; 775 | } 776 | .fl-theme-by .ui-slider-vertical .ui-slider-handle { 777 | left: -.3em; 778 | margin-left: 0; 779 | margin-bottom: -.6em; 780 | } 781 | .fl-theme-by .ui-slider-vertical .ui-slider-range { 782 | left: 0; 783 | width: 100%; 784 | } 785 | .fl-theme-by .ui-slider-vertical .ui-slider-range-min { 786 | bottom: 0; 787 | } 788 | .fl-theme-by .ui-slider-vertical .ui-slider-range-max { 789 | top: 0; 790 | } 791 | .fl-theme-by .ui-spinner { 792 | position: relative; 793 | display: inline-block; 794 | overflow: hidden; 795 | padding: 0; 796 | vertical-align: middle; 797 | } 798 | .fl-theme-by .ui-spinner-input { 799 | border: none; 800 | background: none; 801 | color: inherit; 802 | padding: .222em 0; 803 | margin: .2em 0; 804 | vertical-align: middle; 805 | margin-left: .4em; 806 | margin-right: 2em; 807 | } 808 | .fl-theme-by .ui-spinner-button { 809 | width: 1.6em; 810 | height: 50%; 811 | font-size: .5em; 812 | padding: 0; 813 | margin: 0; 814 | text-align: center; 815 | position: absolute; 816 | cursor: default; 817 | display: block; 818 | overflow: hidden; 819 | right: 0; 820 | } 821 | /* more specificity required here to override default borders */ 822 | .fl-theme-by .ui-spinner a.ui-spinner-button { 823 | border-top-style: none; 824 | border-bottom-style: none; 825 | border-right-style: none; 826 | } 827 | .fl-theme-by .ui-spinner-up { 828 | top: 0; 829 | } 830 | .fl-theme-by .ui-spinner-down { 831 | bottom: 0; 832 | } 833 | .fl-theme-by .ui-tabs { 834 | position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 835 | padding: .2em; 836 | } 837 | .fl-theme-by .ui-tabs .ui-tabs-nav { 838 | margin: 0; 839 | padding: .2em .2em 0; 840 | } 841 | .fl-theme-by .ui-tabs .ui-tabs-nav li { 842 | list-style: none; 843 | float: left; 844 | position: relative; 845 | top: 0; 846 | margin: 1px .2em 0 0; 847 | border-bottom-width: 0; 848 | padding: 0; 849 | white-space: nowrap; 850 | } 851 | .fl-theme-by .ui-tabs .ui-tabs-nav .ui-tabs-anchor { 852 | float: left; 853 | padding: .5em 1em; 854 | text-decoration: none; 855 | } 856 | .fl-theme-by .ui-tabs .ui-tabs-nav li.ui-tabs-active { 857 | margin-bottom: -1px; 858 | padding-bottom: 1px; 859 | } 860 | .fl-theme-by .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 861 | .fl-theme-by .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 862 | .fl-theme-by .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { 863 | cursor: text; 864 | } 865 | .fl-theme-by .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { 866 | cursor: pointer; 867 | } 868 | .fl-theme-by .ui-tabs .ui-tabs-panel { 869 | display: block; 870 | border-width: 0; 871 | padding: 1em 1.4em; 872 | background: none; 873 | } 874 | .fl-theme-by .ui-tooltip { 875 | padding: 8px; 876 | position: absolute; 877 | z-index: 9999; 878 | max-width: 300px; 879 | } 880 | body .fl-theme-by .ui-tooltip { 881 | border-width: 2px; 882 | } 883 | 884 | /* Component containers 885 | ----------------------------------*/ 886 | .fl-theme-by .ui-widget { 887 | font-family: Verdana,Arial,sans-serif; 888 | font-size: 1.2em; 889 | } 890 | .fl-theme-by .ui-widget .ui-widget { 891 | font-size: 1em; 892 | } 893 | .fl-theme-by .ui-widget input, 894 | .fl-theme-by .ui-widget select, 895 | .fl-theme-by .ui-widget textarea, 896 | .fl-theme-by .ui-widget button { 897 | font-family: Verdana,Arial,sans-serif; 898 | font-size: 1em; 899 | } 900 | .fl-theme-by .ui-widget.ui-widget-content { 901 | border: 1px solid #000000; 902 | } 903 | .fl-theme-by .ui-widget-content { 904 | border: 1px solid #000000; 905 | background: #ffff00; 906 | color: #000000; 907 | } 908 | .fl-theme-by .ui-widget-content a { 909 | color: #000000; 910 | } 911 | .fl-theme-by .ui-widget-header { 912 | border: 1px solid #000000; 913 | background: #000000; 914 | color: #ffff00; 915 | font-weight: bold; 916 | } 917 | .fl-theme-by .ui-widget-header a { 918 | color: #ffff00; 919 | } 920 | 921 | /* Interaction states 922 | ----------------------------------*/ 923 | .fl-theme-by .ui-state-default, 924 | .fl-theme-by .ui-widget-content .ui-state-default, 925 | .fl-theme-by .ui-widget-header .ui-state-default, 926 | .fl-theme-by .ui-button, 927 | 928 | /* We use html here because we need a greater specificity to make sure disabled 929 | works properly when clicked or hovered */ 930 | html .fl-theme-by .ui-button.ui-state-disabled:hover, 931 | html .fl-theme-by .ui-button.ui-state-disabled:active { 932 | border: 1px solid #000000; 933 | background: #ffff00; 934 | font-weight: normal; 935 | color: #000000; 936 | } 937 | .fl-theme-by .ui-state-default a, 938 | .fl-theme-by .ui-state-default a:link, 939 | .fl-theme-by .ui-state-default a:visited, 940 | a.fl-theme-by .ui-button, 941 | a:link.fl-theme-by .ui-button, 942 | a:visited.fl-theme-by .ui-button, 943 | .fl-theme-by .ui-button { 944 | color: #000000; 945 | text-decoration: none; 946 | } 947 | .fl-theme-by .ui-state-hover, 948 | .fl-theme-by .ui-widget-content .ui-state-hover, 949 | .fl-theme-by .ui-widget-header .ui-state-hover, 950 | .fl-theme-by .ui-state-focus, 951 | .fl-theme-by .ui-widget-content .ui-state-focus, 952 | .fl-theme-by .ui-widget-header .ui-state-focus, 953 | .fl-theme-by .ui-button:hover, 954 | .fl-theme-by .ui-button:focus { 955 | border: 1px solid #ffff00; 956 | background: #000000; 957 | font-weight: normal; 958 | color: #ffff00; 959 | } 960 | .fl-theme-by .ui-state-hover a, 961 | .fl-theme-by .ui-state-hover a:hover, 962 | .fl-theme-by .ui-state-hover a:link, 963 | .fl-theme-by .ui-state-hover a:visited, 964 | .fl-theme-by .ui-state-focus a, 965 | .fl-theme-by .ui-state-focus a:hover, 966 | .fl-theme-by .ui-state-focus a:link, 967 | .fl-theme-by .ui-state-focus a:visited, 968 | a.fl-theme-by .ui-button:hover, 969 | a.fl-theme-by .ui-button:focus { 970 | color: #ffff00; 971 | text-decoration: none; 972 | } 973 | 974 | .fl-theme-by .ui-visual-focus { 975 | box-shadow: 0 0 3px 1px rgb(94, 158, 214); 976 | } 977 | .fl-theme-by .ui-state-active, 978 | .fl-theme-by .ui-widget-content .ui-state-active, 979 | .fl-theme-by .ui-widget-header .ui-state-active, 980 | a.fl-theme-by .ui-button:active, 981 | .fl-theme-by .ui-button:active, 982 | .fl-theme-by .ui-button.ui-state-active:hover { 983 | border: 1px solid #000000; 984 | background: #000000; 985 | font-weight: normal; 986 | color: #ffff00; 987 | } 988 | .fl-theme-by .ui-icon-background, 989 | .fl-theme-by .ui-state-active .ui-icon-background { 990 | border: #000000; 991 | background-color: #ffff00; 992 | } 993 | .fl-theme-by .ui-state-active a, 994 | .fl-theme-by .ui-state-active a:link, 995 | .fl-theme-by .ui-state-active a:visited { 996 | color: #ffff00; 997 | text-decoration: none; 998 | } 999 | 1000 | /* Interaction Cues 1001 | ----------------------------------*/ 1002 | .fl-theme-by .ui-state-highlight, 1003 | .fl-theme-by .ui-widget-content .ui-state-highlight, 1004 | .fl-theme-by .ui-widget-header .ui-state-highlight { 1005 | border: 1px solid #000000; 1006 | background: #000000; 1007 | color: #ffff00; 1008 | } 1009 | .fl-theme-by .ui-state-checked { 1010 | border: 1px solid #000000; 1011 | background: #000000; 1012 | } 1013 | .fl-theme-by .ui-state-highlight a, 1014 | .fl-theme-by .ui-widget-content .ui-state-highlight a, 1015 | .fl-theme-by .ui-widget-header .ui-state-highlight a { 1016 | color: #ffff00; 1017 | } 1018 | .fl-theme-by .ui-state-error, 1019 | .fl-theme-by .ui-widget-content .ui-state-error, 1020 | .fl-theme-by .ui-widget-header .ui-state-error { 1021 | border: 1px solid #000000; 1022 | background: #000000; 1023 | color: #ffff00; 1024 | } 1025 | .fl-theme-by .ui-state-error a, 1026 | .fl-theme-by .ui-widget-content .ui-state-error a, 1027 | .fl-theme-by .ui-widget-header .ui-state-error a { 1028 | color: #ffff00; 1029 | } 1030 | .fl-theme-by .ui-state-error-text, 1031 | .fl-theme-by .ui-widget-content .ui-state-error-text, 1032 | .fl-theme-by .ui-widget-header .ui-state-error-text { 1033 | color: #ffff00; 1034 | } 1035 | .fl-theme-by .ui-priority-primary, 1036 | .fl-theme-by .ui-widget-content .ui-priority-primary, 1037 | .fl-theme-by .ui-widget-header .ui-priority-primary { 1038 | font-weight: bold; 1039 | } 1040 | .fl-theme-by .ui-priority-secondary, 1041 | .fl-theme-by .ui-widget-content .ui-priority-secondary, 1042 | .fl-theme-by .ui-widget-header .ui-priority-secondary { 1043 | opacity: .7; 1044 | filter:Alpha(Opacity=70); /* support: IE8 */ 1045 | font-weight: normal; 1046 | } 1047 | .fl-theme-by .ui-state-disabled, 1048 | .fl-theme-by .ui-widget-content .ui-state-disabled, 1049 | .fl-theme-by .ui-widget-header .ui-state-disabled { 1050 | opacity: .35; 1051 | filter:Alpha(Opacity=35); /* support: IE8 */ 1052 | background-image: none; 1053 | } 1054 | .fl-theme-by .ui-state-disabled .ui-icon { 1055 | filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ 1056 | } 1057 | 1058 | /* Icons 1059 | ----------------------------------*/ 1060 | 1061 | /* states and images */ 1062 | .fl-theme-by .ui-icon { 1063 | width: 16px; 1064 | height: 16px; 1065 | } 1066 | .fl-theme-by .ui-icon, 1067 | .fl-theme-by .ui-widget-content .ui-icon { 1068 | background-image: url("images/ui-icons_000000_256x240.png"); 1069 | } 1070 | .fl-theme-by .ui-widget-header .ui-icon { 1071 | background-image: url("images/ui-icons_ffff00_256x240.png"); 1072 | } 1073 | .fl-theme-by .ui-state-hover .ui-icon, 1074 | .fl-theme-by .ui-state-focus .ui-icon, 1075 | .fl-theme-by .ui-button:hover .ui-icon, 1076 | .fl-theme-by .ui-button:focus .ui-icon { 1077 | background-image: url("images/ui-icons_ffff00_256x240.png"); 1078 | } 1079 | .fl-theme-by .ui-state-active .ui-icon, 1080 | .fl-theme-by .ui-button:active .ui-icon { 1081 | background-image: url("images/ui-icons_ffff00_256x240.png"); 1082 | } 1083 | .fl-theme-by .ui-state-highlight .ui-icon, 1084 | .fl-theme-by .ui-button .ui-state-highlight.ui-icon { 1085 | background-image: url("images/ui-icons_ffff00_256x240.png"); 1086 | } 1087 | .fl-theme-by .ui-state-error .ui-icon, 1088 | .fl-theme-by .ui-state-error-text .ui-icon { 1089 | background-image: url("images/ui-icons_ffff00_256x240.png"); 1090 | } 1091 | .fl-theme-by .ui-button .ui-icon { 1092 | background-image: url("images/ui-icons_000000_256x240.png"); 1093 | } 1094 | 1095 | /* positioning */ 1096 | .fl-theme-by .ui-icon-blank { background-position: 16px 16px; } 1097 | .fl-theme-by .ui-icon-caret-1-n { background-position: 0 0; } 1098 | .fl-theme-by .ui-icon-caret-1-ne { background-position: -16px 0; } 1099 | .fl-theme-by .ui-icon-caret-1-e { background-position: -32px 0; } 1100 | .fl-theme-by .ui-icon-caret-1-se { background-position: -48px 0; } 1101 | .fl-theme-by .ui-icon-caret-1-s { background-position: -65px 0; } 1102 | .fl-theme-by .ui-icon-caret-1-sw { background-position: -80px 0; } 1103 | .fl-theme-by .ui-icon-caret-1-w { background-position: -96px 0; } 1104 | .fl-theme-by .ui-icon-caret-1-nw { background-position: -112px 0; } 1105 | .fl-theme-by .ui-icon-caret-2-n-s { background-position: -128px 0; } 1106 | .fl-theme-by .ui-icon-caret-2-e-w { background-position: -144px 0; } 1107 | .fl-theme-by .ui-icon-triangle-1-n { background-position: 0 -16px; } 1108 | .fl-theme-by .ui-icon-triangle-1-ne { background-position: -16px -16px; } 1109 | .fl-theme-by .ui-icon-triangle-1-e { background-position: -32px -16px; } 1110 | .fl-theme-by .ui-icon-triangle-1-se { background-position: -48px -16px; } 1111 | .fl-theme-by .ui-icon-triangle-1-s { background-position: -65px -16px; } 1112 | .fl-theme-by .ui-icon-triangle-1-sw { background-position: -80px -16px; } 1113 | .fl-theme-by .ui-icon-triangle-1-w { background-position: -96px -16px; } 1114 | .fl-theme-by .ui-icon-triangle-1-nw { background-position: -112px -16px; } 1115 | .fl-theme-by .ui-icon-triangle-2-n-s { background-position: -128px -16px; } 1116 | .fl-theme-by .ui-icon-triangle-2-e-w { background-position: -144px -16px; } 1117 | .fl-theme-by .ui-icon-arrow-1-n { background-position: 0 -32px; } 1118 | .fl-theme-by .ui-icon-arrow-1-ne { background-position: -16px -32px; } 1119 | .fl-theme-by .ui-icon-arrow-1-e { background-position: -32px -32px; } 1120 | .fl-theme-by .ui-icon-arrow-1-se { background-position: -48px -32px; } 1121 | .fl-theme-by .ui-icon-arrow-1-s { background-position: -65px -32px; } 1122 | .fl-theme-by .ui-icon-arrow-1-sw { background-position: -80px -32px; } 1123 | .fl-theme-by .ui-icon-arrow-1-w { background-position: -96px -32px; } 1124 | .fl-theme-by .ui-icon-arrow-1-nw { background-position: -112px -32px; } 1125 | .fl-theme-by .ui-icon-arrow-2-n-s { background-position: -128px -32px; } 1126 | .fl-theme-by .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 1127 | .fl-theme-by .ui-icon-arrow-2-e-w { background-position: -160px -32px; } 1128 | .fl-theme-by .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 1129 | .fl-theme-by .ui-icon-arrowstop-1-n { background-position: -192px -32px; } 1130 | .fl-theme-by .ui-icon-arrowstop-1-e { background-position: -208px -32px; } 1131 | .fl-theme-by .ui-icon-arrowstop-1-s { background-position: -224px -32px; } 1132 | .fl-theme-by .ui-icon-arrowstop-1-w { background-position: -240px -32px; } 1133 | .fl-theme-by .ui-icon-arrowthick-1-n { background-position: 1px -48px; } 1134 | .fl-theme-by .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 1135 | .fl-theme-by .ui-icon-arrowthick-1-e { background-position: -32px -48px; } 1136 | .fl-theme-by .ui-icon-arrowthick-1-se { background-position: -48px -48px; } 1137 | .fl-theme-by .ui-icon-arrowthick-1-s { background-position: -64px -48px; } 1138 | .fl-theme-by .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 1139 | .fl-theme-by .ui-icon-arrowthick-1-w { background-position: -96px -48px; } 1140 | .fl-theme-by .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 1141 | .fl-theme-by .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 1142 | .fl-theme-by .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 1143 | .fl-theme-by .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 1144 | .fl-theme-by .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 1145 | .fl-theme-by .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 1146 | .fl-theme-by .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 1147 | .fl-theme-by .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 1148 | .fl-theme-by .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 1149 | .fl-theme-by .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 1150 | .fl-theme-by .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 1151 | .fl-theme-by .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 1152 | .fl-theme-by .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 1153 | .fl-theme-by .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 1154 | .fl-theme-by .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 1155 | .fl-theme-by .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 1156 | .fl-theme-by .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 1157 | .fl-theme-by .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 1158 | .fl-theme-by .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 1159 | .fl-theme-by .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 1160 | .fl-theme-by .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 1161 | .fl-theme-by .ui-icon-arrow-4 { background-position: 0 -80px; } 1162 | .fl-theme-by .ui-icon-arrow-4-diag { background-position: -16px -80px; } 1163 | .fl-theme-by .ui-icon-extlink { background-position: -32px -80px; } 1164 | .fl-theme-by .ui-icon-newwin { background-position: -48px -80px; } 1165 | .fl-theme-by .ui-icon-refresh { background-position: -64px -80px; } 1166 | .fl-theme-by .ui-icon-shuffle { background-position: -80px -80px; } 1167 | .fl-theme-by .ui-icon-transfer-e-w { background-position: -96px -80px; } 1168 | .fl-theme-by .ui-icon-transferthick-e-w { background-position: -112px -80px; } 1169 | .fl-theme-by .ui-icon-folder-collapsed { background-position: 0 -96px; } 1170 | .fl-theme-by .ui-icon-folder-open { background-position: -16px -96px; } 1171 | .fl-theme-by .ui-icon-document { background-position: -32px -96px; } 1172 | .fl-theme-by .ui-icon-document-b { background-position: -48px -96px; } 1173 | .fl-theme-by .ui-icon-note { background-position: -64px -96px; } 1174 | .fl-theme-by .ui-icon-mail-closed { background-position: -80px -96px; } 1175 | .fl-theme-by .ui-icon-mail-open { background-position: -96px -96px; } 1176 | .fl-theme-by .ui-icon-suitcase { background-position: -112px -96px; } 1177 | .fl-theme-by .ui-icon-comment { background-position: -128px -96px; } 1178 | .fl-theme-by .ui-icon-person { background-position: -144px -96px; } 1179 | .fl-theme-by .ui-icon-print { background-position: -160px -96px; } 1180 | .fl-theme-by .ui-icon-trash { background-position: -176px -96px; } 1181 | .fl-theme-by .ui-icon-locked { background-position: -192px -96px; } 1182 | .fl-theme-by .ui-icon-unlocked { background-position: -208px -96px; } 1183 | .fl-theme-by .ui-icon-bookmark { background-position: -224px -96px; } 1184 | .fl-theme-by .ui-icon-tag { background-position: -240px -96px; } 1185 | .fl-theme-by .ui-icon-home { background-position: 0 -112px; } 1186 | .fl-theme-by .ui-icon-flag { background-position: -16px -112px; } 1187 | .fl-theme-by .ui-icon-calendar { background-position: -32px -112px; } 1188 | .fl-theme-by .ui-icon-cart { background-position: -48px -112px; } 1189 | .fl-theme-by .ui-icon-pencil { background-position: -64px -112px; } 1190 | .fl-theme-by .ui-icon-clock { background-position: -80px -112px; } 1191 | .fl-theme-by .ui-icon-disk { background-position: -96px -112px; } 1192 | .fl-theme-by .ui-icon-calculator { background-position: -112px -112px; } 1193 | .fl-theme-by .ui-icon-zoomin { background-position: -128px -112px; } 1194 | .fl-theme-by .ui-icon-zoomout { background-position: -144px -112px; } 1195 | .fl-theme-by .ui-icon-search { background-position: -160px -112px; } 1196 | .fl-theme-by .ui-icon-wrench { background-position: -176px -112px; } 1197 | .fl-theme-by .ui-icon-gear { background-position: -192px -112px; } 1198 | .fl-theme-by .ui-icon-heart { background-position: -208px -112px; } 1199 | .fl-theme-by .ui-icon-star { background-position: -224px -112px; } 1200 | .fl-theme-by .ui-icon-link { background-position: -240px -112px; } 1201 | .fl-theme-by .ui-icon-cancel { background-position: 0 -128px; } 1202 | .fl-theme-by .ui-icon-plus { background-position: -16px -128px; } 1203 | .fl-theme-by .ui-icon-plusthick { background-position: -32px -128px; } 1204 | .fl-theme-by .ui-icon-minus { background-position: -48px -128px; } 1205 | .fl-theme-by .ui-icon-minusthick { background-position: -64px -128px; } 1206 | .fl-theme-by .ui-icon-close { background-position: -80px -128px; } 1207 | .fl-theme-by .ui-icon-closethick { background-position: -96px -128px; } 1208 | .fl-theme-by .ui-icon-key { background-position: -112px -128px; } 1209 | .fl-theme-by .ui-icon-lightbulb { background-position: -128px -128px; } 1210 | .fl-theme-by .ui-icon-scissors { background-position: -144px -128px; } 1211 | .fl-theme-by .ui-icon-clipboard { background-position: -160px -128px; } 1212 | .fl-theme-by .ui-icon-copy { background-position: -176px -128px; } 1213 | .fl-theme-by .ui-icon-contact { background-position: -192px -128px; } 1214 | .fl-theme-by .ui-icon-image { background-position: -208px -128px; } 1215 | .fl-theme-by .ui-icon-video { background-position: -224px -128px; } 1216 | .fl-theme-by .ui-icon-script { background-position: -240px -128px; } 1217 | .fl-theme-by .ui-icon-alert { background-position: 0 -144px; } 1218 | .fl-theme-by .ui-icon-info { background-position: -16px -144px; } 1219 | .fl-theme-by .ui-icon-notice { background-position: -32px -144px; } 1220 | .fl-theme-by .ui-icon-help { background-position: -48px -144px; } 1221 | .fl-theme-by .ui-icon-check { background-position: -64px -144px; } 1222 | .fl-theme-by .ui-icon-bullet { background-position: -80px -144px; } 1223 | .fl-theme-by .ui-icon-radio-on { background-position: -96px -144px; } 1224 | .fl-theme-by .ui-icon-radio-off { background-position: -112px -144px; } 1225 | .fl-theme-by .ui-icon-pin-w { background-position: -128px -144px; } 1226 | .fl-theme-by .ui-icon-pin-s { background-position: -144px -144px; } 1227 | .fl-theme-by .ui-icon-play { background-position: 0 -160px; } 1228 | .fl-theme-by .ui-icon-pause { background-position: -16px -160px; } 1229 | .fl-theme-by .ui-icon-seek-next { background-position: -32px -160px; } 1230 | .fl-theme-by .ui-icon-seek-prev { background-position: -48px -160px; } 1231 | .fl-theme-by .ui-icon-seek-end { background-position: -64px -160px; } 1232 | .fl-theme-by .ui-icon-seek-start { background-position: -80px -160px; } 1233 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 1234 | .fl-theme-by .ui-icon-seek-first { background-position: -80px -160px; } 1235 | .fl-theme-by .ui-icon-stop { background-position: -96px -160px; } 1236 | .fl-theme-by .ui-icon-eject { background-position: -112px -160px; } 1237 | .fl-theme-by .ui-icon-volume-off { background-position: -128px -160px; } 1238 | .fl-theme-by .ui-icon-volume-on { background-position: -144px -160px; } 1239 | .fl-theme-by .ui-icon-power { background-position: 0 -176px; } 1240 | .fl-theme-by .ui-icon-signal-diag { background-position: -16px -176px; } 1241 | .fl-theme-by .ui-icon-signal { background-position: -32px -176px; } 1242 | .fl-theme-by .ui-icon-battery-0 { background-position: -48px -176px; } 1243 | .fl-theme-by .ui-icon-battery-1 { background-position: -64px -176px; } 1244 | .fl-theme-by .ui-icon-battery-2 { background-position: -80px -176px; } 1245 | .fl-theme-by .ui-icon-battery-3 { background-position: -96px -176px; } 1246 | .fl-theme-by .ui-icon-circle-plus { background-position: 0 -192px; } 1247 | .fl-theme-by .ui-icon-circle-minus { background-position: -16px -192px; } 1248 | .fl-theme-by .ui-icon-circle-close { background-position: -32px -192px; } 1249 | .fl-theme-by .ui-icon-circle-triangle-e { background-position: -48px -192px; } 1250 | .fl-theme-by .ui-icon-circle-triangle-s { background-position: -64px -192px; } 1251 | .fl-theme-by .ui-icon-circle-triangle-w { background-position: -80px -192px; } 1252 | .fl-theme-by .ui-icon-circle-triangle-n { background-position: -96px -192px; } 1253 | .fl-theme-by .ui-icon-circle-arrow-e { background-position: -112px -192px; } 1254 | .fl-theme-by .ui-icon-circle-arrow-s { background-position: -128px -192px; } 1255 | .fl-theme-by .ui-icon-circle-arrow-w { background-position: -144px -192px; } 1256 | .fl-theme-by .ui-icon-circle-arrow-n { background-position: -160px -192px; } 1257 | .fl-theme-by .ui-icon-circle-zoomin { background-position: -176px -192px; } 1258 | .fl-theme-by .ui-icon-circle-zoomout { background-position: -192px -192px; } 1259 | .fl-theme-by .ui-icon-circle-check { background-position: -208px -192px; } 1260 | .fl-theme-by .ui-icon-circlesmall-plus { background-position: 0 -208px; } 1261 | .fl-theme-by .ui-icon-circlesmall-minus { background-position: -16px -208px; } 1262 | .fl-theme-by .ui-icon-circlesmall-close { background-position: -32px -208px; } 1263 | .fl-theme-by .ui-icon-squaresmall-plus { background-position: -48px -208px; } 1264 | .fl-theme-by .ui-icon-squaresmall-minus { background-position: -64px -208px; } 1265 | .fl-theme-by .ui-icon-squaresmall-close { background-position: -80px -208px; } 1266 | .fl-theme-by .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 1267 | .fl-theme-by .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 1268 | .fl-theme-by .ui-icon-grip-solid-vertical { background-position: -32px -224px; } 1269 | .fl-theme-by .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 1270 | .fl-theme-by .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 1271 | .fl-theme-by .ui-icon-grip-diagonal-se { background-position: -80px -224px; } 1272 | 1273 | 1274 | /* Misc visuals 1275 | ----------------------------------*/ 1276 | 1277 | /* Corner radius */ 1278 | .fl-theme-by .ui-corner-all, 1279 | .fl-theme-by .ui-corner-top, 1280 | .fl-theme-by .ui-corner-left, 1281 | .fl-theme-by .ui-corner-tl { 1282 | border-top-left-radius: 5px; 1283 | } 1284 | .fl-theme-by .ui-corner-all, 1285 | .fl-theme-by .ui-corner-top, 1286 | .fl-theme-by .ui-corner-right, 1287 | .fl-theme-by .ui-corner-tr { 1288 | border-top-right-radius: 5px; 1289 | } 1290 | .fl-theme-by .ui-corner-all, 1291 | .fl-theme-by .ui-corner-bottom, 1292 | .fl-theme-by .ui-corner-left, 1293 | .fl-theme-by .ui-corner-bl { 1294 | border-bottom-left-radius: 5px; 1295 | } 1296 | .fl-theme-by .ui-corner-all, 1297 | .fl-theme-by .ui-corner-bottom, 1298 | .fl-theme-by .ui-corner-right, 1299 | .fl-theme-by .ui-corner-br { 1300 | border-bottom-right-radius: 5px; 1301 | } 1302 | 1303 | /* Overlays */ 1304 | .fl-theme-by .ui-widget-overlay { 1305 | background: #ffff00; 1306 | opacity: .75; 1307 | filter: Alpha(Opacity=75); /* support: IE8 */ 1308 | } 1309 | .fl-theme-by .ui-widget-shadow { 1310 | -webkit-box-shadow: 5px 5px 1px #000000; 1311 | box-shadow: 5px 5px 1px #000000; 1312 | } 1313 | --------------------------------------------------------------------------------