You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2019/01/15 09:27:09 UTC

[royale-asjs] branch develop updated: final css update for all themes

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new 4b30508  final css update for all themes
4b30508 is described below

commit 4b30508ab6229cd193705712810ac9691b741055
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Tue Jan 15 10:27:00 2019 +0100

    final css update for all themes
---
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 .../src/main/resources/defaults.css                    | 18 ++++++++++++++++++
 24 files changed, 432 insertions(+)

diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index e78cf87..e48104c 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index dd7a9f1..4397311 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 9795c49..d801ae7 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index a886410..2036ca9 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index e356748..7374e07 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index 2122f01..718533b 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index 78c36ca..c696ba6 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index b3a84fc..1f1ce34 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index 386ef44..efbb304 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index 4629c99..d65509a 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index 5084190..136395e 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index 2c3377c..d512b5b 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -530,6 +530,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index 7a60160..edb4f6e 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index b5f5395..5f7675f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 48c8453..1f64e4f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index 15e1cf2..6198677 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index f29a4ff..1c6ade3 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index e16d2be..408ca0e 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index e1e8218..e7845f1 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index ad44d3e..313b303 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index bb67959..393f596 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index b7f99ae..683dbf1 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index d1982a7..d2160d7 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index aa1ae5a..41ec4b8 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -529,6 +529,24 @@ j|FormItem {
     border-top-style: solid;
   }
 }
+.popup-content::before {
+  background-color: rgba(0, 0, 0, 0.65);
+  will-change: opacity;
+  transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+  border: 0px;
+  border-radius: 10px;
+  padding: 20px;
+  background: white;
+  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+  .popup-content .jewel.popupcontent {
+    box-shadow: none !important;
+  }
+}
 .jewel.radiobutton input + span::before {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;