blob: 923bf00413b42d77687a1f51b4098a074aa5ea2d [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: #29A89F;
color: #FFFFFF;
}
.jewel.button.emphasized {
background: linear-gradient(#2ebcb2, #24948c);
border: 1px solid #1a6b65;
box-shadow: inset 0 1px 0 #5fd8cf;
border-radius: 0.25rem;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
}
.jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
background: linear-gradient(#29A89F, #1f7f78);
border: 1px solid #155651;
color: #FFFFFF;
}
.jewel.button.emphasized:active, .jewel.button.emphasized:active:focus {
background: linear-gradient(#1f7f78, #155651);
border: 1px solid #0b2d2b;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
color: #FFFFFF;
}
.jewel.button.emphasized:focus {
border: 1px solid #1a6b65;
box-shadow: inset 0px 0px 0px 1px rgba(218, 246, 244, 0.5), inset 0 1px 0 rgba(239, 251, 250, 0.6);
color: #FFFFFF;
}
.jewel.button.emphasized[disabled] {
background: #404040 !important;
border: 1px solid #0d0d0d !important;
box-shadow: none !important;
color: #737373;
text-shadow: unset;
}
.jewel.button.emphasized[disabled]:hover, .jewel.button.emphasized[disabled]:hover:focus {
color: #737373;
}
.jewel.button.emphasized.outlined {
background: rgba(41, 168, 159, 0.05);
border: 1px solid #1f7f78;
box-shadow: none;
color: #1a6b65;
text-shadow: none;
}
.jewel.button.emphasized.outlined:hover, .jewel.button.emphasized.outlined:hover:focus {
background: rgba(41, 168, 159, 0.15);
border: 1px solid #1a6b65;
color: #10423e;
}
.jewel.button.emphasized.outlined:active, .jewel.button.emphasized.outlined:active:focus {
background: rgba(41, 168, 159, 0.25);
border: 1px solid #175e59;
box-shadow: none;
color: #10423e;
}
.jewel.button.emphasized.outlined:focus {
border: 1px solid #155651;
box-shadow: none;
color: #10423e;
}
.jewel.button.emphasized.outlined[disabled] {
background: rgba(64, 64, 64, 0.1) !important;
border: 1px solid #0d0d0d !important;
color: #737373;
text-shadow: unset;
}
.jewel.button.emphasized.outlined[disabled]:hover, .jewel.button.emphasized.outlined[disabled]:hover:focus {
color: #737373;
}
.jewel.button.emphasized.unboxed {
background: rgba(41, 168, 159, 0);
border: 1px solid transparent;
box-shadow: none;
color: #1a6b65;
text-shadow: none;
}
.jewel.button.emphasized.unboxed:hover, .jewel.button.emphasized.unboxed:hover:focus {
background: rgba(41, 168, 159, 0.15);
border: 1px solid transparent;
color: #10423e;
}
.jewel.button.emphasized.unboxed:active, .jewel.button.emphasized.unboxed:active:focus {
background: rgba(41, 168, 159, 0.25);
border: 1px solid transparent;
box-shadow: none;
color: #10423e;
}
.jewel.button.emphasized.unboxed:focus {
background: rgba(41, 168, 159, 0.15);
border: 1px solid transparent;
box-shadow: none;
color: #10423e;
}
.jewel.button.emphasized.unboxed[disabled] {
background: rgba(64, 64, 64, 0) !important;
border: 1px solid transparent !important;
color: #737373;
text-shadow: unset;
}
.jewel.button.emphasized.unboxed[disabled]:hover, .jewel.button.emphasized.unboxed[disabled]:hover:focus {
color: #737373;
}
.jewel.datagrid .jewel.list.column .jewel.item.datagrid.emphasized.hovered {
background: #3ed0c6;
}
.jewel.datagrid .jewel.list.column .jewel.item.datagrid.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.emphasized.selectable:active {
background: #30c5ba;
}
.jewel.item.emphasized.hovered {
background: #29A89F;
}
.jewel.item.emphasized.selected, .jewel.item.emphasized.selectable:active {
background: #24948c;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
background: linear-gradient(#2ebcb2, #24948c);
border: 1px solid #1a6b65;
box-shadow: inset 0 1px 0 #5fd8cf;
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(#29A89F, #1f7f78);
}
.emphasized-lightest {
color: #b1ece8;
}
.emphasized-light {
color: #5fd8cf;
}
.emphasized-normal {
color: #29A89F;
}
.emphasized-dark {
color: #155651;
}
.emphasized-darkest {
color: #010404;
}
.jewel.togglebutton.emphasized {
background: linear-gradient(#2ebcb2, #24948c);
border: 1px solid #1a6b65;
box-shadow: inset 0 1px 0 #5fd8cf;
border-radius: 0.25rem;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
}
.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
background: linear-gradient(#29A89F, #1f7f78);
border: 1px solid #155651;
color: #FFFFFF;
}
.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
background: linear-gradient(#1f7f78, #155651);
border: 1px solid #0b2d2b;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
color: #FFFFFF;
}
.jewel.togglebutton.emphasized:focus {
border: 1px solid #1a6b65;
box-shadow: inset 0px 0px 0px 1px rgba(218, 246, 244, 0.5), inset 0 1px 0 rgba(239, 251, 250, 0.6);
color: #FFFFFF;
}
.jewel.togglebutton.emphasized[disabled] {
background: #404040 !important;
border: 1px solid #0d0d0d !important;
box-shadow: none !important;
color: #737373;
text-shadow: unset;
}
.jewel.togglebutton.emphasized.selected {
background: linear-gradient(#1f7f78, #155651);
border: 1px solid #0b2d2b;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
}
.jewel.togglebutton.emphasized.outlined {
background: rgba(41, 168, 159, 0.05);
border: 1px solid #1f7f78;
box-shadow: none;
color: #1a6b65;
text-shadow: none;
}
.jewel.togglebutton.emphasized.outlined:hover, .jewel.togglebutton.emphasized.outlined:hover:focus {
background: rgba(41, 168, 159, 0.15);
border: 1px solid #1a6b65;
color: #10423e;
}
.jewel.togglebutton.emphasized.outlined:active, .jewel.togglebutton.emphasized.outlined:active:focus {
background: rgba(41, 168, 159, 0.25);
border: 1px solid #175e59;
box-shadow: none;
color: #10423e;
}
.jewel.togglebutton.emphasized.outlined:focus {
border: 1px solid #155651;
box-shadow: none;
color: #10423e;
}
.jewel.togglebutton.emphasized.outlined[disabled] {
background: rgba(64, 64, 64, 0.1) !important;
border: 1px solid #0d0d0d !important;
color: #737373;
text-shadow: unset;
}
.jewel.togglebutton.emphasized.outlined.selected {
background: linear-gradient(#1f7f78, #155651);
border: 1px solid #0b2d2b;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
}
.jewel.togglebutton.emphasized.unboxed {
background: rgba(41, 168, 159, 0);
border: 1px solid transparent;
box-shadow: none;
color: #1a6b65;
text-shadow: none;
}
.jewel.togglebutton.emphasized.unboxed:hover, .jewel.togglebutton.emphasized.unboxed:hover:focus {
background: rgba(41, 168, 159, 0.15);
border: 1px solid transparent;
color: #10423e;
}
.jewel.togglebutton.emphasized.unboxed:active, .jewel.togglebutton.emphasized.unboxed:active:focus {
background: rgba(41, 168, 159, 0.25);
border: 1px solid transparent;
box-shadow: none;
color: #10423e;
}
.jewel.togglebutton.emphasized.unboxed:focus {
background: rgba(41, 168, 159, 0.15);
border: 1px solid transparent;
box-shadow: none;
color: #10423e;
}
.jewel.togglebutton.emphasized.unboxed[disabled] {
background: rgba(64, 64, 64, 0) !important;
border: 1px solid transparent !important;
color: #737373;
text-shadow: unset;
}
.jewel.togglebutton.emphasized.unboxed.selected {
background: linear-gradient(#1f7f78, #155651);
border: 1px solid #0b2d2b;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
}
/*# sourceMappingURL=defaults.css.map */