From: elgekko Date: Thu, 9 Mar 2023 09:25:45 +0000 (+0100) Subject: Userdark tema import X-Git-Url: http://git.useribm.hu/?a=commitdiff_plain;h=5f18884b8ec45eb8783360651510a5921972bbdf;p=mediacube.git Userdark tema import --- diff --git a/server/hu.user.theme.userdark/.classpath b/server/hu.user.theme.userdark/.classpath new file mode 100644 index 00000000..6c7c3b02 --- /dev/null +++ b/server/hu.user.theme.userdark/.classpath @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/server/hu.user.theme.userdark/.gitattributes b/server/hu.user.theme.userdark/.gitattributes new file mode 100644 index 00000000..d4058168 --- /dev/null +++ b/server/hu.user.theme.userdark/.gitattributes @@ -0,0 +1,2 @@ +# enforce linux line endings for script files +*.sh text eol=lf diff --git a/server/hu.user.theme.userdark/.project b/server/hu.user.theme.userdark/.project new file mode 100644 index 00000000..d62e19fa --- /dev/null +++ b/server/hu.user.theme.userdark/.project @@ -0,0 +1,23 @@ + + + hu.user.theme.userdark + + + + + + org.eclipse.jdt.core.javabuilder + + + + + org.eclipse.m2e.core.maven2Builder + + + + + + org.eclipse.jdt.core.javanature + org.eclipse.m2e.core.maven2Nature + + diff --git a/server/hu.user.theme.userdark/HOWTO.md b/server/hu.user.theme.userdark/HOWTO.md new file mode 100644 index 00000000..d5cba281 --- /dev/null +++ b/server/hu.user.theme.userdark/HOWTO.md @@ -0,0 +1,4 @@ +* Fordítés előtt telepíteni kell a nodejs appot és globálisan a lessjs library korábbi verzióját: "npm install less@2.7.2 -g" +* A projekt a -dependencies/libs alá fordul +* Az érvényesítéshez futtatni kell a -dependencies projekten az "mvn clean package p2:site" parancsot +* Deploy előtt target platform frissítés szükséges \ No newline at end of file diff --git a/server/hu.user.theme.userdark/assembly/bundle.xml b/server/hu.user.theme.userdark/assembly/bundle.xml new file mode 100644 index 00000000..e6db5eb4 --- /dev/null +++ b/server/hu.user.theme.userdark/assembly/bundle.xml @@ -0,0 +1,19 @@ + + bundle + + jar + + false + + + pom.xml + / + + + ${project.build.directory}/${artifactId}-${version}.jar + / + + + diff --git a/server/hu.user.theme.userdark/assembly/zip.xml b/server/hu.user.theme.userdark/assembly/zip.xml new file mode 100644 index 00000000..bc2cbc63 --- /dev/null +++ b/server/hu.user.theme.userdark/assembly/zip.xml @@ -0,0 +1,16 @@ + + bin + + zip + + false + + + ${project.build.directory}/${artifactId}-${version}.jar + ${artifactId}.jar + / + + + diff --git a/server/hu.user.theme.userdark/build.properties b/server/hu.user.theme.userdark/build.properties new file mode 100644 index 00000000..a12d47e5 --- /dev/null +++ b/server/hu.user.theme.userdark/build.properties @@ -0,0 +1,3 @@ +source.. = src/ +bin.includes = META-INF/,\ + . diff --git a/server/hu.user.theme.userdark/pom.xml b/server/hu.user.theme.userdark/pom.xml new file mode 100644 index 00000000..552a6bd5 --- /dev/null +++ b/server/hu.user.theme.userdark/pom.xml @@ -0,0 +1,106 @@ + + + + 4.0.0 + user.theme + userdark + jar + 1.0.0 + ZK User Dark + ZK User Dark Theme + + 8.0.3 + + + + zkmaven + ZK Maven Plugin Repository + http://mavensync.zkoss.org/maven2 + + + maven-bundle-plugin + bnd maven plugin + http://repo1.maven.org/maven2 + + + + + org.zkoss.zk + zk + ${zk.version} + + + org.zkoss.zk + zul + ${zk.version} + + + org.zkoss.zk + zkmax + ${zk.version} + + + + + ${project.basedir}/src/ + + + ${project.basedir}/src/archive + + + + + org.zkoss.maven + zkless-engine-maven-plugin + 1.0.0 + + + compile-less + + lessc + + + ${project.basedir}/src/archive + ${project.basedir}/target/classes + + + + + + org.apache.maven.plugins + maven-compiler-plugin + 2.3.2 + + 1.5 + 1.5 + + + + org.apache.felix + maven-bundle-plugin + 2.3.7 + true + + *;scope=provided|compile|runtime + + <_include>${project.basedir}/src/archive/META-INF/MANIFEST.MF + ${project.version} + ${project.groupId}.${project.artifactId} + ${project.artifactId} + * + * + + + + + org.apache.maven.plugins + maven-jar-plugin + 2.3.1 + + ../-dependencies/libs + + + + + diff --git a/server/hu.user.theme.userdark/src/archive/META-INF/MANIFEST.MF b/server/hu.user.theme.userdark/src/archive/META-INF/MANIFEST.MF new file mode 100644 index 00000000..59499bce --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/META-INF/MANIFEST.MF @@ -0,0 +1,2 @@ +Manifest-Version: 1.0 + diff --git a/server/hu.user.theme.userdark/src/archive/metainfo/zk/config.xml b/server/hu.user.theme.userdark/src/archive/metainfo/zk/config.xml new file mode 100644 index 00000000..53dc11c3 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/metainfo/zk/config.xml @@ -0,0 +1,14 @@ + + + + userdark + zul + + org.zkoss.theme.userdark.Version + 8.0.3 + + + + org.zkoss.theme.userdark.UserdarkThemeWebAppInit + + diff --git a/server/hu.user.theme.userdark/src/archive/metainfo/zk/lang-addon.xml b/server/hu.user.theme.userdark/src/archive/metainfo/zk/lang-addon.xml new file mode 100644 index 00000000..f560f9a9 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/metainfo/zk/lang-addon.xml @@ -0,0 +1,11 @@ + + userdark + zul + xul/html + + + org.zkoss.theme.userdark.Version + 8.0.3 + + + diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkex/grid/less/grid.less b/server/hu.user.theme.userdark/src/archive/web/js/zkex/grid/less/grid.less new file mode 100644 index 00000000..8c407e88 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkex/grid/less/grid.less @@ -0,0 +1,56 @@ +@import "~./zul/less/_header.less"; + +.z-row { + .z-detail-outer { + min-width: 40px; + border-top: 1px solid @meshTitleBorderColor; + padding: 18px 6px; + line-height: normal; + .horGradient(@baseGradientStart, @baseGradientEnd); + vertical-align: top; + } + + &:first-child .z-detail-outer { + border-top: none; + } + + .z-detail-outer + td, + .z-detail-inner:first-child { + border-left: 1px solid @meshTitleBorderColor; + } +} + +.z-detail { + font-size: @baseFontSize; + .size(@baseIconWidth, @baseIconHeight); + border: 1px solid @meshTitleBorderColor; + padding: 0; + line-height: @baseLineHeight; + .verGradient(@baseGradientStart, @baseGradientEnd); + text-align: center; + overflow: hidden; + white-space: nowrap; + cursor: pointer; + + &-icon { + .iconFontStyle(@fontSizeLarge, @iconColor); + position: relative; + left: 1px; + } + &-open .z-detail-icon { + line-height: @baseLineHeight + 2; + left: 0; + } +} + +// IE 8 +.ie8 { + .z-row { + .z-detail-outer{ + background: @meshBackgroundColor; + } + } + .z-detail { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkex/inp/less/colorbox.less b/server/hu.user.theme.userdark/src/archive/web/js/zkex/inp/less/colorbox.less new file mode 100644 index 00000000..181b72c3 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkex/inp/less/colorbox.less @@ -0,0 +1,261 @@ +@import "~./zul/less/_header.less"; + +.z-colorbox { + .displaySize(inline-block, @baseWidth * 5, @baseButtonHeight); + border: 1px solid @colorboxBorderColor; + .borderRadius(@borderRadiusSmall); + margin: 0 2px; + padding: 3px; + background: @baseBackgroundColor; + vertical-align: middle; + position: relative; + overflow: hidden; + cursor: pointer; + + &-current { + .displaySize(inline-block, 100%, 100%); + position: relative; + } + + &-button { + font-size: 11px; + .displaySize(inline-block, 13px, 7px); + line-height: normal; + background: @baseBackgroundColor; + position: absolute; + bottom: 1px; + right: 0; + overflow: hidden; + } + + &-icon { + .iconFontStyle(@baseFontSize, @iconColor); + position: relative; + top: -3px; + left: 3px; + } + + &-disabled, + &-disabled * { + color: @disabledColor !important; + .opacity(@disabledOpacity); + cursor: default !important; + } +} +// Popup shadow +.z-colorbox-popup, +.z-menu-popup { + display: none; + position: absolute; + overflow: auto; + z-index: @basePopupZIndex; + .boxShadow('1px 1px 3px rgba(0, 0, 0, 0.5)'); +} +// Colorpicker +.z-colorpicker { + .size(384px, 332px); + border: 1px solid @colorboxBorderColor; + background: @baseBackgroundColor; + position: relative; + overflow: hidden; + + &-gradient { + .size(256px, 256px); + border: 1px solid @colorboxBorderColor; + position: absolute; + left: 7px; + top: 31px; + cursor: crosshair; + } + + &-overlay { + .size(256px, 256px); + .encodeURL(background-image, '~./zkex/img/colorbox/colorpicker_gradient.png'); + } + + &-bar { + .size(12px, 256px); + border: 1px solid @colorboxBorderColor; + .encodeURL(background-image, '~./zkex/img/colorbox/colorpicker_hue.png'); + position: absolute; + left: 7px; + overflow: hidden; + cursor: n-resize; + } + + &-circle { + .size(11px, 11px); + margin: -5px 0 0 -5px; + .encodeURL(background-image, '~./zkex/img/colorbox/colorpicker_select.gif'); + position: absolute; + top: 0; + left: 0; + overflow: hidden; + } + + &-hue { + .size(27px, 256px); + position: absolute; + top: 31px; + left: 272px; + } + + &-arrows { + .size(27px, 9px); + margin: -4px 0 0 0; + .encodeURL(background-image, '~./zkex/img/colorbox/colorpicker_arrows.gif'); + position: absolute; + left: 0; + overflow: hidden; + cursor: n-resize; + } + + &-color { + border: double; + background: transparent; + position: absolute; + top: 34px; + left: 315px; + } + + &-newcolor { + .size(48px, 32px); + border-bottom: 1px solid; + position: relative; + } + + &-current { + .size(48px, 32px); + border-top: 1px solid; + position: relative; + } + + &-r, &-g, &-b, &-h, &-s, &-v { + width: 55px; + position: absolute; + left: 310px; + } + + &-r {top: 122px;} + &-g {top: 147px;} + &-b {top: 172px;} + &-h {top: 212px;} + &-s {top: 237px;} + &-v {top: 262px;} + + &-text, + &-input { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @baseTextColor); + } + + &-input { + .size(@baseWidth * 5, @baseButtonHeight); + border: 1px solid @baseBorderColor; + padding: 2px; + background: @baseBackgroundColor; + float: right; + } + + &-hex { + position: absolute; + top: 300px; + left: 10px; + + .z-colorpicker-input { + margin-left: 5px; + width: @baseWidth * 8; + } + } + + &-button { + width: 42px; + position: absolute; + top: 300px; + left: 328px; + cursor: pointer; + } + + &-icon { + color: @textColorGreen; + } +} +// Color Palette +.z-colorpalette { + .size(262px, 222px); + border: 1px solid @colorboxBorderColor; + padding-left: 4px; + background: @baseBackgroundColor; + + &-newcolor { + .size(50px, 24px); + border: 1px solid @colorboxBorderColor; + margin: 4px 2px; + position: relative; + left: 123px; + } + + &-input, + &-button { + position: absolute; + top: 5px; + left: 185px; + } + + &-input { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @baseTextColor); + .size(65px, @baseButtonHeight); + border: 1px solid @baseBorderColor; + padding: 2px; + background: @baseBackgroundColor; + } + + &-color { + .displaySize(inline-block, 14px, 14px); + border: 1px solid #FFFFFF; + cursor: pointer; + float: left; + + &:hover { + border: 1px solid #000000; + } + } + + &-selected { + border: 1px solid #000000; + } +} +.z-colorbox-paletteicon, +.z-menu-paletteicon, +.z-colorbox-pickericon, +.z-menu-pickericon { + .size(22px, 22px); + .encodeURL(background, '~./zkex/img/colorbox/cb-buttons.gif'); + position: absolute; + cursor: pointer; + z-index: 10; +} +.z-colorbox-paletteicon, +.z-menu-paletteicon { + background-position: 0 0; + top: 5px; + left: 6px; +} +.z-colorbox-pickericon, +.z-menu-pickericon { + background-position: 0 -44px; + top: 5px; + left: 31px; +} +.z-colorpalette-popup .z-colorbox-paletteicon, +.z-colorpalette-popup .z-menu-paletteicon { + background-position: 0 -22px; + left: 6px; +} +.z-colorpalette-popup .z-colorbox-pickericon, +.z-colorpalette-popup .z-menu-pickericon { + left: 31px; +} +.z-colorpicker-popup .z-colorbox-pickericon, +.z-colorpicker-popup .z-menu-pickericon { + background-position: 0 -66px; +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkex/layout/less/columnlayout.less b/server/hu.user.theme.userdark/src/archive/web/js/zkex/layout/less/columnlayout.less new file mode 100644 index 00000000..9fdf3ecb --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkex/layout/less/columnlayout.less @@ -0,0 +1,19 @@ +@import "~./zul/less/_header.less"; + +.z-columnlayout, +.z-columnchildren, +.z-columnchildren-content { + overflow: hidden; +} +.z-columnchildren { + height: 100%; + float: left; + + &-content { + .size(100%, 100%); + } +} +.z-columnlayout, +.z-columnchildren { + -ms-zoom: 1; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkex/menu/less/fisheye.less b/server/hu.user.theme.userdark/src/archive/web/js/zkex/menu/less/fisheye.less new file mode 100644 index 00000000..eaa399a1 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkex/menu/less/fisheye.less @@ -0,0 +1,26 @@ +@import "~./zul/less/_header.less"; + +.z-fisheye, +.z-fisheye-text, +.z-fisheye-image { + position: absolute; + cursor: pointer; +} +.z-fisheye { + z-index: 2; +} +.z-fisheye-image { + .size(100%, 100%); + border: 0; +} +.z-fisheye-text { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @baseTextColor); + display: none; + border: 1px solid @baseBorderColor; + padding: 2px 5px; + background: @baseBackgroundColor; + text-align: center; +} +.z-fisheyebar-inner { + position: relative; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/big/less/biglistbox.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/big/less/biglistbox.less new file mode 100644 index 00000000..7830b4a9 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/big/less/biglistbox.less @@ -0,0 +1,313 @@ +@import "~./zul/less/_header.less"; + +.resetTable() { + table { + border-spacing: 0; + th, td { + background-clip: padding-box; + } + } +} +.z-biglistbox { + border: 1px solid @baseBorderColor; + background: @biglistboxBackgroundColor; + position: relative; + overflow: hidden; + zoom: 1; + + &-outer { + border: 1px solid @baseBorderColor; + border-top: none; + border-left: none; + margin: 0 15px 15px 0; + background: @baseBackgroundColor; + position: relative; + } + &-faker th { + font-size: 0; + .size(45px, 0); + border: 0; + margin: 0; + padding: 0; + line-height: 0; + overflow: hidden; + } + //head + &-head-outer { + overflow: hidden; + } + &-head { + width: 100%; + border: 0; + overflow: hidden; + float: left; + .resetTable(); + } + &-header { + border: 1px solid @meshTitleBorderColor; + border-left-color: #FFFFFF; + border-top: 0; + padding: 0; + text-align: left; + position: relative; + overflow: hidden; + cursor: default; + white-space: nowrap; + .verGradient(@baseGradientStart, @baseGradientEnd); + + &-content { + .fontStyle(@baseTitleFontFamily, @fontSizeMedium, bold, @textColorGrayLight); + padding: 4px 5px; + line-height: @baseButtonHeight - 1; + position: relative; + white-space: nowrap; + } + } + //body + &-body-outer { + overflow: hidden; + } + &-body { + width: 100%; + border: 0; + background: @baseBackgroundColor; + position: relative; + overflow: hidden; + float: left; + .resetTable(); + + //body content + td { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGrayLight); + border-left: 1px solid @meshContentBorderColor; + padding: 4px 5px; + line-height: @baseButtonHeight; + overflow: hidden; + cursor: pointer; + white-space: nowrap; + } + } + &-row { + &:hover td { + color: @hoverColor; + border-color: @meshContentHoverStart; + .verGradient(@meshContentHoverStart, @meshContentHoverEnd); + background-clip: padding-box; + position: relative; + } + &.z-biglistbox-selected { + td { + color: @selectedColor; + border-color: @selectedGradientStart; + .verGradient(@selectedGradientStart, @selectedGradientEnd); + background-clip: padding-box; + position: relative; + } + &:hover td { + color: @selectedHoverColor; + border-color: @selectedHoverBackgroundColor; + .resetGradient(); + background: @selectedHoverBackgroundColor; + position: relative; + } + } + } + //odd rows + &-odd { + background: @meshStripeBackgroundColor; + } + //sort + &-sort { + cursor: pointer; + } + &-sorticon { + color: @iconColor; + position: absolute; + top: -7px; + left: 50%; + } + &-hover { //sortable header hover status + .verGradient(@meshTitleHoverStart, @meshTitleHoverEnd); + background-clip: padding-box; + position: relative; + } + //frozen + &-head-shim, + &-body-shim { + .size(3px, 1px); + overflow: hidden; + float: left; + } + &-verticalbar-frozen { + .size(3px, 100%); + border: 1px solid @baseBorderColor; + background: @biglistboxFrozenBackground; + position: absolute; + top: -3px; + } + &-verticalbar-tick { + .size(8px, 16px); + .encodeURL(background, '~./zkmax/img/big/vbar-tick.png', -0px -0px no-repeat); + position: absolute; + bottom: 1px; + overflow: hidden; + cursor: w-resize; + z-index: 20; + } + //WScroll bar + &-wscroll { + // vertical + &-vertical { + .size(15px, 100%); + position: absolute; + top: 0; + right: -16px; + z-index: 10; + + .z-biglistbox-wscroll-drag { + .size(15px, 115px); + .encodeURL(background, '~./zkmax/img/big/drag-v.png', no-repeat scroll 0 0 transparent); + position: absolute; + overflow: hidden; + cursor: pointer; + z-index: 15; + + .z-biglistbox-wscroll-home, + .z-biglistbox-wscroll-up, + .z-biglistbox-wscroll-down, + .z-biglistbox-wscroll-end { + .size(15px, 15px); + position: absolute; + } + .z-biglistbox-wscroll-home { + top: 0; + } + .z-biglistbox-wscroll-up { + top: 15px; + } + .z-biglistbox-wscroll-down { + bottom: 15px; + } + .z-biglistbox-wscroll-end { + bottom: 0; + } + } + .z-biglistbox-wscroll-pos { + visibility: visible; + .size(15px, 115px); + .borderRadius(2px); + background: contrast(@baseBackgroundColor); + .opacity(0.25); + position: absolute; + left: 0; + top: 0; + z-index: 10; + } + .z-biglistbox-wscroll-endbar { + .size(15px, 7px); + border: 1px solid @baseBorderColor; + .horGradient(@baseGradientStart, @baseGradientEnd); + overflow: hidden; + position: absolute; + right: 0; + z-index: 20; + } + } + // horizontal + &-horizontal { + .size(100%, 15px); + position: absolute; + left: 0; + bottom: -16px; + z-index: 10; + + .z-biglistbox-wscroll-drag { + .size(115px, 15px); + .encodeURL(background, '~./zkmax/img/big/drag-h.png', no-repeat scroll 0 0 transparent); + position: absolute; + overflow: hidden; + cursor: pointer; + z-index: 15; + + .z-biglistbox-wscroll-home, + .z-biglistbox-wscroll-up, + .z-biglistbox-wscroll-down, + .z-biglistbox-wscroll-end { + .size(15px, 15px); + position: absolute; + } + .z-biglistbox-wscroll-home { + left: 0; + } + .z-biglistbox-wscroll-up { + left: 15px; + } + .z-biglistbox-wscroll-down { + right: 15px; + } + .z-biglistbox-wscroll-end { + right: 0; + } + } + .z-biglistbox-wscroll-pos { + visibility: visible; + .size(115px, 15px); + .borderRadius(2px); + background: contrast(@baseBackgroundColor); + .opacity(0.25); + position: absolute; + top: 0; + left: 0; + z-index: 10; + } + .z-biglistbox-wscroll-endbar { + .size(7px, 15px); + border: 1px solid @baseBorderColor; + .verGradient(@baseGradientStart, @baseGradientEnd); + position: absolute; + right: -12px; + overflow: hidden; + z-index: 20; + } + } + } +} + +.ie8 { + .z-biglistbox-row { + &:hover td { + background: @meshHoverBackgroundColorIE8; + } + + &.z-biglistbox-selected { + td { + position: static; + background: @meshSelectedBackgroundColorIE8; + } + &:hover td { + position: static; + background: @meshSelectedHoverBackgroundColorIE8; + } + } + } + .z-biglistbox { + &-header { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + &-hover { //sortable header hover status + .gradientFallback(@meshTitleHoverStart, @meshTitleHoverEnd); + } + &-wscroll { + &-vertical { + .z-biglistbox-wscroll-endbar { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + } + &-horizontal { + .z-biglistbox-wscroll-endbar { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + } + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-black-2x.png b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-black-2x.png new file mode 100644 index 00000000..08bdc74b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-black-2x.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-black.png b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-black.png new file mode 100644 index 00000000..9b4f7306 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-black.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-white-2x.png b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-white-2x.png new file mode 100644 index 00000000..0d18ea9c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-white-2x.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-white.png b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-white.png new file mode 100644 index 00000000..2ec87731 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/ext/icons-white.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/less/chosenbox.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/less/chosenbox.less new file mode 100644 index 00000000..2e2e2818 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/less/chosenbox.less @@ -0,0 +1,157 @@ +@import "~./zul/less/_header.less"; + +.z-chosenbox { + display: inline-block; + border: 1px solid @inputBorderColor; + line-height: normal; + background: @inputBackgroundColor; + overflow: hidden; + min-height: @baseButtonHeight; + + &-focus { + .boxShadow('inset 1px 1px 1px rgba(210, 210, 210, 0.75)'); + } + + &-item { + display: inline-block; + height: 18px; + border: 1px solid @chosenboxItemBorderColor; + .borderRadius(@borderRadiusSmall); + margin: -1px 1px 1px 1px; + .verGradient(@baseGradientStart, @baseGradientEnd); + vertical-align: middle; + position: relative; + white-space: nowrap; + cursor: pointer; + + &-content { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGrayDark); + display: inline-block; + height: 16px; + padding: 0px 15px 0px 3px; + line-height: 18px; + float: left; + } + + &-focus { + border-color: @hoverBorderColor; + background: @hoverBackgroundColor; + } + } + + &-button { + .iconFontStyle(11px, @iconColor); + .size(11px, 11px); + line-height: 11px; + text-align: center; + position: absolute; + right: 2px; + top: 3px; + + &:hover { + color: @iconHoverColor; + } + } + + &-input { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGrayDark); + .displaySize(inline-block, 30px, 15px); + border: 0 !important; + height: 17px; + padding: 1px 2px 2px 2px; + background: transparent !important; + outline: 0; + .boxShadow('none'); + margin: 2px; + } + + &-disabled { + background: @disabledBackgroundColor; + .opacity(@disabledOpacity); + + .z-chosenbox-item { + cursor: default !important; + } + + .z-chosenbox-item-content { + padding-right: 3px !important; + } + + .z-chosenbox-button { + display: none !important; + } + } + + &-textcontent { + font-family: @baseContentFontFamily; + font-size: @fontSizeMedium; + display: none; + white-space: nowrap; + } + + &-popup { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGrayDark); + display: block; + border: 1px solid @popupBorderColor; + padding: 2px; + background: @popupBackgroundColor; + position: absolute; + overflow: auto; + + &-hidden { + display: none; + } + } + + &-shadow { + .borderRadius(@borderRadiusSmall); + .boxShadow('0 0 15px rgba(0, 0, 0, 0.35)'); + } + + &-option { + cursor: pointer; + padding: 1px 5px; + &:hover, &-hover { + background: @hoverBackgroundColor; + } + } + + &-empty { + font-style: italic; + color: @disabledColor; + padding: 1px 5px; + + &-creatable { + color: @textColorGrayDark; + padding-top: 2px; + cursor: pointer; + } + } + + &-create { + .iconFontStyle(@baseFontSize, @chosenboxCreateIconColor); + .size(14px, 14px); + margin-right: 2px; + } +} + +.ie8 { + .z-chosenbox { + &-item { + &-content { + line-height: @baseIconHeight; + } + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + } +} + +.ie8, .ie9, .ie10 { + .z-chosenbox { + &-button { + .size(12px, 12px); + line-height: 12px; + top: 2px; + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/less/tbeditor.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/less/tbeditor.less new file mode 100644 index 00000000..20ea8efe --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/less/tbeditor.less @@ -0,0 +1,657 @@ +/** + * @{zprefix} v2.0.0-beta.3 - A lightweight WYSIWYG editor + * Default stylesheet for @{zprefix} editor + * ------------------------ + * @link http://alex-d.github.io/@{zprefix} + * @license MIT + * @author Alexandre Demode (Alex-D) + * Twitter : @AlexandreDemode + * Website : alex-d.fr + */ + +@import "~./zul/less/_header.less"; +@zprefix: z-tbeditor; +@url: "~./js/zkmax/inp/ext"; + +.@{zprefix}-box, .@{zprefix}-editor { + display: block; + position: relative; + border: 1px solid #DDD; + width: 96%; + min-height: 300px; + margin: 0px auto; } + +.@{zprefix}-box .@{zprefix}-editor { + margin: 0 auto; } + +.@{zprefix}-box.@{zprefix}-fullscreen { + background: #FEFEFE; } + +.@{zprefix}-editor, .@{zprefix}-textarea { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 1% 2%; + min-height: 300px; + width: 100%; + border-style: none; + resize: none; + outline: none; } + +.@{zprefix}-box-blur .@{zprefix}-editor * { + color: transparent !important; + text-shadow: 0 0 7px #333; } +.@{zprefix}-box-blur .@{zprefix}-editor img { + opacity: 0.2; } + +.@{zprefix}-textarea { + position: relative; + display: block; + overflow: auto; + border: none; + white-space: normal; } + +.@{zprefix}-box.@{zprefix}-editor-visible .@{zprefix}-textarea { + position: absolute; + top: 37px; + height: 1px !important; + width: 25%; + min-height: 0 !important; + padding: 0 !important; + background: none; + opacity: 0; } + +.@{zprefix}-box.@{zprefix}-editor-hidden .@{zprefix}-textarea { + display: block; } +.@{zprefix}-box.@{zprefix}-editor-hidden .@{zprefix}-editor { + display: none; } + +.@{zprefix}-editor[contenteditable=true]:empty:before { + content: attr(placeholder); + color: #999; } + +.@{zprefix}-button-pane { + position: relative; + width: 100%; + background: #ecf0f1; + border-bottom: 1px solid #d7e0e2; + margin: 0; + padding: 0; + list-style-type: none; + line-height: 10px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + .@{zprefix}-button-pane li { + display: inline-block; + text-align: center; + overflow: hidden; + padding: 0 !important; } + .@{zprefix}-button-pane li.@{zprefix}-separator { + width: 1px; + background: #d7e0e2; + margin: 0 5px; + height: 35px; } + .@{zprefix}-button-pane.@{zprefix}-disable li:not(.@{zprefix}-not-disable) button:not(.@{zprefix}-active) { + opacity: 0.2; + cursor: default; } + .@{zprefix}-button-pane.@{zprefix}-disable li.@{zprefix}-separator { + background: #e3e9eb; } + .@{zprefix}-button-pane li button { + padding: 1px 6px !important; } + .@{zprefix}-button-pane:not(.@{zprefix}-disable) li button:hover, .@{zprefix}-button-pane:not(.@{zprefix}-disable) li button:focus, .@{zprefix}-button-pane li button.@{zprefix}-active, .@{zprefix}-button-pane li.@{zprefix}-not-disable button:hover, .@{zprefix}-button-pane li.@{zprefix}-not-disable button:focus { + background-color: #FFF; + outline: none; } + .@{zprefix}-button-pane li .@{zprefix}-open-dropdown:after { + display: block; + content: " "; + position: absolute; + top: 25px; + right: 3px; + height: 0; + width: 0; + border: 3px solid transparent; + border-top-color: #555; } + .@{zprefix}-button-pane .@{zprefix}-buttons-right { + float: right; + width: auto; } + .@{zprefix}-button-pane .@{zprefix}-buttons-right button { + float: left; } + +.@{zprefix}-dropdown { + width: 200px; + border: 1px solid #ecf0f1; + padding: 5px 0; + border-top: none; + background: #FFF; + margin-left: -1px; + -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; + box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; } + .@{zprefix}-dropdown button { + display: block; + width: 100%; + height: 35px; + line-height: 35px; + text-decoration: none; + background: #FFF; + padding: 0 14px; + color: #333 !important; + border: none; + cursor: pointer; + text-align: left; + font-size: 15px; + -webkit-transition: all 0.15s; + transition: all 0.15s; } + .@{zprefix}-dropdown button:hover, .@{zprefix}-dropdown button:focus { + background: #ecf0f1; } + +/* Modal box */ +.@{zprefix}-modal { + position: absolute; + top: 0; + left: 50%; + margin-left: -260px; + width: 520px; + height: 350px; + overflow: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + +.@{zprefix}-modal-box { + position: absolute; + top: 0; + left: 50%; + margin-left: -250px; + width: 500px; + padding-bottom: 45px; + z-index: 1; + background-color: #FFF; + text-align: center; + -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px; + box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } + .@{zprefix}-modal-box .@{zprefix}-modal-title { + font-size: 24px; + font-weight: bold; + margin: 0 0 20px; + padding: 15px 0 13px; + display: block; + border-bottom: 1px solid #EEE; + color: #333; + background: #fbfcfc; } + .@{zprefix}-modal-box .@{zprefix}-progress { + width: 100%; + background: #F00; + height: 3px; + position: absolute; + top: 58px; } + .@{zprefix}-modal-box .@{zprefix}-progress .@{zprefix}-progress-bar { + background: #2BC06A; + height: 100%; + -webkit-transition: width 0.15s linear; + transition: width 0.15s linear; } + .@{zprefix}-modal-box label { + display: block; + position: relative; + margin: 15px 12px; + height: 27px; + line-height: 27px; + overflow: hidden; } + .@{zprefix}-modal-box label .@{zprefix}-input-infos { + display: block; + text-align: left; + height: 25px; + line-height: 25px; + -webkit-transition: all 0.15; + transition: all 0.15; } + .@{zprefix}-modal-box label .@{zprefix}-input-infos span { + display: block; + color: #859fa5; + background-color: #fbfcfc; + border: 1px solid #DEDEDE; + padding: 0 2%; + width: 19.5%; } + .@{zprefix}-modal-box label .@{zprefix}-input-infos span.@{zprefix}-msg-error { + color: #e74c3c; } + .@{zprefix}-modal-box label.@{zprefix}-input-error input, .@{zprefix}-modal-box label.@{zprefix}-input-error textarea { + border: 1px solid #e74c3c; } + .@{zprefix}-modal-box label.@{zprefix}-input-error .@{zprefix}-input-infos { + margin-top: -27px; } + .@{zprefix}-modal-box label input { + position: absolute; + top: 0; + right: 0; + height: 25px; + line-height: 25px; + border: 1px solid #DEDEDE; + background: transparent; + width: 72%; + padding: 0 2%; + margin: 0 0 0 23%; + -webkit-transition: all 0.15s; + transition: all 0.15s; } + .@{zprefix}-modal-box label input:hover, .@{zprefix}-modal-box label input:focus { + outline: none; + border: 1px solid #95a5a6; } + .@{zprefix}-modal-box label input:focus { + background: rgba(230, 230, 255, 0.1); } + .@{zprefix}-modal-box .error { + margin-top: 25px; + display: block; + color: red; } + .@{zprefix}-modal-box .@{zprefix}-modal-button { + position: absolute; + bottom: 10px; + right: 0; + text-decoration: none; + color: #FFF; + display: block; + width: 100px; + height: 35px; + line-height: 33px; + margin: 0 10px; + background-color: #333; + border: none; + border-top: none; + cursor: pointer; + font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; + font-size: 16px; + -webkit-transition: all 0.15s; + transition: all 0.15s; } + .@{zprefix}-modal-box .@{zprefix}-modal-button.@{zprefix}-modal-submit { + right: 110px; + background: #2bc069; } + .@{zprefix}-modal-box .@{zprefix}-modal-button.@{zprefix}-modal-submit:hover, .@{zprefix}-modal-box .@{zprefix}-modal-button.@{zprefix}-modal-submit:focus { + background: #40d47d; + outline: none; } + .@{zprefix}-modal-box .@{zprefix}-modal-button.@{zprefix}-modal-submit:active { + background: #25a259; } + .@{zprefix}-modal-box .@{zprefix}-modal-button.@{zprefix}-modal-reset { + color: #555; + background: #e6e6e6; } + .@{zprefix}-modal-box .@{zprefix}-modal-button.@{zprefix}-modal-reset:hover, .@{zprefix}-modal-box .@{zprefix}-modal-button.@{zprefix}-modal-reset:focus { + background: #fbfbfb; + outline: none; } + .@{zprefix}-modal-box .@{zprefix}-modal-button.@{zprefix}-modal-reset:active { + background: #d4d4d4; } + +.@{zprefix}-overlay { + position: absolute; + background-color: rgba(255, 255, 255, 0.5); + width: 100%; + left: 0; + display: none; } + +/** + * Fullscreen + */ +body.@{zprefix}-body-fullscreen { + overflow: hidden; } + +.@{zprefix}-fullscreen { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + z-index: 99999; } + .@{zprefix}-fullscreen.@{zprefix}-box, .@{zprefix}-fullscreen .@{zprefix}-editor { + border: none; } + .@{zprefix}-fullscreen .@{zprefix}-overlay { + height: 100% !important; } + +/* + * Reset for resetCss option + */ +.@{zprefix}-editor object, .@{zprefix}-editor embed, .@{zprefix}-editor video, .@{zprefix}-editor img { + width: auto; + max-width: 100%; } +.@{zprefix}-editor video, .@{zprefix}-editor img { + height: auto; } +.@{zprefix}-editor img { + cursor: move; } +.@{zprefix}-editor.@{zprefix}-reset-css { + background: #FEFEFE !important; + font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; + font-size: 14px !important; + line-height: 1.45em !important; + white-space: normal !important; + color: #333; } + .@{zprefix}-editor.@{zprefix}-reset-css a { + color: #15c !important; + text-decoration: underline !important; } + .@{zprefix}-editor.@{zprefix}-reset-css div, .@{zprefix}-editor.@{zprefix}-reset-css p, .@{zprefix}-editor.@{zprefix}-reset-css ul, .@{zprefix}-editor.@{zprefix}-reset-css ol, .@{zprefix}-editor.@{zprefix}-reset-css blockquote { + -webkit-box-shadow: none !important; + box-shadow: none !important; + background: none !important; + margin: 0 !important; + margin-bottom: 15px !important; + line-height: 1.4em !important; + font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; + font-size: 14px !important; + border: none; } + .@{zprefix}-editor.@{zprefix}-reset-css iframe, .@{zprefix}-editor.@{zprefix}-reset-css object, .@{zprefix}-editor.@{zprefix}-reset-css hr { + margin-bottom: 15px !important; } + .@{zprefix}-editor.@{zprefix}-reset-css blockquote { + margin-left: 32px !important; + font-style: italic !important; + color: #555; } + .@{zprefix}-editor.@{zprefix}-reset-css ul, .@{zprefix}-editor.@{zprefix}-reset-css ol { + padding-left: 20px !important; } + .@{zprefix}-editor.@{zprefix}-reset-css ul ul, .@{zprefix}-editor.@{zprefix}-reset-css ol ol, .@{zprefix}-editor.@{zprefix}-reset-css ul ol, .@{zprefix}-editor.@{zprefix}-reset-css ol ul { + border: none; + margin: 2px !important; + padding: 0 !important; + padding-left: 24px !important; } + .@{zprefix}-editor.@{zprefix}-reset-css hr { + display: block; + height: 1px; + border: none; + border-top: 1px solid #CCC; } + .@{zprefix}-editor.@{zprefix}-reset-css h1, .@{zprefix}-editor.@{zprefix}-reset-css h2, .@{zprefix}-editor.@{zprefix}-reset-css h3, .@{zprefix}-editor.@{zprefix}-reset-css h4 { + color: #111; + background: none; + margin: 0 !important; + padding: 0 !important; + font-weight: bold; } + .@{zprefix}-editor.@{zprefix}-reset-css h1 { + font-size: 32px !important; + line-height: 38px !important; + margin-bottom: 20px !important; } + .@{zprefix}-editor.@{zprefix}-reset-css h2 { + font-size: 26px !important; + line-height: 34px !important; + margin-bottom: 15px !important; } + .@{zprefix}-editor.@{zprefix}-reset-css h3 { + font-size: 22px !important; + line-height: 28px !important; + margin-bottom: 7px !important; } + .@{zprefix}-editor.@{zprefix}-reset-css h4 { + font-size: 16px !important; + line-height: 22px !important; + margin-bottom: 7px !important; } + +/* + * Black theme + */ +.@{zprefix}-black .@{zprefix}-button-pane { + background-color: #222; + border-bottom-color: #343434; } + .@{zprefix}-black .@{zprefix}-button-pane li.@{zprefix}-separator { + background-color: #343434; } + .@{zprefix}-black .@{zprefix}-button-pane.@{zprefix}-disable li.@{zprefix}-separator { + background-color: #2a2a2a; } + .@{zprefix}-black .@{zprefix}-button-pane:not(.@{zprefix}-disable) li button:hover, .@{zprefix}-black .@{zprefix}-button-pane:not(.@{zprefix}-disable) li button:focus, .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-active, .@{zprefix}-black .@{zprefix}-button-pane li.@{zprefix}-not-disable button:hover, .@{zprefix}-black .@{zprefix}-button-pane li.@{zprefix}-not-disable button:focus { + background-color: #555; } + .@{zprefix}-black .@{zprefix}-button-pane li .@{zprefix}-open-dropdown:after { + border-top-color: #fff; } +.@{zprefix}-black .@{zprefix}-dropdown { + border-color: #222; + background: #222; } + .@{zprefix}-black .@{zprefix}-dropdown button { + background: #222; + color: #fff; } + .@{zprefix}-black .@{zprefix}-dropdown button:hover, .@{zprefix}-black .@{zprefix}-dropdown button:focus { + background: #555; } +.@{zprefix}-black .@{zprefix}-modal-box { + background-color: #222; } + .@{zprefix}-black .@{zprefix}-modal-box .@{zprefix}-modal-title { + border-bottom: 1px solid #555; + color: #fff; + background: #3c3c3c; } + .@{zprefix}-black .@{zprefix}-modal-box label { + display: block; + position: relative; + margin: 15px 12px; + height: 27px; + line-height: 27px; + overflow: hidden; } + .@{zprefix}-black .@{zprefix}-modal-box label .@{zprefix}-input-infos span { + color: #eee; + background-color: #2f2f2f; + border-color: #222; } + .@{zprefix}-black .@{zprefix}-modal-box label .@{zprefix}-input-infos span.@{zprefix}-msg-error { + color: #e74c3c; } + .@{zprefix}-black .@{zprefix}-modal-box label.@{zprefix}-input-error input, .@{zprefix}-black .@{zprefix}-modal-box label.@{zprefix}-input-error textarea { + border-color: #e74c3c; } + .@{zprefix}-black .@{zprefix}-modal-box label input { + border-color: #222; + color: #eee; + background: #333; } + .@{zprefix}-black .@{zprefix}-modal-box label input:hover, .@{zprefix}-black .@{zprefix}-modal-box label input:focus { + border-color: #95a5a6; } + .@{zprefix}-black .@{zprefix}-modal-box label input:focus { + background-color: rgba(230, 230, 255, 0.1); } +.@{zprefix}-black .@{zprefix}-overlay { + background-color: rgba(0, 0, 0, 0.5); } + +/* + * Buttons icons + */ +.@{zprefix}-button-pane li button { + display: block; + position: relative; + text-indent: -9999px; + width: 35px; + height: 35px; + overflow: hidden; + background: transparent url(${c:encodeURL('@{url}/icons-black.png')}) no-repeat; + border: none; + cursor: pointer; + -webkit-transition: background-color 0.15s, background-image 0.15s, opacity 0.15s; + transition: background-color 0.15s, background-image 0.15s, opacity 0.15s; + /* English and others */ } + .@{zprefix}-button-pane li button.@{zprefix}-viewHTML-button { + background-position: 5px -570px; } + .@{zprefix}-button-pane li button.@{zprefix}-formatting-button { + background-position: 5px -120px; } + .@{zprefix}-button-pane li button.@{zprefix}-bold-button, .@{zprefix}-button-pane li button.@{zprefix}-strong-button { + background-position: 5px -45px; } + .@{zprefix}-button-pane li button.@{zprefix}-italic-button, .@{zprefix}-button-pane li button.@{zprefix}-em-button { + background-position: 5px -270px; } + .@{zprefix}-button-pane li button.@{zprefix}-underline-button { + background-position: 5px -495px; } + .@{zprefix}-button-pane li button.@{zprefix}-strikethrough-button, .@{zprefix}-button-pane li button.@{zprefix}-del-button { + background-position: 5px -470px; } + .@{zprefix}-button-pane li button.@{zprefix}-link-button { + background-position: 5px -345px; } + .@{zprefix}-button-pane li button.@{zprefix}-insertImage-button { + background-position: 5px -245px; } + .@{zprefix}-button-pane li button.@{zprefix}-justifyLeft-button { + background-position: 5px -320px; } + .@{zprefix}-button-pane li button.@{zprefix}-justifyCenter-button { + background-position: 5px -70px; } + .@{zprefix}-button-pane li button.@{zprefix}-justifyRight-button { + background-position: 5px -420px; } + .@{zprefix}-button-pane li button.@{zprefix}-justifyFull-button { + background-position: 5px 5px; } + .@{zprefix}-button-pane li button.@{zprefix}-unorderedList-button { + background-position: 5px -520px; } + .@{zprefix}-button-pane li button.@{zprefix}-orderedList-button { + background-position: 5px -370px; } + .@{zprefix}-button-pane li button.@{zprefix}-horizontalRule-button { + background-position: 5px -220px; } + .@{zprefix}-button-pane li button.@{zprefix}-removeformat-button { + background-position: 5px -395px; } + .@{zprefix}-button-pane li button.@{zprefix}-fullscreen-button { + background-position: 5px -170px; } + .@{zprefix}-button-pane li button.@{zprefix}-close-button { + background-position: 5px -95px; } + +.@{zprefix}-fullscreen .@{zprefix}-button-pane li button.@{zprefix}-fullscreen-button { + background-position: 5px -145px; } + +.@{zprefix}-button-pane li:first-child button { + margin-left: 6px; } +.@{zprefix}-button-pane li:last-child button { + margin-right: 6px; } + +/* French */ +.@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-bold-button, .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-strong-button { + background-position: 5px -195px; } +.@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-underline-button { + background-position: 5px -445px; } +.@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-strikethrough-button, .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-del-button { + background-position: 5px -295px; } + +.@{zprefix}-black { + /* French */ } + .@{zprefix}-black .@{zprefix}-button-pane li button { + background-image: url(${c:encodeURL('@{url}/icons-white.png')}); + /* English and others */ } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-viewHTML-button { + background-position: 5px -570px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-formatting-button { + background-position: 5px -120px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-bold-button, .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-strong-button { + background-position: 5px -45px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-italic-button, .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-em-button { + background-position: 5px -270px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-underline-button { + background-position: 5px -495px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-strikethrough-button, .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-del-button { + background-position: 5px -470px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-link-button { + background-position: 5px -345px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-insertImage-button { + background-position: 5px -245px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-justifyLeft-button { + background-position: 5px -320px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-justifyCenter-button { + background-position: 5px -70px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-justifyRight-button { + background-position: 5px -420px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-justifyFull-button { + background-position: 5px 5px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-unorderedList-button { + background-position: 5px -520px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-orderedList-button { + background-position: 5px -370px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-horizontalRule-button { + background-position: 5px -220px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-removeformat-button { + background-position: 5px -395px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-fullscreen-button { + background-position: 5px -170px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-close-button { + background-position: 5px -95px; } + .@{zprefix}-black .@{zprefix}-fullscreen .@{zprefix}-button-pane li button.@{zprefix}-fullscreen-button { + background-position: 5px -145px; } + .@{zprefix}-black .@{zprefix}-button-pane li:first-child button { + margin-left: 6px; } + .@{zprefix}-black .@{zprefix}-button-pane li:last-child button { + margin-right: 6px; } + .@{zprefix}-black .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-bold-button, .@{zprefix}-black .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-strong-button { + background-position: 5px -195px; } + .@{zprefix}-black .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-underline-button { + background-position: 5px -445px; } + .@{zprefix}-black .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-strikethrough-button, .@{zprefix}-black .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-del-button { + background-position: 5px -295px; } + +@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 4/3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { + /* French */ + /* Black theme */ + .@{zprefix}-button-pane li button { + -webkit-background-size: 25px 600px !important; + background-size: 25px 600px !important; + background-image: url(${c:encodeURL('@{url}/icons-black-2x.png')}) !important; + /* English and others */ } + .@{zprefix}-button-pane li button.@{zprefix}-viewHTML-button { + background-position: 5px -570px; } + .@{zprefix}-button-pane li button.@{zprefix}-formatting-button { + background-position: 5px -120px; } + .@{zprefix}-button-pane li button.@{zprefix}-bold-button, .@{zprefix}-button-pane li button.@{zprefix}-strong-button { + background-position: 5px -45px; } + .@{zprefix}-button-pane li button.@{zprefix}-italic-button, .@{zprefix}-button-pane li button.@{zprefix}-em-button { + background-position: 5px -270px; } + .@{zprefix}-button-pane li button.@{zprefix}-underline-button { + background-position: 5px -495px; } + .@{zprefix}-button-pane li button.@{zprefix}-strikethrough-button, .@{zprefix}-button-pane li button.@{zprefix}-del-button { + background-position: 5px -470px; } + .@{zprefix}-button-pane li button.@{zprefix}-link-button { + background-position: 5px -345px; } + .@{zprefix}-button-pane li button.@{zprefix}-insertImage-button { + background-position: 5px -245px; } + .@{zprefix}-button-pane li button.@{zprefix}-justifyLeft-button { + background-position: 5px -320px; } + .@{zprefix}-button-pane li button.@{zprefix}-justifyCenter-button { + background-position: 5px -70px; } + .@{zprefix}-button-pane li button.@{zprefix}-justifyRight-button { + background-position: 5px -420px; } + .@{zprefix}-button-pane li button.@{zprefix}-justifyFull-button { + background-position: 5px 5px; } + .@{zprefix}-button-pane li button.@{zprefix}-unorderedList-button { + background-position: 5px -520px; } + .@{zprefix}-button-pane li button.@{zprefix}-orderedList-button { + background-position: 5px -370px; } + .@{zprefix}-button-pane li button.@{zprefix}-horizontalRule-button { + background-position: 5px -220px; } + .@{zprefix}-button-pane li button.@{zprefix}-removeformat-button { + background-position: 5px -395px; } + .@{zprefix}-button-pane li button.@{zprefix}-fullscreen-button { + background-position: 5px -170px; } + .@{zprefix}-button-pane li button.@{zprefix}-close-button { + background-position: 5px -95px; } + .@{zprefix}-fullscreen .@{zprefix}-button-pane li a.@{zprefix}-fullscreen-button { + background-position: 5px -145px; } + .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-bold-button, .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-strong-button { + background-position: 5px -195px; } + .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-underline-button { + background-position: 5px -445px; } + .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-strikethrough-button, .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-del-button { + background-position: 5px -295px; } + .@{zprefix}-black { + /* French */ } + .@{zprefix}-black .@{zprefix}-button-pane li button { + -webkit-background-size: 25px 600px !important; + background-size: 25px 600px !important; + background-image: url(${c:encodeURL('@{url}/icons-white-2x.png')}) !important; + /* English and others */ } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-viewHTML-button { + background-position: 5px -570px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-formatting-button { + background-position: 5px -120px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-bold-button, .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-strong-button { + background-position: 5px -45px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-italic-button, .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-em-button { + background-position: 5px -270px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-underline-button { + background-position: 5px -495px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-strikethrough-button, .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-del-button { + background-position: 5px -470px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-link-button { + background-position: 5px -345px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-insertImage-button { + background-position: 5px -245px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-justifyLeft-button { + background-position: 5px -320px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-justifyCenter-button { + background-position: 5px -70px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-justifyRight-button { + background-position: 5px -420px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-justifyFull-button { + background-position: 5px 5px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-unorderedList-button { + background-position: 5px -520px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-orderedList-button { + background-position: 5px -370px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-horizontalRule-button { + background-position: 5px -220px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-removeformat-button { + background-position: 5px -395px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-fullscreen-button { + background-position: 5px -170px; } + .@{zprefix}-black .@{zprefix}-button-pane li button.@{zprefix}-close-button { + background-position: 5px -95px; } + .@{zprefix}-black .@{zprefix}-fullscreen .@{zprefix}-button-pane li a.@{zprefix}-fullscreen-button { + background-position: 5px -145px; } + .@{zprefix}-black .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-bold-button, .@{zprefix}-black .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-strong-button { + background-position: 5px -195px; } + .@{zprefix}-black .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-underline-button { + background-position: 5px -445px; } + .@{zprefix}-black .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-strikethrough-button, .@{zprefix}-black .@{zprefix}-fr .@{zprefix}-button-pane li button.@{zprefix}-del-button { + background-position: 5px -295px; } } + diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/less/timepicker.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/less/timepicker.less new file mode 100644 index 00000000..0540d033 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/inp/less/timepicker.less @@ -0,0 +1,209 @@ +@import "~./zul/less/_header.less"; + +.z-timepicker { + display: inline-block; + min-height: @baseButtonHeight; + white-space: nowrap; + + &-input { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @baseTextColor); + height: @baseButtonHeight; + border: 1px solid @inputBorderColor; + border-right: 0; + .leftBorderRadius(@borderRadiusSmall); + margin: 0; + padding: 4px 5px; + line-height: @baseLineHeight; + background: @inputBackgroundColor; + + &:focus { + .boxShadow('inset 1px 1px 1px rgba(210, 210, 210, 0.75)'); + } + &[readonly] { + border-color: @readonlyBorderColor; + background: @readonlyBackgroundColor; + } + &[readonly]:focus { + .boxShadow('none'); + } + } + + &-button { + .iconFontStyle(@baseFontSize, @iconColor); + display: inline-block; + min-width: @baseButtonWidth; + height: @baseButtonHeight; + border: 1px solid @inputBorderColor; + .rightBorderRadius(@borderRadiusSmall); + padding: 4px; + line-height: @baseLineHeight; + background: @inputBackgroundColor; + text-align: left; + vertical-align: middle; + overflow: hidden; + cursor: pointer; + + &:hover { + border-color: @hoverBorderColor; + .verGradient(@hoverGradientStart, @hoverGradientEnd); + } + &:active { + border-color: @activeBorderColor; + .verGradient(@activeGradientStart, @activeGradientEnd); + .boxShadow('inset 1px 1px 1px #91AAB7'); + } + input[disabled] + & { + &:hover, + &:active { + border-color: @inputBorderColor; + .resetGradient(); + .boxShadow('none'); + } + } + } + + &-disabled { + .opacity(@disabledOpacity); + & * { + color: @disabledColor !important; + background: @disabledBackgroundColor !important; + cursor: default !important; + } + } + + &-invalid { + border: 1px solid @invalidBorderColor !important; + margin-right: -1px; + background: @baseBackgroundColor; + .boxShadow(inset -1px 0 0 @invalidBorderColor); + } + + &-readonly:focus { + border-color: @readonlyBorderColor; + border-right-width: 0; + background: transparent repeat-x 0 0; + cursor: default; + .boxShadow(none); + } + + &-rightedge { + border-right: 1px solid @inputBorderColor; + .borderRadius(@borderRadiusSmall); + } +} + +.z-timepicker-input { + &[readonly] { + cursor: pointer; + } +} + +.z-timepicker-button.z-timepicker-disabled { + display: none; +} + +.z-timepicker-button { + text-align: center; +} + +.z-timepicker-inplace .z-timepicker-input { + border: 0; + padding: 3px; + background: none; + + &:focus { + .resetGradient(); + .boxShadow('none'); + } +} +.z-timepicker-inplace .z-timepicker-button { + visibility: hidden; +} + +.z-timepicker-popup { + max-height: 200px; +} + +.z-timepicker-option { + display: block; + padding: 3px 2px; + position: relative; + text-shadow: 0 1px #FFFFFF; + font-size: @fontSizeMedium; + font-weight: normal; + color: @baseTextColor; + text-decoration: none; +} + +.z-timepicker-option:hover { + .verGradient(@hoverGradientStart, @hoverGradientEnd); +} + +.z-timepicker-option-selected { + .verGradient(@selectedGradientStart, @selectedGradientEnd); + .z-comboitem-text { + color: @selectedColor; + } +} + +.z-timepicker-option-selected:hover { + .verGradient(@selectedHoverGradientStart, @selectedHoverGradientEnd); + .z-timepicker-text { + color: @selectedHoverColor; + } +} + +.z-timepicker-popup { + font-family: @baseContentFontFamily; + font-weight: normal; + font-size: @fontSizeMedium; + display: block; + border: 1px solid @popupBorderColor; + padding: 2px; + background: @popupBackgroundColor; + position: absolute; + overflow: auto; +} + +.z-timepicker-content { + border: 0; + padding: 0; + margin: 0; + background: transparent none repeat 0 0; + position: relative; + list-style-image: none; + list-style-position: outside; + list-style-type: none; +} + +//Shadow +.z-timepicker-shadow { + .borderRadius(@borderRadiusSmall); + .boxShadow('0 0 15px rgba(0, 0, 0, 0.35)'); +} + +.ie8 { + .z-timepicker { + &-button { + min-width: @baseButtonWidth - 10; + &:hover { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + &:active { + .gradientFallback(@activeGradientStart, @activeGradientEnd); + } + } + } + + .z-timepicker-option { + &-selected { + .gradientFallback(@selectedGradientStart, @selectedGradientEnd); + } + &:hover { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + &-selected:hover { + .gradientFallback(@selectedHoverGradientStart, @selectedHoverGradientEnd); + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/cardlayout.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/cardlayout.less new file mode 100644 index 00000000..c689e7af --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/cardlayout.less @@ -0,0 +1,11 @@ +@import "~./zul/less/_header.less"; + +.z-cardlayout { + position: relative; + overflow: hidden; + + &-inner { + position: absolute; + overflow: hidden; + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/portallayout.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/portallayout.less new file mode 100644 index 00000000..70cbb76c --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/portallayout.less @@ -0,0 +1,33 @@ +@import "~./zul/less/_header.less"; + +.z-portallayout, +.z-portalchildren, +.z-portalchildren-content { + overflow: hidden; +} +.z-portallayout-vertical { + > .z-portalchildren { + height: 100%; + float: left; + } +} +.z-portalchildren-content { + .size(100%, 100%); +} +.z-portallayout-horizontal { + > .z-portalchildren { + height: 100%; + } +} + + +.z-portallayout-horizontal .z-portalchildren-content { + > .z-panel, + > .z-panel-move-block { + float: left; + } +} +.z-portallayout, +.z-portalchildren { + -ms-zoom: 1; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/rowlayout.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/rowlayout.less new file mode 100644 index 00000000..f60215f0 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/rowlayout.less @@ -0,0 +1,21 @@ +@import "~./zul/less/_header.less"; + +.z-rowlayout { + width: 100%; + *zoom: 1; + &:before, &:after { + display: table; + line-height: 0; + content: ""; + clear: both; + } +} + +.z-rowchildren[class*="colspan"] { + display: block; + float: left; + .applyCSS3('box-sizing', 'border-box'); + @media (max-width: 767px) { + float: none; + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/scrollview.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/scrollview.less new file mode 100644 index 00000000..a6643fb3 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/scrollview.less @@ -0,0 +1,104 @@ +@import "~./zul/less/_header.less"; + +.z-scrollview { + position: relative; + overflow: hidden; + white-space: nowrap; + + &-horizontal { + .z-scrollview-content { + height: 100%; + } + .z-scrollview-inner { + display: inline-block; + vertical-align: top; + } + .z-scrollview-scrollbar { + height: 7px; + bottom: 1px; + left: 2px; + right: 2px; + + &-indicator { + height: 100%; + } + } + } + &-vertical { + .z-scrollview-content { + width: 100%; + } + .z-scrollview-scrollbar { + width: 7px; + bottom: 2px; + top: 2px; + right: 1px; + + &-indicator { + width: 100%; + } + } + } + //content and child + &-content { + .applyCSS3('transition-duration', '0'); + .applyCSS3('transform-origin', '0 0'); + .applyCSS3('transition-timing-function', 'cubic-bezier(0.33, 0.66, 0.66, 1)'); + .applyCSS3('transition-delay', '0'); + .transform('translate3d(0, 0, 0)'); + } + &-inner { + position: relative; + zoom: 1; + } + //scrollbar + &-scrollbar { + position: absolute; + z-index: 100; + pointer-events: none; + opacity: 0; + overflow: hidden; + .applyCSS3('transition-property', 'opacity'); + .applyCSS3('transition-duration', '0'); + + &-indicator { + border: 1px solid rgba(255, 255, 255, 0.9); + .borderRadius(3px); + background: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + position: absolute; + z-index: 100; + pointer-events: none; + .applyCSS3('box-sizing', 'border-box'); + .applyCSS3('transition-timing-function', 'cubic-bezier(0.33, 0.66, 0.66, 1)'); + .applyCSS3('transition-duration', '0'); + .transform('translate3d(0, 0, 0)'); + } + } + //loading image + &-load { + .displaySize(none, 100%, 100%); + text-align: center; + vertical-align : middle; + position: absolute; + + &-up, &-down, + &-left, &-right { + .size(32px, 32px); + position: absolute; + z-index: 999; + } + &-up { + .encodeThemeURL(background-image, '~./zkmax/img/tablet/layout/load-up.png'); + } + &-down { + .encodeThemeURL(background-image, '~./zkmax/img/tablet/layout/load-down.png'); + } + &-left { + .encodeThemeURL(background-image, '~./zkmax/img/tablet/layout/load-left.png'); + } + &-right { + .encodeThemeURL(background-image, '~./zkmax/img/tablet/layout/load-right.png'); + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/tablelayout.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/tablelayout.less new file mode 100644 index 00000000..87e05513 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/layout/less/tablelayout.less @@ -0,0 +1,5 @@ +@import "~./zul/less/_header.less"; + +.z-tablechildren { + vertical-align: top; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/nav/less/nav.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/nav/less/nav.less new file mode 100644 index 00000000..4844885b --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/nav/less/nav.less @@ -0,0 +1,313 @@ +@import "~./zul/less/_header.less"; + +.restUl() { + border: 0; + padding: 0; + margin: 0; + list-style: none; +} +.itemSelected() { + .z-navitem-selected .z-navitem-content { + color: @navSelectedColor; + background: @navSelectedBackgroundColor; + + &:hover { + background: lighten(@navSelectedBackgroundColor, 5%); + } + } +} +.navLevel(@level) { + .z-nav-content, + .z-navitem-content { + &:hover { + background: @navHoverBackgroundColor; + } + &[disabled]:hover { + color: @navColor; + background: darken(@navBackgroundColor, (@level - 1) * 3); + } + } + .z-nav-content, + .z-navitem-content, + .z-navseparator { + background: darken(@navBackgroundColor, (@level - 1) * 3); + } +} +// Navbar +.z-navbar { + display: block; + position: relative; + white-space: nowrap; + ul { + .restUl(); + } + // overall style + > ul { //first level + .navLevel(1); + + ul { //second level + display: none; + width: auto; + .navLevel(2); + + ul { //third level + .navLevel(3); + } + } + } + .itemSelected(); + // horizontal style + &-horizontal { + li { + display: inline-block; + min-width: 180px; + } + > ul { //topmost level + .z-nav-content, + .z-navitem-content { + border-left-width: 0; + } + .navLevel(1); + > li:first-child a, + > .z-navseparator + .z-nav > .z-nav-content, + > .z-navseparator + .z-navitem > .z-navitem-content { + border-left-width: 1px; + } + ul { //second level + position: absolute; + left: 0; + + .z-nav-content, + .z-navitem-content { + border-width: 0 1px 1px 0; + } + > li:first-child a, + > .z-navseparator + .z-nav > .z-nav-content, + > .z-navseparator + .z-navitem > .z-navitem-content { + border-left-width: 1px; + } + ul { //third level + > li:first-child a { + border-left-width: 1px; + } + } + } + } + .z-nav-content:before { + .size(100%, 4px); + background: @navSelectedBackgroundColor; + position: absolute; + bottom: 0; + left: 0; + } + .z-navseparator { + min-width: @baseWidth + 1; //plus 1 for center line + line-height: @baseBarHeight; + vertical-align: top; //for collapsed navbar + position: relative; + + &:before { + .size(1px, @baseBarHeight); + position: absolute; + top: 0; + left: @baseWidth / 2; + } + } + } + // vertical style + &-vertical { + > ul { //topmost level + > li:first-child a { + border-top-width: 1px; + } + .navLevel(1); + } + } +} + +// Nav and Navitem +.z-nav, +.z-navitem { + &-content { + color: @navColor; + display: block; + height: @baseBarHeight; + border: 1px solid @navBorderColor; + padding: 0 8px; + position: relative; + overflow: hidden; + text-decoration: none; + line-height: @baseBarHeight; + } + &-image { + min-width: @navImageSize; + margin-bottom: 4px; + } + &-image, + i { + font-size: @baseFontSize; + .size(@baseIconWidth, @baseIconHeight); + margin-right: 12px; + } + &-text { + font-family: @baseContentFontFamily; + font-size: @fontSizeMedium; + font-weight: normal; + display: inline-block; + } +} + +.z-nav-info { + .fontStyle(@baseContentFontFamily, @fontSizeSmall, bold, @navSelectedColor); + display: inline-block; + height: 14px; + .borderRadius(@baseBorderRadius); + margin-left: 8px; + padding: 0 4px; + line-height: 14px; + background: lighten(@navSelectedBackgroundColor, 10%); + text-align: center; + .boxShadow('0 1px 2px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2)'); +} + +.z-navitem-content[disabled], +.z-navitem-content[disabled]:hover { + cursor: default; + + i, img, .z-navitem-text { + .opacity(0.5); + } +} + +// NavSeparetor +.z-navseparator:before { + content: ''; + display: block; + background: @navSeparatorColor; +} + +// Collapsed +.z-navbar-collapsed { + > ul { //topmost level + > .z-nav > .z-nav-content , + > .z-navitem > .z-navitem-content { + border-width: 0; + + > i { + margin-right: 0; + text-align: center; + } + &:hover { + color: @navColor; + background: @navBackgroundColor; + } + } + > .z-navseparator + .z-nav > .z-nav-content, + > .z-navseparator + .z-navitem > .z-navitem-content { + border-width: 0; + } + > .z-nav > .z-nav-content > .z-nav-text , + > .z-navitem > .z-navitem-content > .z-navitem-text { + display: none; + } + > .z-navitem-selected:hover > .z-navitem-content { + color: @navSelectedColor; + background: lighten(@navSelectedBackgroundColor, 5%); + } + > .z-nav > .z-nav-content > .z-nav-info { + margin-left: 8px; + } + } +} +.z-navbar-horizontal.z-navbar-collapsed { + > ul { //topmost level + > .z-nav, + > .z-navitem { + min-width: @navCollapsedWidth; + } + } +} +.z-navbar-vertical.z-navbar-collapsed { + > ul { //topmost level + min-width: @navCollapsedWidth; + display: inline-block; + } +} + +.z-nav-text-popup, +.z-navitem-text-popup { + color: @navColor; + min-width: 180px; + height: @baseBarHeight; + border: 1px solid @navBorderColor; + padding: 0 32px; + line-height: @baseBarHeight; + background: @navBackgroundColor; + cursor: pointer; + white-space: nowrap; + z-index: @basePopupZIndex; + + &[disabled] { + cursor: default; + .boxShadow('none'); + + &:hover { + cursor: default; + .boxShadow('none'); + } + } +} +.z-navbar-vertical, +.z-nav-popup { + li { + display: block; + } + .z-nav-content:before { + content: ''; + .displaySize(none, 4px, @baseBarHeight); + background: @navSelectedBackgroundColor; + position: absolute; + top: 0; + left: 0; + } + .z-navseparator { + height: @baseHeight + 1; //plus 1 for center line + position: relative; + + &:before { + .size(100%, 1px); + position: absolute; + top: @baseHeight / 2; + } + } + .z-nav-content, + .z-navitem-content { + border-top-width: 0; + } + .z-navseparator + .z-nav > .z-nav-content, + .z-navseparator + .z-navitem > .z-navitem-content { + border-top-width: 1px; + } +} +.z-nav-popup { + border-top-width: 0; + overflow: hidden; + z-index: @basePopupZIndex; + .navLevel(2); + .restUl(); + + ul { //third level + display: none; + position: relative; + .restUl(); + .navLevel(3); + } + .itemSelected(); +} +.z-nav-content:before { + content: ''; + display: none; +} +.z-nav-selected > .z-nav-content:before { + display: block; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zkmax/wgt/less/dropupload.less b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/wgt/less/dropupload.less new file mode 100644 index 00000000..d4f88b51 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zkmax/wgt/less/dropupload.less @@ -0,0 +1,8 @@ +@import "~./zul/less/_header.less"; + +.z-dropupload { + .size(100px, 100px); + .borderRadius(10px); + padding: 2px; + background: #E6E6E6; +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/box/less/box.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/box/less/box.less new file mode 100644 index 00000000..d971457a --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/box/less/box.less @@ -0,0 +1,164 @@ +@import "~./zul/less/_header.less"; + +//reset table +.resetTable() { + border-spacing: 0; + th, td { + padding: 0; + background-clip: padding-box; + } + th { + text-align: inherit; + } +} + +.z-hbox, +.z-vbox { + .resetTable(); + + &-separator { + margin: 0; + padding: 0; + } +} +.z-hbox-separator { + width: 0.3em; +} +.z-vbox-separator { + height: 0.3em; + td { + line-height: 0; + } +} + +// Splitter +tr.z-splitter-outer > td { + height: @splitterSize; + max-height: @splitterSize; +} +td.z-splitter-outer { + width: @splitterSize; + max-width: @splitterSize; + padding: 0; +} +.z-splitter { + border: 1px solid @baseBorderColor; + + &-horizontal { + width: @splitterSize; + border-width: 0 1px; + .horGradient(@splitterGradientStart, @splitterGradientEnd); + overflow: hidden; + cursor: e-resize; + + > .z-splitter-button { + .size(@splitterSize, 30px); + border-width: 1px 0; + } + .z-splitter-icon { + font-size: @fontSizeXSmall + 1; // add 1px more for .z-icon-caret + position: absolute; + top: 9px; + left: 1px; + + &.z-icon-ellipsis-v { + font-size: @fontSizeXSmall; + top: -21px; + left: 2px; + cursor: e-resize; + } + &.z-icon-ellipsis-v ~ .z-splitter-icon.z-icon-ellipsis-v { + top: 39px; + } + } + } + &-vertical { + height: @splitterSize; + border-width: 1px 0; + .verGradient(@splitterGradientStart, @splitterGradientEnd); + overflow: hidden; + cursor: s-resize; + + > .z-splitter-button { + .size(30px, @splitterSize); + border-width: 0 1px; + } + .z-splitter-icon { + font-size: @fontSizeXSmall; + line-height: normal; + position: absolute; + top: -3px; + left: 11px; + + &.z-icon-ellipsis-h { + top: -2px; + left: -16px; + cursor: s-resize; + } + &.z-icon-ellipsis-h ~ .z-splitter-icon.z-icon-ellipsis-h { + left: 36px; + } + } + } + &-button { + color: @iconColor; + display: inline-block; + border: 1px solid @baseBorderColor; + position: relative; + vertical-align: top; //vertical-align: make it looks same in diff browsers + cursor: pointer; + + &-disabled { + border: 0; + + .z-splitter-vertical & { + cursor: s-resize; + } + .z-splitter-horizontal & { + cursor: e-resize; + } + } + } + &-icon { + .opacity(0.5); + } + &-nosplitter { + cursor: default; + } +} +.z-icon-caret-up, +.z-icon-caret-down, +.z-icon-caret-right, +.z-icon-caret-left { + .z-splitter-button:hover & { + .opacity(1); + } +} + +.ie8 { + .z-splitter { + &-horizontal { + .gradientFallback(@splitterGradientStart, @splitterGradientEnd); + .z-splitter-icon { + &.z-icon-ellipsis-v { + font-size: @baseFontSize; + } + &.z-icon-ellipsis-v ~ .z-splitter-icon.z-icon-ellipsis-v { + top: 37px; + } + } + } + &-vertical { + .gradientFallback(@splitterGradientStart, @splitterGradientEnd); + .z-splitter-icon { + &.z-icon-ellipsis-h { + font-size: @baseFontSize; + top: -3px; + } + &.z-icon-ellipsis-h ~ .z-splitter-icon.z-icon-ellipsis-h { + left: 38px; + } + } + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/box/less/layout.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/box/less/layout.less new file mode 100644 index 00000000..c7d28f4b --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/box/less/layout.less @@ -0,0 +1,26 @@ +@import "~./zul/less/_header.less"; + +.z-hlayout, .z-vlayout { + overflow: hidden; +} +.z-hlayout { + white-space: nowrap; +} +.z-hlayout-inner { + display: inline-block; + position: relative; + vertical-align: top; + white-space: normal; + .z-valign-bottom > & { + vertical-align: bottom; + } + .z-valign-top > & { + vertical-align: top; + } + .z-valign-middle > & { + vertical-align: middle; + } +} +.z-vlayout-inner { + position: relative; +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/db/less/calendar.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/db/less/calendar.less new file mode 100644 index 00000000..f62f6e33 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/db/less/calendar.less @@ -0,0 +1,190 @@ +@import "~./zul/less/_header.less"; + +.z-calendar { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGrayLight); + border: 1px solid @baseBorderColor; + min-width: 230px; + padding: 2px; + + a { + text-decoration: none; + } + th { + font-family: @baseTitleFontFamily; + font-weight: bold; + padding: 12px 3px; + } + + table { + width: 100%; + } + + &-title { + font-family: @baseTitleFontFamily; + font-weight: bold; + color: @calendarTitleColor; + width: 100%; + padding: 5px 24px; + line-height: @baseLineHeight; + text-align: center; + + &:hover { + color: @calendarTitleHoverColor; + } + } + + &-header { + position: relative; + + & > a { + display: inline-block; + line-height: normal; + } + } + + &-body { + height: 100%; + } + + &-decade { + min-height: 162px; + } + &-month, + &-year { + min-height: 162px; + + .z-calendar-cell { + min-height: 48px; + line-height: @baseLineHeight * 3; + } + } + &-cell { + font-size: @fontSizeSmall; + color: @calendarCellColor; + min-width: @baseButtonWidth; + min-height: @baseButtonHeight; + padding: 3px 0; + line-height: @baseLineHeight + 3; + background: @baseBackgroundColor; + text-align: center; + cursor: pointer; + + &:hover { + .borderRadius(@baseBorderRadius); + background: @hoverBackgroundColor; + } + } + &-weekend { + color: @weekendColor; + background: @weekendBackgroundColor; + } + &-weekday { + color: @weekColor; + background: @baseBackgroundColor; + } + &-outrange { + color: @disabledColor; + text-shadow: none; + } + &-weekofyear { + font-style: italic; + color: @weekofyearColor; + background: @weekofyearBackgroundColor; + cursor: default; + + &:hover { + color: @weekofyearColor; + .borderRadius(0); + background: @weekofyearBackgroundColor; + } + } + + // for transition's animation use only + &-anima { + overflow: hidden; + position: relative; + } + &-anima-inner { + width: 200%; + position: absolute; + + table { + width: 50%; + float: left; + } + } + &-selected { + color: @calendarSelectedColor; + .borderRadius(@baseBorderRadius); + background: @selectedGradientEnd; + + &:hover { + color: @calendarSelectedHoverColor; + background: @selectedHoverGradientEnd; + } + } + &-outside { + color: @disabledColor; + text-shadow: none; + } + &-icon { + .iconFontStyle(20px, @iconColor); + .size(@baseButtonWidth, @baseButtonHeight); + padding: 0 8px; + position: absolute; + + &:hover { + color: @iconHoverColor; + } + } + &-right { + right: 0px; + } + &-left { + left: 0px; + } + + &-left[disabled], + &-right[disabled], + &-disabled { + color: @disabledColor !important; + .opacity(0.4); + text-shadow: none !important; + cursor: default !important; + + &:hover { + background: @baseBackgroundColor; + } + } +} + +.z-datebox-popup { + position: absolute; + + .z-calendar { + border: 0; + & + .z-timebox { + margin: 5px; + } + & ~ .z-datebox-timezone { + margin: 0 5px 5px; + } + } + +} + +// Calendar and Datebox +.z-datebox-timezone { + font-family: @baseContentFontFamily; + font-size: @fontSizeMedium; + font-weight: normal; +} + +.ie8 { + .z-calendar { + min-width: 224px; + &-cell { + min-height: @baseButtonHeight - 6; + } + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/grid/less/grid.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/grid/less/grid.less new file mode 100644 index 00000000..46c14c4a --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/grid/less/grid.less @@ -0,0 +1,306 @@ +@import "~./zul/less/_header.less"; + +//reset table +.resetTable() { + table { + border-spacing: 0; + th, td { + background-clip: padding-box; + padding: 0; + } + th { + text-align: inherit; + } + } +} + +//grid +.z-grid { + border: 1px solid @baseBorderColor; + overflow: hidden; + zoom: 1; + //grid header + &-header { + width: 100%; + .verGradient(@baseGradientStart, @baseGradientEnd); + position: relative; + overflow: hidden; + .resetTable(); + } + &-header-border { + border-bottom: 1px solid @meshTitleBorderColor; + margin-top: -1px; + position: relative; + } + //grid body + &-body { + margin-top: auto; + position: relative; + overflow: hidden; + .resetTable(); + } + &-emptybody td { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @disabledColor); + font-style: italic; + text-align: center; + height: 1px; + } + //grid footer + &-footer { + border-top: 1px solid @baseBorderColor; + background: @meshFootBackgroundColor; + overflow: hidden; + .resetTable(); + + .z-footer { + overflow: hidden; + } + } + &-odd > .z-row-inner, + &-odd > .z-cell { + background: @meshStripeBackgroundColor; + } +} +//column +.z-columns { + th:first-child { + border-left: none; + + // B50-3306729: the first header should have border-left when the first column is covered with other header + &.z-columns-border { + border-left: 1px solid @meshTitleBorderColor; + } + } + &-bar { + border-left: 1px solid @meshTitleBorderColor; + border-bottom: 1px solid @meshTitleBorderColor; + } +} +.z-column { + border-left: 1px solid @meshTitleBorderColor; + border-bottom: 1px solid @meshTitleBorderColor; + padding: 0; + .verGradient(@baseGradientStart, @baseGradientEnd); + background-clip: padding-box; + position: relative; + overflow: hidden; + white-space: nowrap; + + &-hover { + .verGradient(@meshTitleHoverStart, @meshTitleHoverEnd); + .z-column-button { + display: block; + } + } + .z-column-content { + position: relative; + } + &-sort { + .z-column-content { + cursor: pointer; + } + .z-column-sorticon { + color: @iconColor; + position: absolute; + top: -7px; + left: 50%; + } + } + &-button { + color: @iconColor; + display: none; + .size(@baseButtonWidth - 1, @baseBarHeight); + border-left: 1px solid darken(@meshTitleHoverStart, 15%); + line-height: @baseBarHeight; + text-align: center; + position: absolute; + top: 0; + right: 0; + z-index: 15; + cursor: pointer; + text-decoration: none; + .boxShadow('inset 1px 0 #FFFFFF'); + + &:hover { + .verGradient(darken(@meshTitleHoverStart, 5%), darken(@meshTitleHoverEnd, 10%)); + } + } + &-sizing, + &-sizing .z-column-button, + &-sizing.z-column-sort .z-column-content { + cursor: e-resize; + } +} +//row and cell +.z-row { + td:first-child { + border-left: none; + } + .z-row-inner, + .z-cell { + border-left: 1px solid @meshContentBorderColor; + overflow: hidden; + } + &:hover { + > .z-row-inner, + > .z-cell { + .verGradient(@meshContentHoverStart, @meshContentHoverEnd); + background-clip: padding-box; + } + > .z-row-inner > .z-row-content { //for nest issue + color: @hoverColor; + } + } +} + +body:not(.gecko) { + .z-row { + &:hover { + > .z-row-inner, + > .z-cell { + position: relative; + } + } + } +} + +.ie8 { //IE8 does not support :not() pseudo class + .z-row { + &:hover { + > .z-row-inner, + > .z-cell { + position: relative; + } + } + } +} + +//Group +.z-group { + &-inner { + border-top: 1px solid @meshTitleBorderColor; + border-bottom: 1px solid @meshTitleBorderColor; + .verGradient(@groupGradientStart, @groupGradientEnd); + position: relative; + overflow: hidden; + + .z-group-content, + .z-cell { + padding: 3px 5px; + } + } + &-icon { + .iconFontStyle(@baseFontSize, @iconColor); + .displaySize(inline-block, @baseIconWidth, @baseIconHeight); + line-height: @baseIconHeight; + text-align: center; + position: relative; + cursor: pointer; + + &:hover { + color: @iconHoverColor; + } + } +} +.z-groupfoot-inner { + .verGradient(@groupGradientEnd, @groupGradientStart); + overflow: hidden; +} +//content +.z-column-content, +.z-row-content, +.z-group-content, +.z-groupfoot-content, +.z-footer-content { + font-family: @baseContentFontFamily; + font-size: @fontSizeMedium; + color: @textColorGrayLight; + padding: 4px 5px; + line-height: @baseButtonHeight; + overflow: hidden; +} +.z-column-content { + font-weight: bold; + padding: 4px 5px 3px; +} +.z-group-content, +.z-groupfoot-content { + .z-label { + font-weight: bold; + } +} +//Cell Content +.z-grid-body .z-cell { + font-family: @baseContentFontFamily; + font-size: @fontSizeMedium; + padding: 4px 5px; + line-height: @baseButtonHeight; + overflow: hidden; +} +//paging +.z-grid-paging { + &-top { + width: 100%; + border-bottom: 1px solid @pagingBorderColor; + overflow: hidden; + } + &-bottom { + width: 100%; + border-top: 1px solid @pagingBorderColor; + overflow: hidden; + } +} +.z-grid-autopaging { + .z-row-content, + .z-groupfoot-content { + height: @meshAutoPagingRowHeight; + overflow: hidden; + } + .z-group-content { + height: @meshAutoPagingRowHeight - 2; + overflow: hidden; + } +} +//column menu +.z-columns-menugrouping .z-menuitem-image { + .encodeThemeURL(background-image, '~./zul/img/grid/menu-group.png'); +} +.z-columns-menuungrouping .z-menuitem-image { + .encodeThemeURL(background-image, '~./zul/img/grid/menu-ungroup.png'); +} +.z-columns-menuascending .z-menuitem-image { + .encodeThemeURL(background-image, '~./zul/img/grid/menu-arrowup.png'); +} +.z-columns-menudescending .z-menuitem-image { + .encodeThemeURL(background-image, '~./zul/img/grid/menu-arrowdown.png'); +} +// IE 8 +.ie8 { + .z-grid-header { + background: @meshBackgroundColorIE8; + } + .z-column { + position: static; + background: @meshBackgroundColorIE8; + &-hover { + background: @meshHoverBackgroundColorIE8; + } + + &-button:hover { + background: darken(@meshHoverBackgroundColorIE8, 3%); + } + } + .z-row:hover { + > .z-row-inner, + > .z-cell { + position: static; + background: @meshHoverBackgroundColorIE8; + } + } + .z-group-inner { + background: @meshGroupBackgroundColorIE8; + } + .z-groupfoot-inner { + background: @meshGroupFooterBackgroundColorIE8; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/inp/less/combo.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/inp/less/combo.less new file mode 100644 index 00000000..17464284 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/inp/less/combo.less @@ -0,0 +1,386 @@ +@import "~./zul/less/_header.less"; + +.z-combobox, +.z-bandbox, +.z-datebox, +.z-timebox, +.z-spinner, +.z-doublespinner { + display: inline-block; + min-height: @baseButtonHeight; + white-space: nowrap; + + &-input { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @baseTextColor); + height: @baseButtonHeight; + border: 1px solid @inputBorderColor; + border-right: 0; + .leftBorderRadius(@borderRadiusSmall); + margin: 0; + padding: 4px 5px; + line-height: @baseLineHeight; + background: @inputBackgroundColor; + + &:focus { + .boxShadow('inset 1px 1px 1px rgba(210, 210, 210, 0.75)'); + } + &[readonly] { + border-color: @readonlyBorderColor; + background: @readonlyBackgroundColor; + } + &[readonly]:focus { + .boxShadow('none'); + } + } + + &-button { + .iconFontStyle(@baseFontSize, @iconColor); + display: inline-block; + min-width: @baseButtonWidth; + height: @baseButtonHeight; + border: 1px solid @inputBorderColor; + .rightBorderRadius(@borderRadiusSmall); + padding: 4px; + line-height: @baseLineHeight; + background: @inputBackgroundColor; + text-align: left; + vertical-align: middle; + overflow: hidden; + cursor: pointer; + + &:hover { + border-color: @hoverBorderColor; + .verGradient(@hoverGradientStart, @hoverGradientEnd); + } + &:active { + border-color: @activeBorderColor; + .verGradient(@activeGradientStart, @activeGradientEnd); + .boxShadow('inset 1px 1px 1px #91AAB7'); + } + input[disabled] + & { + &:hover, + &:active { + border-color: @inputBorderColor; + .resetGradient(); + .boxShadow('none'); + } + } + } + + &-disabled { + .opacity(@disabledOpacity); + & * { + color: @disabledColor !important; + background: @disabledBackgroundColor !important; + cursor: default !important; + } + } + + &-invalid { + border: 1px solid @invalidBorderColor !important; + margin-right: -1px; + background: @baseBackgroundColor; + .boxShadow(inset -1px 0 0 @invalidBorderColor); + } + + &-readonly:focus { + border-color: @readonlyBorderColor; + border-right-width: 0; + background: transparent repeat-x 0 0; + cursor: default; + .boxShadow(none); + } + + &-rightedge { + border-right: 1px solid @inputBorderColor; + .borderRadius(@borderRadiusSmall); + } +} + +.z-combobox-input, +.z-bandbox-input, +.z-datebox-input { + &[readonly] { + cursor: pointer; + } +} + +.z-combobox-button.z-combobox-disabled, +.z-bandbox-button.z-bandbox-disabled, +.z-datebox-button.z-datebox-disabled, +.z-timebox-button.z-timebox-disabled, +.z-spinner-button.z-spinner-disabled, +.z-doublespinner-button.z-doublespinner-disabled { + display: none; +} + +.z-combobox-button { + font-size: @fontSizeLarge; + min-height: @baseButtonHeight; + padding-left: 7px; + padding-top: 5px; +} + +.z-datebox-button, +.z-bandbox-button { + text-align: center; + /*remove input background*/ + background: @baseBackgroundColor; +} + +.z-timebox-button, +.z-spinner-button, +.z-doublespinner-button { + padding: 0; + position: relative; + + &:hover, + &:active { + .resetGradient(); + .boxShadow(none); + } + + & > a { + color: @iconColor; + .size(@baseButtonWidth, @baseButtonHeight / 2); + padding: 0 7px; + background: @baseBackgroundColor; + position: absolute; + left: 0; + overflow: hidden; + text-decoration: none; + + &:first-child {// up icon + top: -1px; + + &:active { + top: 0; + } + } + &:hover { + border-color: @hoverBorderColor; + .verGradient(@hoverGradientStart, @hoverGradientEnd); + } + &:active { + border-color: @activeBorderColor; + .verGradient(@activeGradientStart, @activeGradientEnd); + .boxShadow('inset 1px 1px 1px #91AAB7'); + } + } + // separator + & > i { + z-index: 2; // greater than arrow icon + } + &:hover > i { + .size(@baseButtonWidth, 1px); + border-top: 1px solid @hoverBorderColor; + position: absolute; + top: 11px; + left: 0; + } + & > a ~ a {// bottom icon + bottom: -1px; + + & > i { // fix 1px alignment + position: relative; + top: -2px; + } + &:active { + bottom: -2px; + } + } +} + +.z-timebox-disabled a, +.z-spinner-disabled a, +.z-doublespinner-disabled a { + &:active, + &:hover { + .resetGradient(); + .boxShadow('none'); + } + &:first-child:active { // up icon + top: -1px; // same as default one + } + & ~ a:active { // bottom icon + bottom: -1px; // same as default one + } + + // separator + & + i[class*='-separator'] { + display: none; + } +} + +// Inplace editing +.z-combobox-inplace .z-combobox-input, +.z-bandbox-inplace .z-bandbox-input, +.z-datebox-inplace .z-datebox-input, +.z-timebox-inplace .z-timebox-input, +.z-spinner-inplace .z-spinner-input, +.z-doublespinner-inplace .z-doublespinner-input { + border: 0; + padding: 3px; + background: none; + + &:focus { + .resetGradient(); + .boxShadow('none'); + } +} +.z-combobox-inplace .z-combobox-button, +.z-bandbox-inplace .z-bandbox-button, +.z-datebox-inplace .z-datebox-button, +.z-timebox-inplace .z-timebox-button, +.z-spinner-inplace .z-spinner-button, +.z-doublespinner-inplace .z-doublespinner-button { + visibility: hidden; // Bug ZK-2216: Performance issue of Listbox and Combobox with inplace="true" +} + +// Comboitem +.z-comboitem, +.z-comboitem-button { + font-size: @fontSizeMedium; + white-space: nowrap; + cursor: pointer; +} +.z-comboitem { + display: block; + padding: 3px 2px; + position: relative; + text-shadow: 0 1px #FFFFFF; + min-height: 20px; //ZK-2783: give default height to empty item +} +.z-comboitem-inner, +.z-comboitem-content {//description + .iconFontStyle(@fontSizeXSmall, @textColorGray); +} +.z-comboitem, +.z-comboitem a, +.z-comboitem a:visited { + font-size: @fontSizeMedium; + font-weight: normal; + color: @baseTextColor; + text-decoration: none; +} +.z-comboitem:hover { + .verGradient(@hoverGradientStart, @hoverGradientEnd); +} +.z-comboitem-selected { + .verGradient(@selectedGradientStart, @selectedGradientEnd); + .z-comboitem-text { + color: @selectedColor; + } +} +.z-comboitem-selected:hover { + .verGradient(@selectedHoverGradientStart, @selectedHoverGradientEnd); + .z-comboitem-text { + color: @selectedHoverColor; + } +} +.z-comboitem-image { + margin-top: -4px; + margin-right: 3px; + float: left; + + &:empty { + margin-right: 0px; + } +} +.z-comboitem-icon { + padding: 0 4px 0 3px; +} +.z-combobox-popup, +.z-bandbox-popup, +.z-datebox-popup, +.z-timebox-popup { + font-family: @baseContentFontFamily; + font-weight: normal; + font-size: @fontSizeMedium; + display: block; + border: 1px solid @popupBorderColor; + padding: 2px; + background: @popupBackgroundColor; + position: absolute; + overflow: hidden; +} + +.z-combobox-popup { + overflow: auto; +} + +.z-bandbox-popup { + overflow: auto; + .boxShadow('0 0 15px rgba(0, 0, 0, 0.35)'); +} + +.z-combobox-content { + border: 0; + padding: 0; + margin: 0; + background: transparent none repeat 0 0; + position: relative; + list-style-image: none; + list-style-position: outside; + list-style-type: none; +} + +//Shadow +.z-combobox-shadow, +.z-bandbox-shadow, +.z-datebox-shadow { + .borderRadius(@borderRadiusSmall); + .boxShadow('0 0 15px rgba(0, 0, 0, 0.35)'); +} + +.ie8 { + .z-combobox, + .z-bandbox, + .z-datebox, + .z-timebox, + .z-spinner, + .z-doublespinner { + &-button { + min-width: @baseButtonWidth - 10; + &:hover { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + &:active { + .gradientFallback(@activeGradientStart, @activeGradientEnd); + } + } + } + + .z-timebox, + .z-spinner, + .z-doublespinner { + &-button { + min-width: @baseButtonWidth - 2; + & > a { + &:hover { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + &:active { + .gradientFallback(@activeGradientStart, @activeGradientEnd); + } + } + } + } + + .z-combobox-button { + min-width: @baseButtonHeight - 13; + min-height: @baseButtonWidth - 11; + } + + .z-comboitem { + &-selected { + .gradientFallback(@selectedGradientStart, @selectedGradientEnd); + } + &:hover { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + &-selected:hover { + .gradientFallback(@selectedHoverGradientStart, @selectedHoverGradientEnd); + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/inp/less/input.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/inp/less/input.less new file mode 100644 index 00000000..c7647766 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/inp/less/input.less @@ -0,0 +1,166 @@ +@import "~./zul/less/_header.less"; + +.z-textbox, +.z-decimalbox, +.z-intbox, +.z-longbox, +.z-doublebox { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @baseTextColor); + min-height: @baseButtonHeight; + border: 1px solid @inputBorderColor; + .borderRadius(@borderRadiusSmall); + margin: 0; + padding: 4px 5px 3px; + line-height: @baseLineHeight; + background: @inputBackgroundColor; + + &:focus { + .boxShadow('inset 1px 1px 1px rgba(210, 210, 210, 0.75)'); + } + &[readonly] { + border-color: @readonlyBorderColor; + background: @readonlyBackgroundColor; + } + &[readonly]:focus { + .boxShadow('none'); + } + &-invalid { + border-color: @invalidBorderColor; + background: @baseBackgroundColor; + } + &[disabled] { + color: @disabledColor !important; + background: @disabledBackgroundColor !important; + .opacity(@disabledOpacity); + cursor: default !important; + } + + // Inplace editing + &-inplace { + border: 0; + padding: 3px; + background: none; + resize: none; + } +} + +// error box +.z-errorbox { + color: @errorboxColor; + width: 260px; + position: absolute; + top: 0; + left: 0; + + & > .z-errorbox-icon { + .iconFontStyle(14px, @errorboxColor); + position: absolute; + top: 7px; + left: 7px; + z-index: 2; + } +} +.z-errorbox-left + .z-errorbox-icon { + left: 15px; +} +.z-errorbox-up + .z-errorbox-icon { + top: 15px; +} +.z-errorbox-content { + .fontStyle(@baseContentFontFamily, @fontSizeSmall, normal, @errorboxColor); + width: 100%; + border: 1px solid @errorboxBorderColor; + padding: 5px 20px 5px 26px; + background: @errorboxBackgroundColor; + vertical-align: middle; + position: relative; + overflow: hidden; + cursor: move; + .boxShadow('1px 1px 3px rgba(0, 0, 0, 0.35)'); +} + +.z-errorbox-pointer { + .displaySize(none, 0, 0); + border: 6px solid transparent; + position: absolute; + z-index: 100; +} +// errorbox arrows: base style +.z-errorbox-left, +.z-errorbox-right, +.z-errorbox-up, +.z-errorbox-down { + border: 6px solid transparent; +} +.z-errorbox-left { + border-right-color: @errorboxBorderColor; +} +.z-errorbox-right { + border-left-color: @errorboxBorderColor; +} +.z-errorbox-up { + border-bottom-color: @errorboxBorderColor; +} +.z-errorbox-down { + border-top-color: @errorboxBorderColor; +} +.z-errorbox-close { + font-size: @fontSizeXSmall; + .size(@baseIconWidth - 4, @baseIconHeight - 4); + border: 1px solid transparent; + padding: 0 1px; + position: absolute; + top: 8px; + right: 8px; + cursor: pointer; + + &:hover { + border: 1px solid @errorboxBorderColor; + .borderRadius(@borderRadiusSmall - 1); + } +} +.z-errorbox-icon { + position: absolute; + top: -1px; +} +.z-errorbox-pointer ~ .z-errorbox-close { + top: 7px; + right: 7px; +} + +.z-errorbox-right ~ .z-errorbox-close { + top: 7px; + right: 14px; +} + +.z-errorbox-up ~ .z-errorbox-close, +.z-errorbox-down ~ .z-errorbox-close { + right: 7px; +} +.z-errorbox-up ~ .z-errorbox-close { + top: 15px; +} + +.ie8 { + .z-textbox, + .z-decimalbox, + .z-intbox, + .z-longbox, + .z-doublebox { + min-height: @baseButtonHeight - 10 + 1; + // Inplace editing + &-inplace { + min-height: @baseButtonHeight - 6; + line-height: @baseIconHeight; + } + } +} + +body:not(.ie8) { + .z-errorbox-close { + .opacity(0.6); + &:hover { + .opacity(1); + } + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/inp/less/slider.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/inp/less/slider.less new file mode 100644 index 00000000..67d5e8b6 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/inp/less/slider.less @@ -0,0 +1,106 @@ +@import "~./zul/less/_header.less"; + +.z-slider { + background-image: none; + + &-center { + .borderRadius(5px); + cursor: pointer; + } + + &-button { + .size(@baseIconWidth, @baseIconHeight); + border: 1px solid @sliderBorderColor; + .borderRadius(@borderRadiusSmall); + .gradient('ver', '#FFFFFF 0%; #FEFEFE 50%; #EFEFEF 100%'); + position: relative; + cursor: pointer; + + &:active { + border-top-color: @sliderActiveBorderColor; + border-left-color: @sliderActiveBorderColor; + .verGradient(@baseGradientEnd, @baseGradientStart); + } + + &:hover { + .resetGradient(); + background: @hoverBackgroundColor; + } + } + + &-horizontal { + height: @baseBarHeight; + + .z-slider-center { + .size(100%, @baseHeight - 2); + margin-top: -3px; + .gradient('ver', 'rgba(157, 157, 157, 0.5) 0%; rgba(130, 140, 149, 0.5) 13%; rgba(215, 215, 215, 0.5) 100%'); + position: relative; + top: 50%; + } + + .z-slider-button { + top: -5px; + left: 0; + } + } + + &-vertical { + font-size: 0; + width: @baseBarWidth; + margin-right: 0px; + line-height: 0; + + .z-slider-button { + left: -5px; + } + + .z-slider-center { + .size(@baseWidth - 2, 100%); + margin: auto; + .gradient('hor', 'rgba(157, 157, 157, 0.5) 0%; rgba(130, 140, 149, 0.5) 13%; rgba(215, 215, 215, 0.5) 100%'); + } + } + + &-popup { + font-family: @baseContentFontFamily; + font-size: @fontSizeMedium; + font-weight: normal; + padding: 2px; + text-shadow: 0 1px #FFFFFF; + .boxShadow('0 0 10px rgba(0, 0, 0, 0.35)'); + } + + &-sphere { + .z-slider-vertical .z-slider-button { + bottom: 0; + } + } + + &-sphere, + &-scale { + .z-slider-button { + .borderRadius(15px); + } + } + + &-scale { + .encodeThemeURL(background-image, '~./zul/img/slider/ticks.gif'); + } +} + +.ie8 { + .z-slider { + &-button { + .gradientFallback(#FFFFFF, #EFEFEF); + &:active { + .gradientFallback(@baseGradientEnd, @baseGradientStart); + } + } + + &-vertical .z-slider-center, + &-horizontal .z-slider-center { + .gradientFallback(rgb(157,157,157), rgb(215,215,215)); + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/layout/less/absolutelayout.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/layout/less/absolutelayout.less new file mode 100644 index 00000000..aa9f8483 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/layout/less/absolutelayout.less @@ -0,0 +1,11 @@ +@import "~./zul/less/_header.less"; + +.z-absolutelayout { + height: 100%; + position: relative; + overflow: hidden; +} +.z-absolutechildren { + position: absolute; + overflow: auto; +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/layout/less/anchorlayout.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/layout/less/anchorlayout.less new file mode 100644 index 00000000..97645edd --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/layout/less/anchorlayout.less @@ -0,0 +1,18 @@ +@import "~./zul/less/_header.less"; + +.z-anchorlayout, +.z-anchorlayout-body, +.z-anchorchildren { + overflow: hidden; +} + +.z-anchorchildren { + margin: 0; + padding: 0; + float: left; +} + +.z-anchorlayout, +.z-anchorchildren { + -ms-zoom: 1; +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/layout/less/borderlayout.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/layout/less/borderlayout.less new file mode 100644 index 00000000..d514ee3a --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/layout/less/borderlayout.less @@ -0,0 +1,280 @@ +@import "~./zul/less/_header.less"; + +@media print { + .safari {//Bug 2949287 + .z-borderlayout { + position: static; + } + } +} + +@media screen { + .z-borderlayout { + position: relative; + } +} + +.z-borderlayout { + .size(100%, 100%); + border: 0; + background: @baseBackgroundColor; + overflow: hidden; + + &-icon { + .iconFontStyle(@baseFontSize, @iconColor); + .displaySize(block, @baseButtonWidth, @baseButtonHeight); + line-height: @baseButtonHeight; + .opacity(0.5); + text-align: center; + position: absolute; + right: 3px; + overflow: hidden; + cursor: pointer; + + &:hover { + .opacity(1); + } + } +} + +.z-north, +.z-south, +.z-west, +.z-center, +.z-east { + border: 1px solid @baseBorderColor; + background: @baseBackgroundColor; + position: absolute; + overflow: hidden; + + &-noborder { + border: 0; + } + &-header { + .fontStyle(@baseTitleFontFamily, @fontSizeMedium, bold, @textColorGray); + height: @baseBarHeight; + border-bottom: 1px solid @baseBorderColor; + padding: 4px 4px 3px; + line-height: @baseBarHeight - 8; // 24px = 32 - (padding + border) + .verGradient(@baseGradientStart, @baseGradientEnd); + overflow: hidden; + cursor: default; + white-space: nowrap; + } + + &-body { + line-height: @baseLineHeight; + } + + &-collapsed { + .size(@baseBarWidth, @baseBarHeight); + border: 1px solid @collapsedBorderColor; + padding: 5px; + background: @collapsedBackgroundColor; + position: absolute; + overflow: hidden; + cursor: pointer; // ios issue + } + + &-caption { + // ZK-969: should show correct in borderlayout + height: @baseButtonHeight; + } +} +.z-north, +.z-south, +.z-center { + width: 100%; // Fixed for B30-1902533.zul +} +.z-west, +.z-east { + height: 100%; // Fixed for B30-1902533.zul +} + +.z-west, +.z-west-collapsed, +.z-west-splitter { + z-index: 12; +} +.z-center { + z-index: 8; +} +.z-east, +.z-east-collapsed, +.z-east-splitter { + z-index: 10; +} +.z-north, +.z-north-collapsed, +.z-north-splitter { + z-index: 16; +} +.z-south, +.z-south-collapsed, +.z-south-splitter { + z-index: 14; +} + +.z-east, +.z-west, +.z-north, +.z-south { + &-splitter { + .size(@baseWidth, @baseHeight); + .horGradient(@splitterGradientStart, @splitterGradientEnd); + position: absolute; + overflow: hidden; + cursor: e-resize; + + // splitter-button + &-button { + color: @iconColor; + display: inline-block; + border: 1px solid @baseBorderColor; + vertical-align: top;// vertical-align: make it looks same in diff browsers + position: relative; + cursor: pointer; + } + &-button-disabled { + border: 0; + } + } + + &-icon { + font-size: @fontSizeXSmall; + line-height: @baseLineHeight; + .opacity(0.5); + position: absolute; + } +} +.z-north-splitter, +.z-south-splitter { + border-left: 1px solid @baseBorderColor; + border-right: 1px solid @baseBorderColor; + .verGradient(@splitterGradientStart, @splitterGradientEnd); + cursor: s-resize; +} + +.ie8 { + .z-west-icon.z-icon-caret-left, + .z-south-icon.z-icon-caret-down, + .z-east-icon.z-icon-caret-right, + .z-north-icon.z-icon-caret-up { + font-size: @fontSizeMedium; + } +} +.ie8 { + .z-south-icon.z-icon-caret-down { + top: -2px; + } +} + +.z-north-splitter-button:hover .z-icon-caret-up, +.z-south-splitter-button:hover .z-icon-caret-down, +.z-west-splitter-button:hover .z-icon-caret-left, +.z-east-splitter-button:hover .z-icon-caret-right { + opacity: 1; +} +.z-north-splitter-button-disabled .z-icon-caret-up, +.z-south-splitter-button-disabled .z-icon-caret-down, +.z-west-splitter-button-disabled .z-icon-caret-left, +.z-east-splitter-button-disabled .z-icon-caret-right { + display: none; +} +.z-north-splitter-button-disabled, +.z-south-splitter-button-disabled { + cursor: s-resize; +} +.z-west-splitter-button-disabled, +.z-east-splitter-button-disabled { + cursor: e-resize; +} +.z-west-icon, +.z-east-icon { + font-size: @fontSizeXSmall + 1; // add 1px more + top: 8px; + left: 2px; +} + +.z-west-icon.z-icon-ellipsis-v, +.z-east-icon.z-icon-ellipsis-v { + font-size: @fontSizeXSmall; + top: -21px; + left: 3px; + cursor: e-resize; +} +.ie8 { + .z-west-icon.z-icon-ellipsis-v, + .z-east-icon.z-icon-ellipsis-v { + font-size: @baseFontSize; + } +} +.z-north-icon, +.z-south-icon { + left: 11px; + top: -3px; +} +.z-west-icon.z-icon-ellipsis-v ~ .z-west-icon.z-icon-ellipsis-v, +.z-east-icon.z-icon-ellipsis-v ~ .z-east-icon.z-icon-ellipsis-v { + top: 39px; +} + +.z-north-icon.z-icon-ellipsis-h, +.z-south-icon.z-icon-ellipsis-h { + top: -2px; + left: -20px; + cursor: s-resize; +} + +.ie8 { + .z-north-icon.z-icon-ellipsis-h, + .z-south-icon.z-icon-ellipsis-h { + font-size: @baseFontSize; + } +} + +.z-north-icon.z-icon-ellipsis-h ~ .z-north-icon.z-icon-ellipsis-h, +.z-south-icon.z-icon-ellipsis-h ~ .z-south-icon.z-icon-ellipsis-h { + left: 40px; +} + +.z-west-splitter-button, +.z-east-splitter-button { + .size(8px, 30px); + border-width: 1px 0; +} +.z-north-splitter-button, +.z-south-splitter-button { + .size(30px, 8px); + border-width: 0 1px; +} + +.ie8 { + .z-borderlayout > div { + border: 0; + } +} + +.ie8 { + .z-north, + .z-south, + .z-west, + .z-center, + .z-east { + &-header { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + } + .z-east, + .z-west, + .z-north, + .z-south { + &-splitter { + .gradientFallback(@splitterGradientStart, @splitterGradientEnd); + } + } + .z-north-splitter, + .z-south-splitter { + .gradientFallback(@splitterGradientStart, @splitterGradientEnd); + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/menu/less/menu.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/menu/less/menu.less new file mode 100644 index 00000000..dee46815 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/menu/less/menu.less @@ -0,0 +1,367 @@ +@import "~./zul/less/_header.less"; + +.hoverStyle() { + border-color: @hoverBorderColor; + .verGradient(@hoverGradientStart, @hoverGradientEnd); +} +.activeStyle() { + border-color: @menuActiveBorderColorTR @menuActiveBorderColorBL @menuActiveBorderColorBL @menuActiveBorderColorTR; + .verGradient(@baseGradientStart, @baseGradientEnd); + .boxShadow('inset 1px 1px 1px rgba(210, 210, 210, 0.75)'); +} +.restUl() { + background: transparent none repeat 0 0; + border: 0; + padding: 0; + margin: 0; + position: relative; + list-style-image: none; + list-style-position: outside; + list-style-type: none; +} + +// define common font property +.z-menubar { + display: block; + border-top: 1px solid @baseBorderColor; + border-bottom: 1px solid @baseBorderColor; + padding: 3px 0; + .verGradient(@baseGradientStart, @baseGradientEnd); + position: relative; + + ul { + overflow: hidden; + .restUl(); + } + li { + display: block; + padding: 0; + position: relative; + } + + &-horizontal { + li { + margin: 0 2px; + float: left; + } + .z-menuseparator { + display: block; + width: 1px; + border-left: 1px solid @menuSeparatorBorderColor; + line-height: @baseButtonHeight; + } + } + &-vertical { + ul { + display: inline-table; + } + li { + margin: 3px 2px 4px; + &:first-child { + margin: 2px; + } + } + .z-menuseparator { + height: 0; + min-height: 0; + border-top: 1px solid @menuSeparatorBorderColor; + line-height: 0; + } + .z-menu { + &-icon { + position: absolute; + right: 5px; + top: 5px; + } + } + } +} +.z-menu-hover > .z-menu-content, +.z-menuitem-hover > .z-menuitem-content { + .hoverStyle(); +} + +.z-menu, +.z-menuitem { + .restUl(); //avoid using none default zclass + &-text { + font-family: @baseTitleFontFamily; + font-size: @fontSizeMedium; + font-weight: normal; + display: inline-block; + line-height: @baseIconHeight; + text-shadow: 0 1px #FFFFFF; + + // align for img + text + img ~ & { + vertical-align: middle; + } + &:empty { + display: none; + } + } + &-image { + max-width: @menuImageSize; + margin-right: 3px; + } + &-content { + color: @textColorGray; + display: block; + border: 1px solid transparent; + .borderRadius(@baseBorderRadius); + padding: 3px 6px 3px; + line-height: @baseLineHeight - 2; + position: relative; + cursor: pointer; + text-decoration: none; + white-space: nowrap; + z-index: 20; // the 20 is greater than menupopup-separator's z-index + + &:hover { + .hoverStyle(); + } + &:focus { + .hoverStyle(); + } + &:active { + .activeStyle(); + } + &[disabled] { + .opacity(@disabledOpacity); + border: 1px solid transparent; + .resetGradient(); + cursor: default; + .boxShadow('none'); + } + } + + // icon sclass + &-content i { + vertical-align: text-bottom; + } +} +.z-menu { + &-separator { + display: none; + } + &-clickable { + .z-menu-separator { + .size(1px, 100%); + background: @hoverBorderColor; + position: absolute; + top: 0; + right: 18px; + } + &.z-menu:hover .z-menu-separator { + display: block; + } + &.z-menu:active, + &.z-menu-selected { + .z-menu-separator { + background: @menuSeparatorBackgroundColor; + } + } + .z-menu-text { + margin-right: 3px; + } + } + &-content { + padding-right: 18px; + } + + &-icon { + position: absolute; + top: 5px; + right: 5px; + + &.z-icon-caret-down { + font-size: @fontSizeLarge; + } + + &.z-icon-caret-right { + font-size: 15px; + } + } + &-icon, + &-icon:hover, + &-icon:active { + color: @iconColor; + vertical-align: text-bottom; + } + &-selected > &-content { + .activeStyle(); + } +} +.z-menuitem { + &-selected > &-content { + .activeStyle(); + } +} + +// menupopup +.z-menupopup-shadow, +.z-menu-palette-popup, +.z-menu-picker-popup, +.z-menu-content-popup { + .boxShadow('1px 1px 2px rgba(0, 0, 0, 0.2)'); +} + +.z-menu-content-popup { + .displaySize(none, auto, auto); + position: absolute; + overflow: auto; + z-index: @basePopupZIndex; +} +.z-menupopup { + border: 1px solid @baseBorderColor; + padding: 3px; + background: @menuPopupBackground; + left: 0; + top: 0; + white-space: nowrap; + z-index: @basePopupZIndex; + + ul { + .restUl(); + } + &-separator { + .size(2px, 100%); + border-width: 3px 1px 3px 0; + border-style: solid; + border-color: @menuPopupSeparatorBorder; + background: @menuPopupSeparatorBackground; + position: absolute; + top: 0; + left: 31px; + z-index: 10; + } + .z-menu-image, + .z-menuitem-image { + min-width: @menuImageSize; + min-height: @menuImageSize; + margin-right: 9px; + } + .z-menuitem-icon { + .iconFontStyle(14px, @checkedColor); + display: none; + position: absolute; + top: 5px; + left: 7px; + } + .z-menu-content { + padding-right: 16px; + } + .z-menu-icon { + position: absolute; + top: 5px; + right: 5px; + } + .z-menuseparator { + font-size: 1px; + display: block; + width: auto; + min-height: 2px; + border-bottom: 1px solid @menuPopupSeparatorBorder; + padding: 0px; + line-height: 1px; + background: @menuPopupSeparatorBackground; + position: relative; + } + [class^="z-icon"] { + text-align: center; + display: inline-block; + min-width: @menuImageSize; + margin-right: 9px; + } +} +//define checked menuitem effect in menupopup +.z-menuitem-checkable .z-menuitem-image { + border: 1px solid @checkedBorderColor; + background: @checkedBackgroundColor; +} +.z-menuitem-checked.z-menuitem-checkable .z-menuitem-icon { + display: block; +} + +//define menubar hor scroll +.z-menubar { + &-scroll { + overflow: hidden; + } + &-body { + width: 100%; + margin-left: 32px; + margin-right: 32px; + position: relative; + overflow: hidden; + } + &-content { + width: 5000px; + } + &-icon { + .iconFontStyle(@fontSizeMedium, @iconColor); + .opacity(0.7); + margin-top: -@fontSizeMedium/2; + margin-left: -@fontSizeMedium/2 + 2; + position: absolute; + top: 50%; + left: 50%; + } + &-left, + &-right { + &:active { + .boxShadow('inset 1px 1px 1px rgba(210, 210, 210, 0.75)'); + } + &:hover { + > .z-menubar-icon { + color: @iconHoverColor; + opacity: 1; + text-shadow: 1px 0 #C2E0F9; + } + } + } + &-left { + left: 0; + } + &-scrollable { + .size(@baseBarWidth, 100%); + border: 1px solid @baseBorderColor; + border-width: 0 1px; + line-height: normal; + .verGradient(@baseGradientStart, @baseGradientEnd); + position: absolute; + top: 0; + right: 0; + cursor: pointer; + z-index: 25; + } +} + +.ie8 { + .z-menu-hover > .z-menu-content, + .z-menuitem-hover > .z-menuitem-content { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + + .z-menu, .z-menuitem { + &-content { + &:hover, &:focus { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + &:active { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + } + + &-selected > &-content { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + } + + .z-menupopup { + .z-menuitem-icon { + top: 6px; + left: 8px; + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/mesh/less/auxhead.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/mesh/less/auxhead.less new file mode 100644 index 00000000..1c622a3a --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/mesh/less/auxhead.less @@ -0,0 +1,41 @@ +@import "~./zul/less/_header.less"; + +.z-auxhead { + th:first-child { + border-left: none; + + // B50-3306729: the first header should have border-left when the first column is covered with other header + &.z-auxhead-border { + border-left: 1px solid @meshTitleBorderColor; + } + } + + &-bar { + border-left: 1px solid @meshTitleBorderColor; + } +} + +.z-auxheader { + border-left: 1px solid @meshTitleBorderColor; + border-bottom: 1px solid @meshTitleBorderColor; + padding: 0; + .verGradient(@baseGradientStart, @baseGradientEnd); + background-clip: padding-box; + position: relative; + overflow: hidden; + white-space: nowrap; + + &-content { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, bold, @textColorGrayLight); + padding: 4px 5px 3px; + line-height: @baseButtonHeight; + overflow: hidden; + } +} + +.ie8 { + .z-auxheader { + position: static; + background: @meshBackgroundColorIE8; + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/mesh/less/frozen.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/mesh/less/frozen.less new file mode 100644 index 00000000..a766f21d --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/mesh/less/frozen.less @@ -0,0 +1,30 @@ +@import "~./zul/less/_header.less"; + +.z-frozen { + .encodeThemeURL(background-image, '~./zul/img/common/bar-bg.png'); + overflow: hidden; + + &-body { + overflow: hidden; + float: left; + } + + &-inner { + overflow-x: scroll; + overflow-y: hidden; + float: right; + + div { + height: 100%; + } + } +} + +.ie8, .ie9, .ie10 { + .z-frozen { + &-inner { + padding-top: 1px; + margin-top: -1px; + } + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/mesh/less/paging.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/mesh/less/paging.less new file mode 100644 index 00000000..4a569359 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/mesh/less/paging.less @@ -0,0 +1,146 @@ +@import "~./zul/less/_header.less"; + +.z-paging { + height: @baseBarHeight; + border-bottom: 1px solid @pagingBorderColor; + padding: 4px 10px 3px; + background: @pagingBackgroundColor; + position: relative; + + &-os { + border-bottom: none; + padding-bottom: 4px; + } + ul { + display: inline-block; + margin: 0; + padding: 0; + + > li { + display: inline; + } + } + &-button { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @pagingColor); + display: inline-block; + min-width: @baseButtonWidth; + height: @baseButtonHeight; + border: 1px solid @pagingBorderColor; + .borderRadius(@borderRadiusSmall); + margin-right: 6px; + padding: 4px 0px; + line-height: @baseLineHeight; + .verGradient(@baseGradientStart, @baseGradientEnd); + text-align: center; + vertical-align: top; + cursor: pointer; + text-decoration: none; + white-space: nowrap; + + &:hover { + border-color: @pagingActiveBorderColor; + .boxShadow('0 0 2px rgba(0, 0, 0, 0.34)'); + } + &:active { + border-color: @pagingActiveBorderColor @pagingBorderColor; + .verGradient(@baseGradientEnd, @baseGradientStart); + } + &[disabled] { + color: @disabledColor; + .opacity(@disabledOpacity); + cursor: default; + + &:hover { + border-color: @pagingBorderColor; + .boxShadow('0 0 0 rgba(0, 0, 0, 0)'); + } + &:active { + border-color: @pagingBorderColor; + .verGradient(@baseGradientStart, @baseGradientEnd); + } + .z-paging-icon, + .z-paging-icon:hover { + color: @disabledColor; + } + } + } + .z-paging-icon { + .iconFontStyle(@fontSizeXLarge, @pagingColor); + line-height: @baseLineHeight; + } + &-noborder { + border-color: transparent; + .resetGradient(); + &:hover { + border-color: transparent; + .boxShadow('0 0 0 rgba(0, 0, 0, 0)'); + text-decoration: underline; + } + &:active { + border-color: transparent; + .resetGradient(); + } + } + &-selected { + color: @pagingSelectedColor; + border-color: @pagingActiveBorderColor; + .resetGradient(); + background: @pagingSelectedBackgroundColor; + &:hover { + border-color: @pagingActiveBorderColor; + .boxShadow('0 0 0 rgba(0, 0, 0, 0)'); + } + &:active { + border-color: @pagingActiveBorderColor; + .resetGradient(); + background: @pagingSelectedBackgroundColor; + } + } + &-input { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGrayDark); + height: @baseButtonHeight; + border: 1px solid @pagingBorderColor; + margin-left: 6px; + padding: 3px 0; + line-height: 20px; + vertical-align: baseline; + &[disabled] { + color: @disabledColor; + .opacity(@disabledOpacity); + cursor: default; + } + } + &-text { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGrayDark); + margin-right: 12px; + &-disabled { + color: @disabledColor; + } + } + &-info { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGrayDark); + padding: 4px 0; + position: absolute; + top: 4px; + right: 10px; + } +} + +.ie8 { + .z-paging { + &-input { + vertical-align: middle; + } + &-button { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + &:active { + .gradientFallback(@baseGradientEnd, @baseGradientStart); + } + &[disabled] { + &:active { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + } + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/sel/less/listbox.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/sel/less/listbox.less new file mode 100644 index 00000000..04950c2c --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/sel/less/listbox.less @@ -0,0 +1,489 @@ +@import "~./zul/less/_header.less"; + +//reset table +.resetTable() { + table { + border-spacing: 0; + th, td { + background-clip: padding-box; + padding: 0; + } + th { + text-align: inherit; + } + } +} + +//listbox +.z-listbox { + border: 1px solid @baseBorderColor; + overflow: hidden; + zoom: 1; + //listbox header + &-header { + width: 100%; + .verGradient(@baseGradientStart, @baseGradientEnd); + position: relative; + overflow: hidden; + .resetTable(); + } + &-header-border { + border-bottom: 1px solid @meshTitleBorderColor; + margin-top: -1px; + position: relative; + } + //listbox body + &-body { + position: relative; + overflow: hidden; + .resetTable(); + } + &-emptybody td { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @disabledColor); + font-style: italic; + text-align: center; + height: 1px; + } + //listbox footer + &-footer { + border-top: 1px solid @baseBorderColor; + background: @meshFootBackgroundColor; + overflow: hidden; + .resetTable(); + } + + &-odd.z-listitem { + background: @meshStripeBackgroundColor; + } +} +//listhead +.z-listhead { + th:first-child { + border-left: none; + + // B50-3306729: the first header should have border-left when the first column is covered with other header + &.z-listhead-border { + border-left: 1px solid @meshTitleBorderColor; + } + } + &-bar { + border-left: 1px solid @meshTitleBorderColor; + border-bottom: 1px solid @meshTitleBorderColor; + } +} +.z-listheader { + border-left: 1px solid @meshTitleBorderColor; + border-bottom: 1px solid @meshTitleBorderColor; + padding: 0; + .verGradient(@baseGradientStart, @baseGradientEnd); + background-clip: padding-box; + position: relative; + overflow: hidden; + white-space: nowrap; + + &-hover { + .verGradient(@meshTitleHoverStart, @meshTitleHoverEnd); + } + &-sort { + .z-listheader-content { + cursor: pointer; + } + .z-listheader-sorticon { + color: @iconColor; + position: absolute; + top: -7px; + left: 50%; + } + } + &-hover .z-listheader-button { + display: block; + } + &-checkable { + .displaySize(inline-block, @baseIconWidth, @baseIconHeight); + border: 1px solid @checkedBorderColor; + background: @checkedBackgroundColor; + vertical-align: text-top; + + .z-listheader-icon { + display: none; + cursor: default; + } + &.z-listheader-checked .z-listheader-icon { + color: @checkedColor; + display: block; + padding-left: 1px; + line-height: @baseLineHeight; + } + } + &-button { + color: @iconColor; + .displaySize(none, @baseButtonWidth - 1, @baseBarHeight); + border-left: 1px solid darken(@meshTitleHoverStart, 15%); + line-height: @baseBarHeight; + text-align: center; + position: absolute; + top: 0; + right: 0; + text-decoration: none; + cursor: pointer; + z-index: 15; + .boxShadow('inset 1px 0 #FFFFFF'); + + &:hover { + .verGradient(darken(@meshTitleHoverStart, 5%), darken(@meshTitleHoverEnd, 10%)); + } + } + &-sizing, + &-sizing .z-listheader-button, + &-sizing.z-listheader-sort .z-listheader-content { + cursor: e-resize; + } +} +// ZK-2151: use strict selector to prevent nest problem +//list item and cell +.z-listitem { + background: @meshBackgroundColor; + + td:first-child { + border-left: none; + } + //list cell + .z-listcell { + border-left: 1px solid @meshContentBorderColor; + overflow: hidden; + cursor: pointer; + } + &:hover { + > .z-listcell { + .verGradient(@meshContentHoverStart, @meshContentHoverEnd); + background-clip: padding-box; + + > .z-listcell-content { + color: @hoverColor; + } + } + } + //check mark + &-checkable { + .displaySize(inline-block, @baseIconWidth, @baseIconHeight); + border: 1px solid @checkedBorderColor; + background: @checkedBackgroundColor; + vertical-align: text-top; + + &.z-listitem-radio { + .borderRadius(@baseIconWidth / 2); + } + .z-listitem-icon { + display: none; + cursor: default; + } + } + //selected list cell + &.z-listitem-selected { + > .z-listcell { + border-color: @selectedGradientStart; + .verGradient(@selectedGradientStart, @selectedGradientEnd); + background-clip: padding-box; + position: relative; + + > .z-listcell-content { + color: @selectedColor; + } + } + &:hover { + > .z-listcell { + border-color: @selectedHoverGradientStart; + .verGradient(@selectedHoverGradientStart, @selectedHoverGradientEnd); + position: relative; + } + .z-listcell-content { + color: @selectedHoverColor; + } + } + } + &.z-listitem-selected.z-listitem-focus { + > .z-listcell { + border-color: @selectedGradientStart; + .verGradient(@selectedFocusGradientStart, @selectedFocusGradientEnd); + background-clip: padding-box; + position: relative; + + > .z-listcell-content { + color: @selectedFocusColor; + } + } + &:hover { + > .z-listcell { + border-color: @selectedHoverGradientStart; + .verGradient(@selectedHoverGradientStart, @selectedHoverGradientEnd); + position: relative; + } + .z-listcell-content { + color: @selectedHoverColor; + } + } + } + &-focus { + > .z-listcell { + .verGradient(@meshContentFocusStart, @meshContentFocusEnd); + background-clip: padding-box; + position: relative; + } + .z-listcell-content { + color: @hoverColor; + } + } + //selected check mark + &-selected { + > .z-listcell > .z-listcell-content + > .z-listitem-checkable .z-listitem-icon { + color: @checkedColor; + display: block; + padding-left: 1px; + line-height: @baseLineHeight; + cursor: pointer; + + &.z-icon-check {} //for checkbox, use font-awesome + &.z-icon-radio { //for radio + .size(@baseIconWidth / 2, @baseIconWidth / 2); + .borderRadius(@baseIconWidth / 4); + margin: 3px; + padding: 0; + background: @checkedColor; + } + } + } + //disabled + &.z-listitem-disabled { + * { + color: @disabledColor !important; + cursor: default !important; + } + &:hover > .z-listcell { + .resetGradient(); + position: relative; + } + a, a:visited, a:hover { + text-decoration: none; + } + } + a, a:visited, a:hover { + text-decoration: none; + } +} + +body:not(.gecko) { + .z-listitem { + &:hover { + > .z-listitem { + position: relative; + } + } + } +} + +//Group +.z-listgroup { + &-inner { + border: 1px solid @meshTitleBorderColor; + border-left: none; + border-right: none; + .verGradient(@groupGradientStart, @groupGradientEnd); + position: relative; + overflow: hidden; + + .z-listcell-content, + .z-listgroup-content { + padding: 3px 5px; + } + } + //check mark + &-checkable { + .displaySize(inline-block, @baseIconWidth, @baseIconHeight); + border: 1px solid @checkedBorderColor; + margin-right: 2px; + background: @checkedBackgroundColor; + vertical-align: text-top; + + .z-listgroup-icon { + display: none; + cursor: default; + } + } + //selected check mark + &-selected &-checkable { + .z-listgroup-icon { + .iconFontStyle(@fontSizeMedium, @checkedColor); + display: block; + padding-right: 2px; + line-height: @baseLineHeight; + cursor: pointer; + + &:hover { + color: @checkedColor; + } + } + } + &-icon { + .iconFontStyle(@baseFontSize, @iconColor); + .displaySize(inline-block, @baseIconWidth, @baseIconHeight); + line-height: @baseIconHeight; + text-align: center; + vertical-align: text-top; + position: relative; + cursor: pointer; + + &:hover { + color: @iconHoverColor; + } + } +} +.z-listgroupfoot-inner { + .verGradient(@groupGradientEnd, @groupGradientStart); + overflow: hidden; +} +//content +.z-listheader-content, +.z-listcell-content, +.z-listgroup-content, +.z-listgroupfoot-content, +.z-listfooter-content { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGrayLight); + padding: 4px 5px; + line-height: @baseButtonHeight; + overflow: hidden; +} +.z-listheader-content { + font-weight: bold; + padding: 4px 5px 3px; + position: relative; +} +.z-listgroup-content, +.z-listgroupfoot-content { + .z-label { + font-weight: bold; + } +} +//paging +.z-listbox-paging { + &-top { + border-bottom: 1px solid @pagingBorderColor; + overflow: hidden; + width: 100%; + } + &-bottom { + border-top: 1px solid @pagingBorderColor; + overflow: hidden; + width: 100%; + } +} +.z-listbox-autopaging .z-listcell-content { + height: @meshAutoPagingRowHeight; + overflow: hidden; +} +//column menu +.z-listhead-menugrouping .z-menuitem-image { + .encodeThemeURL(background-image, '~./zul/img/grid/menu-group.png'); +} +.z-listhead-menuungrouping .z-menuitem-image { + .encodeThemeURL(background-image, '~./zul/img/grid/menu-ungroup.png'); +} +.z-listhead-menuascending .z-menuitem-image { + .encodeThemeURL(background-image, '~./zul/img/grid/menu-arrowup.png'); +} +.z-listhead-menudescending .z-menuitem-image { + .encodeThemeURL(background-image, '~./zul/img/grid/menu-arrowdown.png'); +} +//select mold +.z-select { + font-family: @baseContentFontFamily; + font-size: @fontSizeMedium; +} + +// ZK-2151: use strict selector to prevent nest problem +// IE8 +.ie8 { + .z-listbox-header { + background: @meshBackgroundColorIE8; + } + .z-listheader { + position: static; + background: @meshBackgroundColorIE8; + &-hover { + background: @meshHoverBackgroundColorIE8; + } + + &-button:hover { + background: darken(@meshHoverBackgroundColorIE8, 3%); + } + } + .z-listitem { + &:hover > .z-listcell { + background: @meshHoverBackgroundColorIE8; + } + &.z-listitem-selected { + > .z-listcell { + position: static; + background: @meshSelectedBackgroundColorIE8; + } + &:hover > .z-listcell { + position: static; + background: @meshSelectedHoverBackgroundColorIE8; + } + } + } + // check icon fallback + .ie8-checkable-icon(z-listheader); + .ie8-checkable-icon(z-listgroup); + .ie8-checkable-icon(z-listitem); + .z-listheader > .z-listheader-content > .z-listheader-checkable.z-listheader-checked, + .z-listgroup-selected > .z-listcell + > .z-listcell-content > .z-listgroup-checkable, + .z-listitem-selected > .z-listcell + > .z-listcell-content > .z-listitem-checkable { + .z-icon-check { + margin: 0; + background-position: -26px 0px; + } + } + // radio icon fallback + .z-listitem > .z-listcell > .z-listcell-content + > .z-listitem-checkable .z-icon-radio { + + background-position: 0 -13px; + } + .z-listitem-selected > .z-listcell > .z-listcell-content + > .z-listitem-checkable .z-icon-radio { + .displaySize(block, 13px, 13px); + margin: 0; + background-position: -26px -13px; + } + .z-listgroup-inner { + background: @meshGroupBackgroundColorIE8; + } + .z-listgroupfoot-inner { + background: @meshGroupFooterBackgroundColorIE8; + } +} +.ie8-checkable-icon(@comp) { + .@{comp} > .z-listcell + > .z-listcell-content > .@{comp}-checkable, + .@{comp} > .@{comp}-content > .@{comp}-checkable { + + border-width: 0; + background: transparent; + .@{comp}-icon { + .displaySize(block, 13px, 13px); + .encodeThemeURL(background, '~./zul/img/common/check-sprite.gif', no-repeat); + position: relative; + top: 2px; + left: 2px; + } + .z-icon-check { + background-position: 0 0; + &:before { + display: none; + } + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/sel/less/tree.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/sel/less/tree.less new file mode 100644 index 00000000..06e159a3 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/sel/less/tree.less @@ -0,0 +1,344 @@ +@import "~./zul/less/_header.less"; + +//reset table +.resetTable() { + table { + border-spacing: 0; + th, td { + background-clip: padding-box; + padding: 0; + } + th { + text-align: inherit; + } + } +} + +//tree +.z-tree { + border: 1px solid @baseBorderColor; + overflow: hidden; + zoom: 1; + //tree header div + &-header { + width: 100%; + .verGradient(@baseGradientStart, @baseGradientEnd); + position: relative; + overflow: hidden; + .resetTable(); + } + &-header-border { + border-bottom: 1px solid @meshTitleBorderColor; + margin-top: -1px; + position: relative; + } + //tree body div + &-body { + position: relative; + overflow: hidden; + .resetTable(); + } + &-emptybody td { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @disabledColor); + font-style: italic; + text-align: center; + height: 1px; + } + //tree footer div + &-footer { + border-top: 1px solid @baseBorderColor; + background: @meshFootBackgroundColor; + overflow: hidden; + .resetTable(); + } +} +//tree open icon and indent space +.z-tree { + &-icon, + &-line { + .displaySize(inline-block, @baseIconWidth, @baseIconHeight); + line-height: @baseIconHeight; + vertical-align: middle; + } + &-icon { + .iconFontStyle(@baseFontSize, @iconColor); + text-align: center; + cursor: pointer; + + &:hover { + color: @iconHoverColor; + } + } +} +//treecols +.z-treecols { + th:first-child { + border-left: none; + + // B50-3306729: the first header should have border-left when the first column is covered with other header + &.z-treecols-border { + border-left: 1px solid @meshTitleBorderColor; + } + } + &-bar { + border-left: 1px solid @meshTitleBorderColor; + border-bottom: 1px solid @meshTitleBorderColor; + } +} +.z-treecol { + border-left: 1px solid @meshTitleBorderColor; + border-bottom: 1px solid @meshTitleBorderColor; + padding: 0; + .verGradient(@baseGradientStart, @baseGradientEnd); + background-clip: padding-box; + position: relative; + overflow: hidden; + white-space: nowrap; + + &-sort { + cursor: pointer; + + &:hover { + .verGradient(@meshTitleHoverStart, @meshTitleHoverEnd); + } + .z-treecol-sorticon { + color: @iconColor; + position: absolute; + top: -7px; + left: 50%; + } + } + &-sizing, + &-sizing .z-treecol-content { + cursor: e-resize; + } +} +// ZK-2151: use strict selector to prevent nest problem +//tree row and cell +.z-treerow { + background: @meshBackgroundColor; + //tree cell + .z-treecell { + overflow: hidden; + cursor: pointer; + } + &:hover { + > .z-treecell { + .verGradient(@meshContentHoverStart, @meshContentHoverEnd); + background-clip: padding-box; + + > .z-treecell-content { + color: @hoverColor; + } + } + } + //check mark + &-checkable { + .displaySize(inline-block, @baseIconWidth, @baseIconHeight); + border: 1px solid @checkedBorderColor; + background: @checkedBackgroundColor; + vertical-align: middle; + + &.z-treerow-radio { + .borderRadius(@baseIconWidth / 2); + } + .z-treerow-icon { + display: none; + cursor: default; + } + } + //selected tree cell + &.z-treerow-selected { + > .z-treecell { + .verGradient(@selectedGradientStart, @selectedGradientEnd); + background-clip: padding-box; + position: relative; + + > .z-treecell-content { + color: @selectedColor; + } + } + + &:hover { + > .z-treecell { + .verGradient(@selectedHoverGradientStart, @selectedHoverGradientEnd); + > .z-treecell-content { + color: @selectedHoverColor; + } + } + } + } + &.z-treerow-selected.z-treerow-focus { + > .z-treecell { + .verGradient(@selectedFocusGradientStart, @selectedFocusGradientEnd); + background-clip: padding-box; + position: relative; + + > .z-treecell-content { + color: @selectedFocusColor; + } + } + &:hover { + > .z-treecell { + .verGradient(@selectedHoverGradientStart, @selectedHoverGradientEnd); + > .z-treecell-content { + color: @selectedHoverColor; + } + } + } + } + &-focus { + > .z-treecell { + .verGradient(@meshContentFocusStart, @meshContentFocusEnd); + position: relative; + > .z-treecell-content { + color: @hoverColor; + } + } + } + //selected check mark + &-selected { + > .z-treecell > .z-treecell-content + > .z-treerow-checkable .z-treerow-icon { + color: @checkedColor; + display: block; + padding-left: 1px; + line-height: @baseLineHeight; + + &.z-icon-check {} //for checkbox, use font-awesome + &.z-icon-radio { //for radio + .size(@baseIconWidth / 2, @baseIconWidth / 2); + .borderRadius(@baseIconWidth / 4); + margin: 3px; + padding: 0; + background: @checkedColor; + } + } + } + //disabled + &.z-treerow-disabled { + * { + color: @disabledColor !important; + cursor: default !important; + } + &:hover > .z-treecell { + .resetGradient(); + position: relative; + } + } +} + +body:not(.gecko) { + .z-treerow { + &:hover { + > .z-treecell { + position: relative; + } + } + } +} + +//content +.z-treecol-content, +.z-treecell-content, +.z-treefooter-content { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGrayLight); + padding: 4px 5px; + line-height: @baseButtonHeight; + overflow: hidden; +} +.z-treecol-content { + font-weight: bold; + padding: 4px 5px 3px; + position: relative; +} +.z-treecell-content { + padding: 4px 2px; + line-height: @baseLineHeight; +} +.z-treecell-text { + vertical-align: middle; +} +//paging +.z-tree-paging { + &-top { + border-bottom: 1px solid @pagingBorderColor; + overflow: hidden; + width: 100%; + } + &-bottom { + border-top: 1px solid @pagingBorderColor; + overflow: hidden; + width: 100%; + } +} +.z-tree-autopaging .z-treecell-content { + height: @baseButtonHeight; + overflow: hidden; +} +// ZK-2151: use strict selector to prevent nest problem +// IE8 +.ie8 { + .z-tree-header { + background: @meshBackgroundColorIE8; + } + .z-treecol { + position: static; + background: @meshBackgroundColorIE8; + &-hover, &-sort:hover { + background: @meshHoverBackgroundColorIE8; + } + } + .z-treerow { + &:hover > .z-treecell { + background: @meshHoverBackgroundColorIE8; + } + &.z-treerow-selected { + > .z-treecell { + position: static; + background: @meshSelectedBackgroundColorIE8; + } + &:hover > .z-treecell { + position: static; + background: @meshSelectedHoverBackgroundColorIE8; + } + } + } + // check and radio icon fallback + .z-treerow > .z-treecell + > .z-treecell-content > .z-treerow-checkable { + border-width: 0; + background: transparent; + .z-treerow-icon { + .displaySize(block, 13px, 13px); + .encodeThemeURL(background, '~./zul/img/common/check-sprite.gif', no-repeat); + position: relative; + top: 2px; + left: 2px; + } + .z-icon-check { + background-position: 0 0; + &:before { + display: none; + } + } + .z-icon-radio { + background-position: 0 -13px; + } + } + .z-treerow-selected > .z-treecell + > .z-treecell-content > .z-treerow-checkable { + + .z-treerow-icon { + .displaySize(block, 13px, 13px); + } + + .z-icon-check { + background-position: -26px 0px; + } + .z-icon-radio { + margin: 0; + background-position: -26px -13px; + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/tab/less/tabbox.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/tab/less/tabbox.less new file mode 100644 index 00000000..be8c21dd --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/tab/less/tabbox.less @@ -0,0 +1,507 @@ +@import "~./zul/less/_header.less"; + +.userSelect() { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +// ZK-2100: use strict selector to prevent nest problem +.verticalStyle() { + > .z-tabs { + float: left; + + .z-tabs-content { + display: block; + height: 4096px; + border-right: 1px solid @baseBorderColor; + } + .z-tabs-space { + width: 0; + position: relative; + float: left; + } + + .z-tab { + border-width: 1px 0px 1px 1px; + border-top: 1px solid @baseBorderColor; + .leftBorderRadius(@baseBorderRadius); + padding-top: 0px; + float: none; + + &-selected { + border-bottom: 1px solid @baseBorderColor; + .boxShadow('1px 0px 0 #FFFFFF'); + + .z-tab-button { + .opacity(1.0); + } + + .z-tab-text { + font-weight: bold; + cursor: default; + white-space: nowrap; + } + } + + &.z-tab-disabled .z-tab-text { + color: gray; + .opacity(@disabledOpacity); + cursor: default; + } + } + } + + &.z-tabbox-scroll { + > .z-tabs { + margin: 24px 0px 24px 0px; + } + } + + > .z-tabpanels { + border: 1px solid @baseBorderColor; + border-left: 0px; + + > .z-tabpanel { + border: 0; + padding: 5px; + } + } +} + +.z-toolbar.z-toolbar-tabs { + border-bottom: 1px solid @baseBorderColor; + padding: 4px 4px; + .resetGradient(); + position: absolute; + right: 0; + top: 0; + overflow: hidden; + z-index: 1; +} +// remove selected tab bottom border +.z-tabbox-top > .z-tabs .z-tab:first-child { + &.z-tab-selected { + .boxShadow(1px 1px 0 #FFFFFF); + } + &.z-tab-selected + .z-tab { + .boxShadow(0 1px 0 #CFCFCF); + } +} +// remove selected tab top border +.z-tabbox-bottom > .z-tabs .z-tab:first-child { + &.z-tab-selected { + .boxShadow(1px -1px 0 #FFFFFF); + } + &.z-tab-selected + .z-tab { + .boxShadow(0px -1px 0 #CFCFCF); + } +} +// remove selected tab right border +.z-tabbox-left > .z-tabs .z-tab:first-child { + &.z-tab-selected { + .boxShadow(1px 1px 0 #FFFFFF); + } + + &.z-tab-selected + .z-tab { + .boxShadow(0 1px 0 #CFCFCF); + } +} +// remove selected tab left border +.z-tabbox-right > .z-tabs .z-tab:first-child { + border-left: 0px; + &.z-tab-selected { + .boxShadow(-1px 1px 0 #FFFFFF); + } + &.z-tab-selected + .z-tab { + .boxShadow(-1px 0px 0 #CFCFCF); + } +} + +.z-tabbox { + position: relative; + overflow: hidden; + // horizontal (default) + &-icon { + .iconFontStyle(@fontSizeMedium, @iconColor); + display: none; + border: 1px solid @baseBorderColor; + .topBorderRadius(@baseBorderRadius); + padding-top: 5px; + padding-bottom: 2px; + line-height: @baseButtonHeight; + .verGradient(@baseGradientStart, @baseGradientEnd); + text-align: center; + position: absolute; + top: 0; + cursor: pointer; + z-index: 25; + .userSelect(); + + > i { + .opacity(0.7); + } + &:hover { + color: @iconHoverColor; + > i { + .opacity(1); + } + } + } + &-left-scroll, + &-right-scroll { + width: @baseButtonWidth; + } + &-right-scroll { + padding-left: 1px; + right: 0; + } + &-up-scroll, + &-down-scroll { + height: @baseButtonHeight; + } + &-down-scroll { + top: auto; + bottom: 0; + } + // bottom + &-bottom { + > .z-tabbox-icon { + .bottomBorderRadius(@baseBorderRadius); + top: auto; + bottom: 0; + } + > .z-tabs { + .z-tabs-content { + border-top: 1px solid @baseBorderColor; + border-bottom: 0; + } + + .z-tab { + border-width: 0px 1px 1px 1px; + .bottomBorderRadius(@baseBorderRadius); + + &.z-tab-selected { + .boxShadow('0px -1px 0 #FFFFFF'); + } + } + } + + > .z-tabpanels > .z-tabpanel { + border: 1px solid @baseBorderColor; + border-bottom: 0; + } + .z-toolbar-tabs { + border-top: 1px solid @baseBorderColor; + border-bottom: 0; + top: auto; + bottom: 0; + } + } + // left + &-left { + > .z-tabbox-icon { + .leftBorderRadius(@baseBorderRadius); + padding-top: 0; + } + .verticalStyle(); + + > .z-tab-icon { + left: 10px; + right: auto; + } + > .z-tabs .z-tab-button { + top: 0; + left: 0px; + & + .z-tab-text { + margin-left: 14px; + margin-right: 0px; + } + } + } + + // right + &-right { + > .z-tabbox-icon { + .rightBorderRadius(@baseBorderRadius); + padding-top: 0; + right: 0; + } + .verticalStyle(); + + > .z-tabs { + float: right; + + .z-tabs-content { + border-left: 1px solid @baseBorderColor; + border-right: 0; + } + .z-tabs-space { + float: right; + } + + .z-tab { + border-width: 1px 1px 1px 0px; + .rightBorderRadius(@baseBorderRadius); + + &.z-tab-selected { + .boxShadow('-1px 0px 0 #FFFFFF'); + border-left: 0px; + } + } + } + + > .z-tabpanels { + border: 1px solid @baseBorderColor; + border-right: 0; + } + } + + // accordion + &-accordion { + > .z-tabpanels { + border-top: 1px solid @baseBorderColor; + + > .z-tabpanel { + border: 0; + padding: 0; + } + } + .z-tabpanel > .z-tabpanel-content { + border: 1px solid @baseBorderColor; + border-top: 0; + padding: 5px; + zoom: 1; + } + .z-tabpanel > .z-tab { + border-width: 0 1px 1px 1px; + .borderRadius(0); + padding-top: 1px; + text-align: left; + float: none; + zoom: 1; + + &-selected { + .verGradient(@baseGradientStart, @baseGradientEnd); + .boxShadow('none'); + cursor: default; + } + } + .z-tab-button { + .opacity(0.7); + &:hover { + color: @iconHoverColor; + } + + + .z-tab-text { + margin-right: @baseButtonWidth; + } + } + .z-tab-text { + padding: 3px 5px 3px 8px; + } + } + + // .z-tabbox-scroll + &-scroll { + > .z-tabs { + border: 0; + margin: 0px 24px 0px 24px; + padding-bottom: 0; + zoom: 1; + } + > .z-tabbox-icon { + display: block; + } + } +} + +.z-tabs { + border: 0; + margin: 0; + padding: 0; + line-height: @baseButtonHeight; + overflow: hidden; + position: relative; + + &-content { + display: table; + width: 100%; + border-collapse: separate; + border-spacing: 0; + border-bottom: 1px solid @baseBorderColor; + margin: 0; + padding-left: 0; + padding-top: 0; + list-style-image: none; + list-style-position: outside; + list-style-type: none; + zoom: 1; + clear: both; + } +} + +.z-tab { + font-family: @baseTitleFontFamily; + font-size: @fontSizeMedium; + display: block; + border: 1px solid @baseBorderColor; + border-width: 1px 1px 0px 1px; + .topBorderRadius(@baseBorderRadius); + margin: 0; + padding-top: 1px; + line-height: @baseButtonHeight + 6; + .verGradient(@baseGradientStart, @baseGradientEnd); + text-align: center; + position: relative; + cursor: pointer; + float: left; + + + &-content { + display: block; + } + + &:hover { + .verGradient(@hoverGradientStart, @hoverGradientEnd); + } + + &-icon { + display: block; + margin-top: -6px; + line-height: normal; + position: absolute; + top: 50%; + left: 5px; + cursor: pointer; + } + + &-text { + font-style: normal; + color: @textColorGray; + display: block; + padding: 4px 12px 2px; + line-height: @baseButtonHeight; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + &-image { + vertical-align: middle; + } + + &-button { + .iconFontStyle(@fontSizeMedium, @iconColor); + .displaySize(block, @baseButtonHeight, 100%); + line-height: normal; + .opacity(0.7); + text-align: center; + position: absolute; + right: 0; + top: 0; + z-index: 15; + zoom: 1; + .userSelect(); + + &:hover { + color: @iconHoverColor; + } + & + .z-tab-text { + margin-right: 14px; + } + } + .z-caption { + margin: auto; + } + &-selected { + .resetGradient(); + background: @tabSelectedBackgroundColor; + .boxShadow('0 1px 0 #FFFFFF'); + &:hover { + .resetGradient(); + background: @tabSelectedBackgroundColor; + } + .z-tab-button { + .opacity(1); + } + .z-tab-text { + cursor: default; + font-weight: bold; + } + } + &-disabled { + color: @disabledColor; + .opacity(@disabledOpacity); + cursor: default; + + &:hover { + .verGradient(@baseGradientStart, @baseGradientEnd); + } + .z-tab-button:hover { + .opacity(@disabledOpacity); + } + .z-tab-text { + font-style: normal; + .opacity(@disabledOpacity); + cursor: default; + white-space: nowrap; + } + } +} + +.z-tabpanels { + zoom: 1; + overflow: hidden; + position: relative; +} + +.z-tabpanel { + border: 1px solid @baseBorderColor; + border-top: 0px; + padding: 5px; + zoom: 1; +} + +// ZK-2158: Tab should not be click on blank area next to last tab +.ie9 { + .z-tabs { + line-height: 1px; + > .z-tabs-content { + display: inline-block; + } + } +} + +.ie8 { + .z-tab { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + &:hover { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + &-icon { + margin-top: -7px; + font-size: 14px; + } + &-disabled { + &:hover { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + } + } + .z-tabbox { + &-icon { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + &-accordion { + .z-tabpanel > .z-tab { + &-selected { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + } + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/a.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/a.less new file mode 100644 index 00000000..b7551ce3 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/a.less @@ -0,0 +1,12 @@ +@import "~./zul/less/_header.less"; + +.z-a { + font-family: @baseTitleFontFamily; + font-size: @fontSizeMedium; + + &[disabled] { + color: @disabledColor; + cursor: default; + text-decoration: none; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/button.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/button.less new file mode 100644 index 00000000..450805c3 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/button.less @@ -0,0 +1,58 @@ +@import "~./zul/less/_header.less"; + +.z-button { + .fontStyle(@baseTitleFontFamily, @fontSizeMedium, normal, @baseTextColor); + min-height: @baseButtonHeight; + border: 1px solid @buttonBorderColor; + .borderRadius(@baseBorderRadius); + padding: 3px 12px; + line-height: @baseLineHeight; + .verGradient(@buttonGradientStart, @buttonGradientEnd); + text-shadow: 0 1px #FFFFFF; + cursor: pointer; + white-space: nowrap; + + &:hover { + border-color: @hoverBorderColor; + .verGradient(@hoverGradientStart, @hoverGradientEnd); + } + &:focus { + color: @focusColor; + border-color: @focusBorderColor; + .verGradient(@focusGradientStart, @focusGradientEnd); + .boxShadow('inset 0 0 2px #0CBCFF'); + } + &:active { + border-color: @activeBorderColor; + .verGradient(@activeGradientStart, @activeGradientEnd); + } + &[disabled] { + border-color: @buttonBorderColor; + .verGradient(@buttonGradientStart, @buttonGradientEnd); + .opacity(@disabledOpacity); + .boxShadow('none'); + cursor: default; + } + img { + vertical-align: middle; + } +} + +.ie8 { + .z-button { + min-height: @baseButtonHeight - 8; //minus padding border height + .gradientFallback(@buttonGradientStart, @buttonGradientEnd); + &:hover { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + &:focus { + .gradientFallback(@focusGradientStart, @focusGradientEnd); + } + &:active { + .gradientFallback(@activeGradientStart, @activeGradientEnd); + } + &[disabled] { + .gradientFallback(@buttonGradientStart, @buttonGradientEnd); + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/caption.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/caption.less new file mode 100644 index 00000000..df5d7a03 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/caption.less @@ -0,0 +1,55 @@ +@import "~./zul/less/_header.less"; + +.z-caption { + font-size: @fontSizeMedium; + .size(100%, auto); + min-height: @baseButtonHeight; + line-height: @baseLineHeight; + + & > * { + margin-left: 4px; + + &:first-child { + margin-left: 0px; + } + } + + &-content, + .z-label { + display: inline-block; + // ZK-2209: fix style + padding: 0px; + line-height: @baseButtonHeight; + } + + &-image { + vertical-align: middle; + } + + input { + font-size: @fontSizeSmall; + } + + .z-toolbar { + .z-a, + .z-a:visited, + .z-a:hover { + color: #FFFFFF; + border: 0; + background: none; + } + } + + .z-a, + .z-a:visited { + font-size: @fontSizeSmall; + font-weight: normal; + color: @baseTextColor; + background: none; + text-decoration: none; + } + + .z-a:hover { + text-decoration: underline; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/combobutton.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/combobutton.less new file mode 100644 index 00000000..8b4ac477 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/combobutton.less @@ -0,0 +1,155 @@ +@import "~./zul/less/_header.less"; + +.z-combobutton { + display: inline-block; + min-height: @baseButtonHeight; + cursor: pointer; + + &-content { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @baseTextColor); + display: inline-block; + min-height: @baseButtonHeight; + border: 1px solid @buttonBorderColor; + .borderRadius(@borderRadiusSmall); + padding: 4px 30px 4px 5px; + line-height: @baseLineHeight; + .verGradient(@buttonGradientStart, @buttonGradientEnd); + vertical-align: middle; + position: relative; + white-space: nowrap; + } + &-image { + vertical-align: middle; + } + &-button { + font-weight: normal; + .displaySize(block, @baseButtonWidth, 100%); + border-left: 1px solid @buttonBorderColor; + line-height: normal; + position: absolute; + top: 0; + right: 0; + } + &-icon { + .iconFontStyle(@fontSizeLarge, @iconColor); + + &.z-icon-caret-down { + display: block; + margin-top: -8px; + position: absolute; + top: 50%; + left: 7px; + } + } + &:hover { + .z-combobutton-content, + .z-combobutton-button { + border-color: @hoverBorderColor; + .verGradient(@hoverGradientStart, @hoverGradientEnd); + } + } + &:focus { + .z-combobutton-content, + .z-combobutton-button { + color: @focusColor; + border-color: @focusBorderColor; + .verGradient(@focusGradientStart, @focusGradientEnd); + .boxShadow('inset 0 0 2px #0CBCFF'); + } + .z-combobutton-button { + border-left-color: @baseBorderColor; + } + } + &:active { + .z-combobutton-content, + .z-combobutton-button { + border-color: @activeBorderColor; + .verGradient(@activeGradientStart, @activeGradientEnd); + } + } + &[disabled] { + cursor: default; + + .z-combobutton-content, + .z-combobutton-button { + border-color: @buttonBorderColor; + .resetGradient(); + .boxShadow('none'); + .opacity(@disabledOpacity); + } + } + + //toolbar mold + &-toolbar { + .z-combobutton-content, + .z-combobutton-button { + border-color: transparent; + .borderRadius(0); + .resetGradient(); + } + &:focus { + .z-combobutton-content, + .z-combobutton-button { + border-color: transparent; + .boxShadow('none'); + } + } + &:active { + .z-combobutton-content, + .z-combobutton-button { + border-color: @hoverBorderColor; + .verGradient(@hoverGradientStart, @hoverGradientEnd); + } + } + &[disabled] { + .z-combobutton-content, + .z-combobutton-button { + border-color: transparent; + .resetGradient(); + .opacity(@disabledOpacity); + .boxShadow('none'); + } + } + } +} + +.ie8 { + .z-combobutton { + min-height: @baseButtonHeight - 10; + + &-content { + .gradientFallback(@baseGradientEnd, @baseGradientStart); + min-height: @baseButtonHeight - 10; + } + &-toolbar { + .z-combobutton-content, + .z-combobutton-button { + background: transparent; + } + &:active { + .z-combobutton-content, + .z-combobutton-button { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + } + } + &:hover { + .z-combobutton-content, + .z-combobutton-button { + background: @hoverGradientEnd; + } + } + &:focus { + .z-combobutton-content, + .z-combobutton-button { + .gradientFallback(@focusGradientStart, @focusGradientEnd); + } + } + &:active { + .z-combobutton-content, + .z-combobutton-button { + .gradientFallback(@activeGradientStart, @activeGradientEnd); + } + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/groupbox.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/groupbox.less new file mode 100644 index 00000000..9f2b1577 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/groupbox.less @@ -0,0 +1,112 @@ +@import "~./zul/less/_header.less"; + +.z-groupbox { + padding-top: 16px; + + > .z-groupbox-header { + .fontStyle(@baseTitleFontFamily, @fontSizeMedium, normal, @textColorGrayDark); + .size(100%, @baseIconHeight); + border: 1px solid @baseBorderColor; + border-bottom: 0; + padding-left: 10px; + line-height: @baseLineHeight; + zoom: 1; + + .z-groupbox-title { + font-size: 12px; + height: auto; + min-height: 24px; + white-space: nowrap; + } + + .z-groupbox-title-content { + display: inline-block; + padding: 4px 0; + line-height: 16px; + } + + .z-caption, .z-groupbox-title { + display: inline; + width: auto; + padding: 0px 4px; + line-height: @baseIconHeight; + background: @baseBackgroundColor; + position: relative; + cursor: pointer; + + &-readonly { + cursor: default; + } + } + + .z-caption-content, .z-label { + float: none; + } + } + + > .z-groupbox-readonly .z-groupbox-title { + cursor: default; + } + + &-content { + display: block; + height: inherit; // Firefox bug: content cant be collapsed when scrolling + border: 1px solid @baseBorderColor; + border-top: 0; + padding: 5px; + overflow: hidden; + zoom: 1; + } + + &-notitle { + padding: 0; + + .z-groupbox-content { + border-top: 1px solid @baseBorderColor; + } + } + + &-collapsed .z-groupbox-header { + border-left: 1px solid transparent; + border-right: 1px solid transparent; + } + + &-3d { + padding: 0; + + > .z-groupbox-header { + font-weight: bold; + height: auto; + min-height: @baseBarHeight; + border-bottom: 1px solid @baseBorderColor; + padding: 3px 4px; + .verGradient(@baseGradientStart, @baseGradientEnd); + + .z-caption, .z-groupbox-title { + display: inline-block; + width: 100%; + margin: 0; + padding: 0; + line-height: @baseButtonHeight; + background: none; + top: 0px; + } + + .z-caption-content { + padding: 4px 0px 4px 0px; + line-height: @baseIconHeight; + } + } + } +} + +.ie8 { + .z-groupbox { + &-3d { + > .z-groupbox-header { + min-height: @baseBarHeight - 8; + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/popup.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/popup.less new file mode 100644 index 00000000..1aa72d85 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/popup.less @@ -0,0 +1,326 @@ +@import "~./zul/less/_header.less"; + +.z-popup { + border: 1px solid @popupBorderColor; + .borderRadius(1px); + .verGradient(@popupGradientStart, @popupGradientEnd); + position: absolute; + top: 0; + left: 0; + overflow: hidden; + .boxShadow('0 0 15px rgba(0, 0, 0, 0.35)'); + + &-content { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @textColorGray); + height: 100%; + padding: 10px; + line-height: @baseLineHeight; + } +} + +// notification +.z-notification { + color: #FFFFFF; + position: absolute; + top: 0; + left: 0; +} + +.z-notification-icon { + position: absolute; + top: 50%; + left: 2px; + z-index: 1; + + &.z-icon-times { + margin-top: -5px; + } + + &.z-icon-times-circle, + &.z-icon-exclamation-circle, + &.z-icon-info-circle { + font-size: 24px; + margin-top: -12px; + left: 12px; + } +} + +.z-notification-pointer + .z-notification-icon { + left: 14px; +} + +.z-notification-left + .z-notification-icon { + left: 24px; +} + +.z-notification-up + .z-notification-icon { + margin-top: -6px; +} + +.z-notification-down + .z-notification-icon { + margin-top: -18px; +} + +.z-notification-content { + font-family: @baseContentFontFamily; + font-size: @fontSizeSmall; + font-weight: normal; + width: 250px; + min-height: 130px; + .borderRadius(10px); + padding: 15px 18px 15px 45px; + position: relative; + overflow: hidden; + .boxShadow('1px 1px 3px rgba(0, 0, 0, 0.35)'); +} + +.z-notification-pointer ~ .z-notification-content { + .displaySize(table-cell, 125px, 60px); + min-height: 60px; // fix for IE9 + .borderRadius(5px); + padding: 5px 18px 5px 45px; + vertical-align: middle; +} + +.z-notification-pointer { + .displaySize(none, 0, 0); + border: 10px solid transparent; + position: absolute; + z-index: 100; +} + +// notification arrow: base style +.z-notification-left, +.z-notification-right, +.z-notification-up, +.z-notification-down { + border: 10px solid transparent; +} +.z-notification-left { + border-right-color: @notificationArrowColor; +} +.z-notification-right { + border-left-color: @notificationArrowColor; +} +.z-notification-up { + border-bottom-color: @notificationArrowColor; +} +.z-notification-down { + border-top-color: @notificationArrowColor; +} + +// notification arrow: info +.z-notification-info .z-notification-content { + background: @notificationInfoColor; +} +.z-notification-info .z-notification-left { + border-right-color: @notificationInfoColor; +} +.z-notification-info .z-notification-right { + border-left-color: @notificationInfoColor; +} +.z-notification-info .z-notification-up { + border-bottom-color: @notificationInfoColor; +} +.z-notification-info .z-notification-down { + border-top-color: @notificationInfoColor; +} + +// notification arrow: warning +.z-notification-warning .z-notification-content { + background: @notificationWarningColor; +} +.z-notification-warning .z-notification-left { + border-right-color: @notificationWarningColor; +} +.z-notification-warning .z-notification-right { + border-left-color: @notificationWarningColor; +} +.z-notification-warning .z-notification-up { + border-bottom-color: @notificationWarningColor; +} +.z-notification-warning .z-notification-down { + border-top-color: @notificationWarningColor; +} + +// notification arrow: error +.z-notification-error .z-notification-content { + background: @notificationErrorColor; +} +.z-notification-error .z-notification-left { + border-right-color: @notificationErrorColor; +} +.z-notification-error .z-notification-right { + border-left-color: @notificationErrorColor; +} +.z-notification-error .z-notification-up { + border-bottom-color: @notificationErrorColor; +} +.z-notification-error .z-notification-down { + border-top-color: @notificationErrorColor; +} + +.z-notification-close { + font-size: 10px; + .size(12px, 12px); + padding: 0 2px; + line-height: 11px; + .opacity(0.6); + text-align: center; + position: absolute; + top: 8px; + right: 8px; + cursor: pointer; + + &:hover { + .borderRadius(@borderRadiusSmall - 1); + background: @baseBackgroundColor; + opacity: 1; + } +} + +.z-notification-pointer ~ .z-notification-close { + top: 5px; + right: 5px; +} +.z-notification-right ~ .z-notification-close { + top: 5px; + right: 17px; +} +.z-notification-up ~ .z-notification-close { + top: 17px; +} + +.z-notification-info .z-notification-close:hover { + color: @notificationInfoColor; +} +.z-notification-warning .z-notification-close:hover { + color: @notificationWarningColor; +} +.z-notification-error .z-notification-close:hover { + color: @notificationErrorColor; +} + +.ie8 { + .z-popup { + .gradientFallback(@popupGradientStart, @popupGradientEnd); + } +} + +.ie8 { + .z-notification-left { + border-right-color: @notificationArrowColorIE8; + } +} +.ie8 { + .z-notification-right { + border-left-color: @notificationArrowColorIE8; + } +} +.ie8 { + .z-notification-up { + border-bottom-color: @notificationArrowColorIE8; + } +} +.ie8 { + .z-notification-down { + border-top-color: @notificationArrowColorIE8; + } +} + +// notification arrow: info +.ie8 { + .z-notification-info .z-notification-content { + background: @notificationInfoColorIE8; + } +} +.ie8 { + .z-notification-info .z-notification-left { + border-right-color: @notificationInfoColorIE8; + } +} +.ie8 { + .z-notification-info .z-notification-right { + border-left-color: @notificationInfoColorIE8; + } +} +.ie8 { + .z-notification-info .z-notification-up { + border-bottom-color: @notificationInfoColorIE8; + } +} +.ie8 { + .z-notification-info .z-notification-down { + border-top-color: @notificationInfoColorIE8; + } +} + +// notification arrow: warning +.ie8 { + .z-notification-warning .z-notification-content { + background: @notificationWarningColorIE8; + } +} +.ie8 { + .z-notification-warning .z-notification-left { + border-right-color: @notificationWarningColorIE8; + } +} +.ie8 { + .z-notification-warning .z-notification-right { + border-left-color: @notificationWarningColorIE8; + } +} +.ie8 { + .z-notification-warning .z-notification-up { + border-bottom-color: @notificationWarningColorIE8; + } +} +.ie8 { + .z-notification-warning .z-notification-down { + border-top-color: @notificationWarningColorIE8; + } +} + +// notification arrow: error +.ie8 { + .z-notification-error .z-notification-content { + background: @notificationErrorColorIE8; + } +} +.ie8 { + .z-notification-error .z-notification-left { + border-right-color: @notificationErrorColorIE8; + } +} +.ie8 { + .z-notification-error .z-notification-right { + border-left-color: @notificationErrorColorIE8; + } +} +.ie8 { + .z-notification-error .z-notification-up { + border-bottom-color: @notificationErrorColorIE8; + } +} +.ie8 { + .z-notification-error .z-notification-down { + border-top-color: @notificationErrorColorIE8; + } +} + +.ie8 { + .z-notification-info .z-notification-close:hover { + color: @notificationInfoColorIE8; + } +} +.ie8 { + .z-notification-warning .z-notification-close:hover { + color: @notificationWarningColorIE8; + } +} +.ie8 { + .z-notification-error .z-notification-close:hover { + color: @notificationErrorColorIE8; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/progressmeter.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/progressmeter.less new file mode 100644 index 00000000..27bab4c7 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/progressmeter.less @@ -0,0 +1,26 @@ +@import "~./zul/less/_header.less"; + +.z-progressmeter { + height: @baseIconHeight; + border:1px solid @baseBorderColor; + background: @baseBackgroundColor 0 0 repeat-x; + .encodeThemeURL(background-image, '~./zul/img/misc/prgmeter-anim.gif'); + text-align: left; + overflow: hidden; + + &-image { + font-size: 0; + display: inline-block; + height: @baseIconHeight - 2; + line-height: 0; + .verGradient(@progressmeterGradientStart, @progressmeterGradientEnd); + } +} + +.ie8 { + .z-progressmeter { + &-image { + .gradientFallback(@progressmeterGradientStart, @progressmeterGradientEnd); + } + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/separator.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/separator.less new file mode 100644 index 00000000..a50e766d --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/separator.less @@ -0,0 +1,28 @@ +@import "~./zul/less/_header.less"; + +.z-separator { + &-horizontal, + &-horizontal-bar { + font-size: 0; + height: 7px; + line-height: 0; + overflow: hidden; + } + &-horizontal-bar { + .encodeURL(background-image, "~./img/dot.gif"); + background-position: center left; + background-repeat: repeat-x; + } + + &-vertical, + &-vertical-bar { + display: inline-block; + width: 10px; + overflow: hidden; + } + &-vertical-bar { + .encodeURL(background-image, "~./img/dot.gif"); + background-position: top center; + background-repeat: repeat-y; + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/toolbar.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/toolbar.less new file mode 100644 index 00000000..b574a1be --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wgt/less/toolbar.less @@ -0,0 +1,117 @@ +@import "~./zul/less/_header.less"; + +.z-toolbar { + display: block; + border-color: @baseBorderColor; + border-style: solid; + border-width: 0 0 1px; + padding: 4px 4px 3px; + .verGradient(@baseGradientStart, @baseGradientEnd); + position: relative; +} +.z-caption .z-toolbar { + background: none; + border: 0; +} +.z-toolbar-tabs .z-toolbar-content, +.z-toolbar-tabs .z-toolbar-content span, +.z-toolbar-content, .z-toolbar-content span { + font-size: @fontSizeSmall; +} +.z-toolbar-panel .z-toolbar-content, +.z-toolbar-panel .z-toolbar-content span { + font-size: @fontSizeMedium; +} +// toolbar horizontal alignment +.z-toolbar-start { + float: left; + clear: none; +} +.z-toolbar-center { + text-align: center; + margin: 0 auto; +} +.z-toolbar-end { + float: right; + clear: none; +} +// Toolbar Panel Mold +.z-toolbar-panel { + border-width: 0; + padding: 5px; + .resetGradient(); +} + +.z-toolbar-panel .z-toolbar-horizontal, +.z-toolbar-panel .z-toolbar-vertical { + border: 0; + padding: 0; +} +.z-toolbar-panel .z-toolbar-horizontal { + padding-left: 3px; +} +.z-toolbar-panel .z-toolbar-vertical { + padding-bottom: 1px; +} + +// Toolbarbutton +.z-toolbarbutton { + display: inline-block; + border: 1px solid transparent; + .borderRadius(@borderRadiusSmall); + margin: 0 2px; + padding: 1px 0; + line-height: @baseLineHeight; + position: relative; + cursor: pointer; + + &:hover { + border-color: @hoverBorderColor; + .verGradient(@hoverGradientStart, @hoverGradientEnd); + } + &:active { + border: 1px solid @activeBorderColor; + .verGradient(@activeGradientStart, @activeGradientEnd); + .boxShadow('inset 1px 1px 1px rgba(210, 210, 210, 0.75), 0 0 7px #CFCFCF'); + } + &[disabled] { + color: @disabledColor !important; + border: 1px solid transparent; + .resetGradient(); + .opacity(@disabledOpacity); + cursor: default !important; + .boxShadow('none'); + } +} + +.z-toolbarbutton-checked { + border: 1px solid @checkedBorderColor; + .borderRadius(@borderRadiusSmall); + .verGradient(@checkedGradientStart, @checkedGradientEnd); +} +.z-toolbarbutton-content { + .fontStyle(@baseTitleFontFamily, @fontSizeSmall, normal, @baseTextColor); + padding: 2px; + line-height: @baseLineHeight + 6; // 20px for IE to v-align center + vertical-align: middle; + position: relative; + text-shadow: 0 1px #FFFFFF; + white-space:nowrap; +} + +.ie8 { + .z-toolbar { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + } + .z-toolbarbutton { + &:hover { + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } + &:active { + .gradientFallback(@activeGradientStart, @activeGradientEnd); + } + } + .z-toolbarbutton-checked { + .gradientFallback(@checkedGradientStart, @checkedGradientEnd); + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wnd/less/panel.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wnd/less/panel.less new file mode 100644 index 00000000..09975f9b --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wnd/less/panel.less @@ -0,0 +1,211 @@ +@import "~./zul/less/_header.less"; + +.defaultOverflowZoom() { + overflow: hidden; + zoom: 1; +} + +.z-panel { + .defaultOverflowZoom(); + + &-shadow { + .borderRadius(@baseBorderRadius); + .boxShadow('0 0 4px rgba(0, 0, 0, 0.5)'); + } + + &-collapsed { + height: auto !important; + } + + &-head { + border: 1px solid @panelBorderColor; + border-bottom-color: @baseBorderColor; + .topBorderRadius(@baseBorderRadius); + padding: 5px 5px 1px; + background: @panelBackgroundColor; + overflow: hidden; + .boxShadow('inset 0px 1px 1px #FFFFFF'); + } + + &-header { + .fontStyle(@baseTitleFontFamily, @fontSizeMedium, normal, @textColorGrayDark); + border: 0; + padding: 3px 0 5px 0; + line-height: 24px; + background: @panelBackgroundColor; + .defaultOverflowZoom(); + + &-move { + cursor: move; + } + } + + &-body { + border: 1px solid @panelBorderColor; + border-top-width: 0; + .bottomBorderRadius(@baseBorderRadius); + margin: 0; + padding: 6px 3px 6px 3px; + background: @panelBodyBackground; + .defaultOverflowZoom(); + + &:first-child { + height: 100%; + } + } + + .z-toolbar { + padding: 4px; + } + + &-top .z-toolbar, + &-footer .z-toolbar, + &-bottom .z-toolbar { + border-width: 0 1px 1px 1px; + padding: 4px 3px 3px 3px; + } + + &-top .z-toolbar.z-toolbar-panel, + &-footer .z-toolbar.z-toolbar-panel { + border-width: 0px; + padding: 4px; + } + + &-icon { + color: @iconColor; + display: block; + border: 1px solid @baseBorderColor; + .borderRadius(@baseBorderRadius); + margin: auto 1px; + .verGradient(@baseGradientStart, @baseGradientEnd); + text-align: center; + overflow: hidden; + cursor: pointer; + float: right; + + &:hover { + color: @iconHoverColor; + border-color: @hoverBorderColor; + .resetGradient(); + background: @hoverBackgroundColor; + } + + } + + &-maximize, &-minimize, &-close, &-expand { + font-size: @fontSizeLarge; + .size(@baseButtonWidth + 4, @baseButtonHeight); + line-height: @baseButtonHeight; + } + + &-close { + font-size: @fontSizeXLarge; + line-height: 23px; + } + + &-minimize { + padding-top: 5px; + } + + &-expand { + font-size: @fontSizeXLarge; + } + + &-resize-faker { + border: 1px dashed #1854C2; + background: #D7E6F7; + .opacity(0.5); + position: absolute; + left: 0; + top: 0; + overflow: hidden; + z-index: 60000; + } + + &-move-ghost { + .topBorderRadius(@baseBorderRadius); + margin: 0; + padding: 0; + background: #D7E6F7; + .opacity(0.6); + position: absolute; + overflow: hidden; + cursor: move; + + .z-panel-body { + padding: 0; + } + + dl { + font-size: 0; + display: block; + border: 1px solid @baseBorderColor; + border-top: 0; + margin: 0; + padding: 0; + line-height: 0; + overflow: hidden; + } + } + + &-move-block { + border: 2px dashed #B2CAD6; + } + + &-noframe &-body { + border: 0; + .borderRadius(0); + padding: 0; + background: white; + + .z-panelchildren { + border-top: 0; + } + } + + &-noheader &-body { + border-top: 1px solid @panelBorderColor; + .borderRadius(@baseBorderRadius); + } + + &-noheader&-noframe &-body { + border: 0; + .borderRadius(0); + } + + &-noheader&-noframe .z-panelchildren { + border-top: 1px solid @baseBorderColor; + } + + &-noborder&-noframe .z-panelchildren { + border: none; + } + + &-noborder .z-panel-bottom .z-toolbar { + border: 0; + padding: 4px; + } +} + +.z-panelchildren { + border: 1px solid @baseBorderColor; + background: @baseBackgroundColor; + position: relative; + .defaultOverflowZoom(); +} + +.ie8 { + .z-panel-icon { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + .z-icon-minus { + margin-left: 1px; + } + } + .z-panel { + &-move-ghost { + .z-panel-icon { + .opacity(1); + } + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/js/zul/wnd/less/window.less b/server/hu.user.theme.userdark/src/archive/web/js/zul/wnd/less/window.less new file mode 100644 index 00000000..23cdead4 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/js/zul/wnd/less/window.less @@ -0,0 +1,224 @@ +@import "~./zul/less/_header.less"; + +.defaultOverflowZoom() { + overflow: hidden; + zoom: 1; +} + +.z-window { + // ZK-2115: the style should apply [overflow: hidden] + .defaultOverflowZoom(); + border: 1px solid @windowBorderColor; + .borderRadius(@baseBorderRadius); + padding: @windowFramePadding; + background: @windowBackgroundColor; + + &-shadow { + .boxShadow('0 0 4px rgba(0, 0, 0, 0.25)'); + } + + &-header { + .fontStyle(@baseTitleFontFamily, @fontSizeMedium, normal, @textColorGrayDark); + padding: 3px 0 5px 0; + line-height: @baseButtonWidth; + .defaultOverflowZoom(); + cursor: default; + + &-move { + cursor: move; + } + } + + &-content { + border: 1px solid @baseBorderColor; + margin: 0px; + padding: 4px; + background: @baseBackgroundColor; + .defaultOverflowZoom(); + } + + &-icon { + font-size: @fontSizeLarge; + color: @iconColor; + .displaySize(block, @baseButtonWidth + 4, @baseButtonHeight); + border: 1px solid @baseBorderColor; + .borderRadius(@baseBorderRadius); + margin: auto 1px; + line-height: @baseButtonHeight; + .verGradient(@baseGradientStart, @baseGradientEnd); + text-align: center; + overflow: hidden; + cursor: pointer; + float: right; + + &:hover { + color: @iconHoverColor; + border-color: @hoverBorderColor; + .resetGradient(); + background: @hoverBackgroundColor; + } + } + + &-close { + font-size: @fontSizeXLarge; + line-height: 23px; + } + + &-minimize { + padding-top: 5px; + } + + &-resize-faker { + border: 1px dashed #1854C2; + background: #D7E6F7; + .opacity(0.5); + position: absolute; + left: 0; + top: 0; + overflow: hidden; + z-index: 60000; + } + + &-move-ghost { + border: 1px solid #9F9F9F; + .topBorderRadius(@baseBorderRadius); + padding: 0; + background: #D7E6F7; + .opacity(0.65); + position: absolute; + overflow: hidden; + cursor: move !important; + + .z-window-header { + padding: 7px 4px 5px 4px; + } + + dl { + font-size: 0; + display: block; + border-top: 1px solid @baseBorderColor; + margin: 0; + padding: 0; + line-height: 0; + overflow: hidden; + } + } + + &-popup { + .topBorderRadius(@baseBorderRadius); + padding: @windowFramePadding @windowFramePadding 0; + + > .z-window-content { + border-width: 0; + margin: 0 -1*@windowFramePadding 0 -1*@windowFramePadding; + } + + &.z-window-noheader { + padding-top: 0; + + > .z-window-content { + margin: 0 -1*@windowFramePadding; + } + } + + &.z-window-noborder > .z-window-content { + margin: 0 -1*@windowFramePadding -1*@windowFramePadding; + } + } + + &-modal&-shadow, &-highlighted&-shadow { + .borderRadius(@baseBorderRadius); + .boxShadow('inset 0px 1px 1px #FFFFFF, 0 0 4px rgba(0, 0, 0, 0.7)'); + } + + &-embedded { + .borderRadius(0); + + .z-window-shadow { + .boxShadow('none'); + } + } + + &-noborder { + border: 0; + padding: @windowFramePadding @windowFramePadding 0; + + > .z-window-content { + border: 0; + margin: 0 -1*@windowFramePadding; + } + + &.z-window-noheader { + padding: 0; + + > .z-window-content { + margin: 0; + } + } + + &.z-window-shadow { + .boxShadow('0 0 3px rgba(0, 0, 0, 0.5)'); + } + } +} + +.z-messagebox { + &-window.z-window-modal .z-window-content, + &-window.z-window-highlighted .z-window-content { + padding: 17px; + padding-bottom: 15px; + } + + .z-label { + font-family: @baseContentFontFamily; + font-size: @fontSizeMedium; + color: @textColorGrayDark; + } + + &-button { + width: 100%; + min-width: 48px; + } + + &-icon { + font-size: 30px; + .displaySize(inline-block, @baseBarWidth, @baseBarHeight); + border: 0; + background-repeat: no-repeat; + text-align: center; + vertical-align: top; + cursor: pointer; + } + + &-question { + .encodeThemeURL(background-image, '~./zul/img/msgbox/question-btn.png'); + } + + &-exclamation { + .encodeThemeURL(background-image, '~./zul/img/msgbox/warning-btn.png'); + } + + &-information { + .encodeThemeURL(background-image, '~./zul/img/msgbox/info-btn.png'); + } + + &-error { + .encodeThemeURL(background-image, '~./zul/img/msgbox/stop-btn.png'); + } +} + +.ie8 { + .z-window-icon { + .gradientFallback(@baseGradientStart, @baseGradientEnd); + .z-icon-minus { + margin-left: 1px; + } + } + .z-window { + &-move-ghost { + .z-window-icon { + .opacity(1); + } + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkex/img/colorbox/colorpicker_gradient.png b/server/hu.user.theme.userdark/src/archive/web/zkex/img/colorbox/colorpicker_gradient.png new file mode 100644 index 00000000..2398b333 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkex/img/colorbox/colorpicker_gradient.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkex/img/colorbox/colorpicker_hue.png b/server/hu.user.theme.userdark/src/archive/web/zkex/img/colorbox/colorpicker_hue.png new file mode 100644 index 00000000..5e0c2964 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkex/img/colorbox/colorpicker_hue.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-down-clk.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-down-clk.png new file mode 100644 index 00000000..6953727c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-down-clk.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-down-over.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-down-over.png new file mode 100644 index 00000000..380981f9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-down-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-end-clk.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-end-clk.png new file mode 100644 index 00000000..cc63e09c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-end-clk.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-end-over.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-end-over.png new file mode 100644 index 00000000..2c30dad5 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-end-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-home-clk.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-home-clk.png new file mode 100644 index 00000000..cb9cd29a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-home-clk.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-home-over.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-home-over.png new file mode 100644 index 00000000..a6d31309 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-home-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-up-clk.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-up-clk.png new file mode 100644 index 00000000..84cd72c2 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-up-clk.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-up-over.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-up-over.png new file mode 100644 index 00000000..0a2ff890 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h-up-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h.png new file mode 100644 index 00000000..78c48fc0 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-h.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-down-clk.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-down-clk.png new file mode 100644 index 00000000..1bdfae6b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-down-clk.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-down-over.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-down-over.png new file mode 100644 index 00000000..5f1e147d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-down-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-end-clk.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-end-clk.png new file mode 100644 index 00000000..9ff7b38f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-end-clk.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-end-over.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-end-over.png new file mode 100644 index 00000000..e7531936 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-end-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-home-clk.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-home-clk.png new file mode 100644 index 00000000..1b0c5432 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-home-clk.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-home-over.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-home-over.png new file mode 100644 index 00000000..8639753e Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-home-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-up-clk.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-up-clk.png new file mode 100644 index 00000000..91a02f5f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-up-clk.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-up-over.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-up-over.png new file mode 100644 index 00000000..337d03b3 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v-up-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v.png new file mode 100644 index 00000000..4b9f6750 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/drag-v.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/endbar-h.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/endbar-h.png new file mode 100644 index 00000000..7f7c7365 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/endbar-h.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/endbar-v.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/endbar-v.png new file mode 100644 index 00000000..a4d79116 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/endbar-v.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/hbar-tick.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/hbar-tick.png new file mode 100644 index 00000000..2a8c1076 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/hbar-tick.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/vbar-tick.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/vbar-tick.png new file mode 100644 index 00000000..c801c0a1 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/big/vbar-tick.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/inp/chosenbox-del-btn.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/inp/chosenbox-del-btn.png new file mode 100644 index 00000000..3ce7d247 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/inp/chosenbox-del-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/inp/plus-btn.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/inp/plus-btn.png new file mode 100644 index 00000000..f6cced51 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/inp/plus-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-down.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-down.png new file mode 100644 index 00000000..b6fbea72 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-down.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-end.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-end.png new file mode 100644 index 00000000..71fe3e88 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-end.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-home.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-home.png new file mode 100644 index 00000000..6d5e5ef3 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-home.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-up.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-up.png new file mode 100644 index 00000000..0b6ed3bc Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h-up.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h.png new file mode 100644 index 00000000..07100e0b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-h.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-down.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-down.png new file mode 100644 index 00000000..668cce95 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-down.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-end.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-end.png new file mode 100644 index 00000000..47292993 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-end.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-home.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-home.png new file mode 100644 index 00000000..f0e3d8e6 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-home.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-up.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-up.png new file mode 100644 index 00000000..7a170603 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v-up.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v.png new file mode 100644 index 00000000..7e76295a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/big/drag-v.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/checked.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/checked.png new file mode 100644 index 00000000..49e23f1d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/checked.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/close.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/close.png new file mode 100644 index 00000000..434b10f6 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/close.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/cb-buttons.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/cb-buttons.png new file mode 100644 index 00000000..e72f4ed8 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/cb-buttons.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/colorpicker_arrows.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/colorpicker_arrows.png new file mode 100644 index 00000000..e854f6f6 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/colorpicker_arrows.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/colorpicker_gradient.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/colorpicker_gradient.png new file mode 100644 index 00000000..8428379b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/colorpicker_gradient.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/colorpicker_hue.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/colorpicker_hue.png new file mode 100644 index 00000000..185b0112 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/colorbox/colorpicker_hue.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/errors.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/errors.png new file mode 100644 index 00000000..1450f3b7 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/errors.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/grid/group-arrows.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/grid/group-arrows.png new file mode 100644 index 00000000..7ac35f57 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/grid/group-arrows.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/bandbox.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/bandbox.png new file mode 100644 index 00000000..3deba9d2 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/bandbox.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/combobox.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/combobox.png new file mode 100644 index 00000000..b7358cce Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/combobox.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/datebox.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/datebox.png new file mode 100644 index 00000000..50d71314 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/datebox.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/error-close.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/error-close.png new file mode 100644 index 00000000..54642759 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/error-close.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/timebox.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/timebox.png new file mode 100644 index 00000000..60237a19 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/inp/timebox.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/east.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/east.png new file mode 100644 index 00000000..2a2109a9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/east.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-down.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-down.png new file mode 100644 index 00000000..8ec9d161 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-down.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-left.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-left.png new file mode 100644 index 00000000..1f2bda90 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-left.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-right.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-right.png new file mode 100644 index 00000000..14572736 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-right.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-up.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-up.png new file mode 100644 index 00000000..836e0b88 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/load-up.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/north.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/north.png new file mode 100644 index 00000000..841c6333 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/north.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/south.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/south.png new file mode 100644 index 00000000..67c231ea Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/south.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/west.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/west.png new file mode 100644 index 00000000..f8b8491f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/layout/west.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/menu/checked.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/menu/checked.png new file mode 100644 index 00000000..96655c20 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/menu/checked.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/minus.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/minus.png new file mode 100644 index 00000000..8b240fce Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/minus.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/first.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/first.png new file mode 100644 index 00000000..83ae4178 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/first.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/last.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/last.png new file mode 100644 index 00000000..dfbeb93b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/last.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/next.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/next.png new file mode 100644 index 00000000..8f0c647f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/next.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/prev.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/prev.png new file mode 100644 index 00000000..c33ceee1 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/paging/prev.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/plus.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/plus.png new file mode 100644 index 00000000..45f54bdb Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/plus.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/popup/notif-close.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/popup/notif-close.png new file mode 100644 index 00000000..ed070fbf Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/popup/notif-close.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/tab/scroll-v.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/tab/scroll-v.png new file mode 100644 index 00000000..3ee781d9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/tab/scroll-v.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/tab/scroll.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/tab/scroll.png new file mode 100644 index 00000000..66ae7f4e Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/tab/scroll.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/tree/arrow-toggle.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/tree/arrow-toggle.png new file mode 100644 index 00000000..ca69dcaa Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/tree/arrow-toggle.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/close.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/close.png new file mode 100644 index 00000000..7f33772c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/close.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/colpsd.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/colpsd.png new file mode 100644 index 00000000..67c231ea Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/colpsd.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/exp.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/exp.png new file mode 100644 index 00000000..841c6333 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/exp.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/max.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/max.png new file mode 100644 index 00000000..6d186901 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/max.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/maxd.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/maxd.png new file mode 100644 index 00000000..bd498b7a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/maxd.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/min.png b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/min.png new file mode 100644 index 00000000..907a6bb9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zkmax/img/tablet/wnd/min.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/_zkvariables.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/_zkvariables.less new file mode 100644 index 00000000..6f732b84 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/_zkvariables.less @@ -0,0 +1,4 @@ +// Variables for Tablet device + +@iphone: ~"only screen and (min-device-width : 320px) and (max-device-width : 480px)"; +@android: ~"only screen and (min-device-width : 480px) and (max-device-width : 720px)"; diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet.less new file mode 100644 index 00000000..560e2ec2 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet.less @@ -0,0 +1,179 @@ +@import "~./zul/less/_header.less"; +@import "~./zkmax/less/_zkvariables.less"; + +*, +*:before, +*:after { + -webkit-touch-callout: none; + -webkit-user-drag: none; + -webkit-user-select: none; +} +*:focus { + outline: none; +} +input[type=number]::-webkit-inner-spin-button, +input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +input, +input:focus, +textarea, +textarea:focus { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-appearance: none; + -moz-appearance: none; + -webkit-user-modify: read-write-plaintext-only; //Android 4.0.3 bug + outline: none; + -webkit-user-select: text; +} + +// Checkbox and Radio +input[type=checkbox], +input[type=radio] { + -webkit-appearance: none; + .size(@baseButtonWidth, @baseButtonHeight); + border: 1px solid @baseBorderColor; + .verGradient(@baseGradientStart, @baseGradientEnd); + position: relative; + top: -2px; + + &:active { + .verGradient(@baseGradientEnd, @baseGradientStart); + .boxShadow('inset 0 1px 1px rgba(210, 210, 210, 0.75)'); + } +} +input[type=checkbox]:checked { + .iconFontStyle(20px, #2184BA); +} +input[type=radio] { + .borderRadius('2em'); + + &:checked { + .verGradient(@baseGradientStart, @baseGradientEnd); + background-size: contain; + + &:after { + content:''; + .size(0, 0); + border: 5px solid #2184BA; + .borderRadius('2em'); + position: absolute; + top: 6px; + left: 6px; + } + + &:active { + .verGradient(@baseGradientEnd, @baseGradientStart); + } + } +} +.z-label, +.z-loading, +.z-apply-loading-indicator, +.z-a, +.z-temp .z-loading, +.z-temp .z-loading-indicator { + font-size: 12px; +} +.z-apply-loading-icon, +.z-loading-icon, +.z-renderdefer { + background-image: url('data:image/gif;base64,R0lGODlhEAAQAPQAAP///2lpafX19bm5uezs7JKSkrCwsGlpaZycnH5+fs3NzdjY2HR0dMTExGtra4iIiKampgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA=='); +} +.z-radio, +.z-checkbox { + display: inline-block; + line-height: 28px; + + &-content { + font-size: 12px; + cursor: pointer; + } +} + +//ProgressMeter +@-webkit-keyframes z-progressmeter { + 0% { + background-position: 0 0; + } + 100% { + background-position: 20px 20px; + } +} +.z-progressmeter { + height: 15px; + border: 1px solid @baseBorderColor; + .borderRadius(5px); + background: #F0F0F0; + text-align: start; + position: relative; + .boxShadow('inset 0 -1px 1px rgba(255,255,255,0.3)'); + + &-image { + font-size: 0; + display: inline-block; + height: 13px; + .leftBorderRadius(5px); + line-height: 0; + .verGradient(#E8F6FD, #C6E9FA); + vertical-align: top; + + > span { + .rightBorderRadius(5px); + .gradient('diag-', 'rgba(255, 255, 255, 1) 25%; transparent 25%; transparent 50%; rgba(255, 255, 255, 1) 50%; rgba(255, 255, 255, 1) 75%; transparent 75%; transparent 100%'); + .applyCSS3('background-size', '20px 20px'); + .applyCSS3('animation', 'z-progressmeter 2s linear infinite'); + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + overflow: hidden; + z-index: 1; + } + } +} + +.z-html { + display: inline-block; +} + +// JS debug error box +.z-error .button { + .size(24px, 24px); + margin-left: 0px; + + > .z-icon-remove { + font-size: 20px; + } + > .z-icon-refresh { + font-size: 18px; + position: relative; + top: 2px; + } +} + +@import "~./zkmax/less/tablet/_biglistbox.less"; +@import "~./zkmax/less/tablet/_borderlayout.less"; +@import "~./zkmax/less/tablet/_box.less"; +@import "~./zkmax/less/tablet/_button.less"; +@import "~./zkmax/less/tablet/_calendar.less"; +@import "~./zkmax/less/tablet/_chosenbox.less"; +@import "~./zkmax/less/tablet/_colorbox.less"; +@import "~./zkmax/less/tablet/_combo.less"; +@import "~./zkmax/less/tablet/_combobutton.less"; +@import "~./zkmax/less/tablet/_grid.less"; +@import "~./zkmax/less/tablet/_groupbox.less"; +@import "~./zkmax/less/tablet/_listbox.less"; +@import "~./zkmax/less/tablet/_input.less"; +@import "~./zkmax/less/tablet/_menu.less"; +@import "~./zkmax/less/tablet/_paging.less"; +@import "~./zkmax/less/tablet/_panel.less"; +@import "~./zkmax/less/tablet/_popup.less"; +@import "~./zkmax/less/tablet/_slider.less"; +@import "~./zkmax/less/tablet/_tabbox.less"; +@import "~./zkmax/less/tablet/_toolbar.less"; +@import "~./zkmax/less/tablet/_tree.less"; +@import "~./zkmax/less/tablet/_window.less"; +@import "~./zkmax/less/tablet/_caption.less"; diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_biglistbox.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_biglistbox.less new file mode 100644 index 00000000..1952a895 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_biglistbox.less @@ -0,0 +1,115 @@ +.z-biglistbox { + &-body td { + font-size: 12px; + } + &-outer { + margin: 0 32px 32px 0; + } + &-verticalbar-tick { + height: 32px; + border: 1px solid @baseBorderColor; + .horGradient(@baseGradientStart, @baseGradientEnd); + } + // Wscroll Vertical + &-wscroll-vertical { + width: 32px; + right: -33px; + .boxShadow('inset 1px 1px 7px rgba(210, 210, 210, 0.75), inset -1px -1px 7px rgba(210, 210, 210, 0.75)'); + + .z-biglistbox-wscroll-drag { + .size(32px, 176px); + border: 1px solid #A6A6A6; + .borderRadius(2em); + .encodeURL-verGradient('~./zkmax/img/tablet/big/drag-v.png', #FEFEFE, #EEEEEE); + background-position: center center; + background-repeat: no-repeat; + + .z-biglistbox-wscroll-home, + .z-biglistbox-wscroll-up, + .z-biglistbox-wscroll-down, + .z-biglistbox-wscroll-end { + .size(100%, 32px); + background-position: center center; + background-repeat: no-repeat; + } + .z-biglistbox-wscroll-home { + border-bottom: 1px solid #A6A6A6; + .encodeURL(background-image, '~./zkmax/img/tablet/big/drag-v-home.png'); + } + .z-biglistbox-wscroll-up { + border-bottom: 1px solid #A6A6A6; + .encodeURL(background-image, '~./zkmax/img/tablet/big/drag-v-up.png'); + top: 32px; + } + .z-biglistbox-wscroll-down { + border-top: 1px solid #A6A6A6; + .encodeURL(background-image, '~./zkmax/img/tablet/big/drag-v-down.png'); + bottom: 32px; + } + .z-biglistbox-wscroll-end { + border-top: 1px solid #A6A6A6; + .encodeURL(background-image, '~./zkmax/img/tablet/big/drag-v-end.png'); + } + } + .z-biglistbox-wscroll-pos { + .size(24px, 176px); + .borderRadius(2em); + left: 4px; + } + .z-biglistbox-wscroll-endbar { + width: 30px; + background: #FDFDFD; + } + } + // Wscroll Horizontal + &-wscroll-horizontal { + height: 32px; + bottom: -33px; + .boxShadow('inset 1px 1px 7px rgba(210, 210, 210, 0.75), inset -1px -1px 7px rgba(210, 210, 210, 0.75)'); + + .z-biglistbox-wscroll-drag { + .size(176px, 32px); + border: 1px solid #A6A6A6; + .borderRadius(2em); + .encodeURL-verGradient('~./zkmax/img/tablet/big/drag-h.png', #FEFEFE, #EEEEEE); + background-position: center center; + background-repeat: no-repeat; + + .z-biglistbox-wscroll-home, + .z-biglistbox-wscroll-up, + .z-biglistbox-wscroll-down, + .z-biglistbox-wscroll-end { + .size(32px, 100%); + background-position: center center; + background-repeat: no-repeat; + } + .z-biglistbox-wscroll-home { + border-right: 1px solid #A6A6A6; + .encodeURL(background-image, '~./zkmax/img/tablet/big/drag-h-home.png'); + } + .z-biglistbox-wscroll-up { + border-right: 1px solid #A6A6A6; + .encodeURL(background-image, '~./zkmax/img/tablet/big/drag-h-up.png'); + left: 32px; + } + .z-biglistbox-wscroll-down { + border-left: 1px solid #A6A6A6; + .encodeURL(background-image, '~./zkmax/img/tablet/big/drag-h-down.png'); + right: 32px; + } + .z-biglistbox-wscroll-end { + border-left: 1px solid #A6A6A6; + .encodeURL(background-image, '~./zkmax/img/tablet/big/drag-h-end.png'); + } + } + .z-biglistbox-wscroll-pos { + .size(176px, 24px); + .borderRadius(2em); + top: 4px; + } + .z-biglistbox-wscroll-endbar { + height: 30px; + background: #FDFDFD; + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_borderlayout.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_borderlayout.less new file mode 100644 index 00000000..98c2c89f --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_borderlayout.less @@ -0,0 +1,69 @@ +.z-borderlayout-icon { + font-size: 22px; + line-height: normal; + top: 5px; +} +.z-north-header, +.z-south-header, +.z-west-header, +.z-center-header, +.z-east-header { + font-size: @baseFontSize; + line-height: 20px; +} +.z-east-splitter, +.z-west-splitter, +.z-north-splitter, +.z-south-splitter { + overflow: visible; +} +.z-north-splitter-button, +.z-south-splitter-button { + .size(32px, 16px); + border-width: 1px; + .verGradient(@baseGradientStart, @baseGradientEnd); + top: -4px; +} +.z-west-splitter-button, +.z-east-splitter-button { + .size(16px, 32px); + border-width: 1px; + .horGradient(@baseGradientStart, @baseGradientEnd); + left: -4px; +} +.z-north-splitter-button-disabled, +.z-south-splitter-button-disabled, +.z-west-splitter-button-disabled, +.z-east-splitter-button-disabled { + display: none; +} +.z-north-icon, +.z-south-icon, +.z-west-icon, +.z-east-icon { + font-size: 16px; + opacity: 0.7; +} +.z-west-icon, +.z-east-icon { + top: 50%; + margin-top: -6px; + left: 4px; +} +.z-east-icon { + left: 5px; +} +.z-north-icon, .z-south-icon { + left: 11px; + top: 50%; + margin-top: -6px; +} +.z-north-icon { + margin-top: -7px; +} +.z-north-icon.z-icon-ellipsis-horizontal, +.z-south-icon.z-icon-ellipsis-horizontal, +.z-west-icon.z-icon-ellipsis-vertical, +.z-east-icon.z-icon-ellipsis-vertical { + display: none; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_box.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_box.less new file mode 100644 index 00000000..8489f16a --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_box.less @@ -0,0 +1,57 @@ +// Splitter +.z-splitter { + &-vertical, + &-horizontal { + overflow: visible; + } + &-icon { + font-size: @fontSizeLarge; + } + &-vertical { + > .z-splitter-button { + .size(32px, 16px); + border-width: 1px; + background: @baseBackgroundColor; + top: -4px; + + &.z-splitter-button-disabled { + .size(0, 0); + } + } + .z-splitter-icon { + font-size: @fontSizeLarge; + top: -2px; + + &.z-icon-ellipsis-horizontal { + display: none; + } + } + &.z-splitter-nosplitter .z-splitter-icon { + top: 0; + } + } + &-horizontal { + > .z-splitter-button { + .size(16px, 32px); + border-width: 1px; + background: @baseBackgroundColor; + left: -5px; + + &.z-splitter-button-disabled { + .size(0, 0); + } + } + .z-splitter-icon { + font-size: @fontSizeLarge; + top: 9px; + left: 4px; + + &.z-icon-ellipsis-vertical { + display: none; + } + } + &.z-splitter-nosplitter .z-splitter-icon { + left: 6px; + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_button.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_button.less new file mode 100644 index 00000000..a9c0ec44 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_button.less @@ -0,0 +1,3 @@ +.z-button { + min-height: 32px; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_calendar.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_calendar.less new file mode 100644 index 00000000..9d2d4491 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_calendar.less @@ -0,0 +1,162 @@ +.z-calendar { + min-width: 420px; + + &-icon { + font-size: 24px; + .size(32px, 32px); + padding: 0 12px; + } + &-cell { + font-size: @baseFontSize; + } +} + +//Calendar wheel +.z-datebox-popup .z-calendar { + border: 0px; + min-width: 100px; +} +.z-calendar-wheel { + &-date { + .boxOrientHorFlex(); + width: 100%; + .borderRadius(3px); + margin-right: 4px; + position: relative; + .gradient('ver', '#000 0%; #333 35%; #888 50%; #333 65%; #000 100%'); + } + &-cave { + position: relative; + } + &-body { + .boxOrientHor(); + width: 100%; + } + &-line { + .size(100%, 0); + border-top: 1px solid #333333; + border-bottom: 1px solid #555555; + position: absolute; + top: 50%; + z-index: 1; + } + &-list { + .applyCSS3(box-flex, 1); + color: #FFFFFF; + height: 210px; + margin: 0 2px; + .gradient('ver', '#000 0%; #444 45%; #444 55%; #000 100%'); + position: relative; + overflow: hidden; + + ul { + width: 100%; + margin: 0; + padding: 0; + position: relative; + list-style: none; + z-index: 2; + } + + li { + font-size: 40px; + display: block; + height: 70px; + margin: 0; + padding: 0 5px; + line-height: 70px; + opacity: 0.3; + text-align: center; + white-space: nowrap; + text-shadow: 0 1px #FFFFFF; + list-style: none; + } + } + &-footer { + height: 50px; + padding: 5px 0; + clear: both; + } + &-button { + .fontStyle(@baseContentFontFamily, 30px, bold, #000000); + width: 45%; + border: 1px solid #A6A6A6; + .borderRadius(3px); + margin: 1px 1px 0 0; + padding: 5px 15px; + line-height: 28px; + .verGradient(@baseGradientStart, @baseGradientEnd); + text-shadow: 0 1px #FFFFFF; + + &:hover, + &:focus { + border-color: #0CBCFF; + .boxShadow('inset 1px 1px 1px #0CBCFF, inset -1px -1px 1px #0CBCFF'); + } + &:active { + border-color: #808080 #B6B6B6 #B6B6B6 #808080; + .verGradient(@baseGradientEnd, @baseGradientStart); + .boxShadow('inset 1px 1px 1px rgba(210, 210, 210, 0.75), 0 0 7px #CFCFCF'); + } + } + &-left { + float: left; + } + &-right { + float: right; + } +} +li.z-calendar-wheel-list-selected { + opacity: 1; +} +//iPhone +@media @iphone { + .z-calendar-wheel { + &-date { + margin-right: 2px; + } + &-list { + height: 120px; + margin: 0 1px 0 0; + + li { + font-size: 20px; + height: 40px; + padding: 0; + line-height: 40px; + } + } + &-button { + font-size: 22px; + } + // Bug ZK-Z773 + //&-footer { + // height: 35px; + //} + } +} +//Android +@media @android { + .z-calendar-wheel { + &-date { + margin-right: 2px; + } + &-list { + margin: 0 1px 0 0; + height: 150px; + + li { + font-size: 24px; + height: 50px; + padding: 0; + line-height: 50px; + } + } + &-button { + font-size: 26px; + } + &-footer { + height: 40px; + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_caption.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_caption.less new file mode 100644 index 00000000..41a4c4c7 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_caption.less @@ -0,0 +1,4 @@ +.z-caption-content, +.z-caption .z-label { + line-height: 24px; +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_chosenbox.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_chosenbox.less new file mode 100644 index 00000000..16cd406c --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_chosenbox.less @@ -0,0 +1,27 @@ +.z-chosenbox { + min-height: 32px; + + &-item { + height: auto; + margin: 1px; + + &-content { + height: auto; + padding: 3px 20px 3px 4px; + } + } + + &-button { + width: 16px; + height: 16px; + line-height: normal; + font-size: 14px; + } + &-popup { + .gradient('ver', '#D3D3D3 0%; #E5E5E5 10%; #F2F2F2 25%; #FFFFFF 50%; #F2F2F2 75%; #E5E5E5 90%; #D3D3D3 100%'); + } + &-option { + font-size: @fontSizeXLarge; + padding: 5px; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_colorbox.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_colorbox.less new file mode 100644 index 00000000..cd8cb3d7 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_colorbox.less @@ -0,0 +1,116 @@ +//Colorbox +.z-colorbox { + .size(44px, 32px); +} +.z-colorpalette { + .size(586px, 460px); + + &-newcolor { + height: 32px; + left: 450px; + } + &-input { + height: 32px; + left: auto; + right: 6px; + } + &-color { + .size(32px, 32px); + } +} +.z-colorpicker { + .size(620px, 430px); + + &-gradient, + &-overlay { + .size(384px, 384px); + } + &-gradient { + left: 5px; + top: 40px; + } + &-overlay { + .encodeURL(background-image, '~./zkmax/img/tablet/colorbox/colorpicker_gradient.png'); + } + &-hue { + .size(32px, 384px); + top: 40px; + left: 400px; + } + &-bar { + .size(26px, 384px); + .encodeURL(background-image, '~./zkmax/img/tablet/colorbox/colorpicker_hue.png'); + } + &-arrows { + width: 40px; + .encodeURL(background-image, '~./zkmax/img/tablet/colorbox/colorpicker_arrows.png'); + } + &-color { + top: 40px; + left: 450px; + } + &-hex { + top: 46px; + left: 510px; + + .z-colorpicker-input { + margin-left: 2px; + top: 0; + } + } + &-input { + .size(55px, 32px); + padding: 3px; + position: relative; + top: -5px; + } + &-r, &-g, &-b { + width: 70px; + left: 450px; + } + &-h, &-s, &-v { + width: 70px; + left: 530px; + } + &-r, &-h { + top: 125px; + } + &-g, &-s { + top: 160px; + } + &-b, &-v { + top: 195px; + } + &-button { + width: 150px; + top: 235px; + left: 450px; + } + &-icon { + font-size: 20px; + } +} +.z-colorbox-paletteicon, +.z-menu-paletteicon, +.z-colorbox-pickericon, +.z-menu-pickericon { + .size(32px, 32px); + .encodeURL(background, '~./zkmax/img/tablet/colorbox/cb-buttons.png'); + background-position: 0 0; +} +.z-palette-button .z-colorbox-paletteicon, +.z-palette-button .z-menu-paletteicon, +.z-colorpalette-popup .z-menu-paletteicon { + background-position: -32px 0; +} +.z-colorbox-pickericon, +.z-menu-pickericon, +.z-colorpalette-popup .z-menu-pickericon { + background-position: 0 -32px; + left: 40px; +} +.z-picker-button .z-colorbox-pickericon, +.z-picker-button .z-menu-pickericon, +.z-colorpicker-popup .z-menu-pickericon { + background-position: -32px -32px; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_combo.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_combo.less new file mode 100644 index 00000000..032cf3f4 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_combo.less @@ -0,0 +1,247 @@ +.z-combobox, +.z-bandbox, +.z-datebox, +.z-timebox, +.z-spinner, +.z-doublespinner, +.z-timepicker { + min-height: 32px; + + &-input { + height: 32px; + } + &-button { + font-size: 20px; + min-width: 34px; + height: 32px; + max-height: 32px; + padding: 8px 6px; + .verGradient(@baseGradientStart, @baseGradientEnd); + text-align: center; + opacity: 0.9; + } +} +.z-timebox-button { + &:hover { + border-color: @hoverBorderColor; + .verGradient(@hoverGradientStart, @hoverGradientEnd); + + > i { + .size(auto, auto); + border-top-width: 0; + position: static; + } + } + &:active { + border-color: @activeBorderColor; + .verGradient(@activeGradientStart, @activeGradientEnd); + .boxShadow('inset 1px 1px 1px #91AAB7'); + } +} +.z-spinner-button, +.z-doublespinner-button { + padding: 0px; + border: none; + + &:hover { + .verGradient(@baseGradientStart, @baseGradientEnd); + + > i { + border-top: none; + position: static; + } + } + &:active { + .verGradient(@baseGradientStart, @baseGradientEnd); + } + > a { + .size(32px, 32px); + border: 1px solid @baseBorderColor; + line-height: 36px; + background: inherit; + position: static; + float: right; + + &:first-child { + border-left: none; + line-height: 32px; + } + &:hover, + &:active { + .verGradient(#F2F9FE, #D6F0FD); + } + } +} + +.z-combobox-popup, .z-timepicker-popup { + padding: 0; + .gradient('ver', '#D3D3D3 0%; #E5E5E5 10%; #F2F2F2 25%; #FFFFFF 50%; #F2F2F2 75%; #E5E5E5 90%; #D3D3D3 100%'); + overflow: hidden; +} +.z-comboitem, .z-timepicker-option { + font-size: @fontSizeXLarge; + padding: 15px 10px; + + a, + a:visited { + font-size: @fontSizeXLarge; + } + &-inner { + font-size: @fontSizeMedium; + display: block; + margin-top: 4px; + } + &-text { + display: inline-block; + margin-top: -8px; + padding-left: 6px; + } + &-image { + width: auto; + margin-top: 0px; + float: left; + } +} +//Timebox Wheel +.z-timebox-popup .z-timebox-wheel-body { + margin: 4px 0; +} +.z-timebox-wheel { + padding: 0 2px; + + &-time { + .boxOrientHor(); + width: 50%; + .borderRadius(3px); + position: relative; + .gradient('ver', '#000 0%; #333 35%; #888 50%; #333 65%; #000 100%'); + } + &-cave { + position: relative; + } + &-body { + .boxOrientHor(); + width: 100%; + } + &-line { + .size(100%, 0); + border-top: 1px solid #333333; + border-bottom: 1px solid #555555; + position: absolute; + top: 50%; + z-index: 1; + } + &-list { + .applyCSS3(box-flex, 1); + color: #FFFFFF; + height: 210px; + margin: 4px 0; + .gradient('ver', '#000 0%; #444 45%; #444 55%; #000 100%'); + position: relative; + overflow: hidden; + + ul { + width: 100%; + margin: 0; + padding: 0; + position: relative; + list-style: none; + z-index: 2; + } + + li { + font-size: 40px; + display: block; + height: 70px; + margin: 0; + padding: 0 5px; + line-height: 70px; + opacity: 0.3; + text-align: center; + white-space: nowrap; + text-shadow: 0 1px #FFFFFF; + list-style: none; + } + } + &-footer { + height: 50px; + padding: 5px 0; + clear: both; + } + &-button { + .fontStyle(@baseContentFontFamily, 30px, bold, #000000); + width: 45%; + border: 1px solid #A6A6A6; + .borderRadius(3px); + margin: 1px 1px 0 0; + padding: 5px 15px; + line-height: 28px; + .verGradient(@baseGradientStart, @baseGradientEnd); + text-shadow: 0 1px #FFFFFF; + + &:hover, + &:focus { + border-color: #0CBCFF; + .boxShadow('inset 1px 1px 1px #0CBCFF, inset -1px -1px 1px #0CBCFF'); + } + &:active { + border-color: #808080 #B6B6B6 #B6B6B6 #808080; + .verGradient(@baseGradientEnd, @baseGradientStart); + .boxShadow('inset 1px 1px 1px rgba(210, 210, 210, 0.75), 0 0 7px #CFCFCF'); + } + } + &-left { + float: left; + } + &-right { + float: right; + } +} +li.z-timebox-wheel-list-selected { + opacity: 1; +} +//iPhone +@media @iphone { + .z-timebox-wheel { + &-list { + height: 120px; + margin: 0 1px 0 0; + + li { + font-size: 20px; + height: 40px; + padding: 0; + line-height: 40px; + } + } + &-button { + font-size: 22px; + } + // Bug ZK-Z773 + //&-footer { + // height: 35px; + //} + } +} +//Android +@media @android { + .z-timebox-wheel { + &-list { + margin: 0 1px 0 0; + height: 150px; + + li { + font-size: 24px; + height: 50px; + padding: 0; + line-height: 50px; + } + } + &-button { + font-size: 26px; + } + &-footer { + height: 40px; + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_combobutton.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_combobutton.less new file mode 100644 index 00000000..3d3320a9 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_combobutton.less @@ -0,0 +1,27 @@ +.z-combobutton { + min-height: 32px; + + &-content { + min-height: 32px; + padding: 4px 36px 4px 5px; + } + &-button { + width: 32px; + min-height: 30px; + font-size: 20px; + padding: 2px 9px 6px; + opacity: 0.9; + } + &-text { + padding-top: 4px; + display: inline-block; + } + &-icon { + font-size: 20px; + + &.z-icon-caret-down { + margin-top: -10px; + left: 9px; + } + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_grid.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_grid.less new file mode 100644 index 00000000..d169acc3 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_grid.less @@ -0,0 +1,41 @@ +.z-column:last-child .z-column-button { + right: 2px; +} +.z-column-button { + .iconFontStyle(16px, #707070); + display: block; + border-left-color: @meshTitleBorderColor; + right: 1px; +} + +.z-detail { + .size(24px, 24px); + line-height: 24px; + position: relative; + left: -3px; + + &-icon { + .iconFontStyle(18px, #707070); + top: 2px; + + &.z-icon-angle-right { + top: -1px; + } + } +} +.z-group-icon { + font-size: 20px; + .size(24px, 24px); + vertical-align: top; + + &-open, + &-close { + position: absolute; + left: 6px; + top: 4px; + } + + &-close { + left: 8px; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_groupbox.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_groupbox.less new file mode 100644 index 00000000..1c648df8 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_groupbox.less @@ -0,0 +1,16 @@ +.z-groupbox { + > .z-groupbox-header { + .z-caption-readonly, + .z-groupbox-title-readonly { + cursor: pointer; + } + } + > .z-groupbox-readonly .z-groupbox-title { + cursor: pointer; + } +} + +.z-groupbox-header, +.z-groupbox-3d .z-groupbox-header { + line-height: 24px; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_input.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_input.less new file mode 100644 index 00000000..e6bc3dbe --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_input.less @@ -0,0 +1,41 @@ +.z-textbox, +.z-decimalbox, +.z-intbox, +.z-longbox, +.z-doublebox { + min-height: 32px; + padding: 4px 5px; + line-height: 16px; +} +.z-errorbox { + cursor: move; + + &-content { + font-size: @fontSizeMedium; + word-wrap: break-word; + } + &-icon { + left: 5px; + } + > .z-errorbox-icon { + font-size: @fontSizeLarge; + } + &-close { + font-size: @fontSizeLarge; + .size(24px, 24px); + line-height: 24px; + text-align: center; + opacity: 0.9; + } +} + +.z-errorbox-pointer ~ .z-errorbox-close { + top: 2px; + right: 4px; +} +.z-errorbox-right ~ .z-errorbox-close { + right: 10px; +} +.z-errorbox-up ~ .z-errorbox-close { + top: 8px; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_listbox.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_listbox.less new file mode 100644 index 00000000..936e36f5 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_listbox.less @@ -0,0 +1,55 @@ +.z-listheader:last-child .z-listheader-button { + right: 2px; +} +.z-listheader-button { + .iconFontStyle(16px, #707070); + display: block; + border-left-color: @meshTitleBorderColor; + right: 1px; +} + +.z-listheader-checkable, +.z-listitem-checkable, +.z-listgroup-checkable { + .size(24px, 24px); + vertical-align: middle; +} + +// Sandbox-G14: use strict selector to override style +.z-listheader-checkable.z-listheader-checked .z-listheader-icon, +.z-listitem-selected > .z-listcell > .z-listcell-content + > .z-listitem-checkable .z-listitem-icon { + font-size: @fontSizeXLarge; + line-height: 22px; + padding-left: 2px; +} +.z-listgroup-selected .z-listgroup-checkable .z-listgroup-icon { + font-size: @fontSizeXLarge; + line-height: 22px; +} +.z-listitem-checkable.z-listitem-radio { + .borderRadius(12px); +} +// Sandbox-G14: use strict selector to override style +.z-listitem-selected > .z-listcell > .z-listcell-content + > .z-listitem-checkable .z-listitem-icon.z-icon-radio { + .size(10px, 10px); + .borderRadius(5px); + margin: 6px; +} + +.z-listgroup-icon { + font-size: 20px; + .size(24px, 24px); + vertical-align: middle; + + &-open, + &-close { + position: absolute; + left: 6px; + top: 4px; + } + &-close { + left: 9px; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_menu.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_menu.less new file mode 100644 index 00000000..de1e37dd --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_menu.less @@ -0,0 +1,31 @@ +.z-menubar-icon { + opacity: 1; +} +.z-menu, +.z-menuitem { + &-content { + min-height: 32px; + padding-top: 3px; + padding-bottom: 3px; + line-height: normal; + } + &-image { + vertical-align: middle; + } +} +img ~ .z-menu-text, img ~ .z-menuitem-text { + line-height: 24px; + vertical-align: middle; +} + +.z-menu-icon, +.z-meunitem-icon, +.z-menupopup .z-menu-icon, +.z-menupopup .z-menuitem-icon, +.z-menubar-vertical .z-menu-icon { + top: 7px; +} + +.z-menubar-horizontal .z-menuseparator { + line-height: 32px; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_paging.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_paging.less new file mode 100644 index 00000000..126f8edc --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_paging.less @@ -0,0 +1,24 @@ +.z-paging { + height: 40px; + + &-button { + min-width: 32px; + height: 32px; + font-size: @fontSizeXLarge; + line-height: 24px; + } + &-input { + height: 32px; + font-size: @baseFontSize; + } + &-text { + font-size: @baseFontSize; + } + &-info { + top: 7px; + font-size: @baseFontSize; + } + &-noborder { + margin-right: 10px; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_panel.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_panel.less new file mode 100644 index 00000000..f6ac468b --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_panel.less @@ -0,0 +1,23 @@ +.z-panel { + &-header { + font-size: @baseFontSize; + line-height: 32px; + } + &-maximize, + &-minimize, + &-close, + &-expand { + font-size: 20px; + .size(32px, 32px); + line-height: 30px; + } + &-close { + font-size: 24px; + } + &-minimize { + padding-top: 8px; + } + &-expand { + font-size: 24px; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_popup.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_popup.less new file mode 100644 index 00000000..0fe2c2a9 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_popup.less @@ -0,0 +1,19 @@ +.z-notification { + &-content { + font-size: @baseFontSize; + } + &-close { + font-size: @fontSizeLarge; + .size(18px, 18px); + line-height: 18px; + opacity: 0.8; + } + + &-icon { + left: 3px; + } + + &-icon.z-icon-times { + margin-top: -8px; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_slider.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_slider.less new file mode 100644 index 00000000..032ddfed --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_slider.less @@ -0,0 +1,17 @@ +.z-slider-center { + height: 10px; + + .z-slider-vertical & { + width: 10px; + } +} +.z-slider-button { + .size(32px, 32px); + + .z-slider-vertical & { + left: -12px; + } + .z-slider-horizontal & { + top: -12px + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_tabbox.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_tabbox.less new file mode 100644 index 00000000..409a1e55 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_tabbox.less @@ -0,0 +1,75 @@ +.z-tabbox-scroll { + .z-tabs { + margin: 0 24px; + + .z-tabbox-vertical &, + .z-tabbox-vertical-right & { + margin: 32px 0; + } + } + .z-tabbox-right, + .z-tabbox-left { + width: 32px; + } + .z-tabbox-up, + .z-tabbox-down { + .z-tabbox-vertical &, + .z-tabbox-vertical-right & { + height: 32px; + padding: 4px 0; + } + } +} + +.z-tab { + padding-right: 2px; + + .z-caption-content{ + padding: 4px 0px; + } + &-icon { + margin-top: -8px; + left: 3px; + + .z-tabbox-accordion & { + margin-top: -9px; + } + } + &-text { + .z-tabbox-accordion & { + padding: 4px 5px 4px 8px; + } + } + &-button { + font-size: @fontSizeLarge; + opacity: 0.5; + + .z-tabbox-vertical & { + left: 0; + } + .z-tabbox-vertical-right & { + right: 2px; + } + .z-tabbox-accordion & { + opacity: 0.5; + } + } + &-selected .z-tab-button { + opacity: 0.7; + + .z-tabbox-vertical &, + .z-tabbox-vertical-right &, + .z-tabbox-accordion { + opacity: 0.7; + } + } +} +.z-toolbar.z-toolbar-tabs { + padding: 0 4px; +} +.z-tab-button+.z-tab-text { + margin-right: 16px; +} +.z-tabbox-vertical .z-tab-button+.z-tab-text { + margin-left: 16px; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_toolbar.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_toolbar.less new file mode 100644 index 00000000..3d18e71c --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_toolbar.less @@ -0,0 +1,24 @@ +.z-toolbarbutton { + height: 32px; + padding: 2px 0 5px; + line-height: normal; + + &-content { + font-size: @fontSizeMedium; + line-height: 28px; + + img { + vertical-align: text-top; + } + } +} + +.z-toolbar-tabs .z-toolbar-content { + padding-top: 0; +} +.z-toolbar-content, +.z-toolbar-content span, +.z-toolbar-tabs .z-toolbar-content, +.z-toolbar-tabs .z-toolbar-content span { + font-size: @fontSizeMedium; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_tree.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_tree.less new file mode 100644 index 00000000..d72ac9f3 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_tree.less @@ -0,0 +1,40 @@ +.z-tree { + &-icon, + &-line { + .size(24px, 24px); + line-height: 24px; + vertical-align: top; + } + &-icon { + font-size: 20px; + opacity: 0.7; + left: 3px; + } +} +.z-treerow { + &-checkable { + .size(24px, 24px); + + &.z-treerow-radio { + .borderRadius(12px); + } + } + + // Sandbox-G14: use strict selector to override style + &-selected > .z-treecell > .z-treecell-content + > .z-treerow-checkable .z-treerow-icon { + + font-size: @fontSizeXLarge; + padding-left: 2px; + line-height: 22px; + + &.z-icon-radio { + .size(10px, 10px); + .borderRadius(5px); + margin: 6px; + } + } +} +.z-treecell-content { + line-height: 22px; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_window.less b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_window.less new file mode 100644 index 00000000..ef0972c9 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zkmax/less/tablet/_window.less @@ -0,0 +1,22 @@ +.z-window { + &-header { + font-size: @baseFontSize; + line-height: 32px; + } + &-maximize, + &-minimize, + &-close { + font-size: 20px; + .size(32px, 32px); + line-height: 30px; + } + &-close { + font-size: 24px; + } + &-minimize { + padding-top: 8px; + } +} +.z-messagebox .z-label { + font-size: @baseFontSize; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/css/ext.css.dsp b/server/hu.user.theme.userdark/src/archive/web/zul/css/ext.css.dsp new file mode 100644 index 00000000..3a48d288 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/css/ext.css.dsp @@ -0,0 +1,87 @@ +<%@ page contentType="text/css;charset=UTF-8" %> +<%@ taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" %> +<%@ taglib uri="http://www.zkoss.org/dsp/zk/core" prefix="z" %> +${z:setCSSCacheControl()} + + + + + + + + + + + + + + + + + + + +<%-- title --%> +<%-- content --%> +p,span { + font-family: ${fontFamilyC};font-size: ${fontSizeM}; font-weight: normal; +} +h1 { + font-family: ${fontFamilyT}; + font-size: x-large; font-weight: bold; color: #250070; + letter-spacing: -1px; margin-top: 3pt; +} +h2 { + font-family: ${fontFamilyT}; + font-size: large; font-weight: bold; color: #200066; +} +h3 { + font-family: ${fontFamilyT}; + font-size: medium; font-weight: bold; color: #100050; +} +h4 { + font-family: ${fontFamilyT}; + font-size: small; font-weight: bold; color: #346B93; +} +h5 { + font-family: ${fontFamilyT}; + font-size: small; font-weight: bold; color: #4BA7D2; +} +h6 { + font-family: ${fontFamilyT}; + font-size: small; font-weight: normal; color: #404040; +} + +h1 em {color: #dd0000} + +dt { + margin: 0.5em 0 0.3em 0; + font-weight: bold; +} +dd { + margin: 0 0 0 0.8em; +} + +li, dt, dd, pre, body { + font-family: ${fontFamilyC}; + font-weight: normal; + font-size: ${fontSizeM}; +} + +li { + margin-top: 2pt +} + +code { + font-family: "Lucida Console", "Courier New", Courier, mono; + font-weight: normal; +} +dfn { + font-family: "Lucida Console", "Courier New", Courier, mono; + font-style: normal; +} + +<%-- The hyperlink's style class. --%> +.link {cursor: pointer;} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/bandbox-rounded.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/bandbox-rounded.gif new file mode 100644 index 00000000..992d741b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/bandbox-rounded.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/bandbox-rounded.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/bandbox-rounded.png new file mode 100644 index 00000000..5955df1f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/bandbox-rounded.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-corner.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-corner.gif new file mode 100644 index 00000000..f385fbb0 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-corner.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-ctr.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-ctr.gif new file mode 100644 index 00000000..e1dfd4c4 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-ctr.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-x.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-x.gif new file mode 100644 index 00000000..95d9c3ad Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-x.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-y.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-y.gif new file mode 100644 index 00000000..4b673b9f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/btn-y.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobox-rounded.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobox-rounded.gif new file mode 100644 index 00000000..bdef24f6 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobox-rounded.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobox-rounded.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobox-rounded.png new file mode 100644 index 00000000..192cc251 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobox-rounded.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobutton-corner-r.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobutton-corner-r.gif new file mode 100644 index 00000000..ea15e499 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobutton-corner-r.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobutton-right-btn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobutton-right-btn.gif new file mode 100644 index 00000000..fb6c10ac Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobutton-right-btn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobutton-y-r.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobutton-y-r.gif new file mode 100644 index 00000000..c507623c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/combobutton-y-r.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/datebox-rounded.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/datebox-rounded.gif new file mode 100644 index 00000000..05eea13b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/datebox-rounded.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/datebox-rounded.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/datebox-rounded.png new file mode 100644 index 00000000..04e91f19 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/datebox-rounded.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/redcombo-rounded.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/redcombo-rounded.gif new file mode 100644 index 00000000..76d562f5 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/redcombo-rounded.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/timebox-rounded.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/timebox-rounded.gif new file mode 100644 index 00000000..b9e7520d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/timebox-rounded.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/timebox-rounded.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/timebox-rounded.png new file mode 100644 index 00000000..017b6d03 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/timebox-rounded.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-corner.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-corner.gif new file mode 100644 index 00000000..f15175dd Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-corner.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-corner.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-corner.png new file mode 100644 index 00000000..12572142 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-corner.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-ctr.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-ctr.gif new file mode 100644 index 00000000..c5b6050b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-ctr.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-ctr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-ctr.png new file mode 100644 index 00000000..71c895ac Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-ctr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-x.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-x.gif new file mode 100644 index 00000000..b0cc12e1 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-x.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-x.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-x.png new file mode 100644 index 00000000..7d4c8db2 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-x.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-y.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-y.gif new file mode 100644 index 00000000..4a0e800a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-y.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-y.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-y.png new file mode 100644 index 00000000..55682f80 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/button/toolbarbtn-y.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/colorbox/cb-buttons.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/colorbox/cb-buttons.gif new file mode 100644 index 00000000..2647c7c7 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/colorbox/cb-buttons.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/common/bar-bg.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/common/bar-bg.png new file mode 100644 index 00000000..47cb69a2 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/common/bar-bg.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/common/check-sprite.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/common/check-sprite.gif new file mode 100644 index 00000000..916e13a9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/common/check-sprite.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/common/toolbar-hm.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/common/toolbar-hm.gif new file mode 100644 index 00000000..6f3b944d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/common/toolbar-hm.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/common/toolbar-hm.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/common/toolbar-hm.png new file mode 100644 index 00000000..de198665 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/common/toolbar-hm.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-close-over.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-close-over.gif new file mode 100644 index 00000000..12f535fc Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-close-over.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-close.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-close.gif new file mode 100644 index 00000000..16fdff59 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-close.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-icon.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-icon.gif new file mode 100644 index 00000000..716dc128 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-icon.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-icon.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-icon.png new file mode 100644 index 00000000..a813d72a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/error-icon.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerD.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerD.gif new file mode 100644 index 00000000..cdd9cdf0 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerD.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerD.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerD.png new file mode 100644 index 00000000..93c91801 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerD.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerL.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerL.gif new file mode 100644 index 00000000..7e6694be Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerL.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerL.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerL.png new file mode 100644 index 00000000..af429f1d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerL.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLD.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLD.gif new file mode 100644 index 00000000..f84a5ec4 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLD.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLD.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLD.png new file mode 100644 index 00000000..e88cae98 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLD.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLU.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLU.gif new file mode 100644 index 00000000..ea2d515c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLU.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLU.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLU.png new file mode 100644 index 00000000..19f18f20 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerLU.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerR.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerR.gif new file mode 100644 index 00000000..94689365 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerR.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerR.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerR.png new file mode 100644 index 00000000..dfd1b8a9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerR.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRD.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRD.gif new file mode 100644 index 00000000..eb115459 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRD.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRD.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRD.png new file mode 100644 index 00000000..3fee6457 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRD.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRU.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRU.gif new file mode 100644 index 00000000..e0f4a9d9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRU.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRU.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRU.png new file mode 100644 index 00000000..986e1391 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerRU.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerU.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerU.gif new file mode 100644 index 00000000..3117289e Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerU.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerU.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerU.png new file mode 100644 index 00000000..9b8b4c74 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/errbox/pointerU.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/arrows.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/arrows.gif new file mode 100644 index 00000000..d6f60ac9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/arrows.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/arrows.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/arrows.png new file mode 100644 index 00000000..b936c2db Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/arrows.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-bg.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-bg.gif new file mode 100644 index 00000000..ea132225 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-bg.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-bg.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-bg.png new file mode 100644 index 00000000..9293235a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-bg.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-over.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-over.gif new file mode 100644 index 00000000..de995bcb Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-over.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-over.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-over.png new file mode 100644 index 00000000..dc40f0e5 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/column-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/detail-bg.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/detail-bg.png new file mode 100644 index 00000000..098af4cc Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/detail-bg.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group-bg-over-seld.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group-bg-over-seld.png new file mode 100644 index 00000000..09c1051c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group-bg-over-seld.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group-bg-over.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group-bg-over.png new file mode 100644 index 00000000..351902fd Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group-bg-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group-bg-seld.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group-bg-seld.png new file mode 100644 index 00000000..54f2c658 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group-bg-seld.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group_bg.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group_bg.gif new file mode 100644 index 00000000..38111504 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/group_bg.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/groupfoot_bg.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/groupfoot_bg.gif new file mode 100644 index 00000000..bd93f2d3 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/groupfoot_bg.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/hd-btn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/hd-btn.gif new file mode 100644 index 00000000..7bb1aeff Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/hd-btn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/hd-btn.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/hd-btn.png new file mode 100644 index 00000000..b85ed35c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/hd-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/head-bg.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/head-bg.png new file mode 100644 index 00000000..d84a9439 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/head-bg.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/header-over.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/header-over.png new file mode 100644 index 00000000..dc40f0e5 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/header-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowdown.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowdown.gif new file mode 100644 index 00000000..09348518 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowdown.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowdown.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowdown.png new file mode 100644 index 00000000..de931b42 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowdown.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowup.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowup.gif new file mode 100644 index 00000000..6992cf1d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowup.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowup.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowup.png new file mode 100644 index 00000000..f4a9fc28 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-arrowup.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-group.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-group.gif new file mode 100644 index 00000000..9de086e1 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-group.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-group.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-group.png new file mode 100644 index 00000000..6ba96059 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-group.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-ungroup.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-ungroup.gif new file mode 100644 index 00000000..324dbb30 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-ungroup.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-ungroup.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-ungroup.png new file mode 100644 index 00000000..7abae1b6 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/menu-ungroup.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/row-expand.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/row-expand.gif new file mode 100644 index 00000000..5fb3436f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/row-expand.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/row-expand.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/row-expand.png new file mode 100644 index 00000000..08e4d8e5 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/grid/row-expand.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/input/bandbtn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/input/bandbtn.gif new file mode 100644 index 00000000..9169084f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/input/bandbtn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/input/combobtn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/input/combobtn.gif new file mode 100644 index 00000000..72eb270c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/input/combobtn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/input/datebtn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/input/datebtn.gif new file mode 100644 index 00000000..d50e1250 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/input/datebtn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/input/timebtn-down.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/input/timebtn-down.gif new file mode 100644 index 00000000..2bb04478 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/input/timebtn-down.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/input/timebtn-up.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/input/timebtn-up.gif new file mode 100644 index 00000000..4d87a5f8 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/input/timebtn-up.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-btn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-btn.gif new file mode 100644 index 00000000..73177b1f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-btn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-btn.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-btn.png new file mode 100644 index 00000000..edf8bf42 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-hm.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-hm.gif new file mode 100644 index 00000000..f5514d26 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-hm.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-hm.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-hm.png new file mode 100644 index 00000000..0211e0a2 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/borderlayout-hm.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-hm.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-hm.gif new file mode 100644 index 00000000..d5dd6df8 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-hm.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-hm.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-hm.png new file mode 100644 index 00000000..06462617 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-hm.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-x.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-x.gif new file mode 100644 index 00000000..fbb032c4 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-x.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-y.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-y.gif new file mode 100644 index 00000000..96cd1371 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/layout/groupbox-y.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/arrow.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/arrow.gif new file mode 100644 index 00000000..31759b99 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/arrow.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/btn-arrow.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/btn-arrow.gif new file mode 100644 index 00000000..020110f0 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/btn-arrow.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/btn-menu-hor-over.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/btn-menu-hor-over.gif new file mode 100644 index 00000000..2b3138b3 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/btn-menu-hor-over.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/btn-menu-ver-over.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/btn-menu-ver-over.gif new file mode 100644 index 00000000..7367d47b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/btn-menu-ver-over.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/checked.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/checked.gif new file mode 100644 index 00000000..f739251b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/checked.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/menu-bg.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/menu-bg.gif new file mode 100644 index 00000000..528b6f0d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/menu-bg.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/menu-bg.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/menu-bg.png new file mode 100644 index 00000000..5e0286b8 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/menu-bg.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/menu-btn.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/menu-btn.png new file mode 100644 index 00000000..b8285564 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/menu-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/pp-bg.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/pp-bg.png new file mode 100644 index 00000000..4354f81d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/pp-bg.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/trans-menu-btn.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/trans-menu-btn.png new file mode 100644 index 00000000..ea2c30e4 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/trans-menu-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/unchecked.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/unchecked.gif new file mode 100644 index 00000000..bba3c8c6 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/menu/unchecked.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-allow.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-allow.gif new file mode 100644 index 00000000..3b587776 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-allow.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-allow.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-allow.png new file mode 100644 index 00000000..210b1a6c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-allow.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-disallow.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-disallow.gif new file mode 100644 index 00000000..2a6ce23d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-disallow.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-disallow.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-disallow.png new file mode 100644 index 00000000..20d6f5ea Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/drag-disallow.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/fileupload.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/fileupload.gif new file mode 100644 index 00000000..c4b21983 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/fileupload.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/prgmeter-anim.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/prgmeter-anim.gif new file mode 100644 index 00000000..ee0bf108 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/prgmeter-anim.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/prgmeter.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/prgmeter.png new file mode 100644 index 00000000..deda4b99 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/prgmeter.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/prgmeter_bg.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/prgmeter_bg.png new file mode 100644 index 00000000..f40db616 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/prgmeter_bg.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/progress.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/progress.gif new file mode 100644 index 00000000..4fea8562 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/misc/progress.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/info-btn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/info-btn.gif new file mode 100644 index 00000000..bc2e1651 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/info-btn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/info-btn.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/info-btn.png new file mode 100644 index 00000000..7fd020c7 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/info-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/question-btn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/question-btn.gif new file mode 100644 index 00000000..12fa3dc0 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/question-btn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/question-btn.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/question-btn.png new file mode 100644 index 00000000..730831a9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/question-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/stop-btn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/stop-btn.gif new file mode 100644 index 00000000..918f5c4c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/stop-btn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/stop-btn.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/stop-btn.png new file mode 100644 index 00000000..8a8e2fc8 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/stop-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/warning-btn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/warning-btn.gif new file mode 100644 index 00000000..ba56388f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/warning-btn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/warning-btn.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/warning-btn.png new file mode 100644 index 00000000..fd95f2bc Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/msgbox/warning-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/paging-btn.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/paging-btn.gif new file mode 100644 index 00000000..f2113142 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/paging-btn.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/paging-btn.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/paging-btn.png new file mode 100644 index 00000000..930294fe Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/paging-btn.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/pg-btn2.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/pg-btn2.gif new file mode 100644 index 00000000..99d54960 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/pg-btn2.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/pg-btn2.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/pg-btn2.png new file mode 100644 index 00000000..64ccbb1e Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/paging/pg-btn2.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close-over.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close-over.gif new file mode 100644 index 00000000..bc2d1261 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close-over.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close-over.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close-over.png new file mode 100644 index 00000000..fe32f146 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close-over.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close.gif new file mode 100644 index 00000000..6dd15781 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close.png new file mode 100644 index 00000000..53603125 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-close.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-error.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-error.gif new file mode 100644 index 00000000..c2356ce3 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-error.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-error.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-error.png new file mode 100644 index 00000000..08295c76 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-error.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-info.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-info.gif new file mode 100644 index 00000000..2221b6c9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-info.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-info.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-info.png new file mode 100644 index 00000000..d630fa07 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-info.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-warning.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-warning.gif new file mode 100644 index 00000000..a6cd8acd Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-warning.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-warning.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-warning.png new file mode 100644 index 00000000..824ad46f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/notif-warning.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/popup-bg.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/popup-bg.gif new file mode 100644 index 00000000..04713e6d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/popup-bg.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/popup-bg.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/popup-bg.png new file mode 100644 index 00000000..86b98540 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/popup/popup-bg.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-blr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-blr.png new file mode 100644 index 00000000..4cc6e8e3 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-blr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-cl.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-cl.png new file mode 100644 index 00000000..f6a81eb6 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-cl.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-cr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-cr.png new file mode 100644 index 00000000..bb9c5ff2 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-cr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-m.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-m.png new file mode 100644 index 00000000..b36b7e89 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-m.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-tlr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-tlr.png new file mode 100644 index 00000000..a495bd8b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/shadow-tlr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg-ver.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg-ver.gif new file mode 100644 index 00000000..341d6bea Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg-ver.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg-ver.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg-ver.png new file mode 100644 index 00000000..32987691 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg-ver.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg.gif new file mode 100644 index 00000000..9038d934 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg.png new file mode 100644 index 00000000..ece83bba Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-bg.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-circle.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-circle.gif new file mode 100644 index 00000000..28d692cf Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-circle.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-circle.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-circle.png new file mode 100644 index 00000000..3d1f85c0 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-circle.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-scale.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-scale.gif new file mode 100644 index 00000000..13175fc6 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-scale.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-scale.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-scale.png new file mode 100644 index 00000000..ee8416d5 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-scale.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-square.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-square.gif new file mode 100644 index 00000000..dc364b60 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-square.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-square.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-square.png new file mode 100644 index 00000000..2d6f22b1 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-square.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-circle.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-circle.gif new file mode 100644 index 00000000..126abd9a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-circle.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-circle.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-circle.png new file mode 100644 index 00000000..5df5cc85 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-circle.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-square.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-square.gif new file mode 100644 index 00000000..dc364b60 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-square.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-square.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-square.png new file mode 100644 index 00000000..2d6f22b1 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/slider-v-square.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/ticks.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/ticks.gif new file mode 100644 index 00000000..86bc7c23 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/slider/ticks.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-b-os.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-b-os.gif new file mode 100644 index 00000000..b93f8215 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-b-os.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-b.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-b.gif new file mode 100644 index 00000000..5cdf3b9e Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-b.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-b.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-b.png new file mode 100644 index 00000000..63a99eb5 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-b.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-l-os.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-l-os.gif new file mode 100644 index 00000000..edec7468 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-l-os.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-l.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-l.gif new file mode 100644 index 00000000..41d7dfc2 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-l.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-l.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-l.png new file mode 100644 index 00000000..5d7ff855 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-l.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-r-os.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-r-os.gif new file mode 100644 index 00000000..4546f93b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-r-os.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-r.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-r.gif new file mode 100644 index 00000000..fc0c5ec4 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-r.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-r.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-r.png new file mode 100644 index 00000000..c1d52db9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-r.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-t-os.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-t-os.gif new file mode 100644 index 00000000..a175e372 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-t-os.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-t.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-t.gif new file mode 100644 index 00000000..ac80f9f8 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-t.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-t.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-t.png new file mode 100644 index 00000000..52497e49 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/colps-t.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-h-ns.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-h-ns.png new file mode 100644 index 00000000..43d2cb1f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-h-ns.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-h-os.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-h-os.gif new file mode 100644 index 00000000..8279b310 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-h-os.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-h.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-h.png new file mode 100644 index 00000000..32483a7e Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-h.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-v-ns.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-v-ns.png new file mode 100644 index 00000000..bb615316 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-v-ns.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-v-os.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-v-os.gif new file mode 100644 index 00000000..6d419f01 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-v-os.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-v.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-v.png new file mode 100644 index 00000000..d7b411ea Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/splt/splt-v.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/accd-hm-mouseover.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/accd-hm-mouseover.png new file mode 100644 index 00000000..435c38a3 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/accd-hm-mouseover.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/accd-hm.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/accd-hm.png new file mode 100644 index 00000000..609e83b8 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/accd-hm.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-d-hl.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-d-hl.png new file mode 100644 index 00000000..144ef912 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-d-hl.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-d.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-d.png new file mode 100644 index 00000000..e7641909 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-d.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-l.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-l.png new file mode 100644 index 00000000..d635d4d7 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-l.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-r.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-r.png new file mode 100644 index 00000000..95ff321d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-r.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-u-hl.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-u-hl.png new file mode 100644 index 00000000..144ef912 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-u-hl.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-u.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-u.png new file mode 100644 index 00000000..1ca80fc7 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/scroll-u.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-close.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-close.gif new file mode 100644 index 00000000..ae0300e9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-close.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-close.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-close.png new file mode 100644 index 00000000..ed99e74e Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-close.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-corner.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-corner.gif new file mode 100644 index 00000000..b1e0133f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-corner.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-corner.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-corner.png new file mode 100644 index 00000000..02b7ded2 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-corner.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-hm.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-hm.gif new file mode 100644 index 00000000..4d39a90c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-hm.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-hm.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-hm.png new file mode 100644 index 00000000..742b92d1 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-hm.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-corner.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-corner.gif new file mode 100644 index 00000000..e93339a0 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-corner.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-corner.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-corner.png new file mode 100644 index 00000000..513f9a90 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-corner.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-hm.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-hm.gif new file mode 100644 index 00000000..384dc563 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-hm.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-hm.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-hm.png new file mode 100644 index 00000000..4a204e08 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tab/tab-v-hm.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/arrow-toggle.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/arrow-toggle.gif new file mode 100644 index 00000000..99a4468a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/arrow-toggle.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/arrow-toggle.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/arrow-toggle.png new file mode 100644 index 00000000..86ab4a62 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/arrow-toggle.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/dot-toggle.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/dot-toggle.gif new file mode 100644 index 00000000..3f384f69 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/dot-toggle.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/entity.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/entity.gif new file mode 100644 index 00000000..57d572b1 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/entity.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/folder-toggle.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/folder-toggle.gif new file mode 100644 index 00000000..1d933a7d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/folder-toggle.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/item-sel.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/item-sel.gif new file mode 100644 index 00000000..cd967f0e Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/item-sel.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/item-sel.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/item-sel.png new file mode 100644 index 00000000..26ab36c0 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/item-sel.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-close.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-close.gif new file mode 100644 index 00000000..3c4abb7a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-close.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-last-close.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-last-close.gif new file mode 100644 index 00000000..aa7566ca Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-last-close.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-last-open.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-last-open.gif new file mode 100644 index 00000000..524125d6 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-last-open.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-last.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-last.gif new file mode 100644 index 00000000..3f7c10b2 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-last.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-open.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-open.gif new file mode 100644 index 00000000..cb55240b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-open.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-vbar.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-vbar.gif new file mode 100644 index 00000000..0e438d7d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee-vbar.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee.gif new file mode 100644 index 00000000..0c9aa335 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/tee.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/ventity.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/ventity.gif new file mode 100644 index 00000000..baec71ed Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/ventity.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/ventity.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/ventity.png new file mode 100644 index 00000000..ebf3d87a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/ventity.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/vfolder-toggle.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/vfolder-toggle.gif new file mode 100644 index 00000000..3e34a978 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/vfolder-toggle.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/vfolder-toggle.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/vfolder-toggle.png new file mode 100644 index 00000000..94cd0691 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/tree/vfolder-toggle.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-clr.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-clr.gif new file mode 100644 index 00000000..e8281376 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-clr.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-clr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-clr.png new file mode 100644 index 00000000..8cf59b7f Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-clr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-blue.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-blue.gif new file mode 100644 index 00000000..a53fb3b4 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-blue.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-blue.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-blue.png new file mode 100644 index 00000000..880d8ff8 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-blue.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-gray.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-gray.gif new file mode 100644 index 00000000..1245df0b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-gray.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-gray.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-gray.png new file mode 100644 index 00000000..aee23403 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner-gray.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner.gif new file mode 100644 index 00000000..a53fb3b4 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner.png new file mode 100644 index 00000000..880d8ff8 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-corner.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hl.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hl.gif new file mode 100644 index 00000000..7a035d0d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hl.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hl.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hl.png new file mode 100644 index 00000000..b8c8363a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hl.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hm.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hm.gif new file mode 100644 index 00000000..ce4962d9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hm.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hm.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hm.png new file mode 100644 index 00000000..962b790a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hm.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hr.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hr.gif new file mode 100644 index 00000000..2817bf9e Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hr.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hr.png new file mode 100644 index 00000000..b76b8a37 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/panel-hr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-clr.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-clr.gif new file mode 100644 index 00000000..3a09e14b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-clr.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-clr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-clr.png new file mode 100644 index 00000000..a7b3b6b1 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-clr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-corner.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-corner.gif new file mode 100644 index 00000000..47dc8008 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-corner.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-corner.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-corner.png new file mode 100644 index 00000000..779a9cc3 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-corner.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hl.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hl.gif new file mode 100644 index 00000000..fbd11608 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hl.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hl.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hl.png new file mode 100644 index 00000000..fb028726 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hl.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hm.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hm.gif new file mode 100644 index 00000000..9d9800f8 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hm.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hm.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hm.png new file mode 100644 index 00000000..1ad0cd24 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hm.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hr.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hr.gif new file mode 100644 index 00000000..0a7190e3 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hr.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hr.png new file mode 100644 index 00000000..24646adc Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-hr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-icon.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-icon.gif new file mode 100644 index 00000000..52eea061 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-icon.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-icon.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-icon.png new file mode 100644 index 00000000..b4a36dcf Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-icon.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-clr.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-clr.gif new file mode 100644 index 00000000..3a09e14b Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-clr.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-clr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-clr.png new file mode 100644 index 00000000..a7b3b6b1 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-clr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-corner.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-corner.gif new file mode 100644 index 00000000..490ba939 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-corner.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-corner.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-corner.png new file mode 100644 index 00000000..cd691082 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-corner.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hl.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hl.gif new file mode 100644 index 00000000..3dcfd7cf Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hl.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hl.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hl.png new file mode 100644 index 00000000..ee34703a Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hl.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hm.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hm.gif new file mode 100644 index 00000000..bc1c673d Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hm.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hm.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hm.png new file mode 100644 index 00000000..47e17a8c Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hm.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hr.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hr.gif new file mode 100644 index 00000000..43b591e9 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hr.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hr.png new file mode 100644 index 00000000..be95fe98 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-ol-hr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-corner.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-corner.gif new file mode 100644 index 00000000..8111efa5 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-corner.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-corner.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-corner.png new file mode 100644 index 00000000..517d53db Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-corner.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hl.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hl.png new file mode 100644 index 00000000..58c9cd0e Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hl.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hm.gif b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hm.gif new file mode 100644 index 00000000..176c6f02 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hm.gif differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hm.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hm.png new file mode 100644 index 00000000..f21703d0 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hm.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hr.png b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hr.png new file mode 100644 index 00000000..8e2afb78 Binary files /dev/null and b/server/hu.user.theme.userdark/src/archive/web/zul/img/wnd/wnd-pop-hr.png differ diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/_header.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/_header.less new file mode 100644 index 00000000..085024ee --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/_header.less @@ -0,0 +1,7 @@ +<%@ taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" %> +<%@ taglib uri="http://www.zkoss.org/dsp/zk/core" prefix="z" %> +<%@ taglib uri="http://www.zkoss.org/dsp/web/theme" prefix="t" %> + +// Core variables and mixins +@import "_zkvariables.less"; // variables needed for ZK +@import "_zkmixins.less"; \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/_reset.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/_reset.less new file mode 100644 index 00000000..cc10a0a7 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/_reset.less @@ -0,0 +1,221 @@ +// +// Reset CSS +// Adapted from http://github.com/necolas/normalize.css +// -------------------------------------------------- + + +// Display in IE6-9 and FF3 +// ------------------------- + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} + +// Display block in IE6-9 and FF3 +// ------------------------- + +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +// Prevents modern browsers from displaying 'audio' without controls +// ------------------------- + +audio:not([controls]) { + display: none; +} + +// Base settings +// ------------------------- + +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +// Focus states +a:focus { + outline: none; + // Disable for Potix on 5/29/2013 + //.tab-focus(); +} +// Hover & Active +a:hover, +a:active { + outline: 0; +} + +// Prevents sub and sup affecting line-height in all browsers +// ------------------------- + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} + +// Img border in a's and image quality +// ------------------------- + +img { + /* Responsive images (ensure images don't scale beyond their parents) */ + + // Potix: this style will make img invisible in ie8 + /* max-width: 100%; Part 1: Set a maxium relative to the parent */ + width: auto\9; /* IE7-8 need help adjusting responsive images */ + height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ + + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} + +// Prevent max-width from affecting Google Maps +#map_canvas img, +.google-maps img { + max-width: none; +} + +// Forms +// ------------------------- + +// Font size in all browsers, margin changes, misc consistency +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} +button, +input { + *overflow: visible; // Inner spacing ie IE6/7 + line-height: normal; // FF3/4 have !important on line-height in UA stylesheet +} +button::-moz-focus-inner, +input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 + padding: 0; + border: 0; +} +button, +html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS. + cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. +} +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. +} +input[type="search"] { // Appearance in Safari/Chrome + // Potix: using zk mixins + //.box-sizing(content-box); + .applyCSS3('box-sizing', 'content-box'); + -webkit-appearance: textfield; +} +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 +} +textarea { + overflow: auto; // Remove vertical scrollbar in IE6-9 + vertical-align: top; // Readability and alignment cross-browser +} + + +// Printing +// ------------------------- +// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css + +@media print { + + * { + text-shadow: none !important; + box-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + // Don't show links for images, or javascript/internal links + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; // h5bp.com/t + } + + tr, + img { + page-break-inside: avoid; + } + + img { + // Potix: this style will make img invisible in ie8 + // max-width: 100% !important; + } + + @page { + margin: 0.5cm; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/_zkmixins.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/_zkmixins.less new file mode 100644 index 00000000..50359de0 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/_zkmixins.less @@ -0,0 +1,321 @@ +// ZK Mixins Utility + +// EL Function +// -------------------------------------------- + +//--------------------------------------------- +// web/core.dsp.tld +//--------------------------------------------- +.encodeURL(@property, @url, @rest...) when (@property = background) { + background: url(${c:encodeURL('@{url}')}) @rest; +} +.encodeURL(@property, @url, @rest...) when (@property = background-image) { + background-image: url(${c:encodeURL('@{url}')}); +} +.encodeThemeURL(@property, @url, @rest...) when (@property = background) { + background: url(${c:encodeThemeURL('@{url}')}) @rest; +} +.encodeThemeURL(@property, @url, @rest...) when (@property = background-image) { + background-image: url(${c:encodeThemeURL('@{url}')}); +} +// only tablet.less uses this, no need render css for old IE +.encodeURL-verGradient(@url, @start, @end) { + background: url(${c:encodeURL('@{url}')}); + background: url(${c:encodeURL('@{url}')}), -moz-linear-gradient(top, @start 0%, @end 100%); /* FF3.6+ */ + background: url(${c:encodeURL('@{url}')}), -webkit-gradient(linear, left top, left bottom, color-stop(0%, @start),color-stop(100%, @end)); /* Chrome,Safari4+ */ + background: url(${c:encodeURL('@{url}')}), -webkit-linear-gradient(top, @start 0%, @end 100%); /* Chrome10+,Safari5.1+ */ + background: url(${c:encodeURL('@{url}')}), -o-linear-gradient(top, @start 0%, @end 100%); /* Opera 11.10+ */ + background: url(${c:encodeURL('@{url}')}), -ms-linear-gradient(top, @start 0%, @end 100%); /* IE10+ */ + background: url(${c:encodeURL('@{url}')}), linear-gradient(to bottom, @start 0%, @end 100%); /* W3C */ +} +//--------------------------------------------- +// theme.dsp.tld +//--------------------------------------------- +// gradient +.gradient(@direction, @value) { + // can be used directly for all except old webkit + @valueList: ~`(function(a){return a.replace(/;/g, ',')})(@{value})`; + @fallbackColor: ~`(function(a){return a.split(';')[0].trim().split(/\s(\d+%)$/g)[0]})(@{value})`; + // for old webkit + @valuesWebkit: ~`(function(a){var result='';var b=a.split(';');b.forEach(function(c){var d=c.trim().split(/\s(\d+%)$/g);result+='color-stop(' + d[1] + ',' + d[0] + '),';});return result.slice(0, -1)})(@{value})`; + // for ie9, color stop is the same in all gradient direction, only prefix/suffix are different + @svgContent: ~`(function(a){var result='';var b=a.split(';');b.forEach(function(c){var d=c.trim().split(/\s(\d+%)$/g);result+='';});return result})(@{value})`; + .gradient-ver(); + .gradient-hor(); + .gradient-diagm(); + .gradient-diagp(); + .gradient-rad(); +} +.gradient-ver() when (@direction = 'ver') { + background: @fallbackColor; /* Old browsers */ + @svgPrefix: ~''; + @svgSuffix: ~''; + @svg: e('@{svgPrefix}@{svgContent}@{svgSuffix}'); + .base64DataUriBackground(@svg); /* IE9 */ + background: -moz-linear-gradient(top, @valueList); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, @valuesWebkit); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, @valueList); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, @valueList); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, @valueList); /* IE10+ */ + background: linear-gradient(to bottom, @valueList); /* W3C */ +} + +.gradient-hor() when (@direction = 'hor') { + background: @fallbackColor; /* Old browsers */ + @svgPrefix: ~''; + @svgSuffix: ~''; + @svg: e('@{svgPrefix}@{svgContent}@{svgSuffix}'); + .base64DataUriBackground(@svg); /* IE9 */ + background: -moz-linear-gradient(left, @valueList); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, @valuesWebkit); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, @valueList); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, @valueList); /* Opera 11.10+ */ + background: -ms-linear-gradient(left, @valueList); /* IE10+ */ + background: linear-gradient(to right, @valueList); /* W3C */ +} +.gradient-diagm() when (@direction = 'diag-') { + background: @fallbackColor; /* Old browsers */ + @svgPrefix: ~''; + @svgSuffix: ~''; + @svg: e('@{svgPrefix}@{svgContent}@{svgSuffix}'); + .base64DataUriBackground(@svg); /* IE9 */ + background: -moz-linear-gradient(-45deg, @valueList); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right bottom, @valuesWebkit); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(-45deg, @valueList); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(-45deg, @valueList); /* Opera 11.10+ */ + background: -ms-linear-gradient(-45deg, @valueList); /* IE10+ */ + background: linear-gradient(135deg, @valueList); /* W3C */ +} +.gradient-diagp() when (@direction = 'diag+') { + background: @fallbackColor; /* Old browsers */ + @svgPrefix: ~''; + @svgSuffix: ~''; + @svg: e('@{svgPrefix}@{svgContent}@{svgSuffix}'); + .base64DataUriBackground(@svg); /* IE9 */ + background: -moz-linear-gradient(45deg, @valueList); /* FF3.6+ */ + background: -webkit-gradient(linear, left bottom, right top, @valuesWebkit); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(45deg, @valueList); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(45deg, @valueList); /* Opera 11.10+ */ + background: -ms-linear-gradient(45deg, @valueList); /* IE10+ */ + background: linear-gradient(45deg, @valueList); /* W3C */ +} +.gradient-rad() when (@direction = 'rad') { + background: @fallbackColor; /* Old browsers */ + @svgPrefix: ~''; + @svgSuffix: ~''; + @svg: e('@{svgPrefix}@{svgContent}@{svgSuffix}'); + .base64DataUriBackground(@svg); /* IE9 */ + background: -moz-radial-gradient(center, ellipse cover, @valueList); /* FF3.6+ */ + background: -webkit-gradient(radial, center center, 0px, center center, 100%, @valuesWebkit); /* Chrome,Safari4+ */ + background: -webkit-radial-gradient(center, ellipse cover, @valueList); /* Chrome10+,Safari5.1+ */ + background: -o-radial-gradient(center, ellipse cover, @valueList); /* Opera 11.10+ */ + background: -ms-radial-gradient(center, ellipse cover, @valueList); /* IE10+ */ + background: radial-gradient(ellipse at center, @valueList); /* W3C */ +} + +// box layout +.boxOrientHor() { + display: -webkit-box; + display: -moz-box; + display: box; + + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -ms-box-orient: horizontal; + box-orient: horizontal; +} +.boxOrientHorFlex() { + display: -webkit-box; + display: -moz-box; + display: box; + + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -ms-box-orient: horizontal; + box-orient: horizontal; + + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; +} +// box-shadow +.boxShadow(@value) when (isstring(@value)) { + -webkit-box-shadow: e(@value); + -moz-box-shadow: e(@value); + -o-box-shadow: e(@value); + -ms-box-shadow: e(@value); + box-shadow: e(@value); +} +.boxShadow(@value) when not (isstring(@value)) { + -webkit-box-shadow: @value; + -moz-box-shadow: @value; + -o-box-shadow: @value; + -ms-box-shadow: @value; + box-shadow: @value; +} +// border-radius +.borderRadius(@size) when (isstring(@size)) { + -webkit-border-radius: e(@size); + -moz-border-radius: e(@size); + -o-border-radius: e(@size); + -ms-border-radius: e(@size); + border-radius: e(@size); +} +.borderRadius(@size) when not (isstring(@size)) { + -webkit-border-radius: @size; + -moz-border-radius: @size; + -o-border-radius: @size; + -ms-border-radius: @size; + border-radius: @size; +} +// transform +.transform(@value) when (isstring(@value)) { + -webkit-transform: e(@value); + -moz-transform: e(@value); + -o-transform: e(@value); + -ms-transform: e(@value); + transform: e(@value) +} +.transform(@value) when not (isstring(@value)) { + -webkit-transform: @value; + -moz-transform: @value; + -o-transform: @value; + -ms-transform: @value; + transform: @value +} +// CSS3 +.applyCSS3(@key, @value) { + @ekey: e(@key); + -webkit-@{ekey}: e(@value); + -moz-@{ekey}: e(@value); + -o-@{ekey}: e(@value); + -ms-@{ekey}: e(@value); + @{ekey}: e(@value) +} + +//--------------------------------------------- +// Other helpful utilities +//--------------------------------------------- +// gradient utility +.horGradient(@start, @end) when (@start = @end) { + background: @start; +} +.horGradient(@start, @end) when not (@start = @end) { + background: @start; /* Old browsers */ + @svg: ~''; + .base64DataUriBackground(@svg); /* IE9 */ + background: -moz-linear-gradient(left, @start 0%, @end 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(0%,@start), color-stop(100%, @end)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, @start 0%, @end 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, @start 0%, @end 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(left, @start 0%, @end 100%); /* IE10+ */ + background: linear-gradient(to right, @start 0%, @end 100%); /* W3C */ +} +.verGradient(@start, @end) when (@start = @end) { + background: @start; +} +.verGradient(@start, @end) when not (@start = @end) { + background: @start; /* Old browsers */ + @svg: ~''; + .base64DataUriBackground(@svg); /* IE9 */ + background: -moz-linear-gradient(top, @start 0%, @end 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @start),color-stop(100%, @end)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, @start 0%, @end 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, @start 0%, @end 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, @start 0%, @end 100%); /* IE10+ */ + background: linear-gradient(to bottom, @start 0%, @end 100%); /* W3C */ +} +.base64DataUriBackground(@svgToEncode, @type: ~"image/svg+xml") { + @dataUriPrefix: ~"url(data:@{type};base64,"; + @dataUriSuffix: ~")"; + @b64DataUri: ~`(function(a,b,c){function e(a){a=a.replace(/\r\n/g,'\n');var b='';for(var c=0;c127&&d<2048){b+=String.fromCharCode(d>>6|192);b+=String.fromCharCode(d&63|128)}else{b+=String.fromCharCode(d>>12|224);b+=String.fromCharCode(d>>6&63|128);b+=String.fromCharCode(d&63|128)}}return b}function f(a){var b='';var c,f,g,h,i,j,l;var m=0;a=e(a);while(m>2;i=(c&3)<<4|f>>4;j=(f&15)<<2|g>>6;l=g&63;if(isNaN(f)){j=l=64}else if(isNaN(g)){l=64}b=b+d.charAt(h)+d.charAt(i)+d.charAt(j)+d.charAt(l)}return b}var d='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';return a+f(b)+c})('@{dataUriPrefix}','@{svgToEncode}','@{dataUriSuffix}')`; + background: @b64DataUri; +} +.gradientFallback(@start, @end) { + background: average(@start, @end); +} +.resetGradient() { + background: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +// border-radius utility +.topBorderRadius(@size) { + -webkit-border-radius: @size @size 0 0; + -moz-border-radius: @size @size 0 0; + -o-border-radius: @size @size 0 0; + -ms-border-radius: @size @size 0 0; + border-radius: @size @size 0 0; +} +.rightBorderRadius(@size) { + -webkit-border-radius: 0 @size @size 0; + -moz-border-radius: 0 @size @size 0; + -o-border-radius: 0 @size @size 0; + -ms-border-radius: 0 @size @size 0; + border-radius: 0 @size @size 0; +} +.bottomBorderRadius(@size) { + -webkit-border-radius: 0 0 @size @size; + -moz-border-radius: 0 0 @size @size; + -o-border-radius: 0 0 @size @size; + -ms-border-radius: 0 0 @size @size; + border-radius: 0 0 @size @size; +} +.leftBorderRadius(@size) { + -webkit-border-radius: @size 0 0 @size; + -moz-border-radius: @size 0 0 @size; + -o-border-radius: @size 0 0 @size; + -ms-border-radius: @size 0 0 @size; + border-radius: @size 0 0 @size; +} + +// opacity utility +.opacity(@opacity) { + opacity: @opacity; + @opacity100: @opacity * 100; + filter: ~'alpha(opacity=@{opacity100});'; +} + +// icon font utility +.baseIconFont() { + display: inline-block; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + font-size: inherit; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: auto; // optimizelegibility throws things off #1094 + transform: translate(0, 0); // ensures no half-pixel rendering in firefox +} + +// other utility +.size(@width, @height) { + width: @width; + height: @height; +} +.displaySize(@display, @width, @height) { + display: @display; + .size(@width, @height); +} +.fontStyle(@family, @size, @weight, @color) { + font-family: @family; + font-size: @size; + font-weight: @weight; + font-style: normal; + color: @color; +} +.fontStyle(@family, @size, @weight) { + font-family: @family; + font-size: @size; + font-weight: @weight; + font-style: normal; +} +.iconFontStyle(@size, @color) { + font-size: @size; + color: @color; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/_zkvariables.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/_zkvariables.less new file mode 100644 index 00000000..03ecfa9d --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/_zkvariables.less @@ -0,0 +1,300 @@ +// Global Variables +// ------------------------------------- +// Typography +// ------------------------------------- +@baseFontSize: 14px; +@baseTitleFontFamily: Verdana; +@baseContentFontFamily: Verdana; +@baseLineHeight: 14px; + +// Component height +@baseHeight: 8px; +@baseIconHeight: @baseHeight * 2; // 16px +@baseButtonHeight: @baseHeight * 3; // 24px +@baseBarHeight: @baseHeight * 4; // 32px +@baseTitleHeight: @baseHeight * 5; // 40px + +// Component width +@baseWidth: 8px; +@baseIconWidth: @baseWidth * 2; // 16px +@baseButtonWidth: @baseWidth * 3; // 24px +@baseBarWidth: @baseWidth * 4; // 32px + +// ------------------------------------- +// Component sizing +// ------------------------------------- +// Based on 14px font-size and 20px line-height +@fontSizeXLarge: ceil(@baseFontSize * 1.25); // 18px +@fontSizeLarge: floor(@baseFontSize * 1.15); // 16px +@fontSizeMedium: ceil(@baseFontSize * 0.85); // 12px +@fontSizeSmall: floor(@baseFontSize * 0.8); // 11px +@fontSizeXSmall: ceil(@baseFontSize * 0.7); // 10px + +@baseBorderRadius: 4px; +@borderRadiusLarge: 6px; +@borderRadiusSmall: 3px; + +@basePopupZIndex: 88000; + +// ------------------------------------- +// Component Basic Coloring for userdark (all gray colors are changed to blue) +// ------------------------------------- +// Font color +@baseTextColor: #e3e3e3; +@textColorGray: #e3e3e3; +@textColorGrayDark: #e3e3e3; +@textColorGrayLight: #e3e3e3; +@textColorBlue: #e3e3e3; +@textColorGreen: #e3e3e3; +@textColorOrange: #e3e3e3; + +// Border color +@baseBorderColor: #1d1d1d; + +// Background color +@baseBackgroundColor: #303030; +//@baseBackgroundColor: red; + +// Gradient background +@baseGradientStart: @baseBackgroundColor; +@baseGradientEnd: @baseBackgroundColor; + +// ------------------------------------- +// Icon font color (used for font-awesome) +// ------------------------------------- +@iconColor: #ffffff; +@iconHoverColor: #ffffff; +@iconDisabledColor: #AAAAAA; + +// ------------------------------------- +// Button (used for button, combobutton) +// ------------------------------------- +@buttonBorderColor: @baseBorderColor; +@buttonGradientStart: #1c1c1c; +@buttonGradientEnd: #1c1c1c; + +// ------------------------------------- +// Input (used for textbox, intbox, spinner, ...) +// ------------------------------------- +@inputBorderColor: @baseBorderColor; +@inputBackgroundColor: #ffffff; + +// ------------------------------------- +// Mesh Table (used for grid, listbox, tree, biglistbox) +// ------------------------------------- +@meshTitleBorderColor: @baseBorderColor; +@meshContentBorderColor: @baseBorderColor; +@meshBackgroundColor: transparent; +@meshStripeBackgroundColor: #1d1d1d; +@meshFootBackgroundColor: #FAFAFA; +//grid fejlec +@meshTitleHoverStart: #000000; +@meshTitleHoverEnd: #000000; +@meshContentHoverStart: transparent; +@meshContentHoverEnd: transparent; +@meshContentFocusStart: #82B1C7; +@meshContentFocusEnd: #82B1C7; +@meshAutoPagingRowHeight: 32px; + +// ------------------------------------- +// Component State +// ------------------------------------- +// Active +@activeColor: @baseTextColor; +@activeBorderColor: @baseBorderColor; +@activeBackgroundColor: red;//#86E2F9; +@activeGradientStart: #C3F5FE; +@activeGradientEnd: #86E2F9; + +// Focus +@focusColor: @baseTextColor; +@focusBorderColor: #00B9FF; +@focusBackgroundColor: @baseGradientEnd; +@focusGradientStart: @baseGradientStart; +@focusGradientEnd: @baseGradientEnd; + +// Hover +@hoverColor: #FFFFFF; +@hoverBorderColor: #131313; +@hoverBackgroundColor: transparent; +@hoverGradientStart: #000000; +@hoverGradientEnd: #000000; + +// Disabled +@disabledColor: #AAAAAA; +@disabledBackgroundColor: #F0F0F0; +@disabledOpacity: 0.6; + +// Invalid +@invalidBorderColor: #DD7777; + +// Read-only +@readonlyBorderColor: #E6E6E6; +@readonlyBackgroundColor: #FAFAFA; + +// Selected (used on listbox, tree, comboitem) +@selectedColor: #F1F8E9; +@selectedBorderColor: @baseBorderColor; +@selectedBackgroundColor: darken(@hoverBackgroundColor, 5%); +@selectedGradientStart: #3E697C; +@selectedGradientEnd: #3E697C; + +// Selected Hover (used on listbox, tree, comboitem) +@selectedHoverColor: #FFFFFF; +@selectedHoverBorderColor: @baseBorderColor; +@selectedHoverBackgroundColor: darken(@selectedGradientEnd, 3%); +@selectedHoverGradientStart: #548DA7; +@selectedHoverGradientEnd: #548DA7; + +// Selected Focus (used on listbox, tree, comboitem) +@selectedFocusColor: @selectedColor; +@selectedFocusBorderColor: @selectedBorderColor; +@selectedFocusBackgroundColor: @selectedBackgroundColor; +@selectedFocusGradientStart: #315463; +@selectedFocusGradientEnd: #315463; + +// Checked (used on menuitem, listbox, tree, toolbarbutton) +@checkedColor: #000000; +@checkedBorderColor: #8E8F8F; +@checkedBackgroundColor: #000000; +@checkedGradientStart: #000000; +@checkedGradientEnd: #000000; + +// Collapsed (used on Borderlayout) +@collapsedBorderColor: @baseBorderColor; +@collapsedBackgroundColor: @baseBackgroundColor; + +// ------------------------------------- +// Component independent variables +// ------------------------------------- +// mask and loading +@maskBackgroundColor: #E0E1E3; +@loadingBackgroundColor: #1d1d1d; + +// scrollbar +@scrollbarWidth: 16px; +@scrollbarHeight: 16px; +@scrollbarBorderColor: #838383; +@scrollbarBackgroundColor: #DDDDDD; +@scrollbarGradientStart: #FFFFFF; +@scrollbarGradientEnd: #CFCFCF; + +// drag and drop +@dragColor: #FFFFFF; +@dragBackgroundColor: #E0EAF0; +@dragHoverBackgroundColor: #ADD2FF; +@dragAllowBorderColor: #11AA33; +@dragAllowBackgroundColor: #11AA33; +@dragDisAllowBorderColor: #C13634; +@dragDisAllowBackgroundColor: #C13634; + +// splitter (hbox, vbox, borderlayout) +@splitterSize: 8px; +@splitterGradientStart: #1c1c1c; +@splitterGradientEnd: #1c1c1c; + +// calendar +@calendarTitleColor: @textColorGrayLight; +@calendarTitleHoverColor: @textColorGrayLight; +@calendarCellColor: @textColorGrayLight; +@calendarSelectedColor: #FFFFFF; +@calendarSelectedHoverColor: #FFFFFF; +@weekendColor: @textColorOrange; +@weekendBackgroundColor: #F2F2F2; +@weekColor: @textColorGrayLight; +@weekofyearColor: #FFFFFF; +@weekofyearBackgroundColor: #636363; + +// popup +@popupBorderColor: @baseBorderColor; +@popupBackgroundColor: @baseBackgroundColor; +@popupGradientStart: @baseBackgroundColor; +@popupGradientEnd: @baseBackgroundColor; + +// group (group, listgroup) +@groupGradientStart: #E7F6FD; +@groupGradientEnd: #C6E9FA; + +// paging +@pagingColor: @textColorBlue; +@pagingSelectedColor: @textColorGrayDark; +@pagingBorderColor: @baseBorderColor; +@pagingActiveBorderColor: #A9A9A9; +@pagingBackgroundColor: @baseBackgroundColor; +@pagingSelectedBackgroundColor:#E6E6E6; + +// slider +@sliderBorderColor: @baseBorderColor; +@sliderActiveBorderColor: #838383; + +// errorbox (input constraint) +@errorboxColor: #990000; +@errorboxBorderColor: #990000; +@errorboxBackgroundColor: #FFEEEE; + +// notification +@notificationInfoColor: rgba(33, 155, 166, 0.88); +@notificationWarningColor: rgba(234, 67, 23, 0.88); +@notificationErrorColor: rgba(190, 0, 5, 0.88); +@notificationArrowColor: rgba(51, 51, 51, 0.9); +@notificationInfoColorIE8: rgb(33, 155, 166); +@notificationWarningColorIE8: rgb(234, 67, 23); +@notificationErrorColorIE8: rgb(190, 0, 5); +@notificationArrowColorIE8: rgb(51, 51, 51); + +// progressmeter +@progressmeterGradientStart: #AFD3E2; +@progressmeterGradientEnd: #8DBDD1; + +// window +@windowBorderColor: #9C9C9C; +@windowBackgroundColor: @baseBackgroundColor; +@windowFramePadding: 4px; + +// panel +@panelBorderColor: #8FB9D0; +@panelBackgroundColor: @baseBackgroundColor; +@panelBodyBackground: #F0F6F9; + +// tabbox +@tabSelectedBackgroundColor: #131313; + +// menu +@menuImageSize: 16px; +@menuActiveBorderColorTR: #838383; +@menuActiveBorderColorBL: #B6B6B6; +@menuPopupBackground: @baseBackgroundColor; +@menuSeparatorBorderColor: #838383; +@menuSeparatorBackgroundColor: #B8B8B8; +@menuPopupSeparatorBorder: #D9F0FC; +@menuPopupSeparatorBackground: #A2C0CE; + +// navbar +@navImageSize: 16px; +@navColor: #333333; +@navBorderColor: #F4F4F3; +@navBackgroundColor: #FFFFFF; //first level, each level is 3% darker (darken(@navBackgroundColor, 3 * level)); +@navHoverBackgroundColor: #E8E8E8; +@navSelectedColor: #FFFFFF; +@navSelectedBackgroundColor: #372F2B; +@navSeparatorColor: #838383; +@navCollapsedWidth: 32px; + +// colorbox +@colorboxBorderColor: #9C9C9C; + +// chosenbox +@chosenboxItemBorderColor: #8FB9D0; +@chosenboxCreateIconColor: @textColorGreen; + +// biglistbox +@biglistboxBackgroundColor: #F0F0F0; +@biglistboxFrozenBackground: #E0E0E0; + +// mesh for ie8 +@meshBackgroundColorIE8: #D7F0FC; +@meshHoverBackgroundColorIE8: #6BA6BF; +@meshSelectedBackgroundColorIE8: #3E697C; +@meshSelectedHoverBackgroundColorIE8: #548DA7; +@meshGroupBackgroundColorIE8: #D0EDFB; +@meshGroupFooterBackgroundColorIE8: #DDF2FC; diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_all.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_all.less new file mode 100644 index 00000000..200758cd --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_all.less @@ -0,0 +1,25 @@ +/** Font Awesome 4.0.1 + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - + * http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - Font Awesome documentation licensed under CC BY 3.0 License - + * http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fontawesome.io" +*/ +@import "~./zul/less/_zkmixins.less"; +@import "_variables.less"; +@import "_mixins.less"; +@import "_path.less"; +@import "_core.less"; +@import "_larger.less"; +@import "_fixed-width.less"; +@import "_list.less"; +@import "_bordered-pulled.less"; +@import "_animated.less"; +@import "_rotated-flipped.less"; +@import "_stacked.less"; +@import "_icons.less"; \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_animated.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_animated.less new file mode 100644 index 00000000..66ad52a5 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_animated.less @@ -0,0 +1,34 @@ +// Animated Icons +// -------------------------- + +.@{fa-css-prefix}-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +.@{fa-css-prefix}-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_bordered-pulled.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_bordered-pulled.less new file mode 100644 index 00000000..0c90eb56 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_bordered-pulled.less @@ -0,0 +1,16 @@ +// Bordered & Pulled +// ------------------------- + +.@{fa-css-prefix}-border { + padding: .2em .25em .15em; + border: solid .08em @fa-border-color; + border-radius: .1em; +} + +.pull-right { float: right; } +.pull-left { float: left; } + +.@{fa-css-prefix} { + &.pull-left { margin-right: .3em; } + &.pull-right { margin-left: .3em; } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_core.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_core.less new file mode 100644 index 00000000..758ced32 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_core.less @@ -0,0 +1,22 @@ +/* FONT AWESOME CORE + * -------------------------- */ + +[class^="z-icon-"], +[class*=" z-icon-"] { + .baseIconFont(); +} + +[class^="z-icon-"]:before, +[class*=" z-icon-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; +} + +/* makes sure icons active on rollover in links */ +a { + [class^="z-icon-"], + [class*=" z-icon-"] { + display: inline; + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_fixed-width.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_fixed-width.less new file mode 100644 index 00000000..110289f2 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_fixed-width.less @@ -0,0 +1,6 @@ +// Fixed Width Icons +// ------------------------- +.@{fa-css-prefix}-fw { + width: (18em / 14); + text-align: center; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_icons.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_icons.less new file mode 100644 index 00000000..c265de5a --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_icons.less @@ -0,0 +1,596 @@ +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ + +.@{fa-css-prefix}-glass:before { content: @fa-var-glass; } +.@{fa-css-prefix}-music:before { content: @fa-var-music; } +.@{fa-css-prefix}-search:before { content: @fa-var-search; } +.@{fa-css-prefix}-envelope-o:before { content: @fa-var-envelope-o; } +.@{fa-css-prefix}-heart:before { content: @fa-var-heart; } +.@{fa-css-prefix}-star:before { content: @fa-var-star; } +.@{fa-css-prefix}-star-o:before { content: @fa-var-star-o; } +.@{fa-css-prefix}-user:before { content: @fa-var-user; } +.@{fa-css-prefix}-film:before { content: @fa-var-film; } +.@{fa-css-prefix}-th-large:before { content: @fa-var-th-large; } +.@{fa-css-prefix}-th:before { content: @fa-var-th; } +.@{fa-css-prefix}-th-list:before { content: @fa-var-th-list; } +.@{fa-css-prefix}-check:before { content: @fa-var-check; } +.@{fa-css-prefix}-remove:before, +.@{fa-css-prefix}-close:before, +.@{fa-css-prefix}-times:before { content: @fa-var-times; } +.@{fa-css-prefix}-search-plus:before { content: @fa-var-search-plus; } +.@{fa-css-prefix}-search-minus:before { content: @fa-var-search-minus; } +.@{fa-css-prefix}-power-off:before { content: @fa-var-power-off; } +.@{fa-css-prefix}-signal:before { content: @fa-var-signal; } +.@{fa-css-prefix}-gear:before, +.@{fa-css-prefix}-cog:before { content: @fa-var-cog; } +.@{fa-css-prefix}-trash-o:before { content: @fa-var-trash-o; } +.@{fa-css-prefix}-home:before { content: @fa-var-home; } +.@{fa-css-prefix}-file-o:before { content: @fa-var-file-o; } +.@{fa-css-prefix}-clock-o:before { content: @fa-var-clock-o; } +.@{fa-css-prefix}-road:before { content: @fa-var-road; } +.@{fa-css-prefix}-download:before { content: @fa-var-download; } +.@{fa-css-prefix}-arrow-circle-o-down:before { content: @fa-var-arrow-circle-o-down; } +.@{fa-css-prefix}-arrow-circle-o-up:before { content: @fa-var-arrow-circle-o-up; } +.@{fa-css-prefix}-inbox:before { content: @fa-var-inbox; } +.@{fa-css-prefix}-play-circle-o:before { content: @fa-var-play-circle-o; } +.@{fa-css-prefix}-rotate-right:before, +.@{fa-css-prefix}-repeat:before { content: @fa-var-repeat; } +.@{fa-css-prefix}-refresh:before { content: @fa-var-refresh; } +.@{fa-css-prefix}-list-alt:before { content: @fa-var-list-alt; } +.@{fa-css-prefix}-lock:before { content: @fa-var-lock; } +.@{fa-css-prefix}-flag:before { content: @fa-var-flag; } +.@{fa-css-prefix}-headphones:before { content: @fa-var-headphones; } +.@{fa-css-prefix}-volume-off:before { content: @fa-var-volume-off; } +.@{fa-css-prefix}-volume-down:before { content: @fa-var-volume-down; } +.@{fa-css-prefix}-volume-up:before { content: @fa-var-volume-up; } +.@{fa-css-prefix}-qrcode:before { content: @fa-var-qrcode; } +.@{fa-css-prefix}-barcode:before { content: @fa-var-barcode; } +.@{fa-css-prefix}-tag:before { content: @fa-var-tag; } +.@{fa-css-prefix}-tags:before { content: @fa-var-tags; } +.@{fa-css-prefix}-book:before { content: @fa-var-book; } +.@{fa-css-prefix}-bookmark:before { content: @fa-var-bookmark; } +.@{fa-css-prefix}-print:before { content: @fa-var-print; } +.@{fa-css-prefix}-camera:before { content: @fa-var-camera; } +.@{fa-css-prefix}-font:before { content: @fa-var-font; } +.@{fa-css-prefix}-bold:before { content: @fa-var-bold; } +.@{fa-css-prefix}-italic:before { content: @fa-var-italic; } +.@{fa-css-prefix}-text-height:before { content: @fa-var-text-height; } +.@{fa-css-prefix}-text-width:before { content: @fa-var-text-width; } +.@{fa-css-prefix}-align-left:before { content: @fa-var-align-left; } +.@{fa-css-prefix}-align-center:before { content: @fa-var-align-center; } +.@{fa-css-prefix}-align-right:before { content: @fa-var-align-right; } +.@{fa-css-prefix}-align-justify:before { content: @fa-var-align-justify; } +.@{fa-css-prefix}-list:before { content: @fa-var-list; } +.@{fa-css-prefix}-dedent:before, +.@{fa-css-prefix}-outdent:before { content: @fa-var-outdent; } +.@{fa-css-prefix}-indent:before { content: @fa-var-indent; } +.@{fa-css-prefix}-video-camera:before { content: @fa-var-video-camera; } +.@{fa-css-prefix}-photo:before, +.@{fa-css-prefix}-image:before, +.@{fa-css-prefix}-picture-o:before { content: @fa-var-picture-o; } +.@{fa-css-prefix}-pencil:before { content: @fa-var-pencil; } +.@{fa-css-prefix}-map-marker:before { content: @fa-var-map-marker; } +.@{fa-css-prefix}-adjust:before { content: @fa-var-adjust; } +.@{fa-css-prefix}-tint:before { content: @fa-var-tint; } +.@{fa-css-prefix}-edit:before, +.@{fa-css-prefix}-pencil-square-o:before { content: @fa-var-pencil-square-o; } +.@{fa-css-prefix}-share-square-o:before { content: @fa-var-share-square-o; } +.@{fa-css-prefix}-check-square-o:before { content: @fa-var-check-square-o; } +.@{fa-css-prefix}-arrows:before { content: @fa-var-arrows; } +.@{fa-css-prefix}-step-backward:before { content: @fa-var-step-backward; } +.@{fa-css-prefix}-fast-backward:before { content: @fa-var-fast-backward; } +.@{fa-css-prefix}-backward:before { content: @fa-var-backward; } +.@{fa-css-prefix}-play:before { content: @fa-var-play; } +.@{fa-css-prefix}-pause:before { content: @fa-var-pause; } +.@{fa-css-prefix}-stop:before { content: @fa-var-stop; } +.@{fa-css-prefix}-forward:before { content: @fa-var-forward; } +.@{fa-css-prefix}-fast-forward:before { content: @fa-var-fast-forward; } +.@{fa-css-prefix}-step-forward:before { content: @fa-var-step-forward; } +.@{fa-css-prefix}-eject:before { content: @fa-var-eject; } +.@{fa-css-prefix}-chevron-left:before { content: @fa-var-chevron-left; } +.@{fa-css-prefix}-chevron-right:before { content: @fa-var-chevron-right; } +.@{fa-css-prefix}-plus-circle:before { content: @fa-var-plus-circle; } +.@{fa-css-prefix}-minus-circle:before { content: @fa-var-minus-circle; } +.@{fa-css-prefix}-times-circle:before { content: @fa-var-times-circle; } +.@{fa-css-prefix}-check-circle:before { content: @fa-var-check-circle; } +.@{fa-css-prefix}-question-circle:before { content: @fa-var-question-circle; } +.@{fa-css-prefix}-info-circle:before { content: @fa-var-info-circle; } +.@{fa-css-prefix}-crosshairs:before { content: @fa-var-crosshairs; } +.@{fa-css-prefix}-times-circle-o:before { content: @fa-var-times-circle-o; } +.@{fa-css-prefix}-check-circle-o:before { content: @fa-var-check-circle-o; } +.@{fa-css-prefix}-ban:before { content: @fa-var-ban; } +.@{fa-css-prefix}-arrow-left:before { content: @fa-var-arrow-left; } +.@{fa-css-prefix}-arrow-right:before { content: @fa-var-arrow-right; } +.@{fa-css-prefix}-arrow-up:before { content: @fa-var-arrow-up; } +.@{fa-css-prefix}-arrow-down:before { content: @fa-var-arrow-down; } +.@{fa-css-prefix}-mail-forward:before, +.@{fa-css-prefix}-share:before { content: @fa-var-share; } +.@{fa-css-prefix}-expand:before { content: @fa-var-expand; } +.@{fa-css-prefix}-compress:before { content: @fa-var-compress; } +.@{fa-css-prefix}-plus:before { content: @fa-var-plus; } +.@{fa-css-prefix}-minus:before { content: @fa-var-minus; } +.@{fa-css-prefix}-asterisk:before { content: @fa-var-asterisk; } +.@{fa-css-prefix}-exclamation-circle:before { content: @fa-var-exclamation-circle; } +.@{fa-css-prefix}-gift:before { content: @fa-var-gift; } +.@{fa-css-prefix}-leaf:before { content: @fa-var-leaf; } +.@{fa-css-prefix}-fire:before { content: @fa-var-fire; } +.@{fa-css-prefix}-eye:before { content: @fa-var-eye; } +.@{fa-css-prefix}-eye-slash:before { content: @fa-var-eye-slash; } +.@{fa-css-prefix}-warning:before, +.@{fa-css-prefix}-exclamation-triangle:before { content: @fa-var-exclamation-triangle; } +.@{fa-css-prefix}-plane:before { content: @fa-var-plane; } +.@{fa-css-prefix}-calendar:before { content: @fa-var-calendar; } +.@{fa-css-prefix}-random:before { content: @fa-var-random; } +.@{fa-css-prefix}-comment:before { content: @fa-var-comment; } +.@{fa-css-prefix}-magnet:before { content: @fa-var-magnet; } +.@{fa-css-prefix}-chevron-up:before { content: @fa-var-chevron-up; } +.@{fa-css-prefix}-chevron-down:before { content: @fa-var-chevron-down; } +.@{fa-css-prefix}-retweet:before { content: @fa-var-retweet; } +.@{fa-css-prefix}-shopping-cart:before { content: @fa-var-shopping-cart; } +.@{fa-css-prefix}-folder:before { content: @fa-var-folder; } +.@{fa-css-prefix}-folder-open:before { content: @fa-var-folder-open; } +.@{fa-css-prefix}-arrows-v:before { content: @fa-var-arrows-v; } +.@{fa-css-prefix}-arrows-h:before { content: @fa-var-arrows-h; } +.@{fa-css-prefix}-bar-chart-o:before, +.@{fa-css-prefix}-bar-chart:before { content: @fa-var-bar-chart; } +.@{fa-css-prefix}-twitter-square:before { content: @fa-var-twitter-square; } +.@{fa-css-prefix}-facebook-square:before { content: @fa-var-facebook-square; } +.@{fa-css-prefix}-camera-retro:before { content: @fa-var-camera-retro; } +.@{fa-css-prefix}-key:before { content: @fa-var-key; } +.@{fa-css-prefix}-gears:before, +.@{fa-css-prefix}-cogs:before { content: @fa-var-cogs; } +.@{fa-css-prefix}-comments:before { content: @fa-var-comments; } +.@{fa-css-prefix}-thumbs-o-up:before { content: @fa-var-thumbs-o-up; } +.@{fa-css-prefix}-thumbs-o-down:before { content: @fa-var-thumbs-o-down; } +.@{fa-css-prefix}-star-half:before { content: @fa-var-star-half; } +.@{fa-css-prefix}-heart-o:before { content: @fa-var-heart-o; } +.@{fa-css-prefix}-sign-out:before { content: @fa-var-sign-out; } +.@{fa-css-prefix}-linkedin-square:before { content: @fa-var-linkedin-square; } +.@{fa-css-prefix}-thumb-tack:before { content: @fa-var-thumb-tack; } +.@{fa-css-prefix}-external-link:before { content: @fa-var-external-link; } +.@{fa-css-prefix}-sign-in:before { content: @fa-var-sign-in; } +.@{fa-css-prefix}-trophy:before { content: @fa-var-trophy; } +.@{fa-css-prefix}-github-square:before { content: @fa-var-github-square; } +.@{fa-css-prefix}-upload:before { content: @fa-var-upload; } +.@{fa-css-prefix}-lemon-o:before { content: @fa-var-lemon-o; } +.@{fa-css-prefix}-phone:before { content: @fa-var-phone; } +.@{fa-css-prefix}-square-o:before { content: @fa-var-square-o; } +.@{fa-css-prefix}-bookmark-o:before { content: @fa-var-bookmark-o; } +.@{fa-css-prefix}-phone-square:before { content: @fa-var-phone-square; } +.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; } +.@{fa-css-prefix}-facebook-f:before, +.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; } +.@{fa-css-prefix}-github:before { content: @fa-var-github; } +.@{fa-css-prefix}-unlock:before { content: @fa-var-unlock; } +.@{fa-css-prefix}-credit-card:before { content: @fa-var-credit-card; } +.@{fa-css-prefix}-rss:before { content: @fa-var-rss; } +.@{fa-css-prefix}-hdd-o:before { content: @fa-var-hdd-o; } +.@{fa-css-prefix}-bullhorn:before { content: @fa-var-bullhorn; } +.@{fa-css-prefix}-bell:before { content: @fa-var-bell; } +.@{fa-css-prefix}-certificate:before { content: @fa-var-certificate; } +.@{fa-css-prefix}-hand-o-right:before { content: @fa-var-hand-o-right; } +.@{fa-css-prefix}-hand-o-left:before { content: @fa-var-hand-o-left; } +.@{fa-css-prefix}-hand-o-up:before { content: @fa-var-hand-o-up; } +.@{fa-css-prefix}-hand-o-down:before { content: @fa-var-hand-o-down; } +.@{fa-css-prefix}-arrow-circle-left:before { content: @fa-var-arrow-circle-left; } +.@{fa-css-prefix}-arrow-circle-right:before { content: @fa-var-arrow-circle-right; } +.@{fa-css-prefix}-arrow-circle-up:before { content: @fa-var-arrow-circle-up; } +.@{fa-css-prefix}-arrow-circle-down:before { content: @fa-var-arrow-circle-down; } +.@{fa-css-prefix}-globe:before { content: @fa-var-globe; } +.@{fa-css-prefix}-wrench:before { content: @fa-var-wrench; } +.@{fa-css-prefix}-tasks:before { content: @fa-var-tasks; } +.@{fa-css-prefix}-filter:before { content: @fa-var-filter; } +.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; } +.@{fa-css-prefix}-arrows-alt:before { content: @fa-var-arrows-alt; } +.@{fa-css-prefix}-group:before, +.@{fa-css-prefix}-users:before { content: @fa-var-users; } +.@{fa-css-prefix}-chain:before, +.@{fa-css-prefix}-link:before { content: @fa-var-link; } +.@{fa-css-prefix}-cloud:before { content: @fa-var-cloud; } +.@{fa-css-prefix}-flask:before { content: @fa-var-flask; } +.@{fa-css-prefix}-cut:before, +.@{fa-css-prefix}-scissors:before { content: @fa-var-scissors; } +.@{fa-css-prefix}-copy:before, +.@{fa-css-prefix}-files-o:before { content: @fa-var-files-o; } +.@{fa-css-prefix}-paperclip:before { content: @fa-var-paperclip; } +.@{fa-css-prefix}-save:before, +.@{fa-css-prefix}-floppy-o:before { content: @fa-var-floppy-o; } +.@{fa-css-prefix}-square:before { content: @fa-var-square; } +.@{fa-css-prefix}-navicon:before, +.@{fa-css-prefix}-reorder:before, +.@{fa-css-prefix}-bars:before { content: @fa-var-bars; } +.@{fa-css-prefix}-list-ul:before { content: @fa-var-list-ul; } +.@{fa-css-prefix}-list-ol:before { content: @fa-var-list-ol; } +.@{fa-css-prefix}-strikethrough:before { content: @fa-var-strikethrough; } +.@{fa-css-prefix}-underline:before { content: @fa-var-underline; } +.@{fa-css-prefix}-table:before { content: @fa-var-table; } +.@{fa-css-prefix}-magic:before { content: @fa-var-magic; } +.@{fa-css-prefix}-truck:before { content: @fa-var-truck; } +.@{fa-css-prefix}-pinterest:before { content: @fa-var-pinterest; } +.@{fa-css-prefix}-pinterest-square:before { content: @fa-var-pinterest-square; } +.@{fa-css-prefix}-google-plus-square:before { content: @fa-var-google-plus-square; } +.@{fa-css-prefix}-google-plus:before { content: @fa-var-google-plus; } +.@{fa-css-prefix}-money:before { content: @fa-var-money; } +.@{fa-css-prefix}-caret-down:before { content: @fa-var-caret-down; } +.@{fa-css-prefix}-caret-up:before { content: @fa-var-caret-up; } +.@{fa-css-prefix}-caret-left:before { content: @fa-var-caret-left; } +.@{fa-css-prefix}-caret-right:before { content: @fa-var-caret-right; } +.@{fa-css-prefix}-columns:before { content: @fa-var-columns; } +.@{fa-css-prefix}-unsorted:before, +.@{fa-css-prefix}-sort:before { content: @fa-var-sort; } +.@{fa-css-prefix}-sort-down:before, +.@{fa-css-prefix}-sort-desc:before { content: @fa-var-sort-desc; } +.@{fa-css-prefix}-sort-up:before, +.@{fa-css-prefix}-sort-asc:before { content: @fa-var-sort-asc; } +.@{fa-css-prefix}-envelope:before { content: @fa-var-envelope; } +.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; } +.@{fa-css-prefix}-rotate-left:before, +.@{fa-css-prefix}-undo:before { content: @fa-var-undo; } +.@{fa-css-prefix}-legal:before, +.@{fa-css-prefix}-gavel:before { content: @fa-var-gavel; } +.@{fa-css-prefix}-dashboard:before, +.@{fa-css-prefix}-tachometer:before { content: @fa-var-tachometer; } +.@{fa-css-prefix}-comment-o:before { content: @fa-var-comment-o; } +.@{fa-css-prefix}-comments-o:before { content: @fa-var-comments-o; } +.@{fa-css-prefix}-flash:before, +.@{fa-css-prefix}-bolt:before { content: @fa-var-bolt; } +.@{fa-css-prefix}-sitemap:before { content: @fa-var-sitemap; } +.@{fa-css-prefix}-umbrella:before { content: @fa-var-umbrella; } +.@{fa-css-prefix}-paste:before, +.@{fa-css-prefix}-clipboard:before { content: @fa-var-clipboard; } +.@{fa-css-prefix}-lightbulb-o:before { content: @fa-var-lightbulb-o; } +.@{fa-css-prefix}-exchange:before { content: @fa-var-exchange; } +.@{fa-css-prefix}-cloud-download:before { content: @fa-var-cloud-download; } +.@{fa-css-prefix}-cloud-upload:before { content: @fa-var-cloud-upload; } +.@{fa-css-prefix}-user-md:before { content: @fa-var-user-md; } +.@{fa-css-prefix}-stethoscope:before { content: @fa-var-stethoscope; } +.@{fa-css-prefix}-suitcase:before { content: @fa-var-suitcase; } +.@{fa-css-prefix}-bell-o:before { content: @fa-var-bell-o; } +.@{fa-css-prefix}-coffee:before { content: @fa-var-coffee; } +.@{fa-css-prefix}-cutlery:before { content: @fa-var-cutlery; } +.@{fa-css-prefix}-file-text-o:before { content: @fa-var-file-text-o; } +.@{fa-css-prefix}-building-o:before { content: @fa-var-building-o; } +.@{fa-css-prefix}-hospital-o:before { content: @fa-var-hospital-o; } +.@{fa-css-prefix}-ambulance:before { content: @fa-var-ambulance; } +.@{fa-css-prefix}-medkit:before { content: @fa-var-medkit; } +.@{fa-css-prefix}-fighter-jet:before { content: @fa-var-fighter-jet; } +.@{fa-css-prefix}-beer:before { content: @fa-var-beer; } +.@{fa-css-prefix}-h-square:before { content: @fa-var-h-square; } +.@{fa-css-prefix}-plus-square:before { content: @fa-var-plus-square; } +.@{fa-css-prefix}-angle-double-left:before { content: @fa-var-angle-double-left; } +.@{fa-css-prefix}-angle-double-right:before { content: @fa-var-angle-double-right; } +.@{fa-css-prefix}-angle-double-up:before { content: @fa-var-angle-double-up; } +.@{fa-css-prefix}-angle-double-down:before { content: @fa-var-angle-double-down; } +.@{fa-css-prefix}-angle-left:before { content: @fa-var-angle-left; } +.@{fa-css-prefix}-angle-right:before { content: @fa-var-angle-right; } +.@{fa-css-prefix}-angle-up:before { content: @fa-var-angle-up; } +.@{fa-css-prefix}-angle-down:before { content: @fa-var-angle-down; } +.@{fa-css-prefix}-desktop:before { content: @fa-var-desktop; } +.@{fa-css-prefix}-laptop:before { content: @fa-var-laptop; } +.@{fa-css-prefix}-tablet:before { content: @fa-var-tablet; } +.@{fa-css-prefix}-mobile-phone:before, +.@{fa-css-prefix}-mobile:before { content: @fa-var-mobile; } +.@{fa-css-prefix}-circle-o:before { content: @fa-var-circle-o; } +.@{fa-css-prefix}-quote-left:before { content: @fa-var-quote-left; } +.@{fa-css-prefix}-quote-right:before { content: @fa-var-quote-right; } +.@{fa-css-prefix}-spinner:before { content: @fa-var-spinner; } +.@{fa-css-prefix}-circle:before { content: @fa-var-circle; } +.@{fa-css-prefix}-mail-reply:before, +.@{fa-css-prefix}-reply:before { content: @fa-var-reply; } +.@{fa-css-prefix}-github-alt:before { content: @fa-var-github-alt; } +.@{fa-css-prefix}-folder-o:before { content: @fa-var-folder-o; } +.@{fa-css-prefix}-folder-open-o:before { content: @fa-var-folder-open-o; } +.@{fa-css-prefix}-smile-o:before { content: @fa-var-smile-o; } +.@{fa-css-prefix}-frown-o:before { content: @fa-var-frown-o; } +.@{fa-css-prefix}-meh-o:before { content: @fa-var-meh-o; } +.@{fa-css-prefix}-gamepad:before { content: @fa-var-gamepad; } +.@{fa-css-prefix}-keyboard-o:before { content: @fa-var-keyboard-o; } +.@{fa-css-prefix}-flag-o:before { content: @fa-var-flag-o; } +.@{fa-css-prefix}-flag-checkered:before { content: @fa-var-flag-checkered; } +.@{fa-css-prefix}-terminal:before { content: @fa-var-terminal; } +.@{fa-css-prefix}-code:before { content: @fa-var-code; } +.@{fa-css-prefix}-mail-reply-all:before, +.@{fa-css-prefix}-reply-all:before { content: @fa-var-reply-all; } +.@{fa-css-prefix}-star-half-empty:before, +.@{fa-css-prefix}-star-half-full:before, +.@{fa-css-prefix}-star-half-o:before { content: @fa-var-star-half-o; } +.@{fa-css-prefix}-location-arrow:before { content: @fa-var-location-arrow; } +.@{fa-css-prefix}-crop:before { content: @fa-var-crop; } +.@{fa-css-prefix}-code-fork:before { content: @fa-var-code-fork; } +.@{fa-css-prefix}-unlink:before, +.@{fa-css-prefix}-chain-broken:before { content: @fa-var-chain-broken; } +.@{fa-css-prefix}-question:before { content: @fa-var-question; } +.@{fa-css-prefix}-info:before { content: @fa-var-info; } +.@{fa-css-prefix}-exclamation:before { content: @fa-var-exclamation; } +.@{fa-css-prefix}-superscript:before { content: @fa-var-superscript; } +.@{fa-css-prefix}-subscript:before { content: @fa-var-subscript; } +.@{fa-css-prefix}-eraser:before { content: @fa-var-eraser; } +.@{fa-css-prefix}-puzzle-piece:before { content: @fa-var-puzzle-piece; } +.@{fa-css-prefix}-microphone:before { content: @fa-var-microphone; } +.@{fa-css-prefix}-microphone-slash:before { content: @fa-var-microphone-slash; } +.@{fa-css-prefix}-shield:before { content: @fa-var-shield; } +.@{fa-css-prefix}-calendar-o:before { content: @fa-var-calendar-o; } +.@{fa-css-prefix}-fire-extinguisher:before { content: @fa-var-fire-extinguisher; } +.@{fa-css-prefix}-rocket:before { content: @fa-var-rocket; } +.@{fa-css-prefix}-maxcdn:before { content: @fa-var-maxcdn; } +.@{fa-css-prefix}-chevron-circle-left:before { content: @fa-var-chevron-circle-left; } +.@{fa-css-prefix}-chevron-circle-right:before { content: @fa-var-chevron-circle-right; } +.@{fa-css-prefix}-chevron-circle-up:before { content: @fa-var-chevron-circle-up; } +.@{fa-css-prefix}-chevron-circle-down:before { content: @fa-var-chevron-circle-down; } +.@{fa-css-prefix}-html5:before { content: @fa-var-html5; } +.@{fa-css-prefix}-css3:before { content: @fa-var-css3; } +.@{fa-css-prefix}-anchor:before { content: @fa-var-anchor; } +.@{fa-css-prefix}-unlock-alt:before { content: @fa-var-unlock-alt; } +.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; } +.@{fa-css-prefix}-ellipsis-h:before { content: @fa-var-ellipsis-h; } +.@{fa-css-prefix}-ellipsis-v:before { content: @fa-var-ellipsis-v; } +.@{fa-css-prefix}-rss-square:before { content: @fa-var-rss-square; } +.@{fa-css-prefix}-play-circle:before { content: @fa-var-play-circle; } +.@{fa-css-prefix}-ticket:before { content: @fa-var-ticket; } +.@{fa-css-prefix}-minus-square:before { content: @fa-var-minus-square; } +.@{fa-css-prefix}-minus-square-o:before { content: @fa-var-minus-square-o; } +.@{fa-css-prefix}-level-up:before { content: @fa-var-level-up; } +.@{fa-css-prefix}-level-down:before { content: @fa-var-level-down; } +.@{fa-css-prefix}-check-square:before { content: @fa-var-check-square; } +.@{fa-css-prefix}-pencil-square:before { content: @fa-var-pencil-square; } +.@{fa-css-prefix}-external-link-square:before { content: @fa-var-external-link-square; } +.@{fa-css-prefix}-share-square:before { content: @fa-var-share-square; } +.@{fa-css-prefix}-compass:before { content: @fa-var-compass; } +.@{fa-css-prefix}-toggle-down:before, +.@{fa-css-prefix}-caret-square-o-down:before { content: @fa-var-caret-square-o-down; } +.@{fa-css-prefix}-toggle-up:before, +.@{fa-css-prefix}-caret-square-o-up:before { content: @fa-var-caret-square-o-up; } +.@{fa-css-prefix}-toggle-right:before, +.@{fa-css-prefix}-caret-square-o-right:before { content: @fa-var-caret-square-o-right; } +.@{fa-css-prefix}-euro:before, +.@{fa-css-prefix}-eur:before { content: @fa-var-eur; } +.@{fa-css-prefix}-gbp:before { content: @fa-var-gbp; } +.@{fa-css-prefix}-dollar:before, +.@{fa-css-prefix}-usd:before { content: @fa-var-usd; } +.@{fa-css-prefix}-rupee:before, +.@{fa-css-prefix}-inr:before { content: @fa-var-inr; } +.@{fa-css-prefix}-cny:before, +.@{fa-css-prefix}-rmb:before, +.@{fa-css-prefix}-yen:before, +.@{fa-css-prefix}-jpy:before { content: @fa-var-jpy; } +.@{fa-css-prefix}-ruble:before, +.@{fa-css-prefix}-rouble:before, +.@{fa-css-prefix}-rub:before { content: @fa-var-rub; } +.@{fa-css-prefix}-won:before, +.@{fa-css-prefix}-krw:before { content: @fa-var-krw; } +.@{fa-css-prefix}-bitcoin:before, +.@{fa-css-prefix}-btc:before { content: @fa-var-btc; } +.@{fa-css-prefix}-file:before { content: @fa-var-file; } +.@{fa-css-prefix}-file-text:before { content: @fa-var-file-text; } +.@{fa-css-prefix}-sort-alpha-asc:before { content: @fa-var-sort-alpha-asc; } +.@{fa-css-prefix}-sort-alpha-desc:before { content: @fa-var-sort-alpha-desc; } +.@{fa-css-prefix}-sort-amount-asc:before { content: @fa-var-sort-amount-asc; } +.@{fa-css-prefix}-sort-amount-desc:before { content: @fa-var-sort-amount-desc; } +.@{fa-css-prefix}-sort-numeric-asc:before { content: @fa-var-sort-numeric-asc; } +.@{fa-css-prefix}-sort-numeric-desc:before { content: @fa-var-sort-numeric-desc; } +.@{fa-css-prefix}-thumbs-up:before { content: @fa-var-thumbs-up; } +.@{fa-css-prefix}-thumbs-down:before { content: @fa-var-thumbs-down; } +.@{fa-css-prefix}-youtube-square:before { content: @fa-var-youtube-square; } +.@{fa-css-prefix}-youtube:before { content: @fa-var-youtube; } +.@{fa-css-prefix}-xing:before { content: @fa-var-xing; } +.@{fa-css-prefix}-xing-square:before { content: @fa-var-xing-square; } +.@{fa-css-prefix}-youtube-play:before { content: @fa-var-youtube-play; } +.@{fa-css-prefix}-dropbox:before { content: @fa-var-dropbox; } +.@{fa-css-prefix}-stack-overflow:before { content: @fa-var-stack-overflow; } +.@{fa-css-prefix}-instagram:before { content: @fa-var-instagram; } +.@{fa-css-prefix}-flickr:before { content: @fa-var-flickr; } +.@{fa-css-prefix}-adn:before { content: @fa-var-adn; } +.@{fa-css-prefix}-bitbucket:before { content: @fa-var-bitbucket; } +.@{fa-css-prefix}-bitbucket-square:before { content: @fa-var-bitbucket-square; } +.@{fa-css-prefix}-tumblr:before { content: @fa-var-tumblr; } +.@{fa-css-prefix}-tumblr-square:before { content: @fa-var-tumblr-square; } +.@{fa-css-prefix}-long-arrow-down:before { content: @fa-var-long-arrow-down; } +.@{fa-css-prefix}-long-arrow-up:before { content: @fa-var-long-arrow-up; } +.@{fa-css-prefix}-long-arrow-left:before { content: @fa-var-long-arrow-left; } +.@{fa-css-prefix}-long-arrow-right:before { content: @fa-var-long-arrow-right; } +.@{fa-css-prefix}-apple:before { content: @fa-var-apple; } +.@{fa-css-prefix}-windows:before { content: @fa-var-windows; } +.@{fa-css-prefix}-android:before { content: @fa-var-android; } +.@{fa-css-prefix}-linux:before { content: @fa-var-linux; } +.@{fa-css-prefix}-dribbble:before { content: @fa-var-dribbble; } +.@{fa-css-prefix}-skype:before { content: @fa-var-skype; } +.@{fa-css-prefix}-foursquare:before { content: @fa-var-foursquare; } +.@{fa-css-prefix}-trello:before { content: @fa-var-trello; } +.@{fa-css-prefix}-female:before { content: @fa-var-female; } +.@{fa-css-prefix}-male:before { content: @fa-var-male; } +.@{fa-css-prefix}-gittip:before, +.@{fa-css-prefix}-gratipay:before { content: @fa-var-gratipay; } +.@{fa-css-prefix}-sun-o:before { content: @fa-var-sun-o; } +.@{fa-css-prefix}-moon-o:before { content: @fa-var-moon-o; } +.@{fa-css-prefix}-archive:before { content: @fa-var-archive; } +.@{fa-css-prefix}-bug:before { content: @fa-var-bug; } +.@{fa-css-prefix}-vk:before { content: @fa-var-vk; } +.@{fa-css-prefix}-weibo:before { content: @fa-var-weibo; } +.@{fa-css-prefix}-renren:before { content: @fa-var-renren; } +.@{fa-css-prefix}-pagelines:before { content: @fa-var-pagelines; } +.@{fa-css-prefix}-stack-exchange:before { content: @fa-var-stack-exchange; } +.@{fa-css-prefix}-arrow-circle-o-right:before { content: @fa-var-arrow-circle-o-right; } +.@{fa-css-prefix}-arrow-circle-o-left:before { content: @fa-var-arrow-circle-o-left; } +.@{fa-css-prefix}-toggle-left:before, +.@{fa-css-prefix}-caret-square-o-left:before { content: @fa-var-caret-square-o-left; } +.@{fa-css-prefix}-dot-circle-o:before { content: @fa-var-dot-circle-o; } +.@{fa-css-prefix}-wheelchair:before { content: @fa-var-wheelchair; } +.@{fa-css-prefix}-vimeo-square:before { content: @fa-var-vimeo-square; } +.@{fa-css-prefix}-turkish-lira:before, +.@{fa-css-prefix}-try:before { content: @fa-var-try; } +.@{fa-css-prefix}-plus-square-o:before { content: @fa-var-plus-square-o; } +.@{fa-css-prefix}-space-shuttle:before { content: @fa-var-space-shuttle; } +.@{fa-css-prefix}-slack:before { content: @fa-var-slack; } +.@{fa-css-prefix}-envelope-square:before { content: @fa-var-envelope-square; } +.@{fa-css-prefix}-wordpress:before { content: @fa-var-wordpress; } +.@{fa-css-prefix}-openid:before { content: @fa-var-openid; } +.@{fa-css-prefix}-institution:before, +.@{fa-css-prefix}-bank:before, +.@{fa-css-prefix}-university:before { content: @fa-var-university; } +.@{fa-css-prefix}-mortar-board:before, +.@{fa-css-prefix}-graduation-cap:before { content: @fa-var-graduation-cap; } +.@{fa-css-prefix}-yahoo:before { content: @fa-var-yahoo; } +.@{fa-css-prefix}-google:before { content: @fa-var-google; } +.@{fa-css-prefix}-reddit:before { content: @fa-var-reddit; } +.@{fa-css-prefix}-reddit-square:before { content: @fa-var-reddit-square; } +.@{fa-css-prefix}-stumbleupon-circle:before { content: @fa-var-stumbleupon-circle; } +.@{fa-css-prefix}-stumbleupon:before { content: @fa-var-stumbleupon; } +.@{fa-css-prefix}-delicious:before { content: @fa-var-delicious; } +.@{fa-css-prefix}-digg:before { content: @fa-var-digg; } +.@{fa-css-prefix}-pied-piper:before { content: @fa-var-pied-piper; } +.@{fa-css-prefix}-pied-piper-alt:before { content: @fa-var-pied-piper-alt; } +.@{fa-css-prefix}-drupal:before { content: @fa-var-drupal; } +.@{fa-css-prefix}-joomla:before { content: @fa-var-joomla; } +.@{fa-css-prefix}-language:before { content: @fa-var-language; } +.@{fa-css-prefix}-fax:before { content: @fa-var-fax; } +.@{fa-css-prefix}-building:before { content: @fa-var-building; } +.@{fa-css-prefix}-child:before { content: @fa-var-child; } +.@{fa-css-prefix}-paw:before { content: @fa-var-paw; } +.@{fa-css-prefix}-spoon:before { content: @fa-var-spoon; } +.@{fa-css-prefix}-cube:before { content: @fa-var-cube; } +.@{fa-css-prefix}-cubes:before { content: @fa-var-cubes; } +.@{fa-css-prefix}-behance:before { content: @fa-var-behance; } +.@{fa-css-prefix}-behance-square:before { content: @fa-var-behance-square; } +.@{fa-css-prefix}-steam:before { content: @fa-var-steam; } +.@{fa-css-prefix}-steam-square:before { content: @fa-var-steam-square; } +.@{fa-css-prefix}-recycle:before { content: @fa-var-recycle; } +.@{fa-css-prefix}-automobile:before, +.@{fa-css-prefix}-car:before { content: @fa-var-car; } +.@{fa-css-prefix}-cab:before, +.@{fa-css-prefix}-taxi:before { content: @fa-var-taxi; } +.@{fa-css-prefix}-tree:before { content: @fa-var-tree; } +.@{fa-css-prefix}-spotify:before { content: @fa-var-spotify; } +.@{fa-css-prefix}-deviantart:before { content: @fa-var-deviantart; } +.@{fa-css-prefix}-soundcloud:before { content: @fa-var-soundcloud; } +.@{fa-css-prefix}-database:before { content: @fa-var-database; } +.@{fa-css-prefix}-file-pdf-o:before { content: @fa-var-file-pdf-o; } +.@{fa-css-prefix}-file-word-o:before { content: @fa-var-file-word-o; } +.@{fa-css-prefix}-file-excel-o:before { content: @fa-var-file-excel-o; } +.@{fa-css-prefix}-file-powerpoint-o:before { content: @fa-var-file-powerpoint-o; } +.@{fa-css-prefix}-file-photo-o:before, +.@{fa-css-prefix}-file-picture-o:before, +.@{fa-css-prefix}-file-image-o:before { content: @fa-var-file-image-o; } +.@{fa-css-prefix}-file-zip-o:before, +.@{fa-css-prefix}-file-archive-o:before { content: @fa-var-file-archive-o; } +.@{fa-css-prefix}-file-sound-o:before, +.@{fa-css-prefix}-file-audio-o:before { content: @fa-var-file-audio-o; } +.@{fa-css-prefix}-file-movie-o:before, +.@{fa-css-prefix}-file-video-o:before { content: @fa-var-file-video-o; } +.@{fa-css-prefix}-file-code-o:before { content: @fa-var-file-code-o; } +.@{fa-css-prefix}-vine:before { content: @fa-var-vine; } +.@{fa-css-prefix}-codepen:before { content: @fa-var-codepen; } +.@{fa-css-prefix}-jsfiddle:before { content: @fa-var-jsfiddle; } +.@{fa-css-prefix}-life-bouy:before, +.@{fa-css-prefix}-life-buoy:before, +.@{fa-css-prefix}-life-saver:before, +.@{fa-css-prefix}-support:before, +.@{fa-css-prefix}-life-ring:before { content: @fa-var-life-ring; } +.@{fa-css-prefix}-circle-o-notch:before { content: @fa-var-circle-o-notch; } +.@{fa-css-prefix}-ra:before, +.@{fa-css-prefix}-rebel:before { content: @fa-var-rebel; } +.@{fa-css-prefix}-ge:before, +.@{fa-css-prefix}-empire:before { content: @fa-var-empire; } +.@{fa-css-prefix}-git-square:before { content: @fa-var-git-square; } +.@{fa-css-prefix}-git:before { content: @fa-var-git; } +.@{fa-css-prefix}-hacker-news:before { content: @fa-var-hacker-news; } +.@{fa-css-prefix}-tencent-weibo:before { content: @fa-var-tencent-weibo; } +.@{fa-css-prefix}-qq:before { content: @fa-var-qq; } +.@{fa-css-prefix}-wechat:before, +.@{fa-css-prefix}-weixin:before { content: @fa-var-weixin; } +.@{fa-css-prefix}-send:before, +.@{fa-css-prefix}-paper-plane:before { content: @fa-var-paper-plane; } +.@{fa-css-prefix}-send-o:before, +.@{fa-css-prefix}-paper-plane-o:before { content: @fa-var-paper-plane-o; } +.@{fa-css-prefix}-history:before { content: @fa-var-history; } +.@{fa-css-prefix}-genderless:before, +.@{fa-css-prefix}-circle-thin:before { content: @fa-var-circle-thin; } +.@{fa-css-prefix}-header:before { content: @fa-var-header; } +.@{fa-css-prefix}-paragraph:before { content: @fa-var-paragraph; } +.@{fa-css-prefix}-sliders:before { content: @fa-var-sliders; } +.@{fa-css-prefix}-share-alt:before { content: @fa-var-share-alt; } +.@{fa-css-prefix}-share-alt-square:before { content: @fa-var-share-alt-square; } +.@{fa-css-prefix}-bomb:before { content: @fa-var-bomb; } +.@{fa-css-prefix}-soccer-ball-o:before, +.@{fa-css-prefix}-futbol-o:before { content: @fa-var-futbol-o; } +.@{fa-css-prefix}-tty:before { content: @fa-var-tty; } +.@{fa-css-prefix}-binoculars:before { content: @fa-var-binoculars; } +.@{fa-css-prefix}-plug:before { content: @fa-var-plug; } +.@{fa-css-prefix}-slideshare:before { content: @fa-var-slideshare; } +.@{fa-css-prefix}-twitch:before { content: @fa-var-twitch; } +.@{fa-css-prefix}-yelp:before { content: @fa-var-yelp; } +.@{fa-css-prefix}-newspaper-o:before { content: @fa-var-newspaper-o; } +.@{fa-css-prefix}-wifi:before { content: @fa-var-wifi; } +.@{fa-css-prefix}-calculator:before { content: @fa-var-calculator; } +.@{fa-css-prefix}-paypal:before { content: @fa-var-paypal; } +.@{fa-css-prefix}-google-wallet:before { content: @fa-var-google-wallet; } +.@{fa-css-prefix}-cc-visa:before { content: @fa-var-cc-visa; } +.@{fa-css-prefix}-cc-mastercard:before { content: @fa-var-cc-mastercard; } +.@{fa-css-prefix}-cc-discover:before { content: @fa-var-cc-discover; } +.@{fa-css-prefix}-cc-amex:before { content: @fa-var-cc-amex; } +.@{fa-css-prefix}-cc-paypal:before { content: @fa-var-cc-paypal; } +.@{fa-css-prefix}-cc-stripe:before { content: @fa-var-cc-stripe; } +.@{fa-css-prefix}-bell-slash:before { content: @fa-var-bell-slash; } +.@{fa-css-prefix}-bell-slash-o:before { content: @fa-var-bell-slash-o; } +.@{fa-css-prefix}-trash:before { content: @fa-var-trash; } +.@{fa-css-prefix}-copyright:before { content: @fa-var-copyright; } +.@{fa-css-prefix}-at:before { content: @fa-var-at; } +.@{fa-css-prefix}-eyedropper:before { content: @fa-var-eyedropper; } +.@{fa-css-prefix}-paint-brush:before { content: @fa-var-paint-brush; } +.@{fa-css-prefix}-birthday-cake:before { content: @fa-var-birthday-cake; } +.@{fa-css-prefix}-area-chart:before { content: @fa-var-area-chart; } +.@{fa-css-prefix}-pie-chart:before { content: @fa-var-pie-chart; } +.@{fa-css-prefix}-line-chart:before { content: @fa-var-line-chart; } +.@{fa-css-prefix}-lastfm:before { content: @fa-var-lastfm; } +.@{fa-css-prefix}-lastfm-square:before { content: @fa-var-lastfm-square; } +.@{fa-css-prefix}-toggle-off:before { content: @fa-var-toggle-off; } +.@{fa-css-prefix}-toggle-on:before { content: @fa-var-toggle-on; } +.@{fa-css-prefix}-bicycle:before { content: @fa-var-bicycle; } +.@{fa-css-prefix}-bus:before { content: @fa-var-bus; } +.@{fa-css-prefix}-ioxhost:before { content: @fa-var-ioxhost; } +.@{fa-css-prefix}-angellist:before { content: @fa-var-angellist; } +.@{fa-css-prefix}-cc:before { content: @fa-var-cc; } +.@{fa-css-prefix}-shekel:before, +.@{fa-css-prefix}-sheqel:before, +.@{fa-css-prefix}-ils:before { content: @fa-var-ils; } +.@{fa-css-prefix}-meanpath:before { content: @fa-var-meanpath; } +.@{fa-css-prefix}-buysellads:before { content: @fa-var-buysellads; } +.@{fa-css-prefix}-connectdevelop:before { content: @fa-var-connectdevelop; } +.@{fa-css-prefix}-dashcube:before { content: @fa-var-dashcube; } +.@{fa-css-prefix}-forumbee:before { content: @fa-var-forumbee; } +.@{fa-css-prefix}-leanpub:before { content: @fa-var-leanpub; } +.@{fa-css-prefix}-sellsy:before { content: @fa-var-sellsy; } +.@{fa-css-prefix}-shirtsinbulk:before { content: @fa-var-shirtsinbulk; } +.@{fa-css-prefix}-simplybuilt:before { content: @fa-var-simplybuilt; } +.@{fa-css-prefix}-skyatlas:before { content: @fa-var-skyatlas; } +.@{fa-css-prefix}-cart-plus:before { content: @fa-var-cart-plus; } +.@{fa-css-prefix}-cart-arrow-down:before { content: @fa-var-cart-arrow-down; } +.@{fa-css-prefix}-diamond:before { content: @fa-var-diamond; } +.@{fa-css-prefix}-ship:before { content: @fa-var-ship; } +.@{fa-css-prefix}-user-secret:before { content: @fa-var-user-secret; } +.@{fa-css-prefix}-motorcycle:before { content: @fa-var-motorcycle; } +.@{fa-css-prefix}-street-view:before { content: @fa-var-street-view; } +.@{fa-css-prefix}-heartbeat:before { content: @fa-var-heartbeat; } +.@{fa-css-prefix}-venus:before { content: @fa-var-venus; } +.@{fa-css-prefix}-mars:before { content: @fa-var-mars; } +.@{fa-css-prefix}-mercury:before { content: @fa-var-mercury; } +.@{fa-css-prefix}-transgender:before { content: @fa-var-transgender; } +.@{fa-css-prefix}-transgender-alt:before { content: @fa-var-transgender-alt; } +.@{fa-css-prefix}-venus-double:before { content: @fa-var-venus-double; } +.@{fa-css-prefix}-mars-double:before { content: @fa-var-mars-double; } +.@{fa-css-prefix}-venus-mars:before { content: @fa-var-venus-mars; } +.@{fa-css-prefix}-mars-stroke:before { content: @fa-var-mars-stroke; } +.@{fa-css-prefix}-mars-stroke-v:before { content: @fa-var-mars-stroke-v; } +.@{fa-css-prefix}-mars-stroke-h:before { content: @fa-var-mars-stroke-h; } +.@{fa-css-prefix}-neuter:before { content: @fa-var-neuter; } +.@{fa-css-prefix}-facebook-official:before { content: @fa-var-facebook-official; } +.@{fa-css-prefix}-pinterest-p:before { content: @fa-var-pinterest-p; } +.@{fa-css-prefix}-whatsapp:before { content: @fa-var-whatsapp; } +.@{fa-css-prefix}-server:before { content: @fa-var-server; } +.@{fa-css-prefix}-user-plus:before { content: @fa-var-user-plus; } +.@{fa-css-prefix}-user-times:before { content: @fa-var-user-times; } +.@{fa-css-prefix}-hotel:before, +.@{fa-css-prefix}-bed:before { content: @fa-var-bed; } +.@{fa-css-prefix}-viacoin:before { content: @fa-var-viacoin; } +.@{fa-css-prefix}-train:before { content: @fa-var-train; } +.@{fa-css-prefix}-subway:before { content: @fa-var-subway; } +.@{fa-css-prefix}-medium:before { content: @fa-var-medium; } diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_larger.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_larger.less new file mode 100644 index 00000000..c9d64677 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_larger.less @@ -0,0 +1,13 @@ +// Icon Sizes +// ------------------------- + +/* makes the font 33% larger relative to the icon container */ +.@{fa-css-prefix}-lg { + font-size: (4em / 3); + line-height: (3em / 4); + vertical-align: -15%; +} +.@{fa-css-prefix}-2x { font-size: 2em; } +.@{fa-css-prefix}-3x { font-size: 3em; } +.@{fa-css-prefix}-4x { font-size: 4em; } +.@{fa-css-prefix}-5x { font-size: 5em; } diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_list.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_list.less new file mode 100644 index 00000000..0b440382 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_list.less @@ -0,0 +1,19 @@ +// List Icons +// ------------------------- + +.@{fa-css-prefix}-ul { + padding-left: 0; + margin-left: @fa-li-width; + list-style-type: none; + > li { position: relative; } +} +.@{fa-css-prefix}-li { + position: absolute; + left: -@fa-li-width; + width: @fa-li-width; + top: (2em / 14); + text-align: center; + &.@{fa-css-prefix}-lg { + left: (-@fa-li-width + (4em / 14)); + } +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_mixins.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_mixins.less new file mode 100644 index 00000000..c97f4604 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_mixins.less @@ -0,0 +1,27 @@ +// Mixins +// -------------------------- + +.fa-icon() { + display: inline-block; + font: normal normal normal @fa-font-size-base/1 FontAwesome; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transform: translate(0, 0); // ensures no half-pixel rendering in firefox + +} + +.fa-icon-rotate(@degrees, @rotation) { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation); + -webkit-transform: rotate(@degrees); + -ms-transform: rotate(@degrees); + transform: rotate(@degrees); +} + +.fa-icon-flip(@horiz, @vert, @rotation) { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1); + -webkit-transform: scale(@horiz, @vert); + -ms-transform: scale(@horiz, @vert); + transform: scale(@horiz, @vert); +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_path.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_path.less new file mode 100644 index 00000000..88e07737 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_path.less @@ -0,0 +1,16 @@ +/* FONT PATH + * -------------------------- */ + +@font-face { + font-family: 'FontAwesome'; + src: url(${c:encodeURL('~./zul/less/font/fontawesome-webfont.eot?v=@{fa-version}')}); + src: url(${c:encodeURL('~./zul/less/font/fontawesome-webfont.eot?#iefix&v=@{fa-version}')}) format('embedded-opentype'), + url(${c:encodeURL('~./zul/less/font/fontawesome-webfont.woff2?v=@{fa-version}')}) format('woff2'), + url(${c:encodeURL('~./zul/less/font/fontawesome-webfont.woff?v=@{fa-version}')}) format('woff'), + url(${c:encodeURL('~./zul/less/font/fontawesome-webfont.ttf?v=@{fa-version}')}) format('truetype'), + url(${c:encodeURL('~./zul/less/font/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular')}) format('svg'); +// src: url(${c:encodeURL('~./zul/less/font/FontAwesome.otf')}) format('opentype'); // used when developing fonts + + font-weight: normal; + font-style: normal; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_rotated-flipped.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_rotated-flipped.less new file mode 100644 index 00000000..f6ba8147 --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_rotated-flipped.less @@ -0,0 +1,20 @@ +// Rotated & Flipped Icons +// ------------------------- + +.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } +.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } +.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } + +.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } +.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } + +// Hook for IE8-9 +// ------------------------- + +:root .@{fa-css-prefix}-rotate-90, +:root .@{fa-css-prefix}-rotate-180, +:root .@{fa-css-prefix}-rotate-270, +:root .@{fa-css-prefix}-flip-horizontal, +:root .@{fa-css-prefix}-flip-vertical { + filter: none; +} diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_stacked.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_stacked.less new file mode 100644 index 00000000..fc53fb0e --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_stacked.less @@ -0,0 +1,20 @@ +// Stacked Icons +// ------------------------- + +.@{fa-css-prefix}-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.@{fa-css-prefix}-stack-1x { line-height: inherit; } +.@{fa-css-prefix}-stack-2x { font-size: 2em; } +.@{fa-css-prefix}-inverse { color: @fa-inverse; } diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_variables.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_variables.less new file mode 100644 index 00000000..c1878f0d --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/font/_variables.less @@ -0,0 +1,606 @@ +// Variables +// -------------------------- + +@fa-font-path: "../fonts"; +@fa-font-size-base: 14px; +//@fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts"; // for referencing Bootstrap CDN font files directly +@fa-css-prefix: z-icon; +@fa-version: "4.3.0"; +@fa-border-color: #eee; +@fa-inverse: #fff; +@fa-li-width: (30em / 14); + +@fa-var-adjust: "\f042"; +@fa-var-adn: "\f170"; +@fa-var-align-center: "\f037"; +@fa-var-align-justify: "\f039"; +@fa-var-align-left: "\f036"; +@fa-var-align-right: "\f038"; +@fa-var-ambulance: "\f0f9"; +@fa-var-anchor: "\f13d"; +@fa-var-android: "\f17b"; +@fa-var-angellist: "\f209"; +@fa-var-angle-double-down: "\f103"; +@fa-var-angle-double-left: "\f100"; +@fa-var-angle-double-right: "\f101"; +@fa-var-angle-double-up: "\f102"; +@fa-var-angle-down: "\f107"; +@fa-var-angle-left: "\f104"; +@fa-var-angle-right: "\f105"; +@fa-var-angle-up: "\f106"; +@fa-var-apple: "\f179"; +@fa-var-archive: "\f187"; +@fa-var-area-chart: "\f1fe"; +@fa-var-arrow-circle-down: "\f0ab"; +@fa-var-arrow-circle-left: "\f0a8"; +@fa-var-arrow-circle-o-down: "\f01a"; +@fa-var-arrow-circle-o-left: "\f190"; +@fa-var-arrow-circle-o-right: "\f18e"; +@fa-var-arrow-circle-o-up: "\f01b"; +@fa-var-arrow-circle-right: "\f0a9"; +@fa-var-arrow-circle-up: "\f0aa"; +@fa-var-arrow-down: "\f063"; +@fa-var-arrow-left: "\f060"; +@fa-var-arrow-right: "\f061"; +@fa-var-arrow-up: "\f062"; +@fa-var-arrows: "\f047"; +@fa-var-arrows-alt: "\f0b2"; +@fa-var-arrows-h: "\f07e"; +@fa-var-arrows-v: "\f07d"; +@fa-var-asterisk: "\f069"; +@fa-var-at: "\f1fa"; +@fa-var-automobile: "\f1b9"; +@fa-var-backward: "\f04a"; +@fa-var-ban: "\f05e"; +@fa-var-bank: "\f19c"; +@fa-var-bar-chart: "\f080"; +@fa-var-bar-chart-o: "\f080"; +@fa-var-barcode: "\f02a"; +@fa-var-bars: "\f0c9"; +@fa-var-bed: "\f236"; +@fa-var-beer: "\f0fc"; +@fa-var-behance: "\f1b4"; +@fa-var-behance-square: "\f1b5"; +@fa-var-bell: "\f0f3"; +@fa-var-bell-o: "\f0a2"; +@fa-var-bell-slash: "\f1f6"; +@fa-var-bell-slash-o: "\f1f7"; +@fa-var-bicycle: "\f206"; +@fa-var-binoculars: "\f1e5"; +@fa-var-birthday-cake: "\f1fd"; +@fa-var-bitbucket: "\f171"; +@fa-var-bitbucket-square: "\f172"; +@fa-var-bitcoin: "\f15a"; +@fa-var-bold: "\f032"; +@fa-var-bolt: "\f0e7"; +@fa-var-bomb: "\f1e2"; +@fa-var-book: "\f02d"; +@fa-var-bookmark: "\f02e"; +@fa-var-bookmark-o: "\f097"; +@fa-var-briefcase: "\f0b1"; +@fa-var-btc: "\f15a"; +@fa-var-bug: "\f188"; +@fa-var-building: "\f1ad"; +@fa-var-building-o: "\f0f7"; +@fa-var-bullhorn: "\f0a1"; +@fa-var-bullseye: "\f140"; +@fa-var-bus: "\f207"; +@fa-var-buysellads: "\f20d"; +@fa-var-cab: "\f1ba"; +@fa-var-calculator: "\f1ec"; +@fa-var-calendar: "\f073"; +@fa-var-calendar-o: "\f133"; +@fa-var-camera: "\f030"; +@fa-var-camera-retro: "\f083"; +@fa-var-car: "\f1b9"; +@fa-var-caret-down: "\f0d7"; +@fa-var-caret-left: "\f0d9"; +@fa-var-caret-right: "\f0da"; +@fa-var-caret-square-o-down: "\f150"; +@fa-var-caret-square-o-left: "\f191"; +@fa-var-caret-square-o-right: "\f152"; +@fa-var-caret-square-o-up: "\f151"; +@fa-var-caret-up: "\f0d8"; +@fa-var-cart-arrow-down: "\f218"; +@fa-var-cart-plus: "\f217"; +@fa-var-cc: "\f20a"; +@fa-var-cc-amex: "\f1f3"; +@fa-var-cc-discover: "\f1f2"; +@fa-var-cc-mastercard: "\f1f1"; +@fa-var-cc-paypal: "\f1f4"; +@fa-var-cc-stripe: "\f1f5"; +@fa-var-cc-visa: "\f1f0"; +@fa-var-certificate: "\f0a3"; +@fa-var-chain: "\f0c1"; +@fa-var-chain-broken: "\f127"; +@fa-var-check: "\f00c"; +@fa-var-check-circle: "\f058"; +@fa-var-check-circle-o: "\f05d"; +@fa-var-check-square: "\f14a"; +@fa-var-check-square-o: "\f046"; +@fa-var-chevron-circle-down: "\f13a"; +@fa-var-chevron-circle-left: "\f137"; +@fa-var-chevron-circle-right: "\f138"; +@fa-var-chevron-circle-up: "\f139"; +@fa-var-chevron-down: "\f078"; +@fa-var-chevron-left: "\f053"; +@fa-var-chevron-right: "\f054"; +@fa-var-chevron-up: "\f077"; +@fa-var-child: "\f1ae"; +@fa-var-circle: "\f111"; +@fa-var-circle-o: "\f10c"; +@fa-var-circle-o-notch: "\f1ce"; +@fa-var-circle-thin: "\f1db"; +@fa-var-clipboard: "\f0ea"; +@fa-var-clock-o: "\f017"; +@fa-var-close: "\f00d"; +@fa-var-cloud: "\f0c2"; +@fa-var-cloud-download: "\f0ed"; +@fa-var-cloud-upload: "\f0ee"; +@fa-var-cny: "\f157"; +@fa-var-code: "\f121"; +@fa-var-code-fork: "\f126"; +@fa-var-codepen: "\f1cb"; +@fa-var-coffee: "\f0f4"; +@fa-var-cog: "\f013"; +@fa-var-cogs: "\f085"; +@fa-var-columns: "\f0db"; +@fa-var-comment: "\f075"; +@fa-var-comment-o: "\f0e5"; +@fa-var-comments: "\f086"; +@fa-var-comments-o: "\f0e6"; +@fa-var-compass: "\f14e"; +@fa-var-compress: "\f066"; +@fa-var-connectdevelop: "\f20e"; +@fa-var-copy: "\f0c5"; +@fa-var-copyright: "\f1f9"; +@fa-var-credit-card: "\f09d"; +@fa-var-crop: "\f125"; +@fa-var-crosshairs: "\f05b"; +@fa-var-css3: "\f13c"; +@fa-var-cube: "\f1b2"; +@fa-var-cubes: "\f1b3"; +@fa-var-cut: "\f0c4"; +@fa-var-cutlery: "\f0f5"; +@fa-var-dashboard: "\f0e4"; +@fa-var-dashcube: "\f210"; +@fa-var-database: "\f1c0"; +@fa-var-dedent: "\f03b"; +@fa-var-delicious: "\f1a5"; +@fa-var-desktop: "\f108"; +@fa-var-deviantart: "\f1bd"; +@fa-var-diamond: "\f219"; +@fa-var-digg: "\f1a6"; +@fa-var-dollar: "\f155"; +@fa-var-dot-circle-o: "\f192"; +@fa-var-download: "\f019"; +@fa-var-dribbble: "\f17d"; +@fa-var-dropbox: "\f16b"; +@fa-var-drupal: "\f1a9"; +@fa-var-edit: "\f044"; +@fa-var-eject: "\f052"; +@fa-var-ellipsis-h: "\f141"; +@fa-var-ellipsis-v: "\f142"; +@fa-var-empire: "\f1d1"; +@fa-var-envelope: "\f0e0"; +@fa-var-envelope-o: "\f003"; +@fa-var-envelope-square: "\f199"; +@fa-var-eraser: "\f12d"; +@fa-var-eur: "\f153"; +@fa-var-euro: "\f153"; +@fa-var-exchange: "\f0ec"; +@fa-var-exclamation: "\f12a"; +@fa-var-exclamation-circle: "\f06a"; +@fa-var-exclamation-triangle: "\f071"; +@fa-var-expand: "\f065"; +@fa-var-external-link: "\f08e"; +@fa-var-external-link-square: "\f14c"; +@fa-var-eye: "\f06e"; +@fa-var-eye-slash: "\f070"; +@fa-var-eyedropper: "\f1fb"; +@fa-var-facebook: "\f09a"; +@fa-var-facebook-f: "\f09a"; +@fa-var-facebook-official: "\f230"; +@fa-var-facebook-square: "\f082"; +@fa-var-fast-backward: "\f049"; +@fa-var-fast-forward: "\f050"; +@fa-var-fax: "\f1ac"; +@fa-var-female: "\f182"; +@fa-var-fighter-jet: "\f0fb"; +@fa-var-file: "\f15b"; +@fa-var-file-archive-o: "\f1c6"; +@fa-var-file-audio-o: "\f1c7"; +@fa-var-file-code-o: "\f1c9"; +@fa-var-file-excel-o: "\f1c3"; +@fa-var-file-image-o: "\f1c5"; +@fa-var-file-movie-o: "\f1c8"; +@fa-var-file-o: "\f016"; +@fa-var-file-pdf-o: "\f1c1"; +@fa-var-file-photo-o: "\f1c5"; +@fa-var-file-picture-o: "\f1c5"; +@fa-var-file-powerpoint-o: "\f1c4"; +@fa-var-file-sound-o: "\f1c7"; +@fa-var-file-text: "\f15c"; +@fa-var-file-text-o: "\f0f6"; +@fa-var-file-video-o: "\f1c8"; +@fa-var-file-word-o: "\f1c2"; +@fa-var-file-zip-o: "\f1c6"; +@fa-var-files-o: "\f0c5"; +@fa-var-film: "\f008"; +@fa-var-filter: "\f0b0"; +@fa-var-fire: "\f06d"; +@fa-var-fire-extinguisher: "\f134"; +@fa-var-flag: "\f024"; +@fa-var-flag-checkered: "\f11e"; +@fa-var-flag-o: "\f11d"; +@fa-var-flash: "\f0e7"; +@fa-var-flask: "\f0c3"; +@fa-var-flickr: "\f16e"; +@fa-var-floppy-o: "\f0c7"; +@fa-var-folder: "\f07b"; +@fa-var-folder-o: "\f114"; +@fa-var-folder-open: "\f07c"; +@fa-var-folder-open-o: "\f115"; +@fa-var-font: "\f031"; +@fa-var-forumbee: "\f211"; +@fa-var-forward: "\f04e"; +@fa-var-foursquare: "\f180"; +@fa-var-frown-o: "\f119"; +@fa-var-futbol-o: "\f1e3"; +@fa-var-gamepad: "\f11b"; +@fa-var-gavel: "\f0e3"; +@fa-var-gbp: "\f154"; +@fa-var-ge: "\f1d1"; +@fa-var-gear: "\f013"; +@fa-var-gears: "\f085"; +@fa-var-genderless: "\f1db"; +@fa-var-gift: "\f06b"; +@fa-var-git: "\f1d3"; +@fa-var-git-square: "\f1d2"; +@fa-var-github: "\f09b"; +@fa-var-github-alt: "\f113"; +@fa-var-github-square: "\f092"; +@fa-var-gittip: "\f184"; +@fa-var-glass: "\f000"; +@fa-var-globe: "\f0ac"; +@fa-var-google: "\f1a0"; +@fa-var-google-plus: "\f0d5"; +@fa-var-google-plus-square: "\f0d4"; +@fa-var-google-wallet: "\f1ee"; +@fa-var-graduation-cap: "\f19d"; +@fa-var-gratipay: "\f184"; +@fa-var-group: "\f0c0"; +@fa-var-h-square: "\f0fd"; +@fa-var-hacker-news: "\f1d4"; +@fa-var-hand-o-down: "\f0a7"; +@fa-var-hand-o-left: "\f0a5"; +@fa-var-hand-o-right: "\f0a4"; +@fa-var-hand-o-up: "\f0a6"; +@fa-var-hdd-o: "\f0a0"; +@fa-var-header: "\f1dc"; +@fa-var-headphones: "\f025"; +@fa-var-heart: "\f004"; +@fa-var-heart-o: "\f08a"; +@fa-var-heartbeat: "\f21e"; +@fa-var-history: "\f1da"; +@fa-var-home: "\f015"; +@fa-var-hospital-o: "\f0f8"; +@fa-var-hotel: "\f236"; +@fa-var-html5: "\f13b"; +@fa-var-ils: "\f20b"; +@fa-var-image: "\f03e"; +@fa-var-inbox: "\f01c"; +@fa-var-indent: "\f03c"; +@fa-var-info: "\f129"; +@fa-var-info-circle: "\f05a"; +@fa-var-inr: "\f156"; +@fa-var-instagram: "\f16d"; +@fa-var-institution: "\f19c"; +@fa-var-ioxhost: "\f208"; +@fa-var-italic: "\f033"; +@fa-var-joomla: "\f1aa"; +@fa-var-jpy: "\f157"; +@fa-var-jsfiddle: "\f1cc"; +@fa-var-key: "\f084"; +@fa-var-keyboard-o: "\f11c"; +@fa-var-krw: "\f159"; +@fa-var-language: "\f1ab"; +@fa-var-laptop: "\f109"; +@fa-var-lastfm: "\f202"; +@fa-var-lastfm-square: "\f203"; +@fa-var-leaf: "\f06c"; +@fa-var-leanpub: "\f212"; +@fa-var-legal: "\f0e3"; +@fa-var-lemon-o: "\f094"; +@fa-var-level-down: "\f149"; +@fa-var-level-up: "\f148"; +@fa-var-life-bouy: "\f1cd"; +@fa-var-life-buoy: "\f1cd"; +@fa-var-life-ring: "\f1cd"; +@fa-var-life-saver: "\f1cd"; +@fa-var-lightbulb-o: "\f0eb"; +@fa-var-line-chart: "\f201"; +@fa-var-link: "\f0c1"; +@fa-var-linkedin: "\f0e1"; +@fa-var-linkedin-square: "\f08c"; +@fa-var-linux: "\f17c"; +@fa-var-list: "\f03a"; +@fa-var-list-alt: "\f022"; +@fa-var-list-ol: "\f0cb"; +@fa-var-list-ul: "\f0ca"; +@fa-var-location-arrow: "\f124"; +@fa-var-lock: "\f023"; +@fa-var-long-arrow-down: "\f175"; +@fa-var-long-arrow-left: "\f177"; +@fa-var-long-arrow-right: "\f178"; +@fa-var-long-arrow-up: "\f176"; +@fa-var-magic: "\f0d0"; +@fa-var-magnet: "\f076"; +@fa-var-mail-forward: "\f064"; +@fa-var-mail-reply: "\f112"; +@fa-var-mail-reply-all: "\f122"; +@fa-var-male: "\f183"; +@fa-var-map-marker: "\f041"; +@fa-var-mars: "\f222"; +@fa-var-mars-double: "\f227"; +@fa-var-mars-stroke: "\f229"; +@fa-var-mars-stroke-h: "\f22b"; +@fa-var-mars-stroke-v: "\f22a"; +@fa-var-maxcdn: "\f136"; +@fa-var-meanpath: "\f20c"; +@fa-var-medium: "\f23a"; +@fa-var-medkit: "\f0fa"; +@fa-var-meh-o: "\f11a"; +@fa-var-mercury: "\f223"; +@fa-var-microphone: "\f130"; +@fa-var-microphone-slash: "\f131"; +@fa-var-minus: "\f068"; +@fa-var-minus-circle: "\f056"; +@fa-var-minus-square: "\f146"; +@fa-var-minus-square-o: "\f147"; +@fa-var-mobile: "\f10b"; +@fa-var-mobile-phone: "\f10b"; +@fa-var-money: "\f0d6"; +@fa-var-moon-o: "\f186"; +@fa-var-mortar-board: "\f19d"; +@fa-var-motorcycle: "\f21c"; +@fa-var-music: "\f001"; +@fa-var-navicon: "\f0c9"; +@fa-var-neuter: "\f22c"; +@fa-var-newspaper-o: "\f1ea"; +@fa-var-openid: "\f19b"; +@fa-var-outdent: "\f03b"; +@fa-var-pagelines: "\f18c"; +@fa-var-paint-brush: "\f1fc"; +@fa-var-paper-plane: "\f1d8"; +@fa-var-paper-plane-o: "\f1d9"; +@fa-var-paperclip: "\f0c6"; +@fa-var-paragraph: "\f1dd"; +@fa-var-paste: "\f0ea"; +@fa-var-pause: "\f04c"; +@fa-var-paw: "\f1b0"; +@fa-var-paypal: "\f1ed"; +@fa-var-pencil: "\f040"; +@fa-var-pencil-square: "\f14b"; +@fa-var-pencil-square-o: "\f044"; +@fa-var-phone: "\f095"; +@fa-var-phone-square: "\f098"; +@fa-var-photo: "\f03e"; +@fa-var-picture-o: "\f03e"; +@fa-var-pie-chart: "\f200"; +@fa-var-pied-piper: "\f1a7"; +@fa-var-pied-piper-alt: "\f1a8"; +@fa-var-pinterest: "\f0d2"; +@fa-var-pinterest-p: "\f231"; +@fa-var-pinterest-square: "\f0d3"; +@fa-var-plane: "\f072"; +@fa-var-play: "\f04b"; +@fa-var-play-circle: "\f144"; +@fa-var-play-circle-o: "\f01d"; +@fa-var-plug: "\f1e6"; +@fa-var-plus: "\f067"; +@fa-var-plus-circle: "\f055"; +@fa-var-plus-square: "\f0fe"; +@fa-var-plus-square-o: "\f196"; +@fa-var-power-off: "\f011"; +@fa-var-print: "\f02f"; +@fa-var-puzzle-piece: "\f12e"; +@fa-var-qq: "\f1d6"; +@fa-var-qrcode: "\f029"; +@fa-var-question: "\f128"; +@fa-var-question-circle: "\f059"; +@fa-var-quote-left: "\f10d"; +@fa-var-quote-right: "\f10e"; +@fa-var-ra: "\f1d0"; +@fa-var-random: "\f074"; +@fa-var-rebel: "\f1d0"; +@fa-var-recycle: "\f1b8"; +@fa-var-reddit: "\f1a1"; +@fa-var-reddit-square: "\f1a2"; +@fa-var-refresh: "\f021"; +@fa-var-remove: "\f00d"; +@fa-var-renren: "\f18b"; +@fa-var-reorder: "\f0c9"; +@fa-var-repeat: "\f01e"; +@fa-var-reply: "\f112"; +@fa-var-reply-all: "\f122"; +@fa-var-retweet: "\f079"; +@fa-var-rmb: "\f157"; +@fa-var-road: "\f018"; +@fa-var-rocket: "\f135"; +@fa-var-rotate-left: "\f0e2"; +@fa-var-rotate-right: "\f01e"; +@fa-var-rouble: "\f158"; +@fa-var-rss: "\f09e"; +@fa-var-rss-square: "\f143"; +@fa-var-rub: "\f158"; +@fa-var-ruble: "\f158"; +@fa-var-rupee: "\f156"; +@fa-var-save: "\f0c7"; +@fa-var-scissors: "\f0c4"; +@fa-var-search: "\f002"; +@fa-var-search-minus: "\f010"; +@fa-var-search-plus: "\f00e"; +@fa-var-sellsy: "\f213"; +@fa-var-send: "\f1d8"; +@fa-var-send-o: "\f1d9"; +@fa-var-server: "\f233"; +@fa-var-share: "\f064"; +@fa-var-share-alt: "\f1e0"; +@fa-var-share-alt-square: "\f1e1"; +@fa-var-share-square: "\f14d"; +@fa-var-share-square-o: "\f045"; +@fa-var-shekel: "\f20b"; +@fa-var-sheqel: "\f20b"; +@fa-var-shield: "\f132"; +@fa-var-ship: "\f21a"; +@fa-var-shirtsinbulk: "\f214"; +@fa-var-shopping-cart: "\f07a"; +@fa-var-sign-in: "\f090"; +@fa-var-sign-out: "\f08b"; +@fa-var-signal: "\f012"; +@fa-var-simplybuilt: "\f215"; +@fa-var-sitemap: "\f0e8"; +@fa-var-skyatlas: "\f216"; +@fa-var-skype: "\f17e"; +@fa-var-slack: "\f198"; +@fa-var-sliders: "\f1de"; +@fa-var-slideshare: "\f1e7"; +@fa-var-smile-o: "\f118"; +@fa-var-soccer-ball-o: "\f1e3"; +@fa-var-sort: "\f0dc"; +@fa-var-sort-alpha-asc: "\f15d"; +@fa-var-sort-alpha-desc: "\f15e"; +@fa-var-sort-amount-asc: "\f160"; +@fa-var-sort-amount-desc: "\f161"; +@fa-var-sort-asc: "\f0de"; +@fa-var-sort-desc: "\f0dd"; +@fa-var-sort-down: "\f0dd"; +@fa-var-sort-numeric-asc: "\f162"; +@fa-var-sort-numeric-desc: "\f163"; +@fa-var-sort-up: "\f0de"; +@fa-var-soundcloud: "\f1be"; +@fa-var-space-shuttle: "\f197"; +@fa-var-spinner: "\f110"; +@fa-var-spoon: "\f1b1"; +@fa-var-spotify: "\f1bc"; +@fa-var-square: "\f0c8"; +@fa-var-square-o: "\f096"; +@fa-var-stack-exchange: "\f18d"; +@fa-var-stack-overflow: "\f16c"; +@fa-var-star: "\f005"; +@fa-var-star-half: "\f089"; +@fa-var-star-half-empty: "\f123"; +@fa-var-star-half-full: "\f123"; +@fa-var-star-half-o: "\f123"; +@fa-var-star-o: "\f006"; +@fa-var-steam: "\f1b6"; +@fa-var-steam-square: "\f1b7"; +@fa-var-step-backward: "\f048"; +@fa-var-step-forward: "\f051"; +@fa-var-stethoscope: "\f0f1"; +@fa-var-stop: "\f04d"; +@fa-var-street-view: "\f21d"; +@fa-var-strikethrough: "\f0cc"; +@fa-var-stumbleupon: "\f1a4"; +@fa-var-stumbleupon-circle: "\f1a3"; +@fa-var-subscript: "\f12c"; +@fa-var-subway: "\f239"; +@fa-var-suitcase: "\f0f2"; +@fa-var-sun-o: "\f185"; +@fa-var-superscript: "\f12b"; +@fa-var-support: "\f1cd"; +@fa-var-table: "\f0ce"; +@fa-var-tablet: "\f10a"; +@fa-var-tachometer: "\f0e4"; +@fa-var-tag: "\f02b"; +@fa-var-tags: "\f02c"; +@fa-var-tasks: "\f0ae"; +@fa-var-taxi: "\f1ba"; +@fa-var-tencent-weibo: "\f1d5"; +@fa-var-terminal: "\f120"; +@fa-var-text-height: "\f034"; +@fa-var-text-width: "\f035"; +@fa-var-th: "\f00a"; +@fa-var-th-large: "\f009"; +@fa-var-th-list: "\f00b"; +@fa-var-thumb-tack: "\f08d"; +@fa-var-thumbs-down: "\f165"; +@fa-var-thumbs-o-down: "\f088"; +@fa-var-thumbs-o-up: "\f087"; +@fa-var-thumbs-up: "\f164"; +@fa-var-ticket: "\f145"; +@fa-var-times: "\f00d"; +@fa-var-times-circle: "\f057"; +@fa-var-times-circle-o: "\f05c"; +@fa-var-tint: "\f043"; +@fa-var-toggle-down: "\f150"; +@fa-var-toggle-left: "\f191"; +@fa-var-toggle-off: "\f204"; +@fa-var-toggle-on: "\f205"; +@fa-var-toggle-right: "\f152"; +@fa-var-toggle-up: "\f151"; +@fa-var-train: "\f238"; +@fa-var-transgender: "\f224"; +@fa-var-transgender-alt: "\f225"; +@fa-var-trash: "\f1f8"; +@fa-var-trash-o: "\f014"; +@fa-var-tree: "\f1bb"; +@fa-var-trello: "\f181"; +@fa-var-trophy: "\f091"; +@fa-var-truck: "\f0d1"; +@fa-var-try: "\f195"; +@fa-var-tty: "\f1e4"; +@fa-var-tumblr: "\f173"; +@fa-var-tumblr-square: "\f174"; +@fa-var-turkish-lira: "\f195"; +@fa-var-twitch: "\f1e8"; +@fa-var-twitter: "\f099"; +@fa-var-twitter-square: "\f081"; +@fa-var-umbrella: "\f0e9"; +@fa-var-underline: "\f0cd"; +@fa-var-undo: "\f0e2"; +@fa-var-university: "\f19c"; +@fa-var-unlink: "\f127"; +@fa-var-unlock: "\f09c"; +@fa-var-unlock-alt: "\f13e"; +@fa-var-unsorted: "\f0dc"; +@fa-var-upload: "\f093"; +@fa-var-usd: "\f155"; +@fa-var-user: "\f007"; +@fa-var-user-md: "\f0f0"; +@fa-var-user-plus: "\f234"; +@fa-var-user-secret: "\f21b"; +@fa-var-user-times: "\f235"; +@fa-var-users: "\f0c0"; +@fa-var-venus: "\f221"; +@fa-var-venus-double: "\f226"; +@fa-var-venus-mars: "\f228"; +@fa-var-viacoin: "\f237"; +@fa-var-video-camera: "\f03d"; +@fa-var-vimeo-square: "\f194"; +@fa-var-vine: "\f1ca"; +@fa-var-vk: "\f189"; +@fa-var-volume-down: "\f027"; +@fa-var-volume-off: "\f026"; +@fa-var-volume-up: "\f028"; +@fa-var-warning: "\f071"; +@fa-var-wechat: "\f1d7"; +@fa-var-weibo: "\f18a"; +@fa-var-weixin: "\f1d7"; +@fa-var-whatsapp: "\f232"; +@fa-var-wheelchair: "\f193"; +@fa-var-wifi: "\f1eb"; +@fa-var-windows: "\f17a"; +@fa-var-won: "\f159"; +@fa-var-wordpress: "\f19a"; +@fa-var-wrench: "\f0ad"; +@fa-var-xing: "\f168"; +@fa-var-xing-square: "\f169"; +@fa-var-yahoo: "\f19e"; +@fa-var-yelp: "\f1e9"; +@fa-var-yen: "\f157"; +@fa-var-youtube: "\f167"; +@fa-var-youtube-play: "\f16a"; +@fa-var-youtube-square: "\f166"; + diff --git a/server/hu.user.theme.userdark/src/archive/web/zul/less/norm.less b/server/hu.user.theme.userdark/src/archive/web/zul/less/norm.less new file mode 100644 index 00000000..0678fa1e --- /dev/null +++ b/server/hu.user.theme.userdark/src/archive/web/zul/less/norm.less @@ -0,0 +1,720 @@ +@import "~./zul/less/_header.less"; +@import "~./zul/less/_reset.less"; +@import "~./zul/less/font/_all.less"; // Font-Awesome 3.1.1 + +html, body { + height: 100%; + margin: 0; + padding: 0; +} + +// affect ZK component only +[class^="z-"], +[class*=" z-"], +[class^="z-"]:after, +[class*=" z-"]:after, +[class^="z-"]:before, +[class*=" z-"]:before, +.z-borderbox { + .applyCSS3('box-sizing', 'border-box'); +} + +// Reset +input[type=number]::-webkit-inner-spin-button, +input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +input, +input:focus, +textarea, +textarea:focus { + -webkit-appearance: none; + -moz-appearance: none; + outline: none; + -webkit-user-select: text; +} + +*:focus { + outline: none; +} + +fieldset { + border: 1px solid #c0c0c0; + border-radius: 0; + margin: 0 2px; + padding: 0px; +} + +legend { + border: 0; + padding: 0; +} + +.gecko { + button::-moz-focus-inner { + border: 0; + } +} + + +body { + margin: 0; + padding: 0 5px; +} + + +//mobile +.mobile * { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +//ZK JavaScript debug box +.z-error { + display: none; + width: 450px; + border: 1px solid @errorboxBorderColor; + padding: 3px 5px 3px 3px; + background: @errorboxBackgroundColor; + position: absolute; + top: 0; + left: 40%; + .boxShadow('1px 1px 3px rgba(0, 0, 0, 0.35)'); + z-index: 9999999; + + .messagecontent { + border: 1px solid @errorboxBorderColor; + padding: 0; + background: @baseBackgroundColor; + } + .messages { + padding: 2px 3px 15px; + word-wrap: break-word; + overflow: auto; + + .message { + padding: 3px 0 2px; + } + } + .newmessage { + background: @errorboxBackgroundColor; + display: none; + } + .button { + color: @errorboxColor; + .size(@baseIconWidth, @baseIconHeight); + margin-left: 4px; + cursor: pointer; + float: right; + + > .z-icon-remove { + font-size: @fontSizeXLarge; + } + } + #zk_err-p { + height: 24px; + padding-top: 6px; + cursor: move; + } + .errornumbers { + font-weight: bold; + color: @errorboxColor; + padding-left: 4px; + float: left; + } +} + +//zk.log box +div.z-log { + width: 50%; + text-align: right; + position: absolute; + right: 10px; + bottom: 5px; + z-index: 99000; + + textarea { + width: 100%; + border-color: rgba(82,168,236,0.8); + outline: 0; + .boxShadow('inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)'); + } + button { + font-size: @fontSizeXSmall; + } +} + +//General +.noscript { //the content of noscript + .size(100%, 100%); + background: #E0E1E3; + .opacity(0.6); + text-align: center; + position: absolute; + top: 0; + left: 0; + zoom: 1; + z-index: 32000; + + p { + font-weight: bold; + color: black; + border: 1px solid black; + margin: 10% 15%; + padding: 10px 0; + background: white; + .opacity(1.0); + } +} + +//radio, radiogroup +input[type="radio"] { + -webkit-appearance: radio; + -moz-appearance: radio; + margin: 0px 2px 2px; +} + +//checkbox +input[type="checkbox"] { + -webkit-appearance: checkbox; + -moz-appearance: checkbox; + margin: 0px 2px 2px; +} + +//label +.z-label { + line-height: normal; + color: green; +} +.z-label, +.z-radio-content, +.z-checkbox-content, +.z-loading { + font-family: @baseContentFontFamily; + font-size: @fontSizeMedium; + font-weight: normal; +} + +.z-temp, +.z-modal-mask { + .size(100%, 100%); + background: @maskBackgroundColor; + .opacity(0.6); + position: absolute; + top: 0; + left: 0; +} + +.z-initing { + .size(60px, 60px); + background: transparent no-repeat center; + + + background-image: url('//www.zkoss.org/zk/img/${z:encodeWithZK("zkpowered.png")}'); + + position: absolute; + right: 10px; + bottom: 10px; + z-index: 32000; +} + +.z-uptime { + background-image: url('//www.zkoss.org/zk/img/${z:encodeWithZK("zkuptime.png")}'); +} + + +.z-loading, +.z-apply-loading { + border: 1px solid @baseBorderColor; + padding: 3px; + background: @loadingBackgroundColor; + position: absolute; + cursor: wait; + white-space: nowrap; +} +.z-loading { + top: 50% !important; + left: 45% !important; + align: center; + vertical-align: middle; + z-index: 31000; +} +.z-apply-loading { + overflow: hidden; + z-index: 89500; +} +.z-loading-indicator, +.z-apply-loading-indicator { + color: @textColorGrayDark; + border: 1px solid @baseBorderColor; + background: @baseBackgroundColor; + white-space: nowrap; +} +.z-loading-indicator { + padding: 6px; +} +.z-apply-loading-indicator { + font-family: @baseTitleFontFamily; + font-size: @fontSizeMedium; + font-weight: normal; + padding: 2px; +} +.z-apply-loading-icon, +.z-loading-icon, +.z-renderdefer { + .size(16px, 16px); + background: transparent no-repeat center; + .encodeThemeURL(background-image, '~./zul/img/misc/progress.gif'); +} +.z-apply-loading-icon, +.z-loading-icon { + display: inline-block; + vertical-align: top; +} +.z-apply-mask { + .size(100%, 100%); + background: @maskBackgroundColor; + .opacity(0.6); + position: absolute; + top: 0; + left: 0; + z-index: 89000; +} +.z-inline-block { //used with label/checkbox and others to ensure the dimension + display: inline-block; + vertical-align: top; //vertical-align: make it looks same in diff browsers +} +.z-word-wrap { + word-wrap: break-word; +} +.z-word-nowrap { + white-space: nowrap; +} +.z-overflow-hidden { + overflow: hidden; +} +.z-dd-stackup { + .size(100%, 100%); + .encodeURL(background-image, '~./img/spacer.gif'); + position: absolute; + left: 0; + top: 0; + z-index: 16800; +} + +.z-temp * { //temporary + font-size: 5px; + color: #FFFFFF; + background: #FFFFFF; + text-decoration: none; +} +.z-temp { + .z-loading { + background: @loadingBackgroundColor; + top: 49%; + left: 46%; + } + .z-loading-indicator { + font-size: @fontSizeMedium; + color: @textColorGrayDark; + } +} + +//Fix float issue for CSS +.z-clear { + font-size: 0; + .size(0, 0); + line-height: 0; + overflow: hidden; + clear: both; +} + +//Shadow for not CSS3 +.ie8 { + .z-shadow { + display: none; + position: absolute; + left: 0; + top: 0; + overflow: hidden; + } +} +.ie8 { + .z-shadow-wrapper { + height: 100%; + padding-bottom: 6px; + } +} +.ie8 { + .z-shadow .z-shadow-cl { + height: 100%; + padding-left: 6px; + background: transparent repeat-y 0 0; + .encodeThemeURL(background-image, '~./zul/img/shadow-cl.png'); + overflow: hidden; + zoom: 1; + } +} +.ie8 { + .z-shadow .z-shadow-cr { + height: 100%; + padding-right: 6px; + background: transparent repeat-y right; + .encodeThemeURL(background-image, '~./zul/img/shadow-cr.png'); + overflow: hidden; + zoom: 1; + } +} +.ie8 { + .z-shadow .z-shadow-cm { + height: 100%; + background: transparent repeat 0 0; + .encodeThemeURL(background-image, '~./zul/img/shadow-m.png'); + overflow: hidden; + zoom: 1; + } +} + +.ie8 { + .z-shadow .z-shadow-tl, + .z-shadow .z-shadow-tr, + .z-shadow .z-shadow-bl, + .z-shadow .z-shadow-br { + font-size: 0; + height: 6px; + margin-right: 6px; + line-height: 0; + background: transparent no-repeat 0 top; + zoom: 1; + } +} +.ie8 { + .z-shadow .z-shadow-tr, + .z-shadow .z-shadow-br { + background-position: right -6px; + margin-right: -6px; + position: relative; + } +} +.ie8 { + .z-shadow .z-shadow-tl, + .z-shadow .z-shadow-tr { + .encodeThemeURL(background-image, '~./zul/img/shadow-tlr.png'); + } +} +.ie8 { + .z-shadow .z-shadow-bl, + .z-shadow .z-shadow-br { + .encodeThemeURL(background-image, '~./zul/img/shadow-blr.png'); + } +} + +//Drag-Drop +.z-dragged { + color: @dragColor; + background: none no-repeat scroll 0 0 @dragBackgroundColor; +} +.z-drag { + &-over { + background: @dragHoverBackgroundColor; + } + &-ghost { + list-style: none; + } +} +// ZK-3195: only apply to the first layer of children +.gecko { + .z-draggable-over { + > * { + -moz-user-select: none; + } + } +} +.z-drop { + &-allow { + background: @dragAllowBackgroundColor; + + .z-drop-icon { + color: @dragAllowBackgroundColor; + } + } + &-disallow { + background: @dragDisAllowBackgroundColor; + + .z-drop-icon { + color: @dragDisAllowBackgroundColor; + padding-right: 1px; + } + } + &-content { + .fontStyle(@baseContentFontFamily, @fontSizeMedium, normal, @dragColor); + .size(auto, @baseButtonHeight); + padding: 4px; + padding-left: @baseIconWidth + 8; // for icon + line-height: @baseButtonHeight - 8; + position: relative; + } + &-icon { + font-size: @fontSizeMedium; + .size(@baseIconWidth, @baseIconHeight); + .borderRadius(@baseIconWidth / 2); + line-height: @baseIconHeight; + background: @baseBackgroundColor; + text-align: center; + position: absolute; + top: 4px; + left: 6px; + } +} + +// Focus Anchor +.z-focus-a { + font-size: 0 !important; + .size(1px, 1px) !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + line-height: 0 !important; + background: transparent !important; + position: absolute; + top: 0; + left: 0; + -moz-outline: 0 none; + outline: 0 none; + -moz-user-select: text; + -khtml-user-select: text; + overflow: hidden; + + &:focus { + -moz-outline: 0 none; + outline: 0 none; + } +} + +//upload button +span.z-upload { + font-size: 0; + .displaySize(inline-block, 0, 0); + margin: 0; + padding: 0; + position: relative; +} +span.z-upload input { + font-size: 45pt; + margin: 0; + padding: 0; + .opacity(0); + position: absolute; + cursor: pointer; + z-index: -1; +} + +.ie8, .ie9, .ie10 { + span.z-upload input { + z-index: 1; + } +} + +.z-upload-icon { + .encodeThemeURL(background-image, '~./zul/img/misc/prgmeter.png'); + overflow: hidden; +} + +.ie8 { + .z-upload-hover { + border-color: @hoverBorderColor; + .gradientFallback(@hoverGradientStart, @hoverGradientEnd); + } +} +.ie9, .ie10 { + .z-upload-hover { + border-color: @hoverBorderColor; + .verGradient(@hoverGradientStart, @hoverGradientEnd); + } +} + +//fileupload dialog +.z-fileupload-add, +.z-fileupload-remove { + color: #1096BC; + .size(16px, 17px); + cursor: pointer; +} +.z-fileupload-progress { + width: 300px; +} +.z-fileupload-manager { + width: 350px; +} + +//Selectbox +.z-selectbox { + font-family: @baseContentFontFamily; + font-size: @fontSizeMedium; +} + +//scrollbar +.z-scrollbar { + display: none; + .opacity(0); + position: absolute; + line-height: 1; + + //vertical + &-vertical { + .size(@scrollbarWidth, 100%); + top: 0; + right: 0; + + .z-scrollbar { + &-wrapper { + width: 100%; + position: absolute; + top: @baseIconHeight; + left: 0; + } + &-indicator { + width: @scrollbarWidth - 2; + border: 1px solid @scrollbarBorderColor; + .borderRadius(2px); + .horGradient(@scrollbarGradientStart, @scrollbarGradientEnd); + position: absolute; + left: 1px; + cursor: pointer; + z-index: 100; + } + &-rail { + .size(100%, 100%); + background: @scrollbarBackgroundColor; + } + &-icon { + color: @iconColor; + .size(@baseIconWidth, @baseIconHeight); + margin-top: -8px; + position: absolute; + left: -1px; + top: 50%; + .transform('scale(0.5, 0.7)'); + } + } + &-embed { + .size(@scrollbarWidth / 2, 100%); + .borderRadius(@baseBorderRadius); + background: #000000; + .opacity(0.2); + position: absolute; + top: 0; + right: 0; + .boxShadow('inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07)'); + } + } + &-up, + &-down { + .iconFontStyle(@baseFontSize, @iconColor); + .size(@baseIconWidth, @baseIconHeight); + background: @scrollbarBackgroundColor; + position: absolute; + cursor: pointer; + } + &-up { + > .z-icon-caret-up:before { + .size(@baseIconWidth, @baseIconHeight); + position: absolute; + left: 4px; + top: -1px; + } + } + &-down { + bottom: 0; + > .z-icon-caret-down:before { + .size(@baseIconWidth, @baseIconHeight); + position: absolute; + left: 4px; + top: 1px; + } + } + + //horizontal + &-horizontal { + .size(100%, @scrollbarHeight); + left: 0; + bottom: 0; + + .z-scrollbar { + &-wrapper { + height: 100%; + position: absolute; + bottom: 0; + left: @baseIconWidth; + } + &-indicator { + height: @scrollbarHeight - 2; + border: 1px solid @scrollbarBorderColor; + .borderRadius(2px); + .verGradient(@scrollbarGradientStart, @scrollbarGradientEnd); + position: absolute; + top: 1px; + cursor: pointer; + z-index: 100; + } + &-rail { + .size(100%, 100%); + background: @scrollbarBackgroundColor; + } + &-icon { + color: @iconColor; + margin-left: -8px; + position: absolute; + left: 50%; + top: -1px; + .transform('rotate(90deg) scale(0.5, 0.7)'); + } + } + &-embed { + .size(100%, @scrollbarHeight / 2); + .borderRadius(@baseBorderRadius); + background: #000000; + .opacity(0.2); + position: absolute; + bottom: 0; + left: 0; + .boxShadow('inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07)'); + } + } + &-left, + &-right { + .iconFontStyle(@baseFontSize, @iconColor); + .size(@baseIconWidth, @baseIconHeight); + padding: 1px 6px 0 5px; + background: @scrollbarBackgroundColor; + position: absolute; + cursor: pointer; + } + &-right { + right: 0; + } +} + +.ie8 { + .z-scrollbar { + &-vertical { + .z-scrollbar { + &-indicator { + .gradientFallback(@scrollbarGradientStart, @scrollbarGradientEnd); + } + } + } + &-horizontal { + .z-scrollbar { + &-indicator { + .gradientFallback(@scrollbarGradientStart, @scrollbarGradientEnd); + } + } + } + } +} + +.z-macro { + display: inline-block; + min-width: 1px; +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/org/zkoss/theme/___THEME_NAME___/Version.java b/server/hu.user.theme.userdark/src/org/zkoss/theme/___THEME_NAME___/Version.java new file mode 100644 index 00000000..3d311668 --- /dev/null +++ b/server/hu.user.theme.userdark/src/org/zkoss/theme/___THEME_NAME___/Version.java @@ -0,0 +1,30 @@ +/* Version.java + +{{IS_NOTE + Purpose: + + Description: + + History: + Oct 6, 2010 12:30:37 PM , Created by jimmy +}}IS_NOTE + +Copyright (C) 2010 Potix Corporation. All Rights Reserved. + +{{IS_RIGHT + This program is distributed under LGPL Version 3.0 in the hope that + it will be useful, but WITHOUT ANY WARRANTY. +}}IS_RIGHT +*/ +package org.zkoss.theme.___THEME_NAME___; + +/** + * The version of the userdark theme. + * {@link #UID} must be the same as the version specified in lang-addon.xml. + * @author Jimmy + */ +public class Version { + /** Returns the version UID. + */ + public static final String UID = "___VERSION___"; +} diff --git a/server/hu.user.theme.userdark/src/org/zkoss/theme/___THEME_NAME___/___THEME_NAME_CAP___ThemeWebAppInit.java b/server/hu.user.theme.userdark/src/org/zkoss/theme/___THEME_NAME___/___THEME_NAME_CAP___ThemeWebAppInit.java new file mode 100644 index 00000000..233ad23f --- /dev/null +++ b/server/hu.user.theme.userdark/src/org/zkoss/theme/___THEME_NAME___/___THEME_NAME_CAP___ThemeWebAppInit.java @@ -0,0 +1,43 @@ +/* ___THEME_NAME_CAP___ThemeWebAppInit.java + + Purpose: + + Description: + + History: + Jun 29, 2010 11:56:16 AM , Created by Sam + +Copyright (C) 2010 Potix Corporation. All Rights Reserved. + +{{IS_RIGHT + This program is distributed under LGPL Version 3.0 in the hope that + it will be useful, but WITHOUT ANY WARRANTY. +}}IS_RIGHT +*/ +package org.zkoss.theme.___THEME_NAME___; + +import org.zkoss.zk.ui.WebApp; +import org.zkoss.zk.ui.WebApps; +import org.zkoss.zk.ui.util.WebAppInit; +import org.zkoss.zkmax.theme.ResponsiveThemeRegistry; +import org.zkoss.zul.theme.Themes; + +/** + * Initial the theme relative setting, includes + * Library property setting, Theme provider setting and Component definition setting + * + */ +public class ___THEME_NAME_CAP___ThemeWebAppInit implements WebAppInit { + + private final static String THEME_NAME = "___THEME_NAME___"; + private final static String THEME_DISPLAY = "___DISPLAY_NAME___"; + private final static int THEME_PRIORITY = 700; + + public void init(WebApp webapp) throws Exception { + Themes.register(THEME_NAME, THEME_DISPLAY, THEME_PRIORITY); + String edition = WebApps.getEdition(); + if ("EE".equals(edition)) { + Themes.register(ResponsiveThemeRegistry.TABLET_PREFIX + THEME_NAME, THEME_DISPLAY, THEME_PRIORITY); + } + } +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/org/zkoss/theme/userdark/UserdarkThemeWebAppInit.java b/server/hu.user.theme.userdark/src/org/zkoss/theme/userdark/UserdarkThemeWebAppInit.java new file mode 100644 index 00000000..a1bc62d9 --- /dev/null +++ b/server/hu.user.theme.userdark/src/org/zkoss/theme/userdark/UserdarkThemeWebAppInit.java @@ -0,0 +1,44 @@ +/* UserdarkThemeWebAppInit.java + + Purpose: + + Description: + + History: + Jun 29, 2010 11:56:16 AM , Created by Sam + +Copyright (C) 2010 Potix Corporation. All Rights Reserved. + +{{IS_RIGHT + This program is distributed under LGPL Version 3.0 in the hope that + it will be useful, but WITHOUT ANY WARRANTY. +}}IS_RIGHT +*/ +package org.zkoss.theme.userdark; + +import org.zkoss.zk.ui.WebApp; +import org.zkoss.zk.ui.WebApps; +import org.zkoss.zk.ui.util.WebAppInit; +import org.zkoss.zkmax.theme.ResponsiveThemeRegistry; +import org.zkoss.zul.theme.Themes; + +/** + * Initial the theme relative setting, includes + * Library property setting, Theme provider setting and Component definition setting + * + */ +public class UserdarkThemeWebAppInit implements WebAppInit { + + private final static String USERDARK_NAME = "userdark"; + private final static String USERDARK_DISPLAY = "userdark"; + private final static int USERDARK_PRIORITY = 700; + + public void init(WebApp webapp) throws Exception { + Themes.register(USERDARK_NAME, USERDARK_DISPLAY, USERDARK_PRIORITY); + String edition = WebApps.getEdition(); + if ("EE".equals(edition)) { + Themes.register(ResponsiveThemeRegistry.TABLET_PREFIX + USERDARK_NAME, USERDARK_DISPLAY, USERDARK_PRIORITY); + } + } + +} \ No newline at end of file diff --git a/server/hu.user.theme.userdark/src/org/zkoss/theme/userdark/Version.java b/server/hu.user.theme.userdark/src/org/zkoss/theme/userdark/Version.java new file mode 100644 index 00000000..d039425b --- /dev/null +++ b/server/hu.user.theme.userdark/src/org/zkoss/theme/userdark/Version.java @@ -0,0 +1,30 @@ +/* Version.java + +{{IS_NOTE + Purpose: + + Description: + + History: + Oct 6, 2010 12:30:37 PM , Created by jimmy +}}IS_NOTE + +Copyright (C) 2010 Potix Corporation. All Rights Reserved. + +{{IS_RIGHT + This program is distributed under LGPL Version 3.0 in the hope that + it will be useful, but WITHOUT ANY WARRANTY. +}}IS_RIGHT +*/ +package org.zkoss.theme.userdark; + +/** + * The version of the sapphire theme. + * {@link #UID} must be the same as the version specified in lang-addon.xml. + * @author Jimmy + */ +public class Version { + /** Returns the version UID. + */ + public static final String UID = "8.0.3"; +}