blob: c7487ae6235dbb651c96befc4de6afeef0396a4f [file] [log] [blame]
/*!
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";
.jewel.badge.emphasized {
background: #662C90;
color: #FFFFFF;
}
.jewel.button.emphasized {
background: linear-gradient(#7432a4, #58267c);
border: 1px solid #3c1a55;
box-shadow: inset 0 1px 0 #9a56cc;
border-radius: 0.25rem;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
}
.jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
background: linear-gradient(#662C90, #4a2069);
border: 1px solid #2f1442;
color: #FFFFFF;
}
.jewel.button.emphasized:active, .jewel.button.emphasized:active:focus {
background: linear-gradient(#4a2069, #2f1442);
border: 1px solid #13081b;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
color: #FFFFFF;
}
.jewel.button.emphasized:focus {
border: 1px solid #3c1a55;
box-shadow: inset 0px 0px 0px 1px rgba(224, 204, 239, 0.5), inset 0 1px 0 rgba(236, 223, 245, 0.6);
color: #FFFFFF;
}
.jewel.button.emphasized[disabled] {
background: #f3f3f3 !important;
border: 1px solid #d9d9d9 !important;
box-shadow: none !important;
color: silver;
text-shadow: unset;
}
.jewel.button.emphasized[disabled]:hover, .jewel.button.emphasized[disabled]:hover:focus {
color: silver;
}
.jewel.button.emphasized.outlined {
background: rgba(102, 44, 144, 0.05);
border: 1px solid #4a2069;
box-shadow: none;
color: #3c1a55;
text-shadow: none;
}
.jewel.button.emphasized.outlined:hover, .jewel.button.emphasized.outlined:hover:focus {
background: rgba(102, 44, 144, 0.15);
border: 1px solid #3c1a55;
color: #210e2e;
}
.jewel.button.emphasized.outlined:active, .jewel.button.emphasized.outlined:active:focus {
background: rgba(102, 44, 144, 0.25);
border: 1px solid #34174a;
box-shadow: none;
color: #210e2e;
}
.jewel.button.emphasized.outlined:focus {
border: 1px solid #2f1442;
box-shadow: none;
color: #210e2e;
}
.jewel.button.emphasized.outlined[disabled] {
background: rgba(243, 243, 243, 0.1) !important;
border: 1px solid #d9d9d9 !important;
color: silver;
text-shadow: unset;
}
.jewel.button.emphasized.outlined[disabled]:hover, .jewel.button.emphasized.outlined[disabled]:hover:focus {
color: silver;
}
.jewel.button.emphasized.unboxed {
background: rgba(102, 44, 144, 0);
border: 1px solid transparent;
box-shadow: none;
color: #3c1a55;
text-shadow: none;
}
.jewel.button.emphasized.unboxed:hover, .jewel.button.emphasized.unboxed:hover:focus {
background: rgba(102, 44, 144, 0.15);
border: 1px solid transparent;
color: #210e2e;
}
.jewel.button.emphasized.unboxed:active, .jewel.button.emphasized.unboxed:active:focus {
background: rgba(102, 44, 144, 0.25);
border: 1px solid transparent;
box-shadow: none;
color: #210e2e;
}
.jewel.button.emphasized.unboxed:focus {
background: rgba(102, 44, 144, 0.15);
border: 1px solid transparent;
box-shadow: none;
color: #210e2e;
}
.jewel.button.emphasized.unboxed[disabled] {
background: rgba(243, 243, 243, 0) !important;
border: 1px solid transparent !important;
color: silver;
text-shadow: unset;
}
.jewel.button.emphasized.unboxed[disabled]:hover, .jewel.button.emphasized.unboxed[disabled]:hover:focus {
color: silver;
}
.jewel.datagrid .jewel.list.column .jewel.item.datagrid.emphasized.hovered {
background: #873abf;
}
.jewel.datagrid .jewel.list.column .jewel.item.datagrid.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.emphasized.selectable:active {
background: #7934ab;
}
.jewel.item.emphasized.hovered {
background: #662C90;
}
.jewel.item.emphasized.selected, .jewel.item.emphasized.selectable:active {
background: #58267c;
}
.jewel.loader.emphasized.segment {
border-top-color: #662C90;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
background: linear-gradient(#7432a4, #58267c);
border: 1px solid #3c1a55;
box-shadow: inset 0 1px 0 #9a56cc;
border-bottom: none;
}
.jewel.snackbar.emphasized .jewel.snackbar-message {
color: #FFFFFF;
}
.jewel.snackbar.emphasized .jewel.snackbar-action {
color: #E2D70B;
}
.jewel.snackbar.emphasized .jewel.snackbar-action:hover {
background: linear-gradient(#662C90, #4a2069);
}
.emphasized-lightest {
color: #c9a5e3;
}
.emphasized-light {
color: #9a56cc;
}
.emphasized-normal {
color: #662C90;
}
.emphasized-dark {
color: #2f1442;
}
.emphasized-darkest {
color: black;
}
.jewel.togglebutton.emphasized {
background: linear-gradient(#7432a4, #58267c);
border: 1px solid #3c1a55;
box-shadow: inset 0 1px 0 #9a56cc;
border-radius: 0.25rem;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
}
.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
background: linear-gradient(#662C90, #4a2069);
border: 1px solid #2f1442;
color: #FFFFFF;
}
.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
background: linear-gradient(#4a2069, #2f1442);
border: 1px solid #13081b;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
color: #FFFFFF;
}
.jewel.togglebutton.emphasized:focus {
border: 1px solid #3c1a55;
box-shadow: inset 0px 0px 0px 1px rgba(224, 204, 239, 0.5), inset 0 1px 0 rgba(236, 223, 245, 0.6);
color: #FFFFFF;
}
.jewel.togglebutton.emphasized[disabled] {
background: #f3f3f3 !important;
border: 1px solid #d9d9d9 !important;
box-shadow: none !important;
color: silver;
text-shadow: unset;
}
.jewel.togglebutton.emphasized.selected {
background: linear-gradient(#4a2069, #2f1442);
border: 1px solid #13081b;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
color: #FFFFFF;
}
.jewel.togglebutton.emphasized.outlined {
background: rgba(102, 44, 144, 0.05);
border: 1px solid #4a2069;
box-shadow: none;
color: #3c1a55;
text-shadow: none;
}
.jewel.togglebutton.emphasized.outlined:hover, .jewel.togglebutton.emphasized.outlined:hover:focus {
background: rgba(102, 44, 144, 0.15);
border: 1px solid #3c1a55;
color: #210e2e;
}
.jewel.togglebutton.emphasized.outlined:active, .jewel.togglebutton.emphasized.outlined:active:focus {
background: rgba(102, 44, 144, 0.25);
border: 1px solid #34174a;
box-shadow: none;
color: #210e2e;
}
.jewel.togglebutton.emphasized.outlined:focus {
border: 1px solid #2f1442;
box-shadow: none;
color: #210e2e;
}
.jewel.togglebutton.emphasized.outlined[disabled] {
background: rgba(243, 243, 243, 0.1) !important;
border: 1px solid #d9d9d9 !important;
color: silver;
text-shadow: unset;
}
.jewel.togglebutton.emphasized.outlined.selected {
background: rgba(102, 44, 144, 0.25);
border: 1px solid #34174a;
box-shadow: none;
color: #210e2e;
}
.jewel.togglebutton.emphasized.unboxed {
background: rgba(102, 44, 144, 0);
border: 1px solid transparent;
box-shadow: none;
color: #3c1a55;
text-shadow: none;
}
.jewel.togglebutton.emphasized.unboxed:hover, .jewel.togglebutton.emphasized.unboxed:hover:focus {
background: rgba(102, 44, 144, 0.15);
border: 1px solid transparent;
color: #210e2e;
}
.jewel.togglebutton.emphasized.unboxed:active, .jewel.togglebutton.emphasized.unboxed:active:focus {
background: rgba(102, 44, 144, 0.25);
border: 1px solid transparent;
box-shadow: none;
color: #210e2e;
}
.jewel.togglebutton.emphasized.unboxed:focus {
background: rgba(102, 44, 144, 0.15);
border: 1px solid transparent;
box-shadow: none;
color: #210e2e;
}
.jewel.togglebutton.emphasized.unboxed[disabled] {
background: rgba(243, 243, 243, 0) !important;
border: 1px solid transparent !important;
color: silver;
text-shadow: unset;
}
.jewel.togglebutton.emphasized.unboxed.selected {
background: rgba(102, 44, 144, 0.25);
border: 1px solid transparent;
box-shadow: none;
color: #210e2e;
}
/*# sourceMappingURL=defaults.css.map */