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 e6d0f17 latest changes on themes e6d0f17 is described below commit e6d0f178b4c6fe1cbe53c8d2da97e15821d01714 Author: Carlos Rovira <carlosrov...@apache.org> AuthorDate: Sat Jun 16 14:33:15 2018 +0200 latest changes on themes --- .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 83 ++++++++++++---------- .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ .../src/main/resources/defaults.css | 20 ++++++ 72 files changed, 2064 insertions(+), 888 deletions(-) diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css index b6391f2..90631d7 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#d43bd1, #b427b1); border: 1px solid #8a1e88; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css index 1c28f09..ad272e9 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#54b7f3, #24a3ef); border: 1px solid #0f88d1; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css index bcd1324..8a18360 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#98cc50, #7eb435); border: 1px solid #638c29; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css index 7a8c444..eaa686f 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#45c354, #34a241); border: 1px solid #277b32; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css index 62411b2..578c06b 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#f8a036, #f28809); border: 1px solid #c16c07; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css index 615394a..c07f1d5 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#ee343b, #dc121a); border: 1px solid #ad0e15; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css index 5988f94..1b07497 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#3481d0, #2767a9); border: 1px solid #1e4e80; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css index 174db34..88ee500 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#f9bb58, #f7a726); border: 1px solid #e28f08; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css index 432e020..c281610 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#f16c42, #ed4812); border: 1px solid #be390e; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css index fc515f7..43ca0fd 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#2ebcb2, #24948c); border: 1px solid #1a6b65; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css index a96a046..214176e 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#7432a4, #58267c); border: 1px solid #3c1a55; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css index 49e44a5..7cad9cd 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#f4e813, #cac00a); border: 1px solid #999207; 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 cd4717e..b0e2a93 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #8a1e88; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #8a1e88; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 92b0fbf..75da3fa 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #0f88d1; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #0f88d1; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 a27bb40..e0b9322 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #638c29; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #638c29; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 fbffe70..b768931 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #277b32; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #277b32; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 84d4ef6..68122cc 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #c16c07; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #c16c07; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 3c75187..45e0e71 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #ad0e15; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #ad0e15; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 2c75fb1..286242a 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #1e4e80; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #1e4e80; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 2950fc4..6cbe97b 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #e28f08; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #e28f08; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 89c35ac..331f70a 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #be390e; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #be390e; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 ea9ef49..7fd24fc 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #1a6b65; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #1a6b65; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 ee38002..95ed433 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #3c1a55; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #3c1a55; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } 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 9092c13..969be4d 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #FFFFFF; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#666666, #4c4c4c); @@ -109,7 +129,6 @@ div { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7); font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -133,7 +152,7 @@ div { color: #737373; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -165,24 +184,8 @@ div { color: #737373; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #1a1a1a; border: 0px; @@ -241,7 +244,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -366,57 +369,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #FFFFFF; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #999207; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: white; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: #737373; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #FFFFFF; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(#7f7f7f, #737373); border: 1px solid #333333; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #999207; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: white; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #404040; border: 1px solid #0d0d0d; box-shadow: none; color: #737373; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: #737373; } diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css index 58bbbe5..5323dc3 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#d43bd1, #b427b1); border: 1px solid #8a1e88; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css index bc97ecf..1a541c3 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#54b7f3, #24a3ef); border: 1px solid #0f88d1; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css index 9f72087..d3a5333 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#98cc50, #7eb435); border: 1px solid #638c29; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css index 5c6f86e..831238e 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#45c354, #34a241); border: 1px solid #277b32; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css index 4d84f85..a894c41 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#f8a036, #f28809); border: 1px solid #c16c07; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css index ea17f69..07e8cae 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#ee343b, #dc121a); border: 1px solid #ad0e15; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css index 9fb5a9d..94f01e7 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#3481d0, #2767a9); border: 1px solid #1e4e80; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css index de96a6a..3f789e9 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#f9bb58, #f7a726); border: 1px solid #e28f08; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css index 39357b1..5200a6d 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#f16c42, #ed4812); border: 1px solid #be390e; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css index 904b468..dbb0d6f 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#2ebcb2, #24948c); border: 1px solid #1a6b65; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css index f628103..d319f62 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#7432a4, #58267c); border: 1px solid #3c1a55; diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css index d3b5c35..9691d08 100644 --- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#f4e813, #cac00a); border: 1px solid #999207; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css index d825539..3e0bb65 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#d43bd1, #b427b1); border: 1px solid #8a1e88; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css index 52bcfe4..5074ab1 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#54b7f3, #24a3ef); border: 1px solid #0f88d1; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css index b4e4832..9de8165 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#98cc50, #7eb435); border: 1px solid #638c29; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css index 3ddedf3..e95459c 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#45c354, #34a241); border: 1px solid #277b32; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css index 1b158e7..b463109 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#f8a036, #f28809); border: 1px solid #c16c07; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css index 2a55a8d..4d5824b 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#ee343b, #dc121a); border: 1px solid #ad0e15; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css index 51b2b96..9aa7e3a 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#3481d0, #2767a9); border: 1px solid #1e4e80; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css index d86f08c..281efb2 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#f9bb58, #f7a726); border: 1px solid #e28f08; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css index ffbfe4c..4e1a795 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#f16c42, #ed4812); border: 1px solid #be390e; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css index bbce5d7..8e3db94 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#2ebcb2, #24948c); border: 1px solid #1a6b65; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css index d059a48..e8d9141 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#7432a4, #58267c); border: 1px solid #3c1a55; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css index 0f3e7a0..b66af40 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.emphasized { background: linear-gradient(#f4e813, #cac00a); border: 1px solid #999207; 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 a3e8bd4..03ced38 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #8a1e88; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #8a1e88; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 c03b08b..59290ee 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #0f88d1; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #0f88d1; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 18cdafe..d57b502 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #638c29; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #638c29; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 78ca5ea..c8e09e8 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #277b32; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #277b32; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 7ac55e8..abfab68 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #c16c07; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #c16c07; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 d19c6e8..8ed8bb8 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #ad0e15; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #ad0e15; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 ed04afb..c992c31 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #1e4e80; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #1e4e80; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 8a7b7e1..f524780 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #e28f08; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #e28f08; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 b644eb3..9b6dd40 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #be390e; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #be390e; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 218f793..993d5fe 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #1a6b65; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #1a6b65; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 4ab10e9..15e2f9c 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #3c1a55; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #3c1a55; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } 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 12154ed..4020da5 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 @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.alert { margin: 0; padding: 0; @@ -76,7 +96,7 @@ div { white-space: normal; color: #808080; font-size: 1.1em; - font-weight: normal; + font-weight: 400; } .jewel.alert .jewel.controlbar { background: linear-gradient(#e6e6e6, #cccccc); @@ -108,7 +128,6 @@ div { border-radius: 3px; color: #808080; font-family: "Lato", sans-serif; - font-size: 14px; font-weight: bold; text-transform: uppercase; } @@ -132,7 +151,7 @@ div { color: silver; } .jewel.button[disabled] { - font-weight: normal; + font-weight: 400; text-shadow: unset; } @@ -164,24 +183,8 @@ div { color: silver; } -.jewel.button.xsmall { - font-size: 60%; -} - -.jewel.button.small { - font-size: 80%; -} - -.jewel.button.large { - font-size: 120%; -} - -.jewel.button.xlarge { - font-size: 140%; -} - .jewel.card { - font-size: 14px; + font-size: 1em; font-weight: 400; background: #ebebeb; border: 0px; @@ -240,7 +243,7 @@ j|Card { .jewel.label { font-family: "Lato", sans-serif; - font-size: 14px; + font-size: 1em; } .jewel.list { @@ -365,57 +368,63 @@ j|Card { border-radius: 3px; } -.jewel.textinput input { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textinput { + font-weight: 400; color: #808080; +} +.jewel.textinput > input { + font-family: "Lato", sans-serif; +} +.jewel.textinput > input { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textinput input:focus { +.jewel.textinput > input:focus { border: 1px solid #999207; } -.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder { +.jewel.textinput > input::placeholder, .jewel.textinput > input:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textinput input[disabled] { +.jewel.textinput > input[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder { +.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > input[disabled]:-ms-input-placeholder { color: silver; } -.jewel.textarea textarea { - font-family: "Lato", sans-serif; - font-size: 14px; - font-weight: normal; +.jewel.textarea { + font-weight: 400; color: #808080; +} +.jewel.textarea > textarea { + font-family: "Lato", sans-serif; +} +.jewel.textarea > textarea { background: linear-gradient(white, #f3f3f3); border: 1px solid #b3b3b3; border-radius: 3px; transition-duration: 0.3s; transition-timing-function: easein; } -.jewel.textarea textarea:focus { +.jewel.textarea > textarea:focus { border: 1px solid #999207; } -.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder { +.jewel.textarea > textarea::placeholder, .jewel.textarea > textarea:-ms-input-placeholder { color: #a6a6a6; } -.jewel.textarea textarea[disabled] { +.jewel.textarea > textarea[disabled] { background: #f3f3f3; border: 1px solid #d9d9d9; box-shadow: none; color: silver; } -.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder { +.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > textarea[disabled]:-ms-input-placeholder { color: silver; } diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css index d1414a3..4eda37e 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#d43bd1, #b427b1); border: 1px solid #8a1e88; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css index 6787310..39d4cc9 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#54b7f3, #24a3ef); border: 1px solid #0f88d1; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css index a2d1950..d2ce6cc 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#98cc50, #7eb435); border: 1px solid #638c29; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css index 91cc3e2..0b0cd7e 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#45c354, #34a241); border: 1px solid #277b32; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css index d9eb4eb..81a0f79 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#f8a036, #f28809); border: 1px solid #c16c07; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css index 9a6c594..13d3f00 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#ee343b, #dc121a); border: 1px solid #ad0e15; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css index 3235b7f..2011e9c 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#3481d0, #2767a9); border: 1px solid #1e4e80; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css index 5770b56..3b3b9b1 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#f9bb58, #f7a726); border: 1px solid #e28f08; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css index 856112b..b18f050 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#f16c42, #ed4812); border: 1px solid #be390e; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css index a3c4d59..646fe7b 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#2ebcb2, #24948c); border: 1px solid #1a6b65; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css index b42e4e5..0c01751 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#7432a4, #58267c); border: 1px solid #3c1a55; diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css index 4afe6d1..79e8e93 100644 --- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css +++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css @@ -48,6 +48,26 @@ div { font-size: 14px; } +.jewel.xsmall { + font-size: 0.6em; +} + +.jewel.small { + font-size: 0.8em; +} + +.jewel { + font-size: 1em; +} + +.jewel.large { + font-size: 1.2em; +} + +.jewel.xlarge { + font-size: 1.4em; +} + .jewel.button.secondary { background: linear-gradient(#f4e813, #cac00a); border: 1px solid #999207; -- To stop receiving notification emails like this one, please contact carlosrov...@apache.org.