blob: 1aa969945599212182ac7b97626e79f6c7e85cf9 [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.secondary {
background: #EF5A2A;
color: #FFFFFF;
}
.jewel.button.secondary {
background: linear-gradient(#f16c42, #ed4812);
border: 1px solid #be390e;
box-shadow: inset 0 1px 0 #f6a389;
border-radius: 0.25rem;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
}
.jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
background: linear-gradient(#EF5A2A, #d64010);
border: 1px solid #a6320d;
color: #FFFFFF;
}
.jewel.button.secondary:active, .jewel.button.secondary:active:focus {
background: linear-gradient(#d64010, #a6320d);
border: 1px solid #772409;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
color: #FFFFFF;
}
.jewel.button.secondary:focus {
border: 1px solid #be390e;
box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
color: #FFFFFF;
}
.jewel.button.secondary[disabled] {
background: #f3f3f3 !important;
border: 1px solid #d9d9d9 !important;
box-shadow: none !important;
color: silver;
text-shadow: unset;
}
.jewel.button.secondary[disabled]:hover, .jewel.button.secondary[disabled]:hover:focus {
color: silver;
}
.jewel.button.secondary.outlined {
background: rgba(239, 90, 42, 0.05);
border: 1px solid #d64010;
box-shadow: none;
color: #be390e;
text-shadow: none;
}
.jewel.button.secondary.outlined:hover, .jewel.button.secondary.outlined:hover:focus {
background: rgba(239, 90, 42, 0.15);
border: 1px solid #be390e;
color: #8f2b0b;
}
.jewel.button.secondary.outlined:active, .jewel.button.secondary.outlined:active:focus {
background: rgba(239, 90, 42, 0.25);
border: 1px solid #b0350d;
box-shadow: none;
color: #8f2b0b;
}
.jewel.button.secondary.outlined:focus {
border: 1px solid #a6320d;
box-shadow: none;
color: #8f2b0b;
}
.jewel.button.secondary.outlined[disabled] {
background: rgba(243, 243, 243, 0.1) !important;
border: 1px solid #d9d9d9 !important;
color: silver;
text-shadow: unset;
}
.jewel.button.secondary.outlined[disabled]:hover, .jewel.button.secondary.outlined[disabled]:hover:focus {
color: silver;
}
.jewel.button.secondary.unboxed {
background: rgba(239, 90, 42, 0);
border: 1px solid transparent;
box-shadow: none;
color: #be390e;
text-shadow: none;
}
.jewel.button.secondary.unboxed:hover, .jewel.button.secondary.unboxed:hover:focus {
background: rgba(239, 90, 42, 0.15);
border: 1px solid transparent;
color: #8f2b0b;
}
.jewel.button.secondary.unboxed:active, .jewel.button.secondary.unboxed:active:focus {
background: rgba(239, 90, 42, 0.25);
border: 1px solid transparent;
box-shadow: none;
color: #8f2b0b;
}
.jewel.button.secondary.unboxed:focus {
background: rgba(239, 90, 42, 0.15);
border: 1px solid transparent;
box-shadow: none;
color: #8f2b0b;
}
.jewel.button.secondary.unboxed[disabled] {
background: rgba(243, 243, 243, 0) !important;
border: 1px solid transparent !important;
color: silver;
text-shadow: unset;
}
.jewel.button.secondary.unboxed[disabled]:hover, .jewel.button.secondary.unboxed[disabled]:hover:focus {
color: silver;
}
.jewel.datagrid .jewel.list.column .jewel.item.datagrid.secondary.hovered {
background: #f38663;
}
.jewel.datagrid .jewel.list.column .jewel.item.datagrid.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.secondary.selectable:active {
background: #f1744b;
}
.jewel.item.secondary.hovered {
background: #EF5A2A;
}
.jewel.item.secondary.selected, .jewel.item.secondary.selectable:active {
background: #ed4812;
}
.jewel.loader.secondary.segment {
border-top-color: #EF5A2A;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
background: linear-gradient(#f16c42, #ed4812);
border: 1px solid #be390e;
box-shadow: inset 0 1px 0 #f6a389;
border-bottom: none;
}
.jewel.snackbar.secondary .jewel.snackbar-message {
color: #FFFFFF;
}
.jewel.snackbar.secondary .jewel.snackbar-action {
color: #E2D70B;
}
.jewel.snackbar.secondary .jewel.snackbar-action:hover {
background: linear-gradient(#EF5A2A, #d64010);
}
a:visited {
color: #d64010;
}
a:hover {
color: #EF5A2A;
}
a:active {
color: #f37f59;
}
.secondary-lightest {
color: #fdede8;
}
.secondary-light {
color: #f6a389;
}
.secondary-normal {
color: #EF5A2A;
}
.secondary-dark {
color: #a6320d;
}
.secondary-darkest {
color: #481605;
}
.jewel.togglebutton.secondary {
background: linear-gradient(#f16c42, #ed4812);
border: 1px solid #be390e;
box-shadow: inset 0 1px 0 #f6a389;
border-radius: 0.25rem;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
}
.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
background: linear-gradient(#EF5A2A, #d64010);
border: 1px solid #a6320d;
color: #FFFFFF;
}
.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
background: linear-gradient(#d64010, #a6320d);
border: 1px solid #772409;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
color: #FFFFFF;
}
.jewel.togglebutton.secondary:focus {
border: 1px solid #be390e;
box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
color: #FFFFFF;
}
.jewel.togglebutton.secondary[disabled] {
background: #f3f3f3 !important;
border: 1px solid #d9d9d9 !important;
box-shadow: none !important;
color: silver;
text-shadow: unset;
}
.jewel.togglebutton.secondary.selected {
background: linear-gradient(#d64010, #a6320d);
border: 1px solid #772409;
box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
color: #FFFFFF;
}
.jewel.togglebutton.secondary.outlined {
background: rgba(239, 90, 42, 0.05);
border: 1px solid #d64010;
box-shadow: none;
color: #be390e;
text-shadow: none;
}
.jewel.togglebutton.secondary.outlined:hover, .jewel.togglebutton.secondary.outlined:hover:focus {
background: rgba(239, 90, 42, 0.15);
border: 1px solid #be390e;
color: #8f2b0b;
}
.jewel.togglebutton.secondary.outlined:active, .jewel.togglebutton.secondary.outlined:active:focus {
background: rgba(239, 90, 42, 0.25);
border: 1px solid #b0350d;
box-shadow: none;
color: #8f2b0b;
}
.jewel.togglebutton.secondary.outlined:focus {
border: 1px solid #a6320d;
box-shadow: none;
color: #8f2b0b;
}
.jewel.togglebutton.secondary.outlined[disabled] {
background: rgba(243, 243, 243, 0.1) !important;
border: 1px solid #d9d9d9 !important;
color: silver;
text-shadow: unset;
}
.jewel.togglebutton.secondary.outlined.selected {
background: rgba(239, 90, 42, 0.25);
border: 1px solid #b0350d;
box-shadow: none;
color: #8f2b0b;
}
.jewel.togglebutton.secondary.unboxed {
background: rgba(239, 90, 42, 0);
border: 1px solid transparent;
box-shadow: none;
color: #be390e;
text-shadow: none;
}
.jewel.togglebutton.secondary.unboxed:hover, .jewel.togglebutton.secondary.unboxed:hover:focus {
background: rgba(239, 90, 42, 0.15);
border: 1px solid transparent;
color: #8f2b0b;
}
.jewel.togglebutton.secondary.unboxed:active, .jewel.togglebutton.secondary.unboxed:active:focus {
background: rgba(239, 90, 42, 0.25);
border: 1px solid transparent;
box-shadow: none;
color: #8f2b0b;
}
.jewel.togglebutton.secondary.unboxed:focus {
background: rgba(239, 90, 42, 0.15);
border: 1px solid transparent;
box-shadow: none;
color: #8f2b0b;
}
.jewel.togglebutton.secondary.unboxed[disabled] {
background: rgba(243, 243, 243, 0) !important;
border: 1px solid transparent !important;
color: silver;
text-shadow: unset;
}
.jewel.togglebutton.secondary.unboxed[disabled]:hover, .jewel.togglebutton.secondary.unboxed[disabled]:hover:focus {
color: silver;
}
/*# sourceMappingURL=defaults.css.map */