CSS style support and sample. Revert to file config for testing purposes

1 files changed, 120 insertions, 0 deletions

diff --git a/client/style.qss b/client/style.qss
new file mode 100644
index 0000000..1bbbf6d
--- /dev/null
+++ b/client/style.qss
@@ -0,0 +1,120 @@
+
+/* Customize dialog window. */
+ProxyDialog {
+    background-color: gainsboro;
+    background-image: url(images/pagefold.png);
+    background-position: top right;
+    background-repeat: no-repeat
+}
+
+
+/* QFrame customization
+ * (in this particular case it applies to QComboBox dropdown list) */
+QFrame {
+    border-image: url(images/frame.png) 4;
+    border-width: 3;
+}
+
+/* customize label style */
+QLabel {
+    border: none;
+    border-image: none;
+    padding: 0;
+    background: none;
+}
+
+QLabel#topLabel {
+  font-family: monospace;
+  font-weight: bold;
+  font-style: italic;
+  font-size: 16px;
+  color: qlineargradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 lightblue, stop: 0.5 blue, stop: 1 navy);
+}
+
+QLabel#bottomLabel {
+  font-weight: bold;
+  color: qlineargradient( x1: 0, y1: 0, x2: 1, y2: 1, stop: 0 yellow, stop: 0.5 green, stop: 1 purple);
+}
+
+/* Customize bottom buttons labels */
+QPushButton#bottomBtn QLabel {
+  font-family: monospace;
+}
+
+
+/* Set the selection colors for all widgets. */
+QWidget {
+    selection-color: black;
+    selection-background-color: Silver;
+    color: black;
+}
+
+
+/* Customize push buttons and comboboxes.
+ * Read-only combobox is very similar to a push button,
+ * so they share the same border image. */
+QPushButton, QComboBox {
+    border-image: url(images/pushbutton.png) 5;
+    border-width: 5;
+}
+
+/* QPushButton customization */
+QPushButton {
+    min-width: 100px;
+    max-width: 100px;
+}
+
+/* Customize bottom buttons (aka staticProxyButton) */
+QPushButton#bottomBtn {
+    min-width: 200px;
+    max-width: 200px;
+}
+
+QPushButton:hover, QComboBox:hover {
+    border-image: url(images/pushbutton_hover.png) 5;
+    border-width: 5;
+}
+
+QPushButton:pressed, QPushButton:checked, QComboBox:on {
+    border-image: url(images/pushbutton_pressed.png) 5;
+    border-width: 5;
+}
+
+
+/* QComboBox customizations */
+QComboBox {
+    min-width: 150px;
+    max-width: 150px;
+    padding-left: 3px;
+    padding-right: 20px; /* space for the arrow */
+}
+
+QComboBox::drop-down {
+    subcontrol-origin: padding;
+    subcontrol-position: top right;
+    width: 15px;
+    border-left-style: solid;
+    border-left-color: darkgray;
+    border-left-width: 1px;
+}
+
+/* Customize arrows. */
+QComboBox::down-arrow {
+    image: url(images/down_arrow.png);
+    width: 7px;
+    height: 7px;
+}
+
+QComboBox::down-arrow {
+    subcontrol-origin: content;
+    subcontrol-position: center;
+    position: relative;
+    left: 1px; /* 1 pixel dropdown border */
+}
+
+/* The combobox arrow is on when the popup is open. */
+QComboBox::down-arrow:on {
+    position: relative;
+    top: 1px;
+    left: 2px;
+}