You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@hop.apache.org by ha...@apache.org on 2021/11/17 13:25:51 UTC
[incubator-hop] branch master updated: HOP-3479 : Hop Web white on white colors in combo
This is an automated email from the ASF dual-hosted git repository.
hansva pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-hop.git
The following commit(s) were added to refs/heads/master by this push:
new 35fb63a HOP-3479 : Hop Web white on white colors in combo
new 3d8b5f9 Merge pull request #1197 from mattcasters/master
35fb63a is described below
commit 35fb63a00eb43c50d908ccef5927acdb6167c560
Author: Matt Casters <ma...@gmail.com>
AuthorDate: Wed Nov 17 10:27:26 2021 +0100
HOP-3479 : Hop Web white on white colors in combo
---
rap/pom.xml | 2 +-
.../org/apache/hop/ui/hopgui/dark-mode.css | 275 +--
.../org/apache/hop/ui/hopgui/light-mode.css | 2309 ++++++++++----------
.../main/java/org/apache/hop/ui/core/PropsUi.java | 32 +-
.../org/apache/hop/ui/core/widget/TableView.java | 21 +
.../org/apache/hop/ui/util/EnvironmentUtils.java | 6 +-
6 files changed, 1354 insertions(+), 1291 deletions(-)
diff --git a/rap/pom.xml b/rap/pom.xml
index 9751fb9..4953626 100644
--- a/rap/pom.xml
+++ b/rap/pom.xml
@@ -33,7 +33,7 @@
</parent>
<properties>
- <rap.version>3.16.0</rap.version>
+ <rap.version>3.18.0</rap.version>
</properties>
diff --git a/rap/src/main/resources/org/apache/hop/ui/hopgui/dark-mode.css b/rap/src/main/resources/org/apache/hop/ui/hopgui/dark-mode.css
index 663de81..a59aed2 100644
--- a/rap/src/main/resources/org/apache/hop/ui/hopgui/dark-mode.css
+++ b/rap/src/main/resources/org/apache/hop/ui/hopgui/dark-mode.css
@@ -169,9 +169,9 @@ Button[TOGGLE][FLAT] {
border-radius: 2px;
padding: 6px 15px;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
animation: none;
cursor: pointer;
@@ -185,9 +185,9 @@ Button[ARROW][FLAT] {
border-radius: 2px;
padding: 10px;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
cursor: pointer;
}
@@ -197,9 +197,9 @@ Button[PUSH]:default,
Button[TOGGLE]:default {
background-color: #416693;
background-image: gradient(
- linear, left top, left bottom,
- from(#e2eefc),
- to(#d4d4d4)
+ linear, left top, left bottom,
+ from(#e2eefc),
+ to(#d4d4d4)
);
border: 1px solid #a0b3ca;
}
@@ -219,9 +219,9 @@ Button[ARROW]:hover,
Button[PUSH]:hover,
Button[TOGGLE]:hover {
background-image: gradient(
- linear, left top, left bottom,
- from(#151515),
- to(#2a2a2a)
+ linear, left top, left bottom,
+ from(#151515),
+ to(#2a2a2a)
);
}
@@ -229,25 +229,25 @@ Button[ARROW]:pressed,
Button[PUSH]:pressed,
Button[TOGGLE]:pressed {
background-image: gradient(
- linear, left top, left bottom,
- from(#2a2a2a),
- to(#151515)
+ linear, left top, left bottom,
+ from(#2a2a2a),
+ to(#151515)
);
}
Button[TOGGLE]:selected {
background-image: gradient(
- linear, left top, left bottom,
- from(#2a2a2a),
- to(#151515)
+ linear, left top, left bottom,
+ from(#2a2a2a),
+ to(#151515)
);
}
Button[TOGGLE]:selected:hover {
background-image: gradient(
- linear, left top, left bottom,
- from(#2a2a2a),
- to(#151515)
+ linear, left top, left bottom,
+ from(#2a2a2a),
+ to(#151515)
);
}
@@ -369,9 +369,9 @@ Combo-Button {
border-left: 1px solid #424242;
border-radius: 0px 2px 2px 0px;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
width: 30px;
}
@@ -401,8 +401,8 @@ Combo-List {
}
Combo-List-Item {
- color: inherit;
- background-color: transparent;
+ color: #ffffff;
+ background-color: #101010;
background-image: none;
text-decoration: none;
text-shadow: none;
@@ -410,10 +410,11 @@ Combo-List-Item {
}
Combo-List-Item:hover, Combo-List-Item:even:hover {
- background-color: #f0f0f0;
+ background-color: #404040;
}
Combo-List-Item:selected, Combo-List-Item:even:selected {
+ color: #e0e0e0;
background-color: #3a3a3a;
}
@@ -692,18 +693,18 @@ MenuItem[SEPARATOR] {
MenuItem:hover {
color: #ffffff;
background-image: gradient(
- linear, left top, left bottom,
- from(#404040),
- to(#505050)
+ linear, left top, left bottom,
+ from(#404040),
+ to(#505050)
);
}
MenuItem:pressed {
color: #ffffff;
background-image: gradient(
- linear, left top, left bottom,
- from(#505050),
- to(#404040)
+ linear, left top, left bottom,
+ from(#505050),
+ to(#404040)
);
}
@@ -746,26 +747,26 @@ ProgressBar {
ProgressBar-Indicator {
background-color: #00589f;
background-image: gradient(
- linear, left top, left bottom,
- from(#5882b5),
- to(#416693)
+ linear, left top, left bottom,
+ from(#5882b5),
+ to(#416693)
);
opacity: 1;
}
ProgressBar-Indicator:paused {
background-image: gradient(
- linear, left top, left bottom,
- from(#818181),
- to(#b5b5b5)
+ linear, left top, left bottom,
+ from(#818181),
+ to(#b5b5b5)
);
}
ProgressBar-Indicator:error {
background-image: gradient(
- linear, left top, left bottom,
- from(#bb1d1d),
- to(#fc0000)
+ linear, left top, left bottom,
+ from(#bb1d1d),
+ to(#fc0000)
);
}
@@ -815,8 +816,8 @@ Shell-Titlebar {
background-gradient-color: #202020;
color: #ffffff;
background-image: gradient(
- linear, left top, left bottom,
- from(#303030), to(#202020)
+ linear, left top, left bottom,
+ from(#303030), to(#202020)
);
padding: 0 10px 0 10px;
margin: 0px;
@@ -830,8 +831,8 @@ Shell-Titlebar:inactive {
background-color: #000000;
background-gradient-color: #101010;
background-image: gradient(
- linear, left top, left bottom,
- from(#202020), to(#101010)
+ linear, left top, left bottom,
+ from(#202020), to(#101010)
);
}
@@ -951,9 +952,9 @@ Spinner-Field {
Spinner-UpButton {
background-color: #efefef;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#efefef)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#efefef)
);
width: 30px;
border: none;
@@ -983,9 +984,9 @@ Spinner-UpButton-Icon:hover {
Spinner-DownButton {
background-color: #efefef;
background-image: gradient(
- linear, left top, left bottom,
- from(#efefef),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#efefef),
+ to(#1b1b1b)
);
width: 30px;
border: none;
@@ -1031,9 +1032,9 @@ TabItem {
color: #b5b5b5;
background-color: #000001;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
background-repeat: repeat;
background-position: left top;
@@ -1062,9 +1063,9 @@ TabItem[RIGHT_TO_LEFT]:bottom {
TabItem:selected {
background-image: gradient(
- linear, left top, left bottom,
- from(#2a2a2a),
- to(#151515)
+ linear, left top, left bottom,
+ from(#2a2a2a),
+ to(#151515)
);
margin: 3px -1px 0px -2px;
border: 1px solid #424242;
@@ -1107,9 +1108,9 @@ TabItem[RIGHT_TO_LEFT]:bottom:selected:first {
Table {
font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- background-color: #000001;
+ background-color: #111111;
background-image: none;
- color: #858585;
+ color: #B5B5B5;
border: none;
}
@@ -1122,9 +1123,9 @@ TableColumn {
background-color: #f0f0f0;
padding: 8px 3px 8px 3px;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
color: #ffffff;
border-bottom: 1px solid #424242;
@@ -1134,9 +1135,9 @@ TableColumn {
TableColumn:hover {
background-image: gradient(
- linear, left top, left bottom,
- from(#1b1b1b),
- to(#060606)
+ linear, left top, left bottom,
+ from(#1b1b1b),
+ to(#060606)
);
}
@@ -1306,9 +1307,9 @@ ToolBar {
spacing: 0;
background-color: #001;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
border: 1px solid #424242;
border-radius: 3px;
@@ -1317,11 +1318,11 @@ ToolBar {
ToolBar[VERTICAL] {
background-image: gradient(
- linear, left top, right top,
- from(#161616),
- color-stop(45%, #060606),
- color-stop(55%, #060606),
- to(#161616)
+ linear, left top, right top,
+ from(#161616),
+ color-stop(45%, #060606),
+ color-stop(55%, #060606),
+ to(#161616)
);
}
@@ -1400,47 +1401,47 @@ ToolItem[VERTICAL]:selected {
ToolItem:hover {
background-image: gradient(
- linear, left top, left bottom,
- from(#151515),
- to(#2a2a2a)
+ linear, left top, left bottom,
+ from(#151515),
+ to(#2a2a2a)
);
}
ToolItem:pressed {
padding: 9px 8px 7px 8px;
background-image: gradient(
- linear, left top, left bottom,
- from(#2a2a2a),
- to(#151515)
+ linear, left top, left bottom,
+ from(#2a2a2a),
+ to(#151515)
);
}
ToolItem:selected {
padding: 9px 8px 7px 8px;
background-image: gradient(
- linear, left top, left bottom,
- from(#1b1b1b),
- to(#060606)
+ linear, left top, left bottom,
+ from(#1b1b1b),
+ to(#060606)
);
}
ToolItem[VERTICAL]:hover {
background-image: gradient(
- linear, left top, right top,
- from(#d9d9d9),
- color-stop(45%, #161616),
- color-stop(55%, #161616),
- to(#d9d9d9)
+ linear, left top, right top,
+ from(#d9d9d9),
+ color-stop(45%, #161616),
+ color-stop(55%, #161616),
+ to(#d9d9d9)
);
}
ToolItem[VERTICAL]:pressed, ToolItem[VERTICAL]:selected {
background-image: gradient(
- linear, left top, right top,
- from(#161616),
- color-stop(45%, #252525),
- color-stop(55%, #252525),
- to(#161616)
+ linear, left top, right top,
+ from(#161616),
+ color-stop(45%, #252525),
+ color-stop(55%, #252525),
+ to(#161616)
);
}
@@ -1506,25 +1507,25 @@ ToolItem[FLAT]:hover,
ToolItem[FLAT]:first:hover,
ToolItem[FLAT]:last:hover {
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
}
ToolItem[FLAT]:pressed, ToolItem[FLAT]:first:pressed, ToolItem[FLAT]:last:pressed {
background-image: gradient(
- linear, left top, left bottom,
- from(#2a2a2a),
- to(#151515)
+ linear, left top, left bottom,
+ from(#2a2a2a),
+ to(#151515)
);
}
ToolItem[FLAT]:selected {
background-image: gradient(
- linear, left top, left bottom,
- from(#1b1b1b),
- to(#060606)
+ linear, left top, left bottom,
+ from(#1b1b1b),
+ to(#060606)
);
}
@@ -1595,9 +1596,9 @@ TreeColumn, GridColumn {
color: inherit;
background-color: #f0f0f0;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
padding: 8px 10px 8px 6px;
border-bottom: 1px solid #424242;
@@ -1607,9 +1608,9 @@ TreeColumn, GridColumn {
TreeColumn:hover, GridColumn:hover {
background-image: gradient(
- linear, left top, left bottom,
- from(#1b1b1b),
- to(#060606)
+ linear, left top, left bottom,
+ from(#1b1b1b),
+ to(#060606)
);
}
@@ -1915,8 +1916,8 @@ DateTime-Calendar-Navbar {
border-radius: 0;
background-color: #00569c;
background-image: gradient(
- linear, left top, left bottom,
- from(#416693), to(#5882b5)
+ linear, left top, left bottom,
+ from(#416693), to(#5882b5)
);
color: white;
font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
@@ -1994,9 +1995,9 @@ DateTime-Calendar-NextYearButton[RIGHT_TO_LEFT]:hover {
DateTime-UpButton {
background-color: #f0f0f0;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#efefef)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#efefef)
);;
width: 30px;
border: none;
@@ -2021,9 +2022,9 @@ DateTime-UpButton-Icon:hover {
DateTime-DownButton {
background-color: #f0f0f0;
background-image: gradient(
- linear, left top, left bottom,
- from(#efefef),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#efefef),
+ to(#1b1b1b)
);
width: 30px;
border: none;
@@ -2052,9 +2053,9 @@ DateTime-DropDownButton {
border-left: 1px solid #424242;
border-radius: 0px 2px 2px 0px;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
width: 30px;
}
@@ -2105,9 +2106,9 @@ ExpandItem-Header {
border-radius: 0;
cursor: pointer;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
text-shadow: none;
}
@@ -2258,9 +2259,9 @@ ToolTip {
opacity: 1;
color: #b5b5b5;
background-image: gradient(
- linear, left top, right top,
- from(#f8f9ff),
- to(#f4f4f4)
+ linear, left top, right top,
+ from(#f8f9ff),
+ to(#f4f4f4)
);
font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
background-color: #fcfcfc;
@@ -2327,9 +2328,9 @@ CCombo-Button {
cursor: default;
background-color: #efefef;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
border: none;
border-left: 1px solid #424242;
@@ -2458,9 +2459,9 @@ ScrollBar-DownButton {
FileUpload {
font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
background-image: gradient(
- linear, left top, left bottom,
- from(#060606),
- to(#1b1b1b)
+ linear, left top, left bottom,
+ from(#060606),
+ to(#1b1b1b)
);
background-repeat: repeat;
background-position: left top;
@@ -2486,17 +2487,17 @@ FileUpload:disabled {
FileUpload:hover {
background-image: gradient(
- linear, left top, left bottom,
- from(#151515),
- to(#2a2a2a)
+ linear, left top, left bottom,
+ from(#151515),
+ to(#2a2a2a)
);
}
FileUpload:pressed {
background-image: gradient(
- linear, left top, left bottom,
- from(#2a2a2a),
- to(#151515)
+ linear, left top, left bottom,
+ from(#2a2a2a),
+ to(#151515)
);
}
diff --git a/rap/src/main/resources/org/apache/hop/ui/hopgui/light-mode.css b/rap/src/main/resources/org/apache/hop/ui/hopgui/light-mode.css
index b2418cc..1a5c03e 100644
--- a/rap/src/main/resources/org/apache/hop/ui/hopgui/light-mode.css
+++ b/rap/src/main/resources/org/apache/hop/ui/hopgui/light-mode.css
@@ -16,147 +16,151 @@
*/
* {
- color: #4a4a4a;
- background-color: #fff;
- background-image: none;
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #000000;
+ background-color: #fff;
+ background-image: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
}
*:disabled {
- color: #CFCFCF;
+ color: #CFCFCF;
}
Widget-Badge {
- background-color: #dd0000;
- border: none;
- border-radius: 10px;
- font: 10px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #ffffff;
+ background-color: #dd4040;
+ border: none;
+ border-radius: 10px;
+ font: 10px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #000000;
}
Widget-ToolTip {
- padding: 10px;
- background-color: rgb(32, 31, 27);
- background-image: none;
- border: none;
- border-radius: 1px;
- font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #e0e0e0;
- opacity: 0.9;
- animation: fadeIn 150ms ease-in, fadeOut 150ms ease-in;
- box-shadow: none;
- text-align: center;
+ padding: 10px;
+ background-color: #ffffff;
+ background-image: none;
+ border: #808080;
+ border-radius: 1px;
+ font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #000000;
+ opacity: 0.9;
+ animation: fadeIn 150ms ease-in, fadeOut 150ms ease-in;
+ box-shadow: none;
+ text-align: center;
}
Widget-ToolTip-Pointer {
- background-image: none;
+ background-image: none;
}
Widget-ToolTip-Pointer:up {
- background-image: url(resource/widget/rap/arrows/tooltip-up.png);
+ background-image: url(resource/widget/rap/arrows/tooltip-up.png);
}
Widget-ToolTip-Pointer:down {
- background-image: url(resource/widget/rap/arrows/tooltip-down.png);
+ background-image: url(resource/widget/rap/arrows/tooltip-down.png);
}
Widget-ToolTip-Pointer:left {
- background-image: url(resource/widget/rap/arrows/tooltip-left.png);
+ background-image: url(resource/widget/rap/arrows/tooltip-left.png);
}
Widget-ToolTip-Pointer:right {
- background-image: url(resource/widget/rap/arrows/tooltip-right.png);
+ background-image: url(resource/widget/rap/arrows/tooltip-right.png);
}
Display {
- rwt-shadow-color: #a7a6aa;
- rwt-highlight-color: #ffffff;
- rwt-darkshadow-color: #85878c;
- rwt-lightshadow-color: #dcdfe4;
- rwt-thinborder-color: #aca899;
- rwt-selectionmarker-color: #fec83c;
- rwt-infobackground-color: #ffffff;
+ rwt-shadow-color: #a7a6aa;
+ rwt-highlight-color: #ffffff;
+ rwt-darkshadow-color: #85878c;
+ rwt-lightshadow-color: #dcdfe4;
+ rwt-thinborder-color: #aca899;
+ rwt-selectionmarker-color: #fec83c;
+ rwt-infobackground-color: #ffffff;
- rwt-error-image: url(resource/widget/rap/dialog/error.png);
- rwt-information-image: url(resource/widget/rap/dialog/information.png);
- rwt-question-image: url(resource/widget/rap/dialog/question.png);
- rwt-warning-image: url(resource/widget/rap/dialog/warning.png);
- rwt-working-image: url(resource/widget/rap/dialog/information.png);
+ rwt-error-image: url(resource/widget/rap/dialog/error.png);
+ rwt-information-image: url(resource/widget/rap/dialog/information.png);
+ rwt-question-image: url(resource/widget/rap/dialog/question.png);
+ rwt-warning-image: url(resource/widget/rap/dialog/warning.png);
+ rwt-working-image: url(resource/widget/rap/dialog/information.png);
- rwt-fontlist: 14px 'Segoe UI', Corbel, Calibri, Tahoma, 'Lucida Sans Unicode';
+ rwt-fontlist: 14px 'Segoe UI', Corbel, Calibri, Tahoma, 'Lucida Sans Unicode';
- background-image: url(resource/widget/rap/display/browser_bg.png);
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ background-image: url(resource/widget/rap/display/browser_bg.png);
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
}
SystemMessage-DisplayOverlay {
- background-color: rgba(128, 128, 128, 0.2);
- background-image: url(resource/widget/rap/display/loading.gif);
+ background-color: #808080;
+ opacity: 0.2;
+ background-image: url(resource/widget/rap/display/loading.gif);
}
ErrorBox-Titlebar {
- font: bold 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: white;
- background-color: #406796;
+ font: bold 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: white;
+ background-color: #406796;
}
ErrorBox {
- border: 1px solid #3B5998;
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #4a4a4a;
- background-color: white;
+ border: 1px solid #3B5998;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #4a4a4a;
+ background-color: white;
}
/* Default theme for all controls */
* {
- border: none;
- padding: 0px;
+ color: #000000;
+ background-color: #ffffff;
+ border: none;
+ padding: 0px;
}
*[BORDER] {
- border: 1px solid #a4a4a4;
+ border: 1px solid #a4a4a4;
}
/* Default theme for all composites */
Composite {
- padding: 0;
- opacity: 1;
- background-color: #ffffff;
- background-image: none;
- background-repeat: repeat;
- background-position: left top;
- border: none;
- box-shadow: none;
- animation: none;
+ padding: 0;
+ opacity: 1;
+ color: #000000;
+ background-color: #ffffff;
+ background-image: none;
+ background-repeat: repeat;
+ background-position: left top;
+ border: none;
+ box-shadow: none;
+ animation: none;
}
Composite[BORDER] {
- border: 1px solid #bdbdbd;
- border-radius: 2px;
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
}
/* Button default theme */
Button {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- background-image: none;
- background-repeat: repeat;
- background-position: left top;
- border: none;
- border-radius: 2px;
- padding: 6px 15px;
- spacing: 2px;
- cursor: default;
- animation: none;
- color: #4a4a4a;
- background-color: #ffffff;
- opacity: 1;
- text-shadow: none;
- box-shadow: none;
- text-decoration: none;
- box-shadow: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ background-image: none;
+ background-repeat: repeat;
+ background-position: left top;
+ border: none;
+ border-radius: 2px;
+ padding: 6px 15px;
+ spacing: 2px;
+ cursor: default;
+ animation: none;
+ color: #4a4a4a;
+ background-color: #ffffff;
+ opacity: 1;
+ text-shadow: none;
+ box-shadow: none;
+ text-decoration: none;
+ box-shadow: none;
}
Button[PUSH],
@@ -165,679 +169,682 @@ Button[PUSH][BORDER],
Button[TOGGLE][BORDER],
Button[PUSH][FLAT],
Button[TOGGLE][FLAT] {
- border: 1px solid #bdbdbd;
- border-radius: 2px;
- padding: 6px 15px;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
- animation: none;
- cursor: pointer;
- text-shadow: 0 1px 0 #ffffff;
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
+ padding: 6px 15px;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
+ animation: none;
+ cursor: pointer;
+ text-shadow: 0 1px 0 #ffffff;
}
Button[ARROW],
Button[ARROW][BORDER],
Button[ARROW][FLAT] {
- border: 1px solid #bdbdbd;
- border-radius: 2px;
- padding: 10px;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
- cursor: pointer;
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
+ padding: 10px;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
+ cursor: pointer;
}
Button[ARROW]:default,
Button[PUSH]:default,
Button[TOGGLE]:default {
- background-color: #416693;
- background-image: gradient(
- linear, left top, left bottom,
- from(#e2eefc),
- to(#d4d4d4)
- );
- border: 1px solid #a0b3ca;
+ background-color: #416693;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#e2eefc),
+ to(#d4d4d4)
+ );
+ border: 1px solid #a0b3ca;
}
Button[ARROW]:disabled,
Button[PUSH]:disabled,
Button[TOGGLE]:disabled,
Button[TOGGLE]:selected:disabled {
- cursor: default;
- color: #d2d2d2;
- background-image: none;
- background-color: #fafafa;
- border: 1px solid #d2d2d2;
+ cursor: default;
+ color: #d2d2d2;
+ background-image: none;
+ background-color: #fafafa;
+ border: 1px solid #d2d2d2;
}
Button[ARROW]:hover,
Button[PUSH]:hover,
Button[TOGGLE]:hover {
- background-image: gradient(
- linear, left top, left bottom,
- from(#eaeaea),
- to(#d5d5d5)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#eaeaea),
+ to(#d5d5d5)
+ );
}
Button[ARROW]:pressed,
Button[PUSH]:pressed,
Button[TOGGLE]:pressed {
- background-image: gradient(
- linear, left top, left bottom,
- from(#d5d5d5),
- to(#eaeaea)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#d5d5d5),
+ to(#eaeaea)
+ );
}
Button[TOGGLE]:selected {
- background-image: gradient(
- linear, left top, left bottom,
- from(#d5d5d5),
- to(#eaeaea)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#d5d5d5),
+ to(#eaeaea)
+ );
}
Button[TOGGLE]:selected:hover {
- background-image: gradient(
- linear, left top, left bottom,
- from(#d5d5d5),
- to(#eaeaea)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#d5d5d5),
+ to(#eaeaea)
+ );
}
Button[CHECK],
Button[RADIO] {
- padding: 3px 3px 3px 0;
- spacing: 7px;
+ padding: 3px 3px 3px 0;
+ spacing: 7px;
}
Button[CHECK][BORDER],
Button[RADIO][BORDER] {
- cursor: default;
- background-image: none;
- border: 1px solid #bdbdbd;
- border-radius: 2px;
+ cursor: default;
+ background-image: none;
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
}
Button-CheckIcon {
- background-image: url(resource/widget/rap/button/check-unselected.png);
+ background-image: url(resource/widget/rap/button/check-unselected.png);
}
Button-CheckIcon:hover {
- background-image: url(resource/widget/rap/button/check-unselected-hover.png);
+ background-image: url(resource/widget/rap/button/check-unselected-hover.png);
}
Button-CheckIcon:selected {
- background-image: url(resource/widget/rap/button/check-selected.png);
+ background-image: url(resource/widget/rap/button/check-selected.png);
}
Button-CheckIcon:selected:hover {
- background-image: url(resource/widget/rap/button/check-selected-hover.png);
+ background-image: url(resource/widget/rap/button/check-selected-hover.png);
}
Button-CheckIcon:selected:grayed {
- background-image: url(resource/widget/rap/button/check-grayed.png);
+ background-image: url(resource/widget/rap/button/check-grayed.png);
}
Button-CheckIcon:selected:grayed:hover {
- background-image: url(resource/widget/rap/button/check-grayed-hover.png);
+ background-image: url(resource/widget/rap/button/check-grayed-hover.png);
}
Button-RadioIcon {
- background-image: url(resource/widget/rap/button/radio-unselected.png);
+ background-image: url(resource/widget/rap/button/radio-unselected.png);
}
Button-RadioIcon:hover {
- background-image: url(resource/widget/rap/button/radio-unselected-hover.png);
+ background-image: url(resource/widget/rap/button/radio-unselected-hover.png);
}
Button-RadioIcon:selected {
- background-image: url(resource/widget/rap/button/radio-selected.png);
+ background-image: url(resource/widget/rap/button/radio-selected.png);
}
Button-RadioIcon:selected:hover {
- background-image: url(resource/widget/rap/button/radio-selected-hover.png);
+ background-image: url(resource/widget/rap/button/radio-selected-hover.png);
}
Button-ArrowIcon[UP] {
- background-image: url(resource/widget/rap/button/arrow-up.png);
+ background-image: url(resource/widget/rap/button/arrow-up.png);
}
Button-ArrowIcon[DOWN] {
- background-image: url(resource/widget/rap/button/arrow-down.png);
+ background-image: url(resource/widget/rap/button/arrow-down.png);
}
Button-ArrowIcon[LEFT] {
- background-image: url(resource/widget/rap/button/arrow-left.png);
+ background-image: url(resource/widget/rap/button/arrow-left.png);
}
Button-ArrowIcon[RIGHT] {
- background-image: url(resource/widget/rap/button/arrow-right.png);
+ background-image: url(resource/widget/rap/button/arrow-right.png);
}
Button-FocusIndicator[ARROW], Button-FocusIndicator[PUSH], Button-FocusIndicator[TOGGLE] {
- background-color: transparent;
- border: 1px dotted #b8b8b8;
- margin: 2px;
- padding: 0px;
- opacity: 1;
+ background-color: transparent;
+ border: 1px dotted #b8b8b8;
+ margin: 2px;
+ padding: 0px;
+ opacity: 1;
}
Button-FocusIndicator[CHECK], Button-FocusIndicator[RADIO] {
- background-color: transparent;
- border: 1px dotted #b8b8b8;
- padding: 2px 2px 2px 1px;
- margin: 0px;
- opacity: 1;
+ background-color: transparent;
+ border: 1px dotted #b8b8b8;
+ padding: 2px 2px 2px 1px;
+ margin: 0px;
+ opacity: 1;
}
/* Combo default theme */
Combo,
Combo[BORDER] {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #4a4a4a;
- background-color: #ffffff;
- border: 1px solid #aaaaaa;
- border-radius: 0 2px 2px 0;
- background-image: none;
- text-shadow: none;
- box-shadow: inset 0 0 3px #bdbdbd;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #000000;
+ background-color: #ffffff;
+ border: 1px solid #aaaaaa;
+ border-radius: 0 2px 2px 0;
+ background-image: none;
+ text-shadow: none;
+ box-shadow: inset 0 0 3px #bdbdbd;
}
Combo:focused,
Combo[BORDER]:focused {
- border: 1px solid #4f7cb1;
- box-shadow: 0 0 5px #4f7cb1;
+ color: #000000;
+ background-color: #ffffff;
+ border: 1px solid #4f7cb1;
+ box-shadow: 0 0 5px #4f7cb1;
}
Combo:disabled,
Combo[BORDER]:disabled {
- box-shadow: none;
+ box-shadow: none;
}
Combo-Button {
- cursor: default;
- background-color: #efefef;
- border: none;
- border-left: 1px solid #bdbdbd;
- border-radius: 0px 2px 2px 0px;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
- width: 30px;
+ cursor: default;
+ background-color: #efefef;
+ border: none;
+ border-left: 1px solid #bdbdbd;
+ border-radius: 0px 2px 2px 0px;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
+ width: 30px;
}
Combo-Button[RIGHT_TO_LEFT] {
- border: none;
- border-right: 1px solid #bdbdbd;
+ border: none;
+ border-right: 1px solid #bdbdbd;
}
Combo-Button:disabled {
- background-image: none;
- background-color: transparent;
+ background-image: none;
+ background-color: transparent;
}
Combo-Button-Icon {
- background-image: url(resource/widget/rap/combo/down.png);
+ background-image: url(resource/widget/rap/combo/down.png);
}
Combo-Button-Icon:hover {
- background-image: url(resource/widget/rap/combo/down-hover.png);
+ background-image: url(resource/widget/rap/combo/down-hover.png);
}
Combo-List {
- border: 1px solid #4f7cb1;
- box-shadow: 0 0 5px #4f7cb1;
- border-radius: 2px;
+ border: 1px solid #4f7cb1;
+ box-shadow: 0 0 5px #4f7cb1;
+ border-radius: 2px;
}
Combo-List-Item {
- color: inherit;
- background-color: transparent;
- background-image: none;
- text-decoration: none;
- text-shadow: none;
- padding: 6px 10px 6px 10px;
+ color: #000000;
+ background-color: transparent;
+ background-image: none;
+ text-decoration: none;
+ text-shadow: none;
+ padding: 6px 10px 6px 10px;
}
Combo-List-Item:hover, Combo-List-Item:even:hover {
- background-color: #f0f0f0;
+ background-color: #f0f0f0;
}
Combo-List-Item:selected, Combo-List-Item:even:selected {
- background-color: #c5dbef;
+ background-color: #c5dbef;
}
Combo-Field {
- padding: 5px 10px 5px 10px;
+ padding: 5px 10px 5px 10px;
}
Combo-FocusIndicator {
- background-color: transparent;
- border: none;
- margin: 0;
- opacity: 0;
+ background-color: transparent;
+ border: none;
+ margin: 0;
+ opacity: 0;
}
/* DropDown default theme */
DropDown {
- border: 1px solid #4f7cb1;
- border-radius: 0;
- box-shadow: 0 0 5px #4f7cb1;
+ border: 1px solid #4f7cb1;
+ border-radius: 0;
+ box-shadow: 0 0 5px #4f7cb1;
}
DropDown-Item {
- color: inherit;
- background-color: transparent;
- background-image: none;
- text-decoration: none;
- text-shadow: none;
- padding: 6px 10px 6px 10px;
+ color: inherit;
+ background-color: transparent;
+ background-image: none;
+ text-decoration: none;
+ text-shadow: none;
+ padding: 6px 10px 6px 10px;
}
DropDown-Item:hover {
- background-color: #f0f0f0;
+ background-color: #f0f0f0;
}
DropDown-Item:selected {
- background-color: #c5dbef;
+ background-color: #c5dbef;
}
/* CoolBar default theme */
CoolBar {
- background-image: none;
+ background-image: none;
}
CoolItem-Handle {
- border: 1px solid #bdbdbd;
- width: 2px;
+ border: 1px solid #bdbdbd;
+ width: 2px;
}
/* CTabFolder default theme */
CTabFolder {
- border-color: #bdbdbd;
- border-radius: 2px;
+ border-color: #bdbdbd;
+ border-radius: 2px;
}
CTabItem {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #4a4a4a;
- background-color: transparent;
- background-image: none;
- padding: 8px 15px;
- spacing: 10px;
- text-shadow: none;
- text-decoration: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #4a4a4a;
+ background-color: transparent;
+ background-image: none;
+ padding: 8px 15px;
+ spacing: 10px;
+ text-shadow: none;
+ text-decoration: none;
}
CTabItem:selected {
- color: #4a4a4a;
- background-color: #d6d6d6;
+ color: #4a4a4a;
+ background-color: #d6d6d6;
}
/* Do not gray out disabled CTabItems, this is SWT behavior */
CTabItem:disabled {
- color: black;
+ color: black;
}
CTabFolder-DropDownButton-Icon {
- background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown.png);
+ background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown.png);
}
CTabFolder-DropDownButton-Icon:hover {
- background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown-hover.png);
+ background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown-hover.png);
}
CTabFolder-DropDownButton-Icon[RIGHT_TO_LEFT] {
- background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown-left.png);
+ background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown-left.png);
}
CTabFolder-DropDownButton-Icon[RIGHT_TO_LEFT]:hover {
- background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown-left-hover.png);
+ background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown-left-hover.png);
}
/* Group default theme */
Group {
- font: 10px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #4a4a4a;
- background-color: #ffffff;
- border: none;
+ font: 10px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #4a4a4a;
+ background-color: #ffffff;
+ border: none;
}
Group-Frame {
- margin: 20px 0 0 0;
- padding: 15px 8px 8px 8px;
- border: 1px solid #bdbdbd;
- border-radius: 2px;
+ margin: 20px 0 0 0;
+ padding: 15px 8px 8px 8px;
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
}
Group-Label {
- padding: 2px 10px 2px 10px;
- background-color: #f0f0f0;
- background-image: none;
- background-repeat: repeat;
- background-position: left top;
- border: 1px solid #bdbdbd;
- border-radius: 10px;
- color: inherit;
- margin: 10px 10px 10px 20px;
- text-shadow: none;
+ padding: 2px 10px 2px 10px;
+ background-color: #f0f0f0;
+ background-image: none;
+ background-repeat: repeat;
+ background-position: left top;
+ border: 1px solid #bdbdbd;
+ border-radius: 10px;
+ color: inherit;
+ margin: 10px 10px 10px 20px;
+ text-shadow: none;
}
/* Label default theme */
Label {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #4a4a4a;
- background-color: #ffffff;
- background-image: none;
- background-repeat: repeat;
- background-position: left top;
- border: none;
- border-radius: 0;
- text-decoration: none;
- cursor: default;
- opacity: 1;
- text-shadow: none;
- padding: 0;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #4a4a4a;
+ background-color: #ffffff;
+ background-image: none;
+ background-repeat: repeat;
+ background-position: left top;
+ border: none;
+ border-radius: 0;
+ text-decoration: none;
+ cursor: default;
+ opacity: 1;
+ text-shadow: none;
+ padding: 0;
}
Label[BORDER] {
- border: 1px solid #bdbdbd;
- border-radius: 2px;
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
}
Label-SeparatorLine {
- background-image: none;
- background-color: #d2d2d2;
- border: none;
- border-radius: 0;
- width: 2px;
+ background-image: none;
+ background-color: #d2d2d2;
+ border: none;
+ border-radius: 0;
+ width: 2px;
}
/* Link default theme */
Link {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #4a4a4a;
- background-color: #ffffff;
- background-image: none;
- background-repeat: repeat;
- background-position: left top;
- text-shadow: none;
- padding: 2px;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #4a4a4a;
+ background-color: #ffffff;
+ background-image: none;
+ background-repeat: repeat;
+ background-position: left top;
+ text-shadow: none;
+ padding: 2px;
}
Link[BORDER] {
- border: 1px solid #bdbdbd;
+ border: 1px solid #bdbdbd;
}
Link-Hyperlink {
- color: #416693;
- text-shadow: none;
- text-decoration: none;
+ color: #416693;
+ text-shadow: none;
+ text-decoration: none;
}
Link-Hyperlink:disabled {
- color: #959595;
+ color: #959595;
}
Link-Hyperlink:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
Link-Hyperlink:hover:disabled {
- color: #959595;
- text-decoration: none;
+ color: #959595;
+ text-decoration: none;
}
/* List default theme */
List {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- background-color: #ffffff;
- border: none;
- color: #4a4a4a;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ background-color: #ffffff;
+ border: none;
+ color: #4a4a4a;
}
List[BORDER] {
- border: 1px solid #bdbdbd;
+ border: 1px solid #bdbdbd;
}
List-Item {
- padding: 5px 10px 5px 10px;
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- background-color: #ffffff;
- color: inherit;
- background-image: none;
- background-repeat: repeat;
- background-position: left top;
- text-shadow: none;
+ padding: 5px 10px 5px 10px;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ background-color: #ffffff;
+ color: inherit;
+ background-image: none;
+ background-repeat: repeat;
+ background-position: left top;
+ text-shadow: none;
}
List-Item:hover {
- background-color: #f0f0f0;
+ background-color: #f0f0f0;
}
List-Item:selected {
- color: #4a4a4a;
- /* background-color property is used on the server to compute system color with id
- SWT.COLOR_LIST_SELECTION (see bug https://bugs.eclipse.org/bugs/show_bug.cgi?id=434191) */
- background-color: #c5dbef;
+ color: #4a4a4a;
+ /* background-color property is used on the server to compute system color with id
+ SWT.COLOR_LIST_SELECTION (see bug https://bugs.eclipse.org/bugs/show_bug.cgi?id=434191) */
+ background-color: #c5dbef;
}
List-Item:selected:unfocused {
- background-color: #dfe6ee;
+ background-color: #dfe6ee;
}
List-Item:even {
- background-color: #f5f5f5;
+ background-color: #f5f5f5;
}
List-Item:even:hover {
- background-color: #e8e8e8;
+ background-color: #e8e8e8;
}
List-Item:even:selected {
- background-color: #bdd3e7;
+ background-color: #bdd3e7;
}
List-Item:even:selected:unfocused {
- background-color: #dadee6;
+ background-color: #dadee6;
}
List-GridLine {
- color: transparent;
+ color: transparent;
}
/* Menu default theme */
Menu {
- padding: 0;
- color: #0059a5;
- background-color: #f9f9f9;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f4f4f4),
- to(#ffffff)
- );
- border: 1px solid #a0b3ca;
- border-radius: 2px;
- box-shadow: 0 0 4px #ababab;
- opacity: 1;
- animation: none;
+ padding: 0;
+ color: #0059a5;
+ background-color: #f9f9f9;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f4f4f4),
+ to(#ffffff)
+ );
+ border: 1px solid #a0b3ca;
+ border-radius: 2px;
+ box-shadow: 0 0 4px #ababab;
+ opacity: 1;
+ animation: none;
}
MenuItem {
- color: #4a4a4a;
- background-color: transparent;
- background-image: none;
- opacity: 1;
- text-shadow: none;
- padding: 4px 10px 4px 10px;
+ color: #4a4a4a;
+ background-color: transparent;
+ background-image: none;
+ opacity: 1;
+ text-shadow: none;
+ padding: 4px 10px 4px 10px;
}
MenuItem[SEPARATOR] {
- padding: 0px 10px;
+ padding: 0px 10px;
}
MenuItem:hover {
- color: #ffffff;
- background-image: gradient(
- linear, left top, left bottom,
- from(#5882b5),
- to(#416693)
- );
+ color: #ffffff;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#5882b5),
+ to(#416693)
+ );
}
MenuItem:pressed {
- color: #ffffff;
- background-image: gradient(
- linear, left top, left bottom,
- from(#416693),
- to(#5882b5)
- );
+ color: #ffffff;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#416693),
+ to(#5882b5)
+ );
}
MenuItem:disabled {
- color: #bdbdbd;
- text-shadow: none;
+ color: #bdbdbd;
+ text-shadow: none;
}
MenuItem:onMenuBar {
- padding: 4px 6px;
+ padding: 4px 6px;
}
MenuItem-CheckIcon {
- background-image: url(resource/widget/rap/menu/checkbox.gif);
+ background-image: url(resource/widget/rap/menu/checkbox.gif);
}
MenuItem-RadioIcon {
- background-image: url(resource/widget/rap/menu/radiobutton.gif);
+ background-image: url(resource/widget/rap/menu/radiobutton.gif);
}
MenuItem-CascadeIcon {
- background-image: url(resource/widget/rap/menu/arrow-right.gif);
+ background-image: url(resource/widget/rap/menu/arrow-right.gif);
}
MenuItem-CascadeIcon[RIGHT_TO_LEFT] {
- background-image: url(resource/widget/rap/menu/arrow-left.gif);
+ background-image: url(resource/widget/rap/menu/arrow-left.gif);
}
/* ProgressBar default theme */
ProgressBar {
- background-color: #ffffff;
- background-image: url(resource/widget/rap/progressbar/progressbar-background.png);
- border: 1px solid #bdbdbd;
- border-radius: 15px;
- width: 16px;
+ background-color: #ffffff;
+ background-image: url(resource/widget/rap/progressbar/progressbar-background.png);
+ border: 1px solid #bdbdbd;
+ border-radius: 15px;
+ width: 16px;
}
ProgressBar-Indicator {
- background-color: #00589f;
- background-image: gradient(
- linear, left top, left bottom,
- from(#5882b5),
- to(#416693)
- );
- opacity: 1;
+ background-color: #00589f;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#5882b5),
+ to(#416693)
+ );
+ opacity: 1;
}
ProgressBar-Indicator:paused {
- background-image: gradient(
- linear, left top, left bottom,
- from(#818181),
- to(#b5b5b5)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#818181),
+ to(#b5b5b5)
+ );
}
ProgressBar-Indicator:error {
- background-image: gradient(
- linear, left top, left bottom,
- from(#bb1d1d),
- to(#fc0000)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#bb1d1d),
+ to(#fc0000)
+ );
}
/* Shell default theme */
Shell {
- animation: none;
- border: none;
- border-radius: 2px;
- background-color: #ffffff;
- background-image: none;
- padding: 0;
- opacity: 1;
- box-shadow: none;
+ animation: none;
+ border: none;
+ border-radius: 2px;
+ color: #000000;
+ background-color: #ffffff;
+ background-image: none;
+ padding: 0;
+ opacity: 1;
+ box-shadow: none;
}
Shell[TITLE], Shell[BORDER] {
- background-color: #ffffff;
- border: 1px solid #6e6e6e;
- border-radius: 2px;
- box-shadow: 0 0 4px #ababab;
+ background-color: #ffffff;
+ border: 1px solid #6e6e6e;
+ border-radius: 2px;
+ box-shadow: 0 0 4px #ababab;
}
Shell[BORDER]:inactive, Shell[TITLE]:inactive {
- border: 1px solid #bdbdbd;
- box-shadow: none;
+ border: 1px solid #bdbdbd;
+ box-shadow: none;
}
Shell:maximized, Shell:maximized:inactive {
- border: none;
- box-shadow: none;
- border-radius: 0px;
+ border: none;
+ box-shadow: none;
+ border-radius: 0px;
}
Shell-DisplayOverlay {
- animation: fadeIn 200ms linear, fadeOut 400ms ease-out;
- background-image: none;
- background-color: #808080;
- opacity: 0.2;
+ animation: fadeIn 200ms linear, fadeOut 400ms ease-out;
+ background-image: none;
+ background-color: #808080;
+ opacity: 0.2;
}
/* Shell titlebar */
Shell-Titlebar {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- background-color: #000000;
- background-gradient-color: #0080c0;
- color: #ffffff;
- background-image: gradient(
- linear, left top, left bottom,
- from(#000000), to(#202020)
- );
- padding: 0 10px 0 10px;
- margin: 0px;
- height: 38px;
- border: none;
- border-radius: 0;
- text-shadow: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ background-color: #303050;
+ background-gradient-color: #0080c0;
+ color: #ffffff;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#000000), to(#202020)
+ );
+ padding: 0 10px 0 10px;
+ margin: 0px;
+ height: 38px;
+ border: none;
+ border-radius: 0;
+ text-shadow: none;
}
Shell-Titlebar:inactive {
- background-color: #7996a5;
- background-gradient-color: #7996a5;
- background-image: gradient(
- linear, left top, left bottom,
- from(#818181), to(#b5b5b5)
- );
+ background-color: #7996a5;
+ background-gradient-color: #7996a5;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#818181), to(#b5b5b5)
+ );
}
/* Shell buttons */
@@ -845,603 +852,606 @@ Shell-Titlebar:inactive {
/* Minimize button */
Shell-MinButton {
- background-image: url(resource/widget/rap/window/shell-min.png);
- margin: 0 -2px 0 0;
+ background-image: url(resource/widget/rap/window/shell-min.png);
+ margin: 0 -2px 0 0;
}
Shell-MinButton:hover {
- background-image: url(resource/widget/rap/window/shell-min-hover.png);
+ background-image: url(resource/widget/rap/window/shell-min-hover.png);
}
Shell-MinButton:inactive {
- background-image: url(resource/widget/rap/window/shell-min.png);
- margin: 0 -2px 0 0;
+ background-image: url(resource/widget/rap/window/shell-min.png);
+ margin: 0 -2px 0 0;
}
Shell-MinButton:inactive:hover {
- background-image: url(resource/widget/rap/window/shell-min-hover.png);
+ background-image: url(resource/widget/rap/window/shell-min-hover.png);
}
/* Maximize button */
Shell-MaxButton {
- background-image: url(resource/widget/rap/window/shell-max.png);
- margin: 0 -2px 0 0;
+ background-image: url(resource/widget/rap/window/shell-max.png);
+ margin: 0 -2px 0 0;
}
Shell-MaxButton:hover {
- background-image: url(resource/widget/rap/window/shell-max-hover.png);
+ background-image: url(resource/widget/rap/window/shell-max-hover.png);
}
Shell-MaxButton:inactive {
- background-image: url(resource/widget/rap/window/shell-max.png);
- margin: 0 -2px 0 0;
+ background-image: url(resource/widget/rap/window/shell-max.png);
+ margin: 0 -2px 0 0;
}
Shell-MaxButton:inactive:hover {
- background-image: url(resource/widget/rap/window/shell-max-hover.png);
+ background-image: url(resource/widget/rap/window/shell-max-hover.png);
}
/* Restore button */
Shell-MaxButton:maximized {
- background-image: url(resource/widget/rap/window/shell-restore.png);
+ background-image: url(resource/widget/rap/window/shell-restore.png);
}
Shell-MaxButton:maximized:hover {
- background-image: url(resource/widget/rap/window/shell-restore-hover.png);
+ background-image: url(resource/widget/rap/window/shell-restore-hover.png);
}
Shell-MaxButton:maximized:inactive {
- background-image: url(resource/widget/rap/window/shell-restore.png);
+ background-image: url(resource/widget/rap/window/shell-restore.png);
}
Shell-MaxButton:maximized:inactive:hover {
- background-image: url(resource/widget/rap/window/shell-restore-hover.png);
+ background-image: url(resource/widget/rap/window/shell-restore-hover.png);
}
/* Close button */
Shell-CloseButton {
- background-image: url(resource/widget/rap/window/shell-close.png);
- margin: 0 -2px 0 0;
+ background-image: url(resource/widget/rap/window/shell-close.png);
+ margin: 0 -2px 0 0;
}
Shell-CloseButton:hover {
- background-image: url(resource/widget/rap/window/shell-close-hover.png);
+ background-image: url(resource/widget/rap/window/shell-close-hover.png);
}
Shell-CloseButton:inactive {
- background-image: url(resource/widget/rap/window/shell-close.png);
- margin: 0 -2px 0 0;
+ background-image: url(resource/widget/rap/window/shell-close.png);
+ margin: 0 -2px 0 0;
}
Shell-CloseButton:inactive:hover {
- background-image: url(resource/widget/rap/window/shell-close-hover.png);
+ background-image: url(resource/widget/rap/window/shell-close-hover.png);
}
/* Spinner default theme */
Spinner {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- border: none;
- border-radius: 0 2px 2px 0;
- color: #4a4a4a;
- background-color: #ffffff;
- background-image: none;
- text-shadow: none;
- box-shadow: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ border: none;
+ border-radius: 0 2px 2px 0;
+ color: #4a4a4a;
+ background-color: #ffffff;
+ background-image: none;
+ text-shadow: none;
+ box-shadow: none;
}
Spinner[BORDER] {
- border: 1px solid #aaaaaa;
- border-radius: 0 2px 2px 0;
- box-shadow: inset 0 0 3px #bdbdbd;
+ border: 1px solid #aaaaaa;
+ border-radius: 0 2px 2px 0;
+ box-shadow: inset 0 0 3px #bdbdbd;
}
Spinner[BORDER]:focused {
- border: 1px solid #4f7cb1;
- box-shadow: 0 0 5px #4f7cb1;
+ border: 1px solid #4f7cb1;
+ box-shadow: 0 0 5px #4f7cb1;
}
Spinner:disabled,
Spinner[BORDER]:disabled {
- box-shadow: none;
+ box-shadow: none;
}
Spinner-Field {
- padding: 6px 10px 6px 10px;
+ padding: 6px 10px 6px 10px;
}
Spinner-UpButton {
- background-color: #efefef;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#efefef)
- );
- width: 30px;
- border: none;
- border-left: 1px solid #bdbdbd;
- border-radius: 0px 2px 0px 0px;
- cursor: default;
+ background-color: #efefef;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#efefef)
+ );
+ width: 30px;
+ border: none;
+ border-left: 1px solid #bdbdbd;
+ border-radius: 0px 2px 0px 0px;
+ cursor: default;
}
Spinner-UpButton[RIGHT_TO_LEFT] {
- border: none;
- border-right: 1px solid #bdbdbd;
+ border: none;
+ border-right: 1px solid #bdbdbd;
}
Spinner-UpButton:disabled {
- background-image: none;
- background-color: transparent;
+ background-image: none;
+ background-color: transparent;
}
Spinner-UpButton-Icon {
- background-image: url(resource/widget/rap/spinner/up.png);
+ background-image: url(resource/widget/rap/spinner/up.png);
}
Spinner-UpButton-Icon:hover {
- background-image: url(resource/widget/rap/spinner/up-hover.png);
+ background-image: url(resource/widget/rap/spinner/up-hover.png);
}
Spinner-DownButton {
- background-color: #efefef;
- background-image: gradient(
- linear, left top, left bottom,
- from(#efefef),
- to(#e4e4e4)
- );
- width: 30px;
- border: none;
- border-left: 1px solid #bdbdbd;
- border-radius: 0px 0px 2px 0px;
- cursor: default;
+ background-color: #efefef;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#efefef),
+ to(#e4e4e4)
+ );
+ width: 30px;
+ border: none;
+ border-left: 1px solid #bdbdbd;
+ border-radius: 0px 0px 2px 0px;
+ cursor: default;
}
Spinner-DownButton[RIGHT_TO_LEFT] {
- border: none;
- border-right: 1px solid #bdbdbd;
+ border: none;
+ border-right: 1px solid #bdbdbd;
}
Spinner-DownButton:disabled {
- background-image: none;
- background-color: transparent;
+ background-image: none;
+ background-color: transparent;
}
Spinner-DownButton-Icon {
- background-image: url(resource/widget/rap/spinner/down.png);
+ background-image: url(resource/widget/rap/spinner/down.png);
}
Spinner-DownButton-Icon:hover {
- background-image: url(resource/widget/rap/spinner/down-hover.png);
+ background-image: url(resource/widget/rap/spinner/down-hover.png);
}
/* TabFolder default theme */
TabFolder {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- border: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ border: none;
}
TabFolder[BORDER] {
- border: 1px solid #bdbdbd;
+ border: 1px solid #bdbdbd;
}
TabFolder-ContentContainer {
- border: 1px solid #bdbdbd;
+ border: 1px solid #bdbdbd;
}
TabItem {
- color: #4a4a4a;
- background-color: #ffffff;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
- background-repeat: repeat;
- background-position: left top;
- border-top-color: #5882b5;
- border-bottom-color: #5882b5;
- text-shadow: 0 1px 0 #ffffff;
- padding: 6px;
- margin: 6px 1px 1px 0px;
- border: 1px solid #bdbdbd;
- border-bottom: none;
+ color: #4a4a4a;
+ background-color: #ffffff;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
+ background-repeat: repeat;
+ background-position: left top;
+ border-top-color: #5882b5;
+ border-bottom-color: #5882b5;
+ text-shadow: 0 1px 0 #ffffff;
+ padding: 6px;
+ margin: 6px 1px 1px 0px;
+ border: 1px solid #bdbdbd;
+ border-bottom: none;
}
TabItem[RIGHT_TO_LEFT] {
- margin: 6px 0px 1px 1px;
+ margin: 6px 0px 1px 1px;
}
TabItem:bottom {
- margin: 1px 1px 6px 0px;
- border: 1px solid #bdbdbd;
- border-top: none;
+ margin: 1px 1px 6px 0px;
+ border: 1px solid #bdbdbd;
+ border-top: none;
}
TabItem[RIGHT_TO_LEFT]:bottom {
- margin: 1px 0px 6px 1px;
+ margin: 1px 0px 6px 1px;
}
TabItem:selected {
- background-image: gradient(
- linear, left top, left bottom,
- from(#d5d5d5),
- to(#eaeaea)
- );
- margin: 3px -1px 0px -2px;
- border: 1px solid #bdbdbd;
- border-top: 3px solid #5882b5;
- border-bottom: none;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#d5d5d5),
+ to(#eaeaea)
+ );
+ margin: 3px -1px 0px -2px;
+ border: 1px solid #bdbdbd;
+ border-top: 3px solid #5882b5;
+ border-bottom: none;
}
TabItem[RIGHT_TO_LEFT]:selected {
- margin: 3px -2px 0px -1px;
+ margin: 3px -2px 0px -1px;
}
TabItem:bottom:selected {
- margin: 0px -1px 3px -2px;
- border: 1px solid #bdbdbd;
- border-top: none;
- border-bottom: 3px solid #5882b5;
+ margin: 0px -1px 3px -2px;
+ border: 1px solid #bdbdbd;
+ border-top: none;
+ border-bottom: 3px solid #5882b5;
}
TabItem[RIGHT_TO_LEFT]:bottom:selected {
- margin: 0px -2px 3px -1px;
+ margin: 0px -2px 3px -1px;
}
TabItem:selected:first {
- margin: 3px -1px 0px 0px;
+ margin: 3px -1px 0px 0px;
}
TabItem[RIGHT_TO_LEFT]:selected:first {
- margin: 3px 0px 0px -1px;
+ margin: 3px 0px 0px -1px;
}
TabItem:bottom:selected:first {
- margin: 0px -1px 3px 0px;
+ margin: 0px -1px 3px 0px;
}
TabItem[RIGHT_TO_LEFT]:bottom:selected:first {
- margin: 0px 0px 3px -1px;
+ margin: 0px 0px 3px -1px;
}
/* Table default theme */
Table {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- background-color: #ffffff;
- background-image: none;
- color: #4a4a4a;
- border: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ background-color: #808080;
+ background-image: none;
+ color: #000000;
+ border: none;
}
Table[BORDER] {
- border: 1px solid #bdbdbd;
+ border: 1px solid #bdbdbd;
}
TableColumn {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- background-color: #f0f0f0;
- padding: 8px 3px 8px 3px;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
- color: inherit;
- border-bottom: 1px solid #bdbdbd;
- text-shadow: 0 1px 0 #ffffff;
- text-overflow: ellipsis;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ background-color: #f0f0f0;
+ padding: 8px 3px 8px 3px;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
+ color: inherit;
+ border-bottom: 1px solid #bdbdbd;
+ text-shadow: 0 1px 0 #ffffff;
+ text-overflow: ellipsis;
}
TableColumn:hover {
- background-image: gradient(
- linear, left top, left bottom,
- from(#e4e4e4),
- to(#f9f9f9)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#e4e4e4),
+ to(#f9f9f9)
+ );
}
TableItem,
TableItem:linesvisible:even:rowtemplate {
- background-color: transparent;
- color: inherit;
- text-decoration: none;
- text-shadow: none;
- background-image: none;
- text-overflow: ellipsis;
+ background-color: transparent;
+ color: #000000;
+ text-decoration: none;
+ text-shadow: none;
+ background-image: none;
+ text-overflow: ellipsis;
}
TableItem:linesvisible:even {
- background-color: #f5f5f5;
- color: inherit;
+ background-color: #f5f5f5;
+ color: #000000;
}
Table-RowOverlay {
- background-color: transparent;
- color: inherit;
- background-image: none;
+ background-color: transparent;
+ color: #000000;
+ background-image: none;
}
Table-RowOverlay:hover {
- color: inherit;
- background-color: rgba(181, 181, 181, 0.2);
- background-image: none;
+ color: inherit;
+ background-color: #b5b5b5;
+ opacity: 0.2;
+ background-image: none;
}
Table-RowOverlay:selected {
- color: inherit;
- background-color: rgba(20, 110, 190, 0.25);
- background-image: none;
+ color: #c0c0c0;
+ background-color: #3690d0;
+ opacity: 0.25;
+ background-image: none;
}
Table-RowOverlay:selected:unfocused {
- background-color: rgba(98, 130, 171, 0.2);
- background-image: none;
- color: inherit;
+ background-color: #6282ab;
+ background-image: none;
+ opacity: 0.2;
+ color: inherit;
}
TableColumn-SortIndicator {
- background-image: none;
+ background-image: none;
}
TableColumn-SortIndicator:up {
- background-image: url(resource/widget/rap/column/sort-indicator-up.png);
+ background-image: url(resource/widget/rap/column/sort-indicator-up.png);
}
TableColumn-SortIndicator:down {
- background-image: url(resource/widget/rap/column/sort-indicator-down.png);
+ background-image: url(resource/widget/rap/column/sort-indicator-down.png);
}
Table-Cell {
- spacing: 3px;
- padding: 5px 3px 5px 3px;
+ spacing: 3px;
+ padding: 5px 3px 5px 3px;
}
Table-GridLine,
Table-GridLine:vertical:rowtemplate {
- color: transparent;
+ color: transparent;
}
Table-GridLine:vertical,
Table-GridLine:header,
Table-GridLine:horizontal:rowtemplate {
- color: #dedede;
+ color: #dedede;
}
Table-Checkbox {
- /*
- For backward compatibility we have to keep the width property.
- Deprecated, use "margin" instead.
- */
- width: 21px;
- margin: 0 0 0 4px;
- background-image: url(resource/widget/rap/button/check-unselected.png);
+ /*
+ For backward compatibility we have to keep the width property.
+ Deprecated, use "margin" instead.
+ */
+ width: 21px;
+ margin: 0 0 0 4px;
+ background-image: url(resource/widget/rap/button/check-unselected.png);
}
Table-Checkbox:hover {
- background-image: url(resource/widget/rap/button/check-unselected-hover.png);
+ background-image: url(resource/widget/rap/button/check-unselected-hover.png);
}
Table-Checkbox:checked {
- background-image: url(resource/widget/rap/button/check-selected.png);
+ background-image: url(resource/widget/rap/button/check-selected.png);
}
Table-Checkbox:checked:hover {
- background-image: url(resource/widget/rap/button/check-selected-hover.png);
+ background-image: url(resource/widget/rap/button/check-selected-hover.png);
}
Table-Checkbox:checked:grayed {
- background-image: url(resource/widget/rap/button/check-grayed.png);
+ background-image: url(resource/widget/rap/button/check-grayed.png);
}
Table-Checkbox:checked:grayed:hover {
- background-image: url(resource/widget/rap/button/check-grayed-hover.png);
+ background-image: url(resource/widget/rap/button/check-grayed-hover.png);
}
/* Text default theme */
Text {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- border: none;
- border-radius: 0;
- padding: 5px 10px 5px 10px;
- color: #4a4a4a;
- background-repeat: repeat;
- background-position: left top;
- background-color: #ffffff;
- background-image: none;
- text-shadow: none;
- box-shadow: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ border: none;
+ border-radius: 0;
+ padding: 5px 10px 5px 10px;
+ color: #000000;
+ background-repeat: repeat;
+ background-position: left top;
+ background-color: #ffffff;
+ background-image: none;
+ text-shadow: none;
+ box-shadow: none;
}
Text[MULTI] {
- /*
- * padding currently has no effect because of bug 253644
- * [TODO] remove comment if bug fixed
- */
- padding: 5px 10px 5px 10px;
+ /*
+ * padding currently has no effect because of bug 253644
+ * [TODO] remove comment if bug fixed
+ */
+ padding: 5px 10px 5px 10px;
}
Text[BORDER],
Text[MULTI][BORDER] {
- border: 1px solid #aaaaaa;
- border-radius: 0;
- box-shadow: inset 0 0 3px #bdbdbd;
+ border: 1px solid #aaaaaa;
+ border-radius: 0;
+ box-shadow: inset 0 0 3px #bdbdbd;
}
Text[BORDER]:focused,
Text[MULTI][BORDER]:focused {
- border: 1px solid #4f7cb1;
- box-shadow: 0 0 5px #4f7cb1;
+ border: 1px solid #4f7cb1;
+ box-shadow: 0 0 5px #4f7cb1;
}
Text[BORDER]:disabled,
Text[MULTI][BORDER]:disabled,
Text[BORDER]:read-only,
Text[MULTI][BORDER]:read-only {
- box-shadow: none;
+ box-shadow: none;
}
Text-Message {
- color: #a7a6aa;
- text-shadow: none;
+ color: #a7a6aa;
+ text-shadow: none;
}
Text-Search-Icon {
- background-image: url(resource/widget/rap/text/find.png);
- spacing: 3px;
+ background-image: url(resource/widget/rap/text/find.png);
+ spacing: 3px;
}
Text-Cancel-Icon {
- background-image: url(resource/widget/rap/text/clear.gif);
- spacing: 3px;
+ background-image: url(resource/widget/rap/text/clear.gif);
+ spacing: 3px;
}
/* ToolBar default theme */
ToolBar {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #4a4a4a;
- padding: 0;
- spacing: 0;
- background-color: #e4e4e4;
- border: 1px solid #bdbdbd;
- border-radius: 3px;
- opacity: 1;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #4a4a4a;
+ padding: 0;
+ spacing: 0;
+ background-color: #e4e4e4;
+ border: 1px solid #bdbdbd;
+ border-radius: 3px;
+ opacity: 1;
}
ToolBar[VERTICAL] {
- background-image: gradient(
- linear, left top, right top,
- from(#e9e9e9),
- color-stop(45%, #f9f9f9),
- color-stop(55%, #f9f9f9),
- to(#e9e9e9)
- );
+ background-image: gradient(
+ linear, left top, right top,
+ from(#e9e9e9),
+ color-stop(45%, #f9f9f9),
+ color-stop(55%, #f9f9f9),
+ to(#e9e9e9)
+ );
}
ToolBar[FLAT] {
- border: none;
- background-image: none;
- spacing: 4px;
+ border: none;
+ background-image: none;
+ spacing: 4px;
}
ToolBar[FLAT][BORDER] {
- border: 1px solid #bdbdbd;
- padding: 3px 3px 6px 3px;
+ border: 1px solid #bdbdbd;
+ padding: 3px 3px 6px 3px;
}
ToolItem {
- color: inherit;
- background-color: transparent;
- background-image: none;
- border-radius: 0px;
- padding: 8px;
- spacing: 4px;
- opacity: 1;
- animation: none;
- text-shadow: 1px 1px 1px #ccc;
- border: none;
- border-left: 1px solid transparent;
- border-right: 1px solid transparent;
+ color: inherit;
+ background-color: transparent;
+ background-image: none;
+ border-radius: 0px;
+ padding: 8px;
+ spacing: 4px;
+ opacity: 1;
+ animation: none;
+ text-shadow: 1px 1px 1px #ccc;
+ border: none;
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
}
ToolItem[FLAT] {
- border: 1px solid transparent;
+ border: 1px solid transparent;
}
ToolItem[VERTICAL] {
- border: none;
- border-top: 1px solid transparent;
- border-bottom: 1px solid transparent;
+ border: none;
+ border-top: 1px solid transparent;
+ border-bottom: 1px solid transparent;
}
ToolItem:first, ToolItem[RIGHT_TO_LEFT]:last {
- border-radius: 3px 0px 0px 3px;
+ border-radius: 3px 0px 0px 3px;
}
ToolItem:last, ToolItem[RIGHT_TO_LEFT]:first {
- border-radius: 0px 3px 3px 0px;
+ border-radius: 0px 3px 3px 0px;
}
ToolItem[VERTICAL]:first {
- border-radius: 3px 3px 0px 0px;
+ border-radius: 3px 3px 0px 0px;
}
ToolItem[VERTICAL]:last {
- border-radius: 0px 0px 3px 3px;
+ border-radius: 0px 0px 3px 3px;
}
ToolItem:first:last, ToolItem[VERTICAL]:first:last {
- border: none;
- border-radius: 3px 3px 3px 3px;
+ border: none;
+ border-radius: 3px 3px 3px 3px;
}
ToolItem:hover,
ToolItem:pressed,
ToolItem:selected {
- border: none;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid #bdbdbd;
+ border: none;
+ border-left: 1px solid #bdbdbd;
+ border-right: 1px solid #bdbdbd;
}
ToolItem[VERTICAL]:hover,
ToolItem[VERTICAL]:pressed,
ToolItem[VERTICAL]:selected {
- border: none;
- border-top: 1px solid #bdbdbd;
- border-bottom: 1px solid #bdbdbd;
+ border: none;
+ border-top: 1px solid #bdbdbd;
+ border-bottom: 1px solid #bdbdbd;
}
ToolItem:hover {
- background-image: gradient(
- linear, left top, left bottom,
- from(#eaeaea),
- to(#d5d5d5)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#eaeaea),
+ to(#d5d5d5)
+ );
}
ToolItem:pressed {
- padding: 9px 8px 7px 8px;
- background-image: gradient(
- linear, left top, left bottom,
- from(#d5d5d5),
- to(#eaeaea)
- );
+ padding: 9px 8px 7px 8px;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#d5d5d5),
+ to(#eaeaea)
+ );
}
ToolItem:selected {
- padding: 9px 8px 7px 8px;
- background-image: gradient(
- linear, left top, left bottom,
- from(#e4e4e4),
- to(#f9f9f9)
- );
+ padding: 9px 8px 7px 8px;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#e4e4e4),
+ to(#f9f9f9)
+ );
}
ToolItem[VERTICAL]:hover {
- background-image: gradient(
- linear, left top, right top,
- from(#d9d9d9),
- color-stop(45%, #e9e9e9),
- color-stop(55%, #e9e9e9),
- to(#d9d9d9)
- );
+ background-image: gradient(
+ linear, left top, right top,
+ from(#d9d9d9),
+ color-stop(45%, #e9e9e9),
+ color-stop(55%, #e9e9e9),
+ to(#d9d9d9)
+ );
}
ToolItem[VERTICAL]:pressed, ToolItem[VERTICAL]:selected {
- background-image: gradient(
- linear, left top, right top,
- from(#e9e9e9),
- color-stop(45%, #dadada),
- color-stop(55%, #dadada),
- to(#e9e9e9)
- );
+ background-image: gradient(
+ linear, left top, right top,
+ from(#e9e9e9),
+ color-stop(45%, #dadada),
+ color-stop(55%, #dadada),
+ to(#e9e9e9)
+ );
}
ToolItem:first:hover,
@@ -1450,9 +1460,9 @@ ToolItem:first:pressed,
ToolItem[RIGHT_TO_LEFT]:last:hover,
ToolItem[RIGHT_TO_LEFT]:last:selected,
ToolItem[RIGHT_TO_LEFT]:last:pressed {
- border: none;
- border-left: 1px solid transparent;
- border-right: 1px solid #bdbdbd;
+ border: none;
+ border-left: 1px solid transparent;
+ border-right: 1px solid #bdbdbd;
}
ToolItem:last:hover,
@@ -1461,32 +1471,32 @@ ToolItem:last:pressed,
ToolItem[RIGHT_TO_LEFT]:first:hover,
ToolItem[RIGHT_TO_LEFT]:first:selected,
ToolItem[RIGHT_TO_LEFT]:first:pressed {
- border: none;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid transparent;
+ border: none;
+ border-left: 1px solid #bdbdbd;
+ border-right: 1px solid transparent;
}
ToolItem[VERTICAL]:first:hover,
ToolItem[VERTICAL]:first:selected,
ToolItem[VERTICAL]:first:pressed {
- border: none;
- border-top: 1px solid transparent;
- border-bottom: 1px solid #bdbdbd;
+ border: none;
+ border-top: 1px solid transparent;
+ border-bottom: 1px solid #bdbdbd;
}
ToolItem[VERTICAL]:last:hover,
ToolItem[VERTICAL]:last:selected,
ToolItem[VERTICAL]:last:pressed {
- border: none;
- border-top: 1px solid #bdbdbd;
- border-bottom: 1px solid transparent;
+ border: none;
+ border-top: 1px solid #bdbdbd;
+ border-bottom: 1px solid transparent;
}
ToolItem[FLAT],
ToolItem[FLAT]:first,
ToolItem[FLAT]:last {
- border: 1px solid transparent;
- border-radius: 3px 3px 3px 3px;
+ border: 1px solid transparent;
+ border-radius: 3px 3px 3px 3px;
}
ToolItem[FLAT]:hover,
@@ -1498,1020 +1508,1023 @@ ToolItem[FLAT]:first:selected,
ToolItem[FLAT]:last:hover,
ToolItem[FLAT]:last:pressed,
ToolItem[FLAT]:last:selected {
- border: 1px solid #bdbdbd;
- border-radius: 3px 3px 3px 3px;
+ border: 1px solid #bdbdbd;
+ border-radius: 3px 3px 3px 3px;
}
ToolItem[FLAT]:hover,
ToolItem[FLAT]:first:hover,
ToolItem[FLAT]:last:hover {
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
}
ToolItem[FLAT]:pressed, ToolItem[FLAT]:first:pressed, ToolItem[FLAT]:last:pressed {
- background-image: gradient(
- linear, left top, left bottom,
- from(#d5d5d5),
- to(#eaeaea)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#d5d5d5),
+ to(#eaeaea)
+ );
}
ToolItem[FLAT]:selected {
- background-image: gradient(
- linear, left top, left bottom,
- from(#e4e4e4),
- to(#f9f9f9)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#e4e4e4),
+ to(#f9f9f9)
+ );
}
ToolItem-DropDownIcon {
- background-image: url(resource/widget/rap/toolbar/down.png);
- border: none;
+ background-image: url(resource/widget/rap/toolbar/down.png);
+ border: none;
}
ToolItem-Separator {
- width: 10px;
+ width: 10px;
}
/* Tree/Grid default theme */
Tree, Grid {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- background-color: #ffffff;
- border: none;
- color: #4a4a4a;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ background-color: #ffffff;
+ border: none;
+ color: #4a4a4a;
}
Tree[BORDER], Grid[BORDER] {
- border: 1px solid #bdbdbd;
+ border: 1px solid #bdbdbd;
}
TreeItem, GridItem,
TreeItem:linesvisible:even:rowtemplate {
- background-color: transparent;
- color: inherit;
- text-decoration: none;
- text-shadow: none;
- background-image: none;
- text-overflow: ellipsis;
+ background-color: transparent;
+ color: inherit;
+ text-decoration: none;
+ text-shadow: none;
+ background-image: none;
+ text-overflow: ellipsis;
}
TreeItem:linesvisible:even {
- background-color: #f5f5f5;
- color: inherit;
- border: none;
+ background-color: #f5f5f5;
+ color: inherit;
+ border: none;
}
Tree-RowOverlay, Grid-RowOverlay {
- background-color: transparent;
- color: inherit;
- background-image: none;
+ background-color: transparent;
+ color: inherit;
+ background-image: none;
}
Tree-RowOverlay:hover, Grid-RowOverlay:hover {
- color: inherit;
- background-color: rgba(181, 181, 181, 0.2);
- background-image: none;
+ color: inherit;
+ background-color: #b5b5b5;
+ opacity: 0.2;
+ background-image: none;
}
Tree-RowOverlay:selected, Grid-RowOverlay:selected {
- color: inherit;
- background-color: rgba(20, 110, 190, 0.25);
- background-image: none;
+ color: inherit;
+ background-color: #146ebe;
+ opacity: 0.25;
+ background-image: none;
}
Tree-RowOverlay:selected:unfocused, Grid-RowOverlay:selected:unfocused {
- background-color: rgba(98, 130, 171, 0.2);
- background-image: none;
- color: inherit;
+ background-color: #6282ab;
+ opacity: 0.2;
+ background-image: none;
+ color: inherit;
}
TreeColumn, GridColumn {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: inherit;
- background-color: #f0f0f0;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
- padding: 8px 10px 8px 6px;
- border-bottom: 1px solid #bdbdbd;
- text-shadow: none;
- text-overflow: ellipsis;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: inherit;
+ background-color: #f0f0f0;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
+ padding: 8px 10px 8px 6px;
+ border-bottom: 1px solid #bdbdbd;
+ text-shadow: none;
+ text-overflow: ellipsis;
}
TreeColumn:hover, GridColumn:hover {
- background-image: gradient(
- linear, left top, left bottom,
- from(#e4e4e4),
- to(#f9f9f9)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#e4e4e4),
+ to(#f9f9f9)
+ );
}
TreeColumn-SortIndicator, GridColumn-SortIndicator {
- background-image: none;
+ background-image: none;
}
TreeColumn-SortIndicator:up, GridColumn-SortIndicator:up {
- background-image: url(resource/widget/rap/column/sort-indicator-up.png);
+ background-image: url(resource/widget/rap/column/sort-indicator-up.png);
}
TreeColumn-SortIndicator:down, GridColumn-SortIndicator:down {
- background-image: url(resource/widget/rap/column/sort-indicator-down.png);
+ background-image: url(resource/widget/rap/column/sort-indicator-down.png);
}
Tree-Cell, Grid-Cell {
- spacing: 3px;
- padding: 5px 3px 5px 3px;
+ spacing: 3px;
+ padding: 5px 3px 5px 3px;
}
Tree-GridLine,
Tree-GridLine:vertical:rowtemplate, Grid-GridLine:vertical:rowtemplate {
- color: transparent;
+ color: transparent;
}
Tree-GridLine:vertical,
Tree-GridLine:header,
Tree-GridLine:horizontal:rowtemplate {
- color: #dedede;
+ color: #dedede;
}
Grid-GridLine {
- color: #d0d0d0;
+ color: #d0d0d0;
}
Tree-Checkbox, Grid-Checkbox {
- margin: 0px 2px 0px 0px;
- background-image: url(resource/widget/rap/button/check-unselected.png);
+ margin: 0px 2px 0px 0px;
+ background-image: url(resource/widget/rap/button/check-unselected.png);
}
Tree-Checkbox:hover, Grid-Checkbox:hover {
- background-image: url(resource/widget/rap/button/check-unselected-hover.png);
+ background-image: url(resource/widget/rap/button/check-unselected-hover.png);
}
Tree-Checkbox:checked, Grid-Checkbox:checked {
- background-image: url(resource/widget/rap/button/check-selected.png);
+ background-image: url(resource/widget/rap/button/check-selected.png);
}
Tree-Checkbox:checked:hover, Grid-Checkbox:checked:hover {
- background-image: url(resource/widget/rap/button/check-selected-hover.png);
+ background-image: url(resource/widget/rap/button/check-selected-hover.png);
}
Tree-Checkbox:checked:grayed, Grid-Checkbox:checked:grayed {
- background-image: url(resource/widget/rap/button/check-grayed.png);
+ background-image: url(resource/widget/rap/button/check-grayed.png);
}
Tree-Checkbox:checked:grayed:hover, Grid-Checkbox:checked:grayed:hover {
- background-image: url(resource/widget/rap/button/check-grayed-hover.png);
+ background-image: url(resource/widget/rap/button/check-grayed-hover.png);
}
Tree-Indent, Grid-Indent {
- width: 16px;
- background-image: none;
+ width: 16px;
+ background-image: none;
}
Tree-Indent:collapsed, Grid-Indent:collapsed {
- background-image: url(resource/widget/rap/tree/tree-collapsed.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed.png);
}
Tree-Indent:collapsed:hover, Grid-Indent:collapsed:hover {
- background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
}
Tree-Indent:expanded, Grid-Indent:expanded {
- background-image: url(resource/widget/rap/tree/tree-expanded.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded.png);
}
Tree-Indent:expanded:hover, Grid-Indent:expanded:hover {
- background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
}
Tree-Indent:line, Grid-Indent:line {
- background-image: none;
+ background-image: none;
}
Tree-Indent:first, Grid-Indent:first {
- background-image: none;
+ background-image: none;
}
Tree-Indent:first:collapsed, Grid-Indent:first:collapsed {
- background-image: url(resource/widget/rap/tree/tree-collapsed.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed.png);
}
Tree-Indent:first:collapsed:hover, Grid-Indent:first:collapsed:hover {
- background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
}
Tree-Indent:first:expanded, Grid-Indent:first:expanded {
- background-image: url(resource/widget/rap/tree/tree-expanded.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded.png);
}
Tree-Indent:first:expanded:hover, Grid-Indent:first:expanded:hover {
- background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
}
Tree-Indent:last, Grid-Indent:last {
- background-image: none;
+ background-image: none;
}
Tree-Indent:last:collapsed, Grid-Indent:last:collapsed {
- background-image: url(resource/widget/rap/tree/tree-collapsed.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed.png);
}
Tree-Indent:last:collapsed:hover, Grid-Indent:last:collapsed:hover {
- background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
}
Tree-Indent:last:expanded, Grid-Indent:last:expanded {
- background-image: url(resource/widget/rap/tree/tree-expanded.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded.png);
}
Tree-Indent:last:expanded:hover, Grid-Indent:last:expanded:hover {
- background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
}
Tree-Indent:first:last, Grid-Indent:first:last {
- background-image: none;
+ background-image: none;
}
Tree-Indent:first:last:collapsed, Grid-Indent:first:last:collapsed {
- background-image: url(resource/widget/rap/tree/tree-collapsed.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed.png);
}
Tree-Indent:first:last:collapsed:hover, Grid-Indent:first:last:collapsed:hover {
- background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
}
Tree-Indent:first:last:expanded, Grid-Indent:first:last:expanded {
- background-image: url(resource/widget/rap/tree/tree-expanded.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded.png);
}
Tree-Indent:first:last:expanded:hover, Grid-Indent:first:last:expanded:hover {
- background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
}
Tree-Indent[RIGHT_TO_LEFT]:collapsed, Grid-Indent[RIGHT_TO_LEFT]:collapsed {
- background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:collapsed:hover, Grid-Indent[RIGHT_TO_LEFT]:collapsed:hover {
- background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:expanded, Grid-Indent[RIGHT_TO_LEFT]:expanded {
- background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:expanded:hover, Grid-Indent[RIGHT_TO_LEFT]:expanded:hover {
- background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:first:collapsed, Grid-Indent[RIGHT_TO_LEFT]:first:collapsed {
- background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:first:collapsed:hover, Grid-Indent[RIGHT_TO_LEFT]:first:collapsed:hover {
- background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:first:expanded, Grid-Indent[RIGHT_TO_LEFT]:first:expanded {
- background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:first:expanded:hover, Grid-Indent[RIGHT_TO_LEFT]:first:expanded:hover {
- background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:last:collapsed, Grid-Indent[RIGHT_TO_LEFT]:last:collapsed {
- background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:last:collapsed:hover, Grid-Indent[RIGHT_TO_LEFT]:last:collapsed:hover {
- background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:last:expanded, Grid-Indent[RIGHT_TO_LEFT]:last:expanded {
- background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:last:expanded:hover, Grid-Indent[RIGHT_TO_LEFT]:last:expanded:hover {
- background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:first:last:collapsed, Grid-Indent[RIGHT_TO_LEFT]:first:last:collapsed {
- background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:first:last:collapsed:hover,
Grid-Indent[RIGHT_TO_LEFT]:first:last:collapsed:hover {
- background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
+ background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:first:last:expanded, Grid-Indent[RIGHT_TO_LEFT]:first:last:expanded {
- background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
}
Tree-Indent[RIGHT_TO_LEFT]:first:last:expanded:hover,
Grid-Indent[RIGHT_TO_LEFT]:first:last:expanded:hover {
- background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
+ background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
}
/* Scale default theme */
Scale {
- background-color: white;
- background-image: none;
- border-radius: 3px;
+ background-color: white;
+ background-image: none;
+ border-radius: 3px;
}
Scale-Thumb {
- background-color: #e5e5e5;
- background-image: none;
- border: 1px solid #a4a4a4;
- border-radius: 2px 2px 2px 2px;
+ background-color: #e5e5e5;
+ background-image: none;
+ border: 1px solid #a4a4a4;
+ border-radius: 2px 2px 2px 2px;
}
Scale-Thumb:focused {
- border: 1px solid #4f7cb1;
+ border: 1px solid #4f7cb1;
}
/* DateTime default theme */
DateTime {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- border: none;
- border-radius: 0 2px 2px 0;
- color: #464a4e;
- background-color: #ffffff;
- background-image: none;
- text-shadow: none;
- box-shadow: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ border: none;
+ border-radius: 0 2px 2px 0;
+ color: #464a4e;
+ background-color: #ffffff;
+ background-image: none;
+ text-shadow: none;
+ box-shadow: none;
}
DateTime[BORDER]:focused {
- border: 1px solid #4f7cb1;
- box-shadow: 0 0 5px #4f7cb1;
+ border: 1px solid #4f7cb1;
+ box-shadow: 0 0 5px #4f7cb1;
}
DateTime-Field {
- color: inherit;
- background-color: transparent;
- padding: 5px 3px 6px 3px;
- text-shadow: none;
+ color: inherit;
+ background-color: transparent;
+ padding: 5px 3px 6px 3px;
+ text-shadow: none;
}
DateTime[BORDER] {
- border: 1px solid #aaaaaa;
- border-radius: 0 2px 2px 0;
- box-shadow: inset 0 0 3px #bdbdbd;
+ border: 1px solid #aaaaaa;
+ border-radius: 0 2px 2px 0;
+ box-shadow: inset 0 0 3px #bdbdbd;
}
DateTime[BORDER]:disabled {
- box-shadow: none;
+ box-shadow: none;
}
DateTime-Calendar-Day {
- border: none;
- color: inherit;
- background-color: transparent;
- text-shadow: none;
+ border: none;
+ color: inherit;
+ background-color: transparent;
+ text-shadow: none;
}
DateTime-Calendar-Day:today {
- border: 1px solid #ff0000;
+ border: 1px solid #ff0000;
}
DateTime-Field:selected,
DateTime-Calendar-Day:selected {
- background-color: #5882b5;
- color: #ffffff;
+ background-color: #5882b5;
+ color: #ffffff;
}
DateTime-Calendar-Day:selected:hover {
- background-color: #5882b5;
- color: #ffffff;
+ background-color: #5882b5;
+ color: #ffffff;
}
DateTime-Calendar-Day:selected:unfocused {
- background-color: #c0c0c0;
+ background-color: #c0c0c0;
}
DateTime-Calendar-Day:otherMonth {
- background-color: transparent;
- color: #808080;
+ background-color: transparent;
+ color: #808080;
}
DateTime-Calendar-Day:hover {
- background-color: #b5b5b5;
+ background-color: #b5b5b5;
}
DateTime-Calendar-Navbar {
- border: none;
- border-radius: 0;
- background-color: #00569c;
- background-image: gradient(
- linear, left top, left bottom,
- from(#416693), to(#5882b5)
- );
- color: white;
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- text-shadow: none;
+ border: none;
+ border-radius: 0;
+ background-color: #00569c;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#416693), to(#5882b5)
+ );
+ color: white;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ text-shadow: none;
}
DateTime-Calendar-PreviousMonthButton {
- background-image: url(resource/widget/rap/calendar/lastMonth.png);
- cursor: default;
+ background-image: url(resource/widget/rap/calendar/lastMonth.png);
+ cursor: default;
}
DateTime-Calendar-PreviousMonthButton:hover {
- background-image: url(resource/widget/rap/calendar/lastMonth-hover.png);
+ background-image: url(resource/widget/rap/calendar/lastMonth-hover.png);
}
DateTime-Calendar-NextMonthButton {
- background-image: url(resource/widget/rap/calendar/nextMonth.png);
- cursor: default;
+ background-image: url(resource/widget/rap/calendar/nextMonth.png);
+ cursor: default;
}
DateTime-Calendar-NextMonthButton:hover {
- background-image: url(resource/widget/rap/calendar/nextMonth-hover.png);
+ background-image: url(resource/widget/rap/calendar/nextMonth-hover.png);
}
DateTime-Calendar-PreviousYearButton {
- background-image: url(resource/widget/rap/calendar/lastYear.png);
- cursor: default;
+ background-image: url(resource/widget/rap/calendar/lastYear.png);
+ cursor: default;
}
DateTime-Calendar-PreviousYearButton:hover {
- background-image: url(resource/widget/rap/calendar/lastYear-hover.png);
+ background-image: url(resource/widget/rap/calendar/lastYear-hover.png);
}
DateTime-Calendar-NextYearButton {
- background-image: url(resource/widget/rap/calendar/nextYear.png);
- cursor: default;
+ background-image: url(resource/widget/rap/calendar/nextYear.png);
+ cursor: default;
}
DateTime-Calendar-NextYearButton:hover {
- background-image: url(resource/widget/rap/calendar/nextYear-hover.png);
+ background-image: url(resource/widget/rap/calendar/nextYear-hover.png);
}
DateTime-Calendar-PreviousMonthButton[RIGHT_TO_LEFT] {
- background-image: url(resource/widget/rap/calendar/nextMonth.png);
+ background-image: url(resource/widget/rap/calendar/nextMonth.png);
}
DateTime-Calendar-PreviousMonthButton[RIGHT_TO_LEFT]:hover {
- background-image: url(resource/widget/rap/calendar/nextMonth-hover.png);
+ background-image: url(resource/widget/rap/calendar/nextMonth-hover.png);
}
DateTime-Calendar-NextMonthButton[RIGHT_TO_LEFT] {
- background-image: url(resource/widget/rap/calendar/lastMonth.png);
+ background-image: url(resource/widget/rap/calendar/lastMonth.png);
}
DateTime-Calendar-NextMonthButton[RIGHT_TO_LEFT]:hover {
- background-image: url(resource/widget/rap/calendar/lastMonth-hover.png);
+ background-image: url(resource/widget/rap/calendar/lastMonth-hover.png);
}
DateTime-Calendar-PreviousYearButton[RIGHT_TO_LEFT] {
- background-image: url(resource/widget/rap/calendar/nextYear.png);
+ background-image: url(resource/widget/rap/calendar/nextYear.png);
}
DateTime-Calendar-PreviousYearButton[RIGHT_TO_LEFT]:hover {
- background-image: url(resource/widget/rap/calendar/nextYear-hover.png);
+ background-image: url(resource/widget/rap/calendar/nextYear-hover.png);
}
DateTime-Calendar-NextYearButton[RIGHT_TO_LEFT] {
- background-image: url(resource/widget/rap/calendar/lastYear.png);
+ background-image: url(resource/widget/rap/calendar/lastYear.png);
}
DateTime-Calendar-NextYearButton[RIGHT_TO_LEFT]:hover {
- background-image: url(resource/widget/rap/calendar/lastYear-hover.png);
+ background-image: url(resource/widget/rap/calendar/lastYear-hover.png);
}
DateTime-UpButton {
- background-color: #f0f0f0;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#efefef)
- );;
- width: 30px;
- border: none;
- border-left: 1px solid #bdbdbd;
- border-radius: 0px 2px 0px 0px;
- cursor: default;
+ background-color: #f0f0f0;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#efefef)
+ );;
+ width: 30px;
+ border: none;
+ border-left: 1px solid #bdbdbd;
+ border-radius: 0px 2px 0px 0px;
+ cursor: default;
}
DateTime-UpButton[RIGHT_TO_LEFT] {
- border: none;
- border-right: 1px solid #bdbdbd;
+ border: none;
+ border-right: 1px solid #bdbdbd;
}
DateTime-UpButton-Icon {
- background-image: url(resource/widget/rap/datetime/up.png);
+ background-image: url(resource/widget/rap/datetime/up.png);
}
DateTime-UpButton-Icon:hover {
- background-image: url(resource/widget/rap/datetime/up-hover.png);
+ background-image: url(resource/widget/rap/datetime/up-hover.png);
}
DateTime-DownButton {
- background-color: #f0f0f0;
- background-image: gradient(
- linear, left top, left bottom,
- from(#efefef),
- to(#e4e4e4)
- );
- width: 30px;
- border: none;
- border-left: 1px solid #bdbdbd;
- border-radius: 0px 0px 2px 0px;
- cursor: default;
+ background-color: #f0f0f0;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#efefef),
+ to(#e4e4e4)
+ );
+ width: 30px;
+ border: none;
+ border-left: 1px solid #bdbdbd;
+ border-radius: 0px 0px 2px 0px;
+ cursor: default;
}
DateTime-DownButton[RIGHT_TO_LEFT] {
- border: none;
- border-right: 1px solid #bdbdbd;
+ border: none;
+ border-right: 1px solid #bdbdbd;
}
DateTime-DownButton-Icon {
- background-image: url(resource/widget/rap/datetime/down.png);
+ background-image: url(resource/widget/rap/datetime/down.png);
}
DateTime-DownButton-Icon:hover {
- background-image: url(resource/widget/rap/datetime/down-hover.png);
+ background-image: url(resource/widget/rap/datetime/down-hover.png);
}
DateTime-DropDownButton {
- cursor: default;
- background-color: #f0f0f0;
- border: none;
- border-left: 1px solid #bdbdbd;
- border-radius: 0px 2px 2px 0px;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
- width: 30px;
+ cursor: default;
+ background-color: #f0f0f0;
+ border: none;
+ border-left: 1px solid #bdbdbd;
+ border-radius: 0px 2px 2px 0px;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
+ width: 30px;
}
DateTime-DropDownButton[RIGHT_TO_LEFT] {
- border: none;
- border-right: 1px solid #bdbdbd;
+ border: none;
+ border-right: 1px solid #bdbdbd;
}
DateTime-DropDownButton:disabled,
DateTime-UpButton:disabled,
DateTime-DownButton:disabled {
- background-image: none;
- background-color: transparent;
+ background-image: none;
+ background-color: transparent;
}
DateTime-DropDownButton-Icon {
- background-image: url(resource/widget/rap/spinner/down.png);
+ background-image: url(resource/widget/rap/spinner/down.png);
}
DateTime-DropDownButton-Icon:hover {
- background-image: url(resource/widget/rap/spinner/down-hover.png);
+ background-image: url(resource/widget/rap/spinner/down-hover.png);
}
DateTime-DropDownCalendar {
- border: 1px #a7a6aa solid;
+ border: 1px #a7a6aa solid;
}
/* ExpandBar default theme */
ExpandBar {
- color: #4a4a4a;
- background-color: white;
+ color: #4a4a4a;
+ background-color: white;
}
ExpandBar[BORDER] {
- border: 1px solid #bdbdbd;
- border-radius: 2px;
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
}
ExpandItem {
- border: 1px solid #bdbdbd;
- border-radius: 2px;
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
}
ExpandItem-Header {
- border: none;
- border-radius: 0;
- cursor: pointer;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
- text-shadow: none;
+ border: none;
+ border-radius: 0;
+ cursor: pointer;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
+ text-shadow: none;
}
ExpandItem-Header:disabled {
- cursor: default;
+ cursor: default;
}
ExpandItem-Button {
- background-image: url(resource/widget/rap/expanditem/expanditem-expand.png);
+ background-image: url(resource/widget/rap/expanditem/expanditem-expand.png);
}
ExpandItem-Button:hover {
- background-image: url(resource/widget/rap/expanditem/expanditem-expand-hover.png);
+ background-image: url(resource/widget/rap/expanditem/expanditem-expand-hover.png);
}
ExpandItem-Button:expanded {
- background-image: url(resource/widget/rap/expanditem/expanditem-collapse.png);
+ background-image: url(resource/widget/rap/expanditem/expanditem-collapse.png);
}
ExpandItem-Button:expanded:hover {
- background-image: url(resource/widget/rap/expanditem/expanditem-collapse-hover.png);
+ background-image: url(resource/widget/rap/expanditem/expanditem-collapse-hover.png);
}
/* Sash default theme */
Sash {
- border: none;
- background-image: none;
- background-color: transparent;
+ border: none;
+ background-image: none;
+ background-color: transparent;
}
Sash[BORDER] {
- border: 1px solid #bdbdbd;
+ border: 1px solid #bdbdbd;
}
Sash:hover {
- background-color: #e5e5e5;
+ background-color: #e5e5e5;
}
Sash-Handle:horizontal {
- background-image: url(resource/widget/rap/sash/sash-handle-horizontal.png);
+ background-image: url(resource/widget/rap/sash/sash-handle-horizontal.png);
}
Sash-Handle:vertical {
- background-image: url(resource/widget/rap/sash/sash-handle-vertical.png);
+ background-image: url(resource/widget/rap/sash/sash-handle-vertical.png);
}
/* Slider default theme */
Slider {
- border: none;
- background-color: #f0f0f0;
- border-radius: 2px;
+ border: none;
+ background-color: #f0f0f0;
+ border-radius: 2px;
}
/* Thumb */
Slider-Thumb[HORIZONTAL],
Slider-Thumb[VERTICAL] {
- background-color: #e4e4e4;
- background-image: url(resource/widget/rap/slider/slider-background.png);
- border: 1px solid #bdbdbd;
- border-radius: 2px;
+ background-color: #e4e4e4;
+ background-image: url(resource/widget/rap/slider/slider-background.png);
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
}
/* Buttons */
Slider-UpButton,
Slider-DownButton {
- background-color: #e4e4e4;
- border: 1px solid #bdbdbd;
- cursor: default;
- padding: 0;
+ background-color: #e4e4e4;
+ border: 1px solid #bdbdbd;
+ cursor: default;
+ padding: 0;
}
Slider-UpButton[HORIZONTAL],
Slider-DownButton[HORIZONTAL] {
- background-image: none;
+ background-image: none;
}
Slider-UpButton[VERTICAL],
Slider-DownButton[VERTICAL] {
- background-image: none;
+ background-image: none;
}
Slider-UpButton[HORIZONTAL]:pressed,
Slider-DownButton[HORIZONTAL]:pressed {
- background-image: none;
+ background-image: none;
}
Slider-UpButton[VERTICAL]:pressed,
Slider-DownButton[VERTICAL]:pressed {
- background-image: none;
+ background-image: none;
}
/* Rounded Borders */
Slider-UpButton[HORIZONTAL] {
- border-radius: 0px 2px 2px 0px;
+ border-radius: 0px 2px 2px 0px;
}
Slider-UpButton[VERTICAL] {
- border-radius: 0px 0px 2px 2px;
+ border-radius: 0px 0px 2px 2px;
}
Slider-DownButton[HORIZONTAL] {
- border-radius: 2px 0px 0px 2px;
+ border-radius: 2px 0px 0px 2px;
}
Slider-DownButton[VERTICAL] {
- border-radius: 2px 2px 0px 0px;
+ border-radius: 2px 2px 0px 0px;
}
/* Button Icons */
Slider-UpButton-Icon[HORIZONTAL] {
- background-image: url(resource/widget/rap/slider/right.png);
+ background-image: url(resource/widget/rap/slider/right.png);
}
Slider-UpButton-Icon[HORIZONTAL][RIGHT_TO_LEFT] {
- background-image: url(resource/widget/rap/slider/left.png);
+ background-image: url(resource/widget/rap/slider/left.png);
}
Slider-UpButton-Icon[VERTICAL] {
- background-image: url(resource/widget/rap/slider/down.png);
+ background-image: url(resource/widget/rap/slider/down.png);
}
Slider-DownButton-Icon[HORIZONTAL] {
- background-image: url(resource/widget/rap/slider/left.png);
+ background-image: url(resource/widget/rap/slider/left.png);
}
Slider-DownButton-Icon[HORIZONTAL][RIGHT_TO_LEFT] {
- background-image: url(resource/widget/rap/slider/right.png);
+ background-image: url(resource/widget/rap/slider/right.png);
}
Slider-DownButton-Icon[VERTICAL] {
- background-image: url(resource/widget/rap/slider/up.png);
+ background-image: url(resource/widget/rap/slider/up.png);
}
/* ToolTip default theme */
ToolTip {
- cursor: default;
- border: 1px solid #a0b3ca;
- border-radius: 2px;
- padding: 8px;
- opacity: 1;
- color: #4a4a4a;
- background-image: gradient(
- linear, left top, right top,
- from(#f8f9ff),
- to(#f4f4f4)
- );
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- background-color: #fcfcfc;
- animation: fadeIn 200ms linear, fadeOut 600ms ease-out;
- box-shadow: 0 0 4px #adadad;
- width: auto;
- height: auto;
+ cursor: default;
+ border: 1px solid #a0b3ca;
+ border-radius: 2px;
+ padding: 8px;
+ opacity: 1;
+ color: #4a4a4a;
+ background-image: gradient(
+ linear, left top, right top,
+ from(#f8f9ff),
+ to(#f4f4f4)
+ );
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ background-color: #fcfcfc;
+ animation: fadeIn 200ms linear, fadeOut 600ms ease-out;
+ box-shadow: 0 0 4px #adadad;
+ width: auto;
+ height: auto;
}
ToolTip-Image[ICON_ERROR] {
- background-image: url(resource/widget/rap/tooltip/error.png);
+ background-image: url(resource/widget/rap/tooltip/error.png);
}
ToolTip-Image[ICON_INFORMATION] {
- background-image: url(resource/widget/rap/tooltip/information.png);
+ background-image: url(resource/widget/rap/tooltip/information.png);
}
ToolTip-Image[ICON_WARNING] {
- background-image: url(resource/widget/rap/tooltip/warning.png);
+ background-image: url(resource/widget/rap/tooltip/warning.png);
}
ToolTip-Text {
- color: #4a4a4a;
- font: bold 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- text-shadow: none;
+ color: #4a4a4a;
+ font: bold 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ text-shadow: none;
}
ToolTip-Message {
- color: #4a4a4a;
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- text-shadow: none;
+ color: #4a4a4a;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ text-shadow: none;
}
/* CCombo default theme */
CCombo {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #4a4a4a;
- background-color: #ffffff;
- background-image: none;
- border: none;
- border-radius: 0 2px 2px 0;
- text-shadow: none;
- box-shadow: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #000000;
+ background-color: #ffffff;
+ background-image: none;
+ border: none;
+ border-radius: 0 2px 2px 0;
+ text-shadow: none;
+ box-shadow: none;
}
CCombo[BORDER] {
- border: 1px solid #aaaaaa;
- border-radius: 0 2px 2px 0;
- box-shadow: inset 0 0 3px #bdbdbd;
+ border: 1px solid #aaaaaa;
+ border-radius: 0 2px 2px 0;
+ box-shadow: inset 0 0 3px #bdbdbd;
}
CCombo[BORDER]:focused {
- border: 1px solid #4f7cb1;
- box-shadow: 0 0 5px #4f7cb1;
+ border: 1px solid #4f7cb1;
+ box-shadow: 0 0 5px #4f7cb1;
}
CCombo:disabled,
CCombo[BORDER]:disabled {
- box-shadow: none;
+ box-shadow: none;
}
CCombo-Button {
- cursor: default;
- background-color: #efefef;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
- border: none;
- border-left: 1px solid #bdbdbd;
- border-radius: 0px 2px 2px 0px;
- width: 30px;
+ cursor: default;
+ background-color: #efefef;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
+ border: none;
+ border-left: 1px solid #bdbdbd;
+ border-radius: 0px 2px 2px 0px;
+ width: 30px;
}
CCombo-Button[RIGHT_TO_LEFT] {
- border: none;
- border-right: 1px solid #bdbdbd;
+ border: none;
+ border-right: 1px solid #bdbdbd;
}
CCombo-Button:disabled {
- background-image: none;
- background-color: transparent;
+ background-image: none;
+ background-color: transparent;
}
CCombo-Button-Icon {
- background-image: url(resource/widget/rap/ccombo/down.png);
+ background-image: url(resource/widget/rap/ccombo/down.png);
}
CCombo-Button-Icon:hover {
- background-image: url(resource/widget/rap/ccombo/down-hover.png);
+ background-image: url(resource/widget/rap/ccombo/down-hover.png);
}
CCombo-List {
- border: 1px solid #4f7cb1;
- box-shadow: 0 0 5px #4f7cb1;
- border-radius: 2px;
+ border: 1px solid #4f7cb1;
+ box-shadow: 0 0 5px #4f7cb1;
+ border-radius: 2px;
}
CCombo-List-Item {
- color: inherit;
- background-color: transparent;
- background-image: none;
- text-decoration: none;
- text-shadow: none;
- padding: 6px 10px 6px 10px;
+ color: inherit;
+ background-color: transparent;
+ background-image: none;
+ text-decoration: none;
+ text-shadow: none;
+ padding: 6px 10px 6px 10px;
}
CCombo-List-Item:hover, CCombo-List-Item:even:hover {
- background-color: #f0f0f0;
+ background-color: #f0f0f0;
}
CCombo-List-Item:selected, CCombo-List-Item:even:selected {
- background-color: #c5dbef;
+ background-color: #c5dbef;
}
CCombo-Field {
- padding: 5px 10px 5px 10px;
+ padding: 5px 10px 5px 10px;
}
CCombo-FocusIndicator {
- background-color: transparent;
- border: none;
- margin: 0;
- opacity: 0;
+ background-color: transparent;
+ border: none;
+ margin: 0;
+ opacity: 0;
}
/* CLabel default theme */
CLabel {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- color: #4a4a4a;
- background-color: #ffffff;
- background-image: none;
- background-repeat: repeat;
- background-position: left top;
- border: none;
- padding: 6px;
- spacing: 5px;
- cursor: default;
- opacity: 1;
- text-shadow: none;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ color: #4a4a4a;
+ background-color: #ffffff;
+ background-image: none;
+ background-repeat: repeat;
+ background-position: left top;
+ border: none;
+ padding: 6px;
+ spacing: 5px;
+ cursor: default;
+ opacity: 1;
+ text-shadow: none;
}
CLabel[BORDER] {
- border: 1px solid #bdbdbd;
- border-radius: 2px;
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
}
/* Browser default theme */
Browser {
- border: none;
+ border: none;
}
Browser[BORDER] {
- border: 1px solid #a4a4a4;
+ border: 1px solid #a4a4a4;
}
/* ScrollBar default theme */
ScrollBar {
- background-color: transparent;
- background-image: none;
- border: none;
- border-radius: 0;
- width: 8px;
- opacity: 0;
+ background-color: transparent;
+ background-image: none;
+ border: none;
+ border-radius: 0;
+ width: 8px;
+ opacity: 0;
}
ScrollBar:active {
- opacity: 0.8;
+ opacity: 0.8;
}
ScrollBar-Thumb {
- background-color: #cccccc;
- border: 1px solid #bdbdbd;
- border-radius: 15px;
- background-image: none;
- min-height: 20px;
+ background-color: #cccccc;
+ border: 1px solid #bdbdbd;
+ border-radius: 15px;
+ background-image: none;
+ min-height: 20px;
}
ScrollBar-UpButton,
ScrollBar-DownButton {
- background-color: transparent;
- border: none;
- border-radius: 0;
- cursor: default;
- background-image: none;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+ cursor: default;
+ background-image: none;
}
/* FileUpload default theme */
FileUpload {
- font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
- background-image: gradient(
- linear, left top, left bottom,
- from(#f9f9f9),
- to(#e4e4e4)
- );
- background-repeat: repeat;
- background-position: left top;
- border: 1px solid #bdbdbd;
- border-radius: 2px;
- padding: 6px 15px;
- spacing: 2px;
- cursor: pointer;
- animation: none;
- color: #4a4a4a;
- background-color: #ffffff;
- opacity: 1;
- text-shadow: 0 1px 0 #ffffff;
+ font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#f9f9f9),
+ to(#e4e4e4)
+ );
+ background-repeat: repeat;
+ background-position: left top;
+ border: 1px solid #bdbdbd;
+ border-radius: 2px;
+ padding: 6px 15px;
+ spacing: 2px;
+ cursor: pointer;
+ animation: none;
+ color: #4a4a4a;
+ background-color: #ffffff;
+ opacity: 1;
+ text-shadow: 0 1px 0 #ffffff;
}
FileUpload:disabled {
- cursor: default;
- color: #d2d2d2;
- background-image: none;
- background-color: #fafafa;
- border: 1px solid #d2d2d2;
+ cursor: default;
+ color: #d2d2d2;
+ background-image: none;
+ background-color: #fafafa;
+ border: 1px solid #d2d2d2;
}
FileUpload:hover {
- background-image: gradient(
- linear, left top, left bottom,
- from(#eaeaea),
- to(#d5d5d5)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#eaeaea),
+ to(#d5d5d5)
+ );
}
FileUpload:pressed {
- background-image: gradient(
- linear, left top, left bottom,
- from(#d5d5d5),
- to(#eaeaea)
- );
+ background-image: gradient(
+ linear, left top, left bottom,
+ from(#d5d5d5),
+ to(#eaeaea)
+ );
}
FileUpload-FocusIndicator {
- background-color: transparent;
- border: 1px dotted #b8b8b8;
- margin: 2px;
- padding: 0px;
- opacity: 1;
+ background-color: transparent;
+ border: 1px dotted #b8b8b8;
+ margin: 2px;
+ padding: 0px;
+ opacity: 1;
}
/* JFace specific theming */
Shell.jface_contentProposalPopup, Shell.jface_infoPopupDialog {
- border: 1px solid #bdbdbd;
- padding: 0;
- box-shadow: 0 0 4px #ababab;
+ border: 1px solid #bdbdbd;
+ padding: 0;
+ box-shadow: 0 0 4px #ababab;
}
diff --git a/ui/src/main/java/org/apache/hop/ui/core/PropsUi.java b/ui/src/main/java/org/apache/hop/ui/core/PropsUi.java
index 9b066dc..9fa1495 100644
--- a/ui/src/main/java/org/apache/hop/ui/core/PropsUi.java
+++ b/ui/src/main/java/org/apache/hop/ui/core/PropsUi.java
@@ -34,8 +34,20 @@ import org.apache.hop.ui.hopgui.TextSizeUtilFacade;
import org.apache.hop.ui.util.EnvironmentUtils;
import org.eclipse.swt.SWT;
import org.eclipse.swt.custom.CTabFolder;
-import org.eclipse.swt.graphics.*;
-import org.eclipse.swt.widgets.*;
+import org.eclipse.swt.graphics.Color;
+import org.eclipse.swt.graphics.Device;
+import org.eclipse.swt.graphics.Font;
+import org.eclipse.swt.graphics.FontData;
+import org.eclipse.swt.graphics.GC;
+import org.eclipse.swt.graphics.RGB;
+import org.eclipse.swt.widgets.Button;
+import org.eclipse.swt.widgets.Combo;
+import org.eclipse.swt.widgets.Composite;
+import org.eclipse.swt.widgets.Control;
+import org.eclipse.swt.widgets.Display;
+import org.eclipse.swt.widgets.Group;
+import org.eclipse.swt.widgets.Shell;
+import org.eclipse.swt.widgets.TableItem;
import java.util.HashMap;
import java.util.Map;
@@ -174,8 +186,20 @@ public class PropsUi extends Props {
public FontData getFixedFont() {
FontData def = getDefaultFontData();
- String name =
- getProperty(STRING_FONT_FIXED_NAME, Const.isWindows() ? "Consolas" : "Monospaced");
+ String name = getProperty(STRING_FONT_FIXED_NAME);
+ if (StringUtils.isEmpty(name)) {
+ if (Const.isWindows()) {
+ name = "Consolas";
+ } else if (Const.isLinux()) {
+ name = "Monospace";
+ } else if (Const.isOSX()) {
+ name = "Monaco";
+ } else if (EnvironmentUtils.getInstance().isWeb()) {
+ name = "monospace";
+ } else {
+ name = java.awt.Font.MONOSPACED;
+ }
+ }
int size = Const.toInt(getProperty(STRING_FONT_FIXED_SIZE), def.getHeight());
int style = Const.toInt(getProperty(STRING_FONT_FIXED_STYLE), def.getStyle());
diff --git a/ui/src/main/java/org/apache/hop/ui/core/widget/TableView.java b/ui/src/main/java/org/apache/hop/ui/core/widget/TableView.java
index df3f9e1..3734521 100644
--- a/ui/src/main/java/org/apache/hop/ui/core/widget/TableView.java
+++ b/ui/src/main/java/org/apache/hop/ui/core/widget/TableView.java
@@ -2333,6 +2333,12 @@ public class TableView extends Composite {
}
props.setLook(text, Props.WIDGET_STYLE_TABLE);
+ // There's an issue with Hop web when editing in a table
+ // The text is white on a white background for some reason
+ // However, we can force the colors here.
+ //
+ fixWebLook(text);
+
int width = tableColumn[colNr].getWidth();
int height = 30;
@@ -2347,6 +2353,19 @@ public class TableView extends Composite {
editor.layout();
}
+ private void fixWebLook(Control control) {
+ if (EnvironmentUtils.getInstance().isWeb()) {
+ String hopWebTheme = EnvironmentUtils.getInstance().getHopWebTheme();
+ if ("dark".equalsIgnoreCase(hopWebTheme)) {
+ control.setForeground(GuiResource.getInstance().getColorWhite());
+ control.setBackground(GuiResource.getInstance().getColorBlack());
+ } else {
+ control.setForeground(GuiResource.getInstance().getColorBlack());
+ control.setBackground(GuiResource.getInstance().getColorWhite());
+ }
+ }
+ }
+
private void setColumnWidthBasedOnTextField(final int colNr, final boolean useVariables) {
if (!columns[colNr - 1].isAutoResize()) {
return;
@@ -2462,6 +2481,7 @@ public class TableView extends Composite {
comboVar.setItems(opt);
}
props.setLook(comboVar, Props.WIDGET_STYLE_TABLE);
+ fixWebLook(comboVar.getCComboWidget());
comboVar.addTraverseListener(lsTraverse);
comboVar.setData(CANCEL_KEYS, new String[] {"TAB", "SHIFT+TAB"});
comboVar.addModifyListener(lsModCombo);
@@ -2492,6 +2512,7 @@ public class TableView extends Composite {
String cellValue = item.getText(colNr);
combo = new Combo(table, columnInfo.isReadOnly() ? SWT.READ_ONLY : SWT.NONE);
props.setLook(combo, Props.WIDGET_STYLE_TABLE);
+ fixWebLook(combo);
combo.addTraverseListener(lsTraverse);
combo.setData(CANCEL_KEYS, new String[] {"TAB", "SHIFT+TAB"});
combo.addModifyListener(lsModCombo);
diff --git a/ui/src/main/java/org/apache/hop/ui/util/EnvironmentUtils.java b/ui/src/main/java/org/apache/hop/ui/util/EnvironmentUtils.java
index 1527178..4a4cfc2 100644
--- a/ui/src/main/java/org/apache/hop/ui/util/EnvironmentUtils.java
+++ b/ui/src/main/java/org/apache/hop/ui/util/EnvironmentUtils.java
@@ -6,7 +6,7 @@
* (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
- * http://www.apache.org/licenses/LICENSE-2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
@@ -210,4 +210,8 @@ public class EnvironmentUtils {
public boolean isWeb() {
return SWT.getPlatform().equals("rap");
}
+
+ public String getHopWebTheme() {
+ return System.getProperty("HOP_WEB_THEME");
+ }
}