diff --git a/ram/driver/static/wt/css/fonts/icomoon.eot b/ram/driver/static/wt/css/fonts/icomoon.eot new file mode 100644 index 0000000..99cddce Binary files /dev/null and b/ram/driver/static/wt/css/fonts/icomoon.eot differ diff --git a/ram/driver/static/wt/css/fonts/icomoon.svg b/ram/driver/static/wt/css/fonts/icomoon.svg new file mode 100644 index 0000000..2e2a501 --- /dev/null +++ b/ram/driver/static/wt/css/fonts/icomoon.svg @@ -0,0 +1,116 @@ + + + \ No newline at end of file diff --git a/ram/driver/static/wt/css/fonts/icomoon.ttf b/ram/driver/static/wt/css/fonts/icomoon.ttf new file mode 100644 index 0000000..6b9862d Binary files /dev/null and b/ram/driver/static/wt/css/fonts/icomoon.ttf differ diff --git a/ram/driver/static/wt/css/fonts/icomoon.woff b/ram/driver/static/wt/css/fonts/icomoon.woff new file mode 100644 index 0000000..18a6609 Binary files /dev/null and b/ram/driver/static/wt/css/fonts/icomoon.woff differ diff --git a/ram/driver/static/wt/css/icons.css b/ram/driver/static/wt/css/icons.css new file mode 100644 index 0000000..7347d02 --- /dev/null +++ b/ram/driver/static/wt/css/icons.css @@ -0,0 +1,345 @@ +@font-face { + font-family: 'icomoon'; + src: url('fonts/icomoon.eot?rby20y'); + src: url('fonts/icomoon.eot?rby20y#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?rby20y') format('truetype'), + url('fonts/icomoon.woff?rby20y') format('woff'), + url('fonts/icomoon.svg?rby20y#icomoon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-up:before { + content: "\e900"; +} +.icon-down:before { + content: "\e901"; +} +.icon-droplet:before { + content: "\e90b"; +} +.icon-paint-format:before { + content: "\e90c"; +} +.icon-image:before { + content: "\e90d"; +} +.icon-images:before { + content: "\e90e"; +} +.icon-camera:before { + content: "\e90f"; +} +.icon-video-camera:before { + content: "\e914"; +} +.icon-book:before { + content: "\e91f"; +} +.icon-file-empty:before { + content: "\e924"; +} +.icon-files-empty:before { + content: "\e925"; +} +.icon-file-play:before { + content: "\e929"; +} +.icon-file-video:before { + content: "\e92a"; +} +.icon-file-zip:before { + content: "\e92b"; +} +.icon-stack:before { + content: "\e92e"; +} +.icon-folder:before { + content: "\e92f"; +} +.icon-folder-open:before { + content: "\e930"; +} +.icon-folder-plus:before { + content: "\e931"; +} +.icon-folder-minus:before { + content: "\e932"; +} +.icon-folder-download:before { + content: "\e933"; +} +.icon-folder-upload:before { + content: "\e934"; +} +.icon-price-tag:before { + content: "\e935"; +} +.icon-price-tags:before { + content: "\e936"; +} +.icon-location:before { + content: "\e947"; +} +.icon-history:before { + content: "\e94d"; +} +.icon-alarm:before { + content: "\e950"; +} +.icon-bell:before { + content: "\e951"; +} +.icon-stopwatch:before { + content: "\e952"; +} +.icon-display:before { + content: "\e956"; +} +.icon-mobile:before { + content: "\e958"; +} +.icon-mobile2:before { + content: "\e959"; +} +.icon-box-add:before { + content: "\e95e"; +} +.icon-box-remove:before { + content: "\e95f"; +} +.icon-download:before { + content: "\e960"; +} +.icon-upload:before { + content: "\e961"; +} +.icon-floppy-disk:before { + content: "\e962"; +} +.icon-database:before { + content: "\e964"; +} +.icon-undo:before { + content: "\e965"; +} +.icon-redo:before { + content: "\e966"; +} +.icon-undo2:before { + content: "\e967"; +} +.icon-redo2:before { + content: "\e968"; +} +.icon-user:before { + content: "\e971"; +} +.icon-users:before { + content: "\e972"; +} +.icon-spinner2:before { + content: "\e97b"; +} +.icon-spinner11:before { + content: "\e984"; +} +.icon-binoculars:before { + content: "\e985"; +} +.icon-search:before { + content: "\e986"; +} +.icon-zoom-in:before { + content: "\e987"; +} +.icon-zoom-out:before { + content: "\e988"; +} +.icon-key:before { + content: "\e98d"; +} +.icon-key2:before { + content: "\e98e"; +} +.icon-lock:before { + content: "\e98f"; +} +.icon-unlocked:before { + content: "\e990"; +} +.icon-wrench:before { + content: "\e991"; +} +.icon-equalizer:before { + content: "\e992"; +} +.icon-equalizer2:before { + content: "\e993"; +} +.icon-cog:before { + content: "\e994"; +} +.icon-cogs:before { + content: "\e995"; +} +.icon-meter:before { + content: "\e9a6"; +} +.icon-meter2:before { + content: "\e9a7"; +} +.icon-download3:before { + content: "\e9c7"; +} +.icon-upload3:before { + content: "\e9c8"; +} +.icon-earth:before { + content: "\e9ca"; +} +.icon-flag:before { + content: "\e9cc"; +} +.icon-attachment:before { + content: "\e9cd"; +} +.icon-eye:before { + content: "\e9ce"; +} +.icon-eye-plus:before { + content: "\e9cf"; +} +.icon-eye-minus:before { + content: "\e9d0"; +} +.icon-star-empty:before { + content: "\e9d7"; +} +.icon-star-half:before { + content: "\e9d8"; +} +.icon-star-full:before { + content: "\e9d9"; +} +.icon-warning:before { + content: "\ea07"; +} +.icon-notification:before { + content: "\ea08"; +} +.icon-question:before { + content: "\ea09"; +} +.icon-plus:before { + content: "\ea0a"; +} +.icon-minus:before { + content: "\ea0b"; +} +.icon-info:before { + content: "\ea0c"; +} +.icon-cancel-circle:before { + content: "\ea0d"; +} +.icon-blocked:before { + content: "\ea0e"; +} +.icon-cross:before { + content: "\ea0f"; +} +.icon-checkmark:before { + content: "\ea10"; +} +.icon-stop:before { + content: "\ea17"; +} +.icon-stop2:before { + content: "\ea1e"; +} +.icon-volume-mute:before { + content: "\ea29"; +} +.icon-volume-mute2:before { + content: "\ea2a"; +} +.icon-volume-increase:before { + content: "\ea2b"; +} +.icon-volume-decrease:before { + content: "\ea2c"; +} +.icon-arrow-up2:before { + content: "\ea3a"; +} +.icon-arrow-right2:before { + content: "\ea3c"; +} +.icon-arrow-down2:before { + content: "\ea3e"; +} +.icon-arrow-left2:before { + content: "\ea40"; +} +.icon-circle-up:before { + content: "\ea41"; +} +.icon-circle-right:before { + content: "\ea42"; +} +.icon-circle-down:before { + content: "\ea43"; +} +.icon-circle-left:before { + content: "\ea44"; +} +.icon-sort-alpha-asc:before { + content: "\ea48"; +} +.icon-sort-alpha-desc:before { + content: "\ea49"; +} +.icon-sort-amount-asc:before { + content: "\ea4c"; +} +.icon-sort-amount-desc:before { + content: "\ea4d"; +} +.icon-checkbox-checked:before { + content: "\ea52"; +} +.icon-checkbox-unchecked:before { + content: "\ea53"; +} +.icon-radio-checked:before { + content: "\ea54"; +} +.icon-radio-checked2:before { + content: "\ea55"; +} +.icon-radio-unchecked:before { + content: "\ea56"; +} +.icon-crop:before { + content: "\ea57"; +} +.icon-filter:before { + content: "\ea5b"; +} diff --git a/ram/driver/static/wt/css/jquery-ui.css b/ram/driver/static/wt/css/jquery-ui.css new file mode 100644 index 0000000..a22ecb0 --- /dev/null +++ b/ram/driver/static/wt/css/jquery-ui.css @@ -0,0 +1,1311 @@ +/*! jQuery UI - v1.12.1 - 2016-09-14 +* http://jqueryui.com +* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px +* Copyright jQuery Foundation and other contributors; Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter:Alpha(Opacity=0); /* support: IE8 */ +} + +.ui-front { + z-index: 100; +} + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; + pointer-events: none; +} + + +/* Icons +----------------------------------*/ +.ui-icon { + display: inline-block; + vertical-align: middle; + margin-top: -.25em; + position: relative; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + +.ui-widget-icon-block { + left: 50%; + margin-left: -8px; + display: block; +} + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-accordion .ui-accordion-header { + display: block; + cursor: pointer; + position: relative; + margin: 2px 0 0 0; + padding: .5em .5em .5em .7em; + font-size: 100%; +} +.ui-accordion .ui-accordion-content { + padding: 1em 2.2em; + border-top: 0; + overflow: auto; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} +.ui-menu { + list-style: none; + padding: 0; + margin: 0; + display: block; + outline: 0; +} +.ui-menu .ui-menu { + position: absolute; +} +.ui-menu .ui-menu-item { + margin: 0; + cursor: pointer; + /* support: IE10, see #8844 */ + list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); +} +.ui-menu .ui-menu-item-wrapper { + position: relative; + padding: 3px 1em 3px .4em; +} +.ui-menu .ui-menu-divider { + margin: 5px 0; + height: 0; + font-size: 0; + line-height: 0; + border-width: 1px 0 0 0; +} +.ui-menu .ui-state-focus, +.ui-menu .ui-state-active { + margin: -1px; +} + +/* icon support */ +.ui-menu-icons { + position: relative; +} +.ui-menu-icons .ui-menu-item-wrapper { + padding-left: 2em; +} + +/* left-aligned */ +.ui-menu .ui-icon { + position: absolute; + top: 0; + bottom: 0; + left: .2em; + margin: auto 0; +} + +/* right-aligned */ +.ui-menu .ui-menu-icon { + left: auto; + right: 0; +} +.ui-button { + padding: .4em 1em; + display: inline-block; + position: relative; + line-height: normal; + margin-right: .1em; + cursor: pointer; + vertical-align: middle; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + /* Support: IE <= 11 */ + overflow: visible; +} + +.ui-button, +.ui-button:link, +.ui-button:visited, +.ui-button:hover, +.ui-button:active { + text-decoration: none; +} + +/* to make room for the icon, a width needs to be set here */ +.ui-button-icon-only { + width: 2em; + box-sizing: border-box; + text-indent: -9999px; + white-space: nowrap; +} + +/* no icon support for input elements */ +input.ui-button.ui-button-icon-only { + text-indent: 0; +} + +/* button icon element(s) */ +.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -8px; + margin-left: -8px; +} + +.ui-button.ui-icon-notext .ui-icon { + padding: 0; + width: 2.1em; + height: 2.1em; + text-indent: -9999px; + white-space: nowrap; + +} + +input.ui-button.ui-icon-notext .ui-icon { + width: auto; + height: auto; + text-indent: 0; + white-space: normal; + padding: .4em 1em; +} + +/* workarounds */ +/* Support: Firefox 5 - 40 */ +input.ui-button::-moz-focus-inner, +button.ui-button::-moz-focus-inner { + border: 0; + padding: 0; +} +.ui-controlgroup { + vertical-align: middle; + display: inline-block; +} +.ui-controlgroup > .ui-controlgroup-item { + float: left; + margin-left: 0; + margin-right: 0; +} +.ui-controlgroup > .ui-controlgroup-item:focus, +.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { + z-index: 9999; +} +.ui-controlgroup-vertical > .ui-controlgroup-item { + display: block; + float: none; + width: 100%; + margin-top: 0; + margin-bottom: 0; + text-align: left; +} +.ui-controlgroup-vertical .ui-controlgroup-item { + box-sizing: border-box; +} +.ui-controlgroup .ui-controlgroup-label { + padding: .4em 1em; +} +.ui-controlgroup .ui-controlgroup-label span { + font-size: 80%; +} +.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { + border-left: none; +} +.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { + border-top: none; +} +.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { + border-right: none; +} +.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { + border-bottom: none; +} + +/* Spinner specific style fixes */ +.ui-controlgroup-vertical .ui-spinner-input { + + /* Support: IE8 only, Android < 4.4 only */ + width: 75%; + width: calc( 100% - 2.4em ); +} +.ui-controlgroup-vertical .ui-spinner .ui-spinner-up { + border-top-style: solid; +} + +.ui-checkboxradio-label .ui-icon-background { + box-shadow: inset 1px 1px 1px #ccc; + border-radius: .12em; + border: none; +} +.ui-checkboxradio-radio-label .ui-icon-background { + width: 16px; + height: 16px; + border-radius: 1em; + overflow: visible; + border: none; +} +.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, +.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { + background-image: none; + width: 8px; + height: 8px; + border-width: 4px; + border-style: solid; +} +.ui-checkboxradio-disabled { + pointer-events: none; +} +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; +} +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; +} +.ui-datepicker .ui-datepicker-prev-hover, +.ui-datepicker .ui-datepicker-next-hover { + top: 1px; +} +.ui-datepicker .ui-datepicker-prev { + left: 2px; +} +.ui-datepicker .ui-datepicker-next { + right: 2px; +} +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; +} +.ui-datepicker .ui-datepicker-next-hover { + right: 1px; +} +.ui-datepicker .ui-datepicker-prev span, +.ui-datepicker .ui-datepicker-next span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; +} +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 45%; +} +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; +} +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 1px; +} +.ui-datepicker td span, +.ui-datepicker td a { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; +} +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; +} +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em .6em; + width: auto; + overflow: visible; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + float: left; +} + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} + +/* RTL support */ +.ui-datepicker-rtl { + direction: rtl; +} +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, +.ui-datepicker-rtl .ui-datepicker-group { + float: right; +} +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; +} + +/* Icons */ +.ui-datepicker .ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; + left: .5em; + top: .3em; +} +.ui-dialog { + position: absolute; + top: 0; + left: 0; + padding: .2em; + outline: 0; +} +.ui-dialog .ui-dialog-titlebar { + padding: .4em 1em; + position: relative; +} +.ui-dialog .ui-dialog-title { + float: left; + margin: .1em 0; + white-space: nowrap; + width: 90%; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: .3em; + top: 50%; + width: 20px; + margin: -10px 0 0 0; + padding: 1px; + height: 20px; +} +.ui-dialog .ui-dialog-content { + position: relative; + border: 0; + padding: .5em 1em; + background: none; + overflow: auto; +} +.ui-dialog .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; + margin-top: .5em; + padding: .3em 1em .5em .4em; +} +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + float: right; +} +.ui-dialog .ui-dialog-buttonpane button { + margin: .5em .4em .5em 0; + cursor: pointer; +} +.ui-dialog .ui-resizable-n { + height: 2px; + top: 0; +} +.ui-dialog .ui-resizable-e { + width: 2px; + right: 0; +} +.ui-dialog .ui-resizable-s { + height: 2px; + bottom: 0; +} +.ui-dialog .ui-resizable-w { + width: 2px; + left: 0; +} +.ui-dialog .ui-resizable-se, +.ui-dialog .ui-resizable-sw, +.ui-dialog .ui-resizable-ne, +.ui-dialog .ui-resizable-nw { + width: 7px; + height: 7px; +} +.ui-dialog .ui-resizable-se { + right: 0; + bottom: 0; +} +.ui-dialog .ui-resizable-sw { + left: 0; + bottom: 0; +} +.ui-dialog .ui-resizable-ne { + right: 0; + top: 0; +} +.ui-dialog .ui-resizable-nw { + left: 0; + top: 0; +} +.ui-draggable .ui-dialog-titlebar { + cursor: move; +} +.ui-draggable-handle { + -ms-touch-action: none; + touch-action: none; +} +.ui-resizable { + position: relative; +} +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + display: block; + -ms-touch-action: none; + touch-action: none; +} +.ui-resizable-disabled .ui-resizable-handle, +.ui-resizable-autohide .ui-resizable-handle { + display: none; +} +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0; +} +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0; +} +.ui-resizable-e { + cursor: e-resize; + width: 7px; + right: -5px; + top: 0; + height: 100%; +} +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0; + height: 100%; +} +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; +} +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; +} +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; +} +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; +} +.ui-progressbar { + height: 2em; + text-align: left; + overflow: hidden; +} +.ui-progressbar .ui-progressbar-value { + margin: -1px; + height: 100%; +} +.ui-progressbar .ui-progressbar-overlay { + 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=="); + height: 100%; + filter: alpha(opacity=25); /* support: IE8 */ + opacity: 0.25; +} +.ui-progressbar-indeterminate .ui-progressbar-value { + background-image: none; +} +.ui-selectable { + -ms-touch-action: none; + touch-action: none; +} +.ui-selectable-helper { + position: absolute; + z-index: 100; + border: 1px dotted black; +} +.ui-selectmenu-menu { + padding: 0; + margin: 0; + position: absolute; + top: 0; + left: 0; + display: none; +} +.ui-selectmenu-menu .ui-menu { + overflow: auto; + overflow-x: hidden; + padding-bottom: 1px; +} +.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { + font-size: 1em; + font-weight: bold; + line-height: 1.5; + padding: 2px 0.4em; + margin: 0.5em 0 0 0; + height: auto; + border: 0; +} +.ui-selectmenu-open { + display: block; +} +.ui-selectmenu-text { + display: block; + margin-right: 20px; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-selectmenu-button.ui-button { + text-align: left; + white-space: nowrap; + width: 14em; +} +.ui-selectmenu-icon.ui-icon { + float: right; + margin-top: 0; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; + -ms-touch-action: none; + touch-action: none; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; +} + +/* support: IE8 - See #6727 */ +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} + +.ui-slider-horizontal { + height: .8em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -.3em; + margin-left: -.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +.ui-slider-vertical { + width: .8em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -.3em; + margin-left: 0; + margin-bottom: -.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.ui-sortable-handle { + -ms-touch-action: none; + touch-action: none; +} +.ui-spinner { + position: relative; + display: inline-block; + overflow: hidden; + padding: 0; + vertical-align: middle; +} +.ui-spinner-input { + border: none; + background: none; + color: inherit; + padding: .222em 0; + margin: .2em 0; + vertical-align: middle; + margin-left: .4em; + margin-right: 2em; +} +.ui-spinner-button { + width: 1.6em; + height: 50%; + font-size: .5em; + padding: 0; + margin: 0; + text-align: center; + position: absolute; + cursor: default; + display: block; + overflow: hidden; + right: 0; +} +/* more specificity required here to override default borders */ +.ui-spinner a.ui-spinner-button { + border-top-style: none; + border-bottom-style: none; + border-right-style: none; +} +.ui-spinner-up { + top: 0; +} +.ui-spinner-down { + bottom: 0; +} +.ui-tabs { + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ + padding: .2em; +} +.ui-tabs .ui-tabs-nav { + margin: 0; + padding: .2em .2em 0; +} +.ui-tabs .ui-tabs-nav li { + list-style: none; + float: left; + position: relative; + top: 0; + margin: 1px .2em 0 0; + border-bottom-width: 0; + padding: 0; + white-space: nowrap; +} +.ui-tabs .ui-tabs-nav .ui-tabs-anchor { + float: left; + padding: .5em 1em; + text-decoration: none; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin-bottom: -1px; + padding-bottom: 1px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, +.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, +.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { + cursor: text; +} +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { + cursor: pointer; +} +.ui-tabs .ui-tabs-panel { + display: block; + border-width: 0; + padding: 1em 1.4em; + background: none; +} +.ui-tooltip { + padding: 8px; + position: absolute; + z-index: 9999; + max-width: 300px; +} +body .ui-tooltip { + border-width: 2px; +} +/* Component containers +----------------------------------*/ +.ui-widget { + font-family: Arial,Helvetica,sans-serif; + font-size: 1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-family: Arial,Helvetica,sans-serif; + font-size: 1em; +} +.ui-widget.ui-widget-content { + border: 1px solid #c5c5c5; +} +.ui-widget-content { + border: 1px solid #dddddd; + background: #ffffff; + color: #333333; +} +.ui-widget-content a { + color: #333333; +} +.ui-widget-header { + border: 1px solid #dddddd; + background: #e9e9e9; + color: #333333; + font-weight: bold; +} +.ui-widget-header a { + color: #333333; +} + +/* Interaction states +----------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default, +.ui-button, + +/* We use html here because we need a greater specificity to make sure disabled +works properly when clicked or hovered */ +html .ui-button.ui-state-disabled:hover, +html .ui-button.ui-state-disabled:active { + border: 1px solid #c5c5c5; + background: #f6f6f6; + font-weight: normal; + color: #454545; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited, +a.ui-button, +a:link.ui-button, +a:visited.ui-button, +.ui-button { + color: #454545; + text-decoration: none; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus, +.ui-button:hover, +.ui-button:focus { + border: 1px solid #cccccc; + background: #ededed; + font-weight: normal; + color: #2b2b2b; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited, +.ui-state-focus a, +.ui-state-focus a:hover, +.ui-state-focus a:link, +.ui-state-focus a:visited, +a.ui-button:hover, +a.ui-button:focus { + color: #2b2b2b; + text-decoration: none; +} + +.ui-visual-focus { + box-shadow: 0 0 3px 1px rgb(94, 158, 214); +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active, +a.ui-button:active, +.ui-button:active, +.ui-button.ui-state-active:hover { + border: 1px solid #003eff; + background: #007fff; + font-weight: normal; + color: #ffffff; +} +.ui-icon-background, +.ui-state-active .ui-icon-background { + border: #003eff; + background-color: #ffffff; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #ffffff; + text-decoration: none; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #dad55e; + background: #fffa90; + color: #777620; +} +.ui-state-checked { + border: 1px solid #dad55e; + background: #fffa90; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #777620; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #f1a899; + background: #fddfdf; + color: #5f3f3f; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #5f3f3f; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #5f3f3f; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: .7; + filter:Alpha(Opacity=70); /* support: IE8 */ + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: .35; + filter:Alpha(Opacity=35); /* support: IE8 */ + background-image: none; +} +.ui-state-disabled .ui-icon { + filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ +} + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + width: 16px; + height: 16px; +} +.ui-icon, +.ui-widget-content .ui-icon { + background-image: url("images/ui-icons_444444_256x240.png"); +} +.ui-widget-header .ui-icon { + background-image: url("images/ui-icons_444444_256x240.png"); +} +.ui-state-hover .ui-icon, +.ui-state-focus .ui-icon, +.ui-button:hover .ui-icon, +.ui-button:focus .ui-icon { + background-image: url("images/ui-icons_555555_256x240.png"); +} +.ui-state-active .ui-icon, +.ui-button:active .ui-icon { + background-image: url("images/ui-icons_ffffff_256x240.png"); +} +.ui-state-highlight .ui-icon, +.ui-button .ui-state-highlight.ui-icon { + background-image: url("images/ui-icons_777620_256x240.png"); +} +.ui-state-error .ui-icon, +.ui-state-error-text .ui-icon { + background-image: url("images/ui-icons_cc0000_256x240.png"); +} +.ui-button .ui-icon { + background-image: url("images/ui-icons_777777_256x240.png"); +} + +/* positioning */ +.ui-icon-blank { background-position: 16px 16px; } +.ui-icon-caret-1-n { background-position: 0 0; } +.ui-icon-caret-1-ne { background-position: -16px 0; } +.ui-icon-caret-1-e { background-position: -32px 0; } +.ui-icon-caret-1-se { background-position: -48px 0; } +.ui-icon-caret-1-s { background-position: -65px 0; } +.ui-icon-caret-1-sw { background-position: -80px 0; } +.ui-icon-caret-1-w { background-position: -96px 0; } +.ui-icon-caret-1-nw { background-position: -112px 0; } +.ui-icon-caret-2-n-s { background-position: -128px 0; } +.ui-icon-caret-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -65px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -65px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 1px -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 3px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 3px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 3px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 3px; +} + +/* Overlays */ +.ui-widget-overlay { + background: #aaaaaa; + opacity: .3; + filter: Alpha(Opacity=30); /* support: IE8 */ +} +.ui-widget-shadow { + -webkit-box-shadow: 0px 0px 5px #666666; + box-shadow: 0px 0px 5px #666666; +} diff --git a/ram/driver/static/wt/css/jquery.rotaryswitch.css b/ram/driver/static/wt/css/jquery.rotaryswitch.css new file mode 100644 index 0000000..89ceda1 --- /dev/null +++ b/ram/driver/static/wt/css/jquery.rotaryswitch.css @@ -0,0 +1,147 @@ + +.rotaryswitchPlugin { + position: relative; + width: 51px; + height: 51px; + cursor: pointer; + background: url(../images/darkSmallBackground.png) no-repeat; + background-size: 100%; + background-position: center; +} + @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { + .rotaryswitchPlugin { + background-image: url(../images/darkSmallBackground@2x.png); + background-size: 100% 100%; + background-position: center; +} +} + +.rotaryswitchPlugin .switch { + width: 100%; + height: 100%; + background: url(../images/darkSmallFront.png) no-repeat; + background-size: 93%; + background-position: center; +} + @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { + .rotaryswitchPlugin .switch { + background-image: url(../images/darkSmallFront@2x.png); + background-size: 100% 100%; + background-position: center; +} +} + +.rotaryswitchPlugin .mark { + position: absolute; + left: 50%; + top: 50%; + margin: -1px 0 0 0; + width: 1px; + height: 3px; + background-color: #0e0e0e; +} + +.rotaryswitchPlugin input { + position: absolute; + top: 0; + bottom: 0; + right: -60px; + width: 100%; + border: none; + z-index: 100; + text-align: left; + background: none; + font: normal 18px/18px verdana; + color: #0e0e0e; +} + +.rotaryswitchPlugin.big { + width: 200px; + height: 200px; + background: url(../images/darkBigBackground.png) no-repeat; + background-size: 100%; + background-position: center; +} + @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { + .rotaryswitchPlugin.big { + background-image: url(../images/darkBigBackground@2x.png); + background-size: 100% 100%; + background-position: center; +} +} + +.rotaryswitchPlugin.big .switch { background: url(../images/darkBigFront.png) no-repeat; } + @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { + .rotaryswitchPlugin.big .switch { + background-image: url(../images/darkBigFront@2x.png); + background-size: 100% 100%; + background-position: center; +} +} + +.rotaryswitchPlugin.big .mark { + position: absolute; + left: 50%; + top: 50%; + margin: -4px 0 0 -2px; + width: 4px; + height: 10px; + background-color: #c3c3c2; +} + +.rotaryswitchPlugin input { + position: absolute; + top: 0; + bottom: 0; + right: -60px; + width: 100%; + border: none; + z-index: 100; + text-align: left; + background: none; + font: normal 18px/18px verdana; + color: #0e0e0e; +} + +.rotaryswitchPlugin.big.light { + margin: 36px; + background: url(../images/lightBigBackground.png) no-repeat; + background-size: 100%; + background-position: center; + display: inline-block; +} + +.rotaryswitchPlugin.big.light .switch { + background: url(../images/lightBigFront.png) no-repeat; + background-size: 93%; + background-position: center; +} + +.knob-value{ + left: 50%; + font-size: 30px; + position: relative; + margin-left: -30px; + width: 60px; + text-align: center; + right: auto; + top: -16px; + color: #00bcd6; + text-shadow: 0 1px 1px #ffffff, 0px 0px 4px #78efff; +} +div#knobthrottle.disabled:before { + content: ""; + height: 200px; + background: #ececec; + width: 200px; + display: inline-block; + position: absolute; + z-index: 100; + opacity: 0.5; + margin-left: 36px; + border-radius: 100%; + margin-top: 36px; +} +.speedController.disabled{ + position: relative; +} \ No newline at end of file diff --git a/ram/driver/static/wt/css/layout.css b/ram/driver/static/wt/css/layout.css new file mode 100644 index 0000000..0eaa855 --- /dev/null +++ b/ram/driver/static/wt/css/layout.css @@ -0,0 +1,235 @@ +body{ + font-family: Arial, Helvetica, sans-serif; + margin: 0; + height: 100vh; + background: #efefef; +} + +hr{ + border-bottom: 1px solid #ffffff; +} +.column-1{ + float: left; + width: 10%; + padding: 5px 15px; +} +.column-2p5 { + float: left; + width: 25%; + padding: 5px 15px; +} +.column-2 { + float: left; + width: 20%; + padding: 5px 15px; +} +.column-3 { + float: left; + width: 30%; + padding: 5px 15px; +} +.column-4 { + float: left; + width: 40%; + padding: 5px 15px; +} +.column-5 { + float: left; + width: 50%; + padding: 5px 15px; +} +.column-6{ + float: left; + width: 60%; + padding: 5px 15px; +} +.column-7 { + float: left; + width: 70%; + padding: 5px 15px; +} +.column-8{ + width: 80%; + float: left; + padding: 5px 15px; +} +.dcmd-clear{ + padding-left: 0; +} + +/* Clear floats */ +.row:after { + content: ""; + display: block; + clear: both; +} +.topnav{ + position: fixed; + z-index: 100; + width: 100%; +} +.throttle-heading{ + text-align: center; + padding-top:5px; + font-size: 14px; + display: inline-block; +} +.throttle-heading .wt-logo{ + height: 48px; + width: 142px; + background: url(../images/WebThrottle.png); + display: inline-block; + background-size: 100%; + box-shadow: 0 0 3px #989898; + border-radius: 6px; +} +.throttle-heading p{ + font-size: 12px; + margin: 5px; +} +.ui-widget.ui-widget-content.credits-tooltip{ + border: 1px solid #ccc; + width: 200px; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; + box-shadow: 0 0 4px #aaa; +} +#rendered-form{ + display: flex; + align-items: center; + height: 100%; +} +.rendered-form { + font-family: Arial, Helvetica, sans-serif; + width: 100%; + height: 100%; + position: relative; + padding-top: 68px; +} +.rendered-form .section{ + width: 80%; + height: 98%; + margin: 0 10%; + background: rgba(0,0,0,0.05); + border-radius: 10px; +} +#throttle-window{ + box-shadow: 0 0 5px 0px #777777; + overflow: auto; + /* height: auto; */ + padding-bottom: 1px; +} +.section{ + box-shadow: 0 0 5px 0px #777777; + /*overflow: auto;*/ + /* height: auto; */ + padding-bottom: 1px; +} +.rendered-form div { + box-sizing: border-box; + justify-content: center; +} +.rendered-form h4 { + margin: 0; +} +.nav-btn { + font-size: 30px; + cursor: pointer; + color: #666666; + padding: 10px 15px; + border: none; + background: none; + line-height: 38px; +} +.nav-btn.in{ + color:#cccccc; + font-size: 40px; + position: absolute; + right: 0; + line-height: 30px; +} +.btn-expand, .btn-info{ + float: right; + font-size: 20px; + cursor: pointer; + color: #666666; + padding: 10px 15px; + border: none; + background: none; + line-height: 36px; +} +.btn-info{ + padding-top: 14px; +} +.nav-btn:hover { + color: #000000; +} +.nav-btn.in:hover{ + color: #ffffff; +} +.menu { + background: #00A3B9; + height: 100vh; + width: 250px; + position: fixed; + top: 0; + left: 0; + z-index: 1020; + box-shadow: 0 0px 10px #666; + border-right: 1px solid #929292; + outline: none; + left: -260px; + display: none; +} +.menu .avatar img { + width: 100%; + overflow: hidden; + box-sizing: border-box; + border: 0; +} + +.menu ul { + list-style: none; + padding: 0.5em 0; + margin: 0; + margin-top: 1em; +} +.menu ul li{ + padding: 1em; + background-repeat: no-repeat; + background-position: left 15px center; + background-size: auto 20px; + transition: all 0.15s linear; + cursor: pointer; + color: #fff; + text-shadow: 0 0 1px #000; +} +.menu ul li:hover{ + background-color:rgba(0,0,0,0.1); +} +.menu ul li:focus{ + border:none; +} +.topnav .row div, .add-loco-form .row label, .add-loco-form .row input{ + box-sizing: border-box; +} +.align-center{ + text-align: center; +} +.pos-rel{ + position: relative; +} +.spacer{ + height: 5px; +} +.pl0{ + padding-left: 0; +} +.pr0{ + padding-right: 0; +} +.prh{ + padding-left: 0; + padding-right: 0; +} \ No newline at end of file diff --git a/ram/driver/static/wt/css/pwa.css b/ram/driver/static/wt/css/pwa.css new file mode 100644 index 0000000..0c16e30 --- /dev/null +++ b/ram/driver/static/wt/css/pwa.css @@ -0,0 +1,5 @@ +.add-button { + position: absolute; + top: 1px; + left: 1px; + } \ No newline at end of file diff --git a/ram/driver/static/wt/css/roundslider.min.css b/ram/driver/static/wt/css/roundslider.min.css new file mode 100644 index 0000000..887c287 --- /dev/null +++ b/ram/driver/static/wt/css/roundslider.min.css @@ -0,0 +1,2 @@ +/*! roundSlider v1.6.1 | (c) 2015-2020, Soundar | MIT license | http://roundsliderui.com/licence.html */ + .rs-ie,.rs-edge,.rs-handle{-ms-touch-action:none;touch-action:none}.rs-control{position:relative;outline:0 none}.rs-container{position:relative}.rs-control *,.rs-control *:before,.rs-control *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.rs-animation .rs-transition{transition:all 0.5s linear 0s}.rs-bar{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.rs-control .rs-split .rs-path,.rs-control .rs-overlay1,.rs-control .rs-overlay2{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.rs-control .rs-overlay{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.rs-rounded .rs-seperator,.rs-split .rs-path{-webkit-background-clip:padding-box;background-clip:padding-box}.rs-disabled{opacity:.35}.rs-inner-container{height:100%;width:100%;position:absolute;top:0;overflow:hidden}.rs-control .rs-quarter div.rs-block{height:200%;width:200%}.rs-control .rs-half.rs-top div.rs-block,.rs-control .rs-half.rs-bottom div.rs-block{height:200%;width:100%}.rs-control .rs-half.rs-left div.rs-block,.rs-control .rs-half.rs-right div.rs-block{height:100%;width:200%}.rs-control .rs-bottom .rs-block{top:auto;bottom:0}.rs-control .rs-right .rs-block{right:0}.rs-block.rs-outer{border-radius:1000px}.rs-block{height:100%;width:100%;display:block;position:absolute;top:0;overflow:hidden;z-index:3}.rs-block .rs-inner{border-radius:1000px;display:block;height:100%;width:100%;position:relative}.rs-overlay{width:50%}.rs-overlay1,.rs-overlay2{width:100%}.rs-overlay,.rs-overlay1,.rs-overlay2{position:absolute;background-color:#fff;z-index:3;top:0;height:50%}.rs-bar{display:block;position:absolute;bottom:0;height:0;z-index:10}.rs-bar.rs-rounded{z-index:5}.rs-bar .rs-seperator{height:0;display:block;float:left}.rs-bar:not(.rs-rounded) .rs-seperator{border-left:none;border-right:none}.rs-bar.rs-start .rs-seperator{border-top:none}.rs-bar.rs-end .rs-seperator{border-bottom:none}.rs-bar.rs-start.rs-rounded .rs-seperator{border-radius:0 0 1000px 1000px}.rs-bar.rs-end.rs-rounded .rs-seperator{border-radius:1000px 1000px 0 0}.rs-full .rs-bar,.rs-half .rs-bar{width:50%}.rs-half.rs-left .rs-bar,.rs-half.rs-right .rs-bar,.rs-quarter .rs-bar{width:100%}.rs-full .rs-bar,.rs-half.rs-left .rs-bar,.rs-half.rs-right .rs-bar{top:50%}.rs-bottom .rs-bar{top:0}.rs-half.rs-right .rs-bar,.rs-quarter.rs-right .rs-bar{right:100%}.rs-handle.rs-move{cursor:move}.rs-readonly .rs-handle.rs-move{cursor:default}.rs-classic-mode .rs-path{display:block;height:100%;width:100%}.rs-split .rs-path{border-radius:1000px 1000px 0 0;overflow:hidden;height:50%;position:absolute;top:0;z-index:2}.rs-control .rs-svg-container{display:block;position:absolute;top:0}.rs-control .rs-bottom .rs-svg-container{top:auto;bottom:0}.rs-control .rs-right .rs-svg-container{right:0}.rs-tooltip{position:absolute;cursor:default;border:1px solid transparent;z-index:10}.rs-full .rs-tooltip{top:50%;left:50%}.rs-bottom .rs-tooltip{top:0}.rs-top .rs-tooltip{bottom:0}.rs-right .rs-tooltip{left:0}.rs-left .rs-tooltip{right:0}.rs-half.rs-top .rs-tooltip,.rs-half.rs-bottom .rs-tooltip{left:50%}.rs-half.rs-left .rs-tooltip,.rs-half.rs-right .rs-tooltip{top:50%}.rs-tooltip .rs-input{outline:0 none;border:none;background:transparent}.rs-tooltip-text{font-family:verdana;font-size:13px;border-radius:7px;text-align:center;color:inherit}.rs-tooltip.rs-edit{padding:5px 8px}.rs-tooltip.rs-hover,.rs-tooltip.rs-edit:hover{border:1px solid #AAA;cursor:pointer}.rs-readonly .rs-tooltip.rs-edit:hover{border-color:transparent;cursor:default}.rs-tooltip.rs-center{margin:0px!important}.rs-half.rs-top .rs-tooltip.rs-center,.rs-half.rs-bottom .rs-tooltip.rs-center{transform:translate(-50%,0)}.rs-half.rs-left .rs-tooltip.rs-center,.rs-half.rs-right .rs-tooltip.rs-center{transform:translate(0,-50%)}.rs-full .rs-tooltip.rs-center{transform:translate(-50%,-50%)}.rs-tooltip.rs-reset{margin:0px!important;top:0px!important;left:0px!important}.rs-handle{border-radius:1000px;outline:0 none;float:left}.rs-handle.rs-handle-square{border-radius:0}.rs-handle-dot{border:1px solid #AAA;padding:6px}.rs-handle-dot:after{display:block;content:"";border:1px solid #AAA;height:100%;width:100%;border-radius:1000px}.rs-seperator{border:1px solid #AAA}.rs-border{border:1px solid #AAA}.rs-path-color{background-color:#FFF}.rs-range-color{background-color:#54BBE0}.rs-bg-color{background-color:#FFF}.rs-handle{background-color:#838383}.rs-handle-dot{background-color:#FFF}.rs-handle-dot:after{background-color:#838383}.rs-path-inherited .rs-path{opacity:.2}.rs-svg-mode .rs-path{stroke:#FFF}.rs-svg-mode .rs-range{stroke:#54BBE0}.rs-svg-mode .rs-border{stroke:#AAA} \ No newline at end of file diff --git a/ram/driver/static/wt/css/settings.css b/ram/driver/static/wt/css/settings.css new file mode 100644 index 0000000..187e781 --- /dev/null +++ b/ram/driver/static/wt/css/settings.css @@ -0,0 +1,145 @@ +* { + box-sizing: border-box; + } + + /* Style the header */ +.settings-heading { + padding: 10px 20px; + text-align: left; + font-size: 30px; + border-bottom: 1px solid #bbbbbb; +} +.settings-heading .hdng{ + padding-top: 10px; +} + +/* Container for flexboxes */ +.settings-content { + display: -webkit-flex; + display: flex; + height: calc(100% - 70px); +} + +/* Style the navigation menu */ +.side-panel { + width: 200px; + border-right: 1px solid #bbbbbb; + padding: 20px 10px; +} +.settings-section{ + margin-top: 15px; +} +/* Style the list inside the menu */ +.side-panel ul { + list-style-type: none; + margin: 5px 0; + padding: 0; +} +.side-panel ul li { + padding: 10px; + border-radius: 5px; + margin: 5px 0; + cursor: pointer; + font-size: 14px; +} +.settings-subheading{ + font-size: 18px; + margin-bottom: 5px; +} +.settings-group{ + border-radius: 5px; + border: 1px solid #e0e0e0; + padding: 10px 20px; + background: #fff; + margin-bottom: 5px; +} +.setting-entry{ + margin: 15px 0; + display: -webkit-flex; + display: flex; +} +.setting-label{ + padding: 5px; + font-size: 14px; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.setting-content{ + -webkit-flex: 3; + -ms-flex: 3; + flex: 3; +} +.side-panel ul li:hover, .side-panel ul li.active { + background: rgba(4,4,4, 0.05); +} +.settings-group.placeholder { + min-height: 200px; + text-align: center; + padding: 20%; +} +.settings-group.placeholder p { + border: 1px dashed; + padding: 4%; + color: #808080; + border-radius: 10px; +} +.row.settings-group.fnhead { + background: #f3f3f3; + font-weight: 600; +} +.maps-content{ + overflow-y: auto; + font-size: 14px; + max-height: calc(100% - 90px); +} +a.edit-cur-loco, a.option-btn{ + float: right; + text-decoration: none; + padding: 5px 15px; + text-align: center; + border-radius: 5px; + display: inline-flex; + background: #f3f3f3; + border: 1px solid #e8e8e8; + box-shadow: 0 0 3px #e8e8e8; + margin-left: 5px; +} +a.edit-cur-loco{ + margin-top: 6px; +} +.settings-subheading.row .map-name-heading{ + padding-top: 8px; +} +/* Style the content */ +.settings-panel { + -webkit-flex: 3; + -ms-flex: 3; + flex: 3; + padding: 24px; + padding-top: 10px; + overflow-y: auto; +} + +.back-button{ + text-align: left; + padding: 10px; +} +.caplitalize{ + text-transform: capitalize; +} +.waste-bin{ + font-size: 13px; +} +/* Responsive layout - makes the menu and the content (inside the section) sit on top of each other instead of next to each other */ +@media (max-width: 600px) { + .settings-content { + -webkit-flex-direction: column; + flex-direction: column; + } +} + +.scrollbar { + overflow: auto; + width: 100%; +} \ No newline at end of file diff --git a/ram/driver/static/wt/css/themes/dark.css b/ram/driver/static/wt/css/themes/dark.css new file mode 100644 index 0000000..9a2bbe7 --- /dev/null +++ b/ram/driver/static/wt/css/themes/dark.css @@ -0,0 +1,226 @@ +body{ + background: #111111; +} +.rendered-form{ + background: #1b1b1b; + background-image: url(../../images/carbon_fibre.png); + background-repeat: repeat; + color: #fff; + background-size: 16px; +} +.rs-control .rs-bg-color, #throttle-window{ + background: #1b1b1b; + background-image: url(../../images/carbon_fibre.png); + background-repeat: repeat; + background-size: 16px; +} +.rs-control .rs-range-color{ + background-color: #00A3B9; +} +#throttle-window{ + border: 1px solid #303030; + box-shadow: 0px 0px 10px 0px #0c0c0c; +} +label.formbuilder-text-label, +label.formbuilder-select-label, +label.formbuilder-textarea-label, +label.formbuilder-file-label{ + color: #ffffff; +} +input.form-control, select.form-control, textarea.form-control { + border: 1px solid #3b3b3b; + border-radius: 4px; + background: #282828; + color: #ffffff; + box-shadow: inset 0px 0px 2px #000000; +} +.formbuilder-button .btn, .server-button .btn, .fn-button .btn { + box-shadow: 0px 0px 2px #000000; +} +.fn-button.field-button-fn .btn.press{ + border: 1px solid #3e8e41; + box-shadow: 0px 0px 2px #000000; +} +.fn-button.field-button-fn button[aria-pressed="true"].btn.press{ + border: 1px solid #3e8e41; + box-shadow: none; +} +.select-control { + border: 1px solid #3b3b3b; + border-radius: 4px; + background: #282828; + color: #ffffff; + box-shadow: inset 0px 0px 2px #000000; +} +.btn-grey{ + background: #282828; + border: 1px solid #3f3f3f; + box-shadow: 0px 0px 2px #000000; + color: #afafaf; +} +.btn-hide{ + background: #282828; + border: 1px solid #3f3f3f; + box-shadow: 0px 0px 2px #000000; + color: #afafaf; +} +.btn-speed { + background: #282828; + border: 4px solid #3f3f3f; + box-shadow: 0px 0px 2px #000000; + color: #afafaf; +} +.btn-speed:hover { + background: #3f3f3f; + color: #FFFFFF; +} +.rotaryswitchPlugin.big .mark{ + background: #111111; + box-shadow: inset 0px 0px 2px #000000; +} + +.slider{ + border: 1px solid #3b3b3b; + background: #121212; + box-shadow: inset 0px 0px 2px #000000; + -webkit-transition: .4s; + transition: .4s; + border-radius: 34px; +} +.slider:before { + left: 3px; + bottom: 2px; + background: #484848; + border: 1px solid #3f3f3f; + box-shadow: 0px 0px 2px #000000; +} +input:checked + .slider:before{ + box-shadow: 0px 0px 2px #b40000; + border: 1px solid #ff3a3a; +} +input + .slider, +input:checked + .slider{ + box-shadow: inset 0px 0px 2px #000000; +} +input:checked + .slider.debug-slider{ + box-shadow: inset 0px 0px 2px #000000; +} +input:checked + .slider.debug-slider:before{ + box-shadow: 0px 0px 2px #00A3B9; + border: 1px solid #01b3ca; +} +.slider.debug-slider:before { + bottom: 1px; +} +.knob-value{ + text-shadow: 0 0px 1px #000000, 0px 0px 4px #31d9f3; +} +.log-msg{ + color: cyan; + border: 1px solid #3b3b3b; + background: #121212; + box-shadow: inset 0px 0px 2px #000000; +} +.dir-toggle { + background-color: #121212; + -moz-box-shadow: inset 0 0 5px #000000; + -webkit-box-shadow: inset 0 0 5px #000000; + box-shadow: inset 0 0 5px #000000; + border: 4px solid #141414; +} +.dir-toggle:before{ + -moz-box-shadow: 0 0 5px #000000; + -webkit-box-shadow: 0 0 5px #000000; + box-shadow: 0 0 5px #000000; +} +.em-btn button.em-stop{ + padding: 12px; + box-shadow: 0 0 5px 2px #000000; + border: 1px solid #ececec; + background: #ddd; +} + +.rotaryswitchPlugin.big.light { + margin: 36px; + background: url(../../images/darkmkBigBackground.png) no-repeat; + background-size: 100%; + background-position: center; + display: inline-block; +} + +.rotaryswitchPlugin.big.light .switch { + background: url(../../images/darkmkBigFront.png) no-repeat; + background-size: 93%; + background-position: center; +} + +.ui-slider .ui-slider-range { + background: #282828; + box-shadow: inset 0 0 5px 0px #000; + +} +.ui-widget.ui-widget-content { + border: 4px solid #3f3f3f; + box-shadow: 0px 0px 2px #000000; +} +.ui-slider-vertical .ui-slider-handle { + border: 1px solid #3f3f3f; + background-color: #282828; + background: linear-gradient(to bottom,#3b3b3b, #282828); + left: -6px; +} +hr { + border-color: #3f3f3f; +} +.menu { + box-shadow: 0 0px 10px #000000; + border-right: 1px solid #2f2f2f; +} +.nav-btn, .btn-expand, .btn-info, .btn-hide{ + color: #afafaf; +} +.nav-btn:hover, .btn-expand:hover, .btn-info:hover{ + color: #fff; +} + +.add-loco-form .add-loco-head, +.add-loco-form .row label { + color: #333; +} +.settings-group{ + border: 1px solid #3b3b3b; + background: #121212; + box-shadow: inset 0px 0px 2px #000000; +} +.settings-heading { + border-bottom: 1px solid #000000; + box-shadow: 0 1px 0px #464646; +} +.side-panel { + border-right: 1px solid #000000; + box-shadow: 1px 0 #464646; +} +.row.settings-group.fnhead{ + background: #232323; + box-shadow: 0 1px 1px black; + border: 1px solid #333; +} +a.edit-cur-loco, a.option-btn{ + background: #282828; + border: 1px solid #3f3f3f; + box-shadow: 0px 0px 2px #000000; + color: #ffffff; +} +.loco-details p.ac-loco-name{ + text-shadow: 0 0 1px #000000; + color: #00A3B9 +} +.loco-details .sub-text p{ + background: #282828; +} +.loco-list-ctrl input{ + border: 1px solid #3b3b3b; + background: #282828; + color: #ffffff; + box-shadow: inset 0px 0px 2px #000000; +} \ No newline at end of file diff --git a/ram/driver/static/wt/css/themes/metallic.css b/ram/driver/static/wt/css/themes/metallic.css new file mode 100644 index 0000000..efd5fba --- /dev/null +++ b/ram/driver/static/wt/css/themes/metallic.css @@ -0,0 +1,208 @@ + + +.rendered-form{ + background-image: url("../../images/pattern.png"); + background-size: 50%; + background-repeat: repeat; +} +.btn-speed { + border: 1px solid #dcdcdc; + background: linear-gradient(to bottom,#e2e2e2, #cfd0da); + color: rgb(59, 59, 59); + border: 1px solid #9e9e9e; + text-shadow: 0px 1px 0px #fafafa; + box-shadow: 0px 1px 1px 1px #b3b3b3; +} +.btn-speed:hover{ + background-color: #c7c7c7; + background: linear-gradient(to bottom, #e2e2e2, #cfd0da); + color: rgb(59, 59, 59); +} +.btn-speed:active{ + box-shadow: 0 1px 2px 1px #b3b3b3 inset; + background: linear-gradient(to bottom,#cfd0da, #e2e2e2); + border: 1px solid #9e9e9e; +} +.dir-toggle:before{ + width: 40px; + height: 70px; +} +.dir-btn span.arrow-up, +.dir-btn span.arrow-down{ + color: #4d4d4d; +} +.dir-btn span.stop{ + background: #4d4d4d; +} +.dir-btn.selected span.stop{ + background: #da0000; + box-shadow: 0px 0px 4px #da0000; +} +.dir-btn.selected span.arrow-up, +.dir-btn.selected span.arrow-down{ + color: #00bcd6; + text-shadow: 0px 0px 4px #29d6ec; +} +.dir-toggle.forward:before, .dir-toggle.stop:before, .dir-toggle.backward:before{ + box-sizing: border-box; + border: 1px solid #f9f9f9; + background-color: #efefef; + background: linear-gradient(to bottom,#efefef, #e2e2e2); +} +.em-btn button.em-stop{ + padding: 12px; + background: linear-gradient(to bottom,#e2e2e2, #cfd0da); + border: 1px solid #9e9e9e; + text-shadow: 0px 1px 0px #fafafa; + box-shadow: 0px 1px 1px 1px #b3b3b3; +} +.fn-button.field-button-fn .btn, .save-fn, .btn-grey, +.fn-button.field-button-fn .btn.press{ + color: rgb(59, 59, 59); + border: 1px solid #9e9e9e; + border-bottom: 4px solid #9e9e9e; + text-shadow: 0px 1px 0px #fafafa; + background-color: #efefef; + background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e2e2e2)); + background: -moz-linear-gradient(top, #efefef, #e2e2e2); + box-shadow: -1px 2px 4px 2px #c7c7c7; /* 0 0 0px 4px #d8d8d8, 0 0 0px 1px #ddd;*/ + background: linear-gradient(to bottom,#efefef, #e2e2e2); + height: 30px; + box-sizing: border-box; + cursor: pointer; +} + +.fn-button.field-button-fn button[aria-pressed="true"].btn, +.fn-button.field-button-fn button[aria-pressed="true"].btn.press, +.save-fn:active { + background: -webkit-gradient(linear, left top, left bottom, from(#cfd0da), to(#e2e2e2)); + background: -moz-linear-gradient(top, #bfbfbf, #dcdcdc); + box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.3); + border: 1px solid #9e9e9e; +} +.fn-button.field-button-fn .btn.press { + color: #005a69; +} + +.formbuilder-button .btn, .server-button .btn, .fn-button .btn, .dropbtn{ + border: 1px solid #007a8a; + border-bottom: 4px solid #007a8a; + background: -webkit-gradient(linear, left top, left bottom, from(#00b2ca), to(#00A3B9)); + background: -moz-linear-gradient(top, #00b2ca, #00A3B9); + background: linear-gradient(to bottom,#00b2ca, #00A3B9); + box-shadow: -1px 2px 4px 2px #c7c7c7; /* 0 0 0px 4px #d8d8d8, 0 0 0px 1px #ddd;*/ + vertical-align: middle; + box-sizing: border-box; + text-shadow: 0px 0px 1px #444444; +} +.formbuilder-button .btn:active , +.server-button .btn:active, .dropbtn:active{ + background: -webkit-gradient(linear, left top, left bottom, from(#0299ad), to(#00A3B9)); + background: -moz-linear-gradient(top, #0299ad, #00A3B9); + background: linear-gradient(to bottom,#0299ad, #00A3B9); + box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.3); + border-bottom: 1px solid #007a8a; + height: 28px; +} + +.dropbtn{ + padding: 5px 8px; +} +.dropbtn:active{ + padding: 6px 8px; +} +.server-button .btn, .fn-button .btnm, +input.form-control, select.form-control, textarea.form-control { + padding: 7px 8px; + vertical-align: middle; +} +input.form-control:active, select.form-control:active, textarea.form-control:active, +input.form-control:focus, select.form-control:focus, textarea.form-control:focus{ + background: #ffffff; +} +.formbuilder-button .btn.acq-loco-btn, +.server-button .btn, +.formbuilder-button .add-loco-btn, +.formbuilder-button .btn.acq-loco-btn:active, +.server-button .btn:active, +.formbuilder-button .add-loco-btn:active{ + height: 34px; +} +.select-control{ + height: 30px; + border: 1px solid #9e9e9e; + box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.3); + background: #fafafa; +} +.select-control.select-xl{ + height: 36px; + margin-top: 1px; +} + +.btn-grey{ + padding: 7px; + padding-top: 5px; + height: 30px; + margin-top: 1px; +} + + +/* Acquire loco heading Styles*/ +.loco-board{ + display: inline-block; + border-radius: 20px; + background: linear-gradient(to bottom,#e2e2e2, #cfd0da); + color: rgb(59, 59, 59); + border: 1px solid #9e9e9e; + border-bottom: 4px solid #9e9e9e; + text-shadow: 0px 1px 0px #fafafa; + box-shadow: inset 0px 1px 1px #f5f5f5; + padding: 7px 11px; + min-width: 270px; +} + +.nut-effect{ + border-radius: 16px; + padding: 5px; + background: #dededd; + height: 5px; + width: 5px; + display: inline-block; + vertical-align: middle; + box-shadow: 0 0 2px #737373; +} +.nut-effect:after{ + content: ""; + display: inline-block; + background: #b9b9b9; + height: 15px; + width: 1px; + position: relative; + top: -5px; + left: 0; +} +.nut-effect.l{ + margin-left: 10px; + margin-right: 16px; +} +.nut-effect.r{ + margin-left: 16px; + margin-right: 10px; +} +.nut-effect.l:after{ + transform: rotate(135deg); +} +.nut-effect.r:after{ + transform: rotate(15deg); +} + +.rs-control .rs-bg-color { + background-color: #ddd; + background-image: url(../../images/pattern.png); + background-size: 900%; + opacity: 0.9; +} +.rs-overlay.rs-transition.rs-bg-color{ + background: #dcdcdc; + opacity: 1; +} \ No newline at end of file diff --git a/ram/driver/static/wt/css/throttle.css b/ram/driver/static/wt/css/throttle.css new file mode 100644 index 0000000..4f53060 --- /dev/null +++ b/ram/driver/static/wt/css/throttle.css @@ -0,0 +1,1016 @@ + + + +input.form-control, select.form-control, textarea.form-control { + width: 100%; + padding: 5px 8px; + border: 1px solid #bbbbbb; + border-radius: 4px; + background: #ffffff; +} +input.form-control:focus, +select.form-control:focus, +textarea.form-control:focus, +input.form-control:active, +select.form-control:active, +textarea.form-control:active{ + border: 1px solid #00A3B9; + outline-color: #00A3B9; +} +label.formbuilder-text-label, +label.formbuilder-select-label, +label.formbuilder-textarea-label, +label.formbuilder-file-label { + font-size: 13px; + padding: 4px 0; + display: inline-block; + font-weight:400; + color: #00353D; +} +.details-panel{ + margin-top: 8px; +} +.server-button{ + padding-top: 26px; + text-align: right; +} +.con-ind{ + display: inline-block; + height: 10px; + width: 10px; + background: red; + border-radius: 100%; + margin-right: 5px; + margin-left: -8px; +} +.con-ind.connected{ + background: greenyellow; +} +.formbuilder-button .btn, .server-button .btn, .fn-button .btn{ + background: #00A3B9; + padding: 4px 12px; + width: 100%; + color: #ffffff; + border: 1px solid #007a8a; + box-shadow: 0px 0px 1px #9e9e9e; + border-radius: 4px; + letter-spacing:0.5; + text-align: center; + cursor: pointer; +} +.formbuilder-button .btn:active, +.server-button .btn:active, +.fn-button .btn:active{ + background: #00899a; + border: 1px solid #282828; + box-shadow: inset 0 0 3px #282828; +} +.formbuilder-button .btn, .server-button .btn{ + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.server-button .btn{ + width:180px; + padding: 8px; +} + +.loco-cv-text{ + padding-left: 0; +} +.acquire-wrap{ + padding-top: 24px; + padding-left: 0; + position: relative; +} +.button-acquire{ + width:100px; +} + +#fn-wrapper{ + display: inline-grid; + grid-template-columns: 25% 25% 25% 25%; + width: 100%; +} +.fn-button.field-button-fn{ + text-align: center; + padding: 8px; + display: flex; + justify-content: center; +} +.formbuilder-button.field-button-fn .btn, .save-fn{ + background: #00A3B9; + padding: 4px 12px; + width: 80%; + margin: 2%; + color: #ffffff; + border: 1px solid #0093a7; + box-shadow: 0px 1px 2px #9e9e9e; + border-radius: 4px; + letter-spacing: 0.5; + outline: none; + border-bottom-width: 2px; +} +.fn-button.field-button-fn button[aria-pressed="true"].btn, .save-fn:active{ + background: #00899a; + border: 1px solid #282828; + box-shadow: inset 0 0 3px #282828; +} +.fn-button.field-button-fn .btn.press{ + background: #4CAF50; + border: 1px solid #3e8e41; + box-shadow: 0px 1px 4px #9e9e9e; +} +.fn-button.field-button-fn button[aria-pressed="true"].btn.press{ + background: #3e8e41; + border: 1px solid #282828; + box-shadow: inset 0 0 3px #282828; +} +.btn-grey{ + background: #dbdbdb; + border: 1px solid #a8a8a8; + box-shadow: 0px 0px 1px #9e9e9e; + border-radius: 4px; + font-size: 14px; + padding: 8px; + outline: none; + line-height: 15px; + height: 33px; +} +.btn.edit-labels:active, .btn.load-labels:active{ + box-shadow: none; + outline: none; +} +.select-control{ + padding: 5px 3px; + vertical-align: middle; + border-radius: 5px; + border: 1px solid #ddd; + padding-bottom: 6px; + outline: none; + cursor: pointer; +} +.select-xl{ + padding: 8px; +} +.sp-controller{ + font-size: 14px; +} +.theme-section{ + margin-right: 10px; + font-size: 14px; + width: 150px; + float: right; +} +.select-map{ + width: 100px; +} +.btn-hide{ + position: absolute; + left: 5px; + top: -9px; + font-size: 13px; + color: #9a9a9a; + outline: none; + padding: 7px; + vertical-align: middle; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border: 1px solid #9a9a9a; + box-shadow: 0px 1px 2px 0px #989898; + border-top-width: 0; + cursor: pointer; + line-height: 0; +} + +.formbuilder-required { + color: #da0000; +} + +.rs-control .rs-range-color { + background-color: #009fd8; +} +.rs-control .rs-path-color { + background-color: #919191; + border: none; +} +.rs-control .rs-handle { + background-color: #575555; +} +.rs-control .rs-bg-color { + background-color: #e3e3e3; +} +.rs-tooltip.rs-tooltip-text{ + top: auto; + bottom: 12px; + font-size: 32px; + color: #777; + width: 112px; + text-align: center; +} +.rendered-form div.throttle-container{ + min-height: 360px; + display: flex; + align-items: center; + justify-content: right; +} +.throttlewrap{ + display: flex; + justify-content: center; + align-items: center; + height: 340px; +} + +.functionKeys{ + padding: 10px 24px; +} +.em-btn{ + justify-content: center; + margin: 0px auto; + text-align: center; +} +.em-btn button.em-stop{ + width: 44px; + height: 44px; + border-radius: 24px; + color: #d60000; + font-size: 18px; + padding: 9px; + outline: none; + cursor: pointer; + background-color: #c7c7c7; + border: 4px solid #ddd; + box-shadow: 0 4px 4px #5d5d5d; +} +.em-btn button.em-stop:active{ + box-shadow: none; +} +.dir-toggle{ + height: 219px; + background-color: #cecece; + width: 48px; + margin: 8px auto; + border-radius: 100px; + -moz-box-shadow: inset 0 0 5px #000000; + -webkit-box-shadow: inset 0 0 5px #000000; + box-shadow: inset 0 0 5px #000000; + position: relative; + border: 4px solid #d0d0d0; +} +.dir-toggle:before{ + content: ""; + left:0; + z-index: 0; + background:#ddd; + position: absolute; + padding: 10px; + width: 20px; + height: 50px; + border: none; + border-radius: 80px; + cursor: pointer; + outline: none; + -webkit-transition:all .5s ease-in-out; + -moz-transition:all .5s ease-in-out; + -o-transition:all .5s ease-in-out; + transition:all .5s ease-in-out; + box-shadow: 0 4px 4px #5d5d5d; +} +.dir-toggle.forward:before{ + top:0; + background: #00ac4d; +} +.dir-toggle.stop:before{ + top: 70px; + background: #da0000; +} +.dir-toggle.backward:before{ + top: 141px; + background: #00ac4d; +} +.dir-btn{ + position: relative; + padding: 10px; + width: 40px; + height: 70px; + border: none; + border-radius: 80px; + cursor: pointer; + outline: none; + background: transparent; +} +.dir-btn:active{ + outline: none; +} +.dir-btn span{ + display: inline-block; + height: 16px; + width:16px; +} +.dir-btn span.stop{ + background: #4d4d4d; +} +.dir-btn span.arrow-up, .dir-btn span.arrow-down{ + color: #4d4d4d; +} +.dir-btn span.arrow-down{ + margin-top: 10px; +} +.dir-btn.selected span.stop{ + background: #ffffff; +} +.dir-btn.selected span.arrow-up, .dir-btn.selected span.arrow-down{ + color: #ffffff; +} + +.btn-speed{ + border-width: 0; + outline: none; + border-radius: 30px; + cursor: pointer; + font-size: 20px; + width: 44px; + height: 44px; + background-color: #c7c7c7; + vertical-align: middle; + text-align: center; + border: 4px solid #ddd; + box-shadow: 0 4px 4px #5d5d5d; +} + +.btn-speed:hover{ + box-shadow: none; + color: #FFFFFF; +} +.flexx{ + display: flex; + justify-content: center; + align-items: center; +} +.flexx.btns{ + display: flex; + justify-content: center; + align-items: center; + height: 340px; + max-width: 48px; + margin: 0 5px; +} +.log-msg{ + height: 80px; + padding: 12px; + background-color: #fff2e1; + color: darkblue; + margin: 5px 15px 15px; + border-radius: 5px; + border: 1px solid #eac9a5; + box-shadow: inset 0px 0px 7px #f3d9bc; + font-size: 9px; + overflow: auto; +} +.note-msg{ + padding: 10px 10px; + text-align: right; + font-size: 12px; + height: 47px; +} +.pow-status{ + display: inline-block; + padding: 15px 5px; + vertical-align: middle; +} +.power-slider{ + padding: 0 7px; + font-size: 13px; +} +.switch { + position: relative; + display: inline-block; + width: 57px; + height: 27px; + vertical-align: middle; + +} + +.switch input { + opacity: 0; +} + +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #bbbbbb; + -webkit-transition: .4s; + transition: .4s; + border-radius: 34px; + box-shadow: 1px 1px rgba(255,255,255,0.8); +} + +.slider:before { + position: absolute; + content: ""; + height: 19px; + width: 20px; + left: 4px; + bottom: 3px; + background-color: rgb(253, 253, 253); + border: 1px solid rgb(220, 220, 220); + -webkit-transition: .4s; + transition: .4s; + border-radius: 50%; + box-shadow: 0px 0px 1px 1px #e2e2e2; +} +.power-slider .slider{ + background-color: #00a349; +} +input:checked + .slider { + background-color: #ff0000; + box-shadow: 1px 1px rgba(255,255,255,0.8); +} + +input:focus + .slider { + box-shadow: 0 0 1px #2196F3; + box-shadow: 1px 1px rgba(255,255,255,0.8); +} + +input:checked + .slider:before { + -webkit-transform: translateX(28px); + -ms-transform: translateX(28px); + transform: translateX(28px); +} +.console-slider { + margin-bottom: 8px; +} +.slider.debug-slider:before{ + height: 13px; + width: 13px; + left: 4px; + bottom: 3px; +} + +.debug.switch { + position: relative; + display: inline-block; + width: 40px; + height: 20px; + vertical-align: middle; + + } +.debug-status{ + font-size: 14px; + vertical-align: middle; + padding-top: 3px; + display: inline-block; +} +input:checked + .slider.debug-slider:before{ + -webkit-transform: translateX(18px); + -ms-transform: translateX(18px); + transform: translateX(18px); +} +input:checked + .slider.debug-slider{ + background-color: #00A3B9; +} +.fn-modal{ + position: absolute; + z-index: 1000; + background: #ebebeb; + height: 76%; + width: 64%; + top: 7%; + left: 18%; + box-shadow: 0px 0px 10px 0px #747474; + border-radius: 5px; + display: none; + min-height: 520px; +} + +.fn-modal-header{ + height: 40px; + border-bottom: 1px solid #ddd; +} +.fn-modal-content{ + height: 84%; + padding: 2%; + box-sizing: border-box; + overflow-y: auto; + width: 100%; + font-size: 13px; +} +.fn-modal-footer{ + border-top: 1px solid #ddd; + text-align: center; +} +.fn-heading{ + float: left; + margin: 11px; +} +/* The Close Button */ +.close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + padding: 5px 15px; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + .save-fn{ + margin: 1% 0; + width: 30%; + } + .header-row{ + padding-bottom: 10px; + border-bottom: 1px solid #bdbdbd; + margin-bottom: 8px; + } + .header-col{ + font-weight: 600; + box-sizing: border-box; + padding:5px 17px; + } + .edit-row{ + padding: 3px; + border-bottom: 1px solid #ddd; + } + .edit-row > div{ + box-sizing: border-box; + } + .fn-radio, .fn-chkbox{ + padding-top: 8px; + } + .fn-radio input[type="radio"], + .fn-chkbox input[type="checkbox"], + .fn-radio label, + .fn-chkbox label{ + vertical-align: middle; + display: inline-block; + } + .fn-radio label, + .fn-chkbox label{ + padding-top: 3px; + } + .func-title{ + text-transform: uppercase; + padding-top: 12px; + } + +.fn-input{ + color: #333; + width: 100%; box-sizing: + border-box; + letter-spacing: 1px; + border: 1px solid #ccc; + padding: 5px 8px; + transition: 0.4s; + background: #f8f8f8; +} +.fn-input:active, .fn-input:focus{ + background: #FFFFFF; + border: 1px solid #00A3B9; + outline: none; +} + +/* Style The Dropdown Button */ +.dropbtn { + background-color: #00A3B9; + color: white; + padding: 6px 10px; + font-size: 13px; + border: none; + cursor: pointer; + vertical-align: middle; + border-radius: 4px; + } + /* The container
Select a Map
+" + + item.name + + "
CV:" + + item.cv + + "|" + + item.type + + "|" + + item.brand + + "" + item.mname + "
' + (key + 1) + "
' + + value.name + + "
CV ' + + value.cv + + "
' + value.type + '
Undefined
' : "" + value.decoder + "
") + + "Undefined
' : "" + value.brand + "
") + + "Map
' + + value.map + + "
DCC++ EX Web Throttle
(WebThrottle-EX)
Version: "+version+"
Credits
Fred Decker
Mani Kumar
Matt H