| /*! |
| * * 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: #EC1C24; |
| color: #FFFFFF; |
| } |
| |
| .jewel.button.secondary { |
| background: linear-gradient(#ee343b, #dc121a); |
| border: 1px solid #ad0e15; |
| box-shadow: inset 0 1px 0 #f47a7f; |
| border-radius: 0.25rem; |
| color: #FFFFFF; |
| text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7); |
| } |
| .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus { |
| background: linear-gradient(#EC1C24, #c51017); |
| border: 1px solid #950d12; |
| color: #FFFFFF; |
| } |
| .jewel.button.secondary:active, .jewel.button.secondary:active:focus { |
| background: linear-gradient(#c51017, #950d12); |
| border: 1px solid #66090c; |
| box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5); |
| color: #FFFFFF; |
| } |
| .jewel.button.secondary:focus { |
| border: 1px solid #ad0e15; |
| 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: #404040 !important; |
| border: 1px solid #0d0d0d !important; |
| box-shadow: none !important; |
| color: #737373; |
| text-shadow: unset; |
| } |
| .jewel.button.secondary[disabled]:hover, .jewel.button.secondary[disabled]:hover:focus { |
| color: #737373; |
| } |
| |
| .jewel.button.secondary.outlined { |
| background: rgba(236, 28, 36, 0.05); |
| border: 1px solid #c51017; |
| box-shadow: none; |
| color: #ad0e15; |
| text-shadow: none; |
| } |
| .jewel.button.secondary.outlined:hover, .jewel.button.secondary.outlined:hover:focus { |
| background: rgba(236, 28, 36, 0.15); |
| border: 1px solid #ad0e15; |
| color: #7e0b0f; |
| } |
| .jewel.button.secondary.outlined:active, .jewel.button.secondary.outlined:active:focus { |
| background: rgba(236, 28, 36, 0.25); |
| border: 1px solid #9f0d13; |
| box-shadow: none; |
| color: #7e0b0f; |
| } |
| .jewel.button.secondary.outlined:focus { |
| border: 1px solid #950d12; |
| box-shadow: none; |
| color: #7e0b0f; |
| } |
| .jewel.button.secondary.outlined[disabled] { |
| background: rgba(64, 64, 64, 0.1) !important; |
| border: 1px solid #0d0d0d !important; |
| color: #737373; |
| text-shadow: unset; |
| } |
| .jewel.button.secondary.outlined[disabled]:hover, .jewel.button.secondary.outlined[disabled]:hover:focus { |
| color: #737373; |
| } |
| |
| .jewel.button.secondary.unboxed { |
| background: rgba(236, 28, 36, 0); |
| border: 1px solid transparent; |
| box-shadow: none; |
| color: #ad0e15; |
| text-shadow: none; |
| } |
| .jewel.button.secondary.unboxed:hover, .jewel.button.secondary.unboxed:hover:focus { |
| background: rgba(236, 28, 36, 0.15); |
| border: 1px solid transparent; |
| color: #7e0b0f; |
| } |
| .jewel.button.secondary.unboxed:active, .jewel.button.secondary.unboxed:active:focus { |
| background: rgba(236, 28, 36, 0.25); |
| border: 1px solid transparent; |
| box-shadow: none; |
| color: #7e0b0f; |
| } |
| .jewel.button.secondary.unboxed:focus { |
| background: rgba(236, 28, 36, 0.15); |
| border: 1px solid transparent; |
| box-shadow: none; |
| color: #7e0b0f; |
| } |
| .jewel.button.secondary.unboxed[disabled] { |
| background: rgba(64, 64, 64, 0) !important; |
| border: 1px solid transparent !important; |
| color: #737373; |
| text-shadow: unset; |
| } |
| .jewel.button.secondary.unboxed[disabled]:hover, .jewel.button.secondary.unboxed[disabled]:hover:focus { |
| color: #737373; |
| } |
| |
| .jewel.checkbox.secondary input + span::before { |
| background: linear-gradient(#7f7f7f, #737373); |
| border: 1px solid #333333; |
| } |
| .jewel.checkbox.secondary input + span::after { |
| background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23EC1C24' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center; |
| } |
| .jewel.checkbox.secondary input:checked + span::after, .jewel.checkbox.secondary input:checked:active + span::after { |
| background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23EC1C24' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center; |
| } |
| .jewel.checkbox.secondary input:indeterminate + span::after, .jewel.checkbox.secondary input:indeterminate:active + span::after { |
| background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Crect stroke-width='0' stroke='%23FFFFFF' height='12' width='12' y='5' x='5' fill='%23EC1C24' /%3E%3C/svg%3E") no-repeat center center; |
| } |
| .jewel.checkbox.secondary input:focus + span::before, .jewel.checkbox.secondary input:checked:focus + span::before, .jewel.checkbox.secondary input:checked:active:focus + span::before, .jewel.checkbox.secondary input:indeterminate:focus + span::before, .jewel.checkbox.secondary input:indeterminate:active:focus + span::before { |
| background: linear-gradient(#f8a9ac, #f47a7f); |
| border: 1px solid #ad0e15; |
| } |
| .jewel.checkbox.secondary input[disabled] + span { |
| color: #737373; |
| } |
| .jewel.checkbox.secondary input[disabled] + span::before { |
| background: #404040; |
| border: 1px solid #0d0d0d; |
| } |
| .jewel.checkbox.secondary input:checked[disabled] + span::after { |
| background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23191919' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center; |
| } |
| .jewel.checkbox.secondary input:indeterminate[disabled] + span::after { |
| background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Crect stroke-width='0' stroke='%23FFFFFF' height='12' width='12' y='5' x='5' fill='%23191919' /%3E%3C/svg%3E") no-repeat center center; |
| } |
| .jewel.checkbox.secondary.rejected input:indeterminate + span::after, .jewel.checkbox.secondary.rejected input:indeterminate:active + span::after { |
| background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cline stroke-width='4' stroke='%23EC1C24' stroke-linecap='undefined' stroke-linejoin='undefined' y2='10.9375' x2='17' y1='11.0625' x1='5' fill='none' /%3E%3C/svg%3E") no-repeat center center; |
| } |
| .jewel.checkbox.secondary.rejected input:indeterminate[disabled] + span::after { |
| background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cline stroke-width='4' stroke='%23191919' stroke-linecap='undefined' stroke-linejoin='undefined' y2='10.9375' x2='17' y1='11.0625' x1='5' fill='none' /%3E%3C/svg%3E") no-repeat center center; |
| } |
| |
| .jewel.switch.secondary input:checked + .switch { |
| background: linear-gradient(#ec1c24, #f04b51); |
| box-shadow: 0px 0px 0px 1px #dc121a; |
| } |
| .jewel.switch.secondary input:focus + .switch { |
| box-shadow: 0px 0px 0px 1px #c51017; |
| } |
| .jewel.switch.secondary input:checked + .switch::before { |
| background: #fef0f0; |
| } |
| .jewel.switch.secondary input[disabled]:checked + .switch { |
| background: #8c8c8c; |
| box-shadow: 0px 0px 0px 1px #7f7f7f; |
| } |
| .jewel.switch.secondary input[disabled] + .switch { |
| background: #737373; |
| box-shadow: 0px 0px 0px 1px #999999; |
| } |
| .jewel.switch.secondary input[disabled] + .switch::before { |
| background: #595959; |
| } |
| .jewel.switch.secondary .switch { |
| background: linear-gradient(#595959, #737373); |
| box-shadow: 0px 0px 0px 1px #4c4c4c; |
| } |
| .jewel.switch.secondary .switch::before { |
| background: #fef0f0; |
| } |
| |
| .jewel.datagrid .jewel.list.column .jewel.item.datagrid.secondary.hovered { |
| background: #f1545a; |
| } |
| .jewel.datagrid .jewel.list.column .jewel.item.datagrid.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.secondary.selectable:active { |
| background: #ef3d44; |
| } |
| |
| .jewel.item.secondary.hovered { |
| background: #EC1C24; |
| } |
| .jewel.item.secondary.selected, .jewel.item.secondary.selectable:active { |
| background: #dc121a; |
| } |
| |
| .jewel.loader.secondary.segment { |
| border-top-color: #EC1C24; |
| } |
| |
| .jewel.snackbar.secondary .jewel.snackbar-content { |
| background: linear-gradient(#ee343b, #dc121a); |
| border: 1px solid #ad0e15; |
| box-shadow: inset 0 1px 0 #f47a7f; |
| 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(#EC1C24, #c51017); |
| } |
| |
| a:visited { |
| color: #c51017; |
| } |
| |
| a:hover { |
| color: #EC1C24; |
| } |
| |
| a:active { |
| color: #f04b51; |
| } |
| |
| .secondary-lightest { |
| color: #fcd8da; |
| } |
| |
| .secondary-light { |
| color: #f47a7f; |
| } |
| |
| .secondary-normal { |
| color: #EC1C24; |
| } |
| |
| .secondary-dark { |
| color: #950d12; |
| } |
| |
| .secondary-darkest { |
| color: #370507; |
| } |
| |
| .jewel.togglebutton.secondary { |
| background: linear-gradient(#ee343b, #dc121a); |
| border: 1px solid #ad0e15; |
| box-shadow: inset 0 1px 0 #f47a7f; |
| border-radius: 0.25rem; |
| color: #FFFFFF; |
| text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7); |
| } |
| .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus { |
| background: linear-gradient(#EC1C24, #c51017); |
| border: 1px solid #950d12; |
| color: #FFFFFF; |
| } |
| .jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus { |
| background: linear-gradient(#c51017, #950d12); |
| border: 1px solid #66090c; |
| box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5); |
| color: #FFFFFF; |
| } |
| .jewel.togglebutton.secondary:focus { |
| border: 1px solid #ad0e15; |
| 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: #404040 !important; |
| border: 1px solid #0d0d0d !important; |
| box-shadow: none !important; |
| color: #737373; |
| text-shadow: unset; |
| } |
| .jewel.togglebutton.secondary.selected { |
| background: linear-gradient(#c51017, #950d12); |
| border: 1px solid #66090c; |
| box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5); |
| color: #FFFFFF; |
| } |
| |
| .jewel.togglebutton.secondary.outlined { |
| background: rgba(236, 28, 36, 0.05); |
| border: 1px solid #c51017; |
| box-shadow: none; |
| color: #ad0e15; |
| text-shadow: none; |
| } |
| .jewel.togglebutton.secondary.outlined:hover, .jewel.togglebutton.secondary.outlined:hover:focus { |
| background: rgba(236, 28, 36, 0.15); |
| border: 1px solid #ad0e15; |
| color: #7e0b0f; |
| } |
| .jewel.togglebutton.secondary.outlined:active, .jewel.togglebutton.secondary.outlined:active:focus { |
| background: rgba(236, 28, 36, 0.25); |
| border: 1px solid #9f0d13; |
| box-shadow: none; |
| color: #7e0b0f; |
| } |
| .jewel.togglebutton.secondary.outlined:focus { |
| border: 1px solid #950d12; |
| box-shadow: none; |
| color: #7e0b0f; |
| } |
| .jewel.togglebutton.secondary.outlined[disabled] { |
| background: rgba(64, 64, 64, 0.1) !important; |
| border: 1px solid #0d0d0d !important; |
| color: #737373; |
| text-shadow: unset; |
| } |
| .jewel.togglebutton.secondary.outlined.selected { |
| background: rgba(236, 28, 36, 0.25); |
| border: 1px solid #9f0d13; |
| box-shadow: none; |
| color: #7e0b0f; |
| } |
| |
| .jewel.togglebutton.secondary.unboxed { |
| background: rgba(236, 28, 36, 0); |
| border: 1px solid transparent; |
| box-shadow: none; |
| color: #ad0e15; |
| text-shadow: none; |
| } |
| .jewel.togglebutton.secondary.unboxed:hover, .jewel.togglebutton.secondary.unboxed:hover:focus { |
| background: rgba(236, 28, 36, 0.15); |
| border: 1px solid transparent; |
| color: #7e0b0f; |
| } |
| .jewel.togglebutton.secondary.unboxed:active, .jewel.togglebutton.secondary.unboxed:active:focus { |
| background: rgba(236, 28, 36, 0.25); |
| border: 1px solid transparent; |
| box-shadow: none; |
| color: #7e0b0f; |
| } |
| .jewel.togglebutton.secondary.unboxed:focus { |
| background: rgba(236, 28, 36, 0.15); |
| border: 1px solid transparent; |
| box-shadow: none; |
| color: #7e0b0f; |
| } |
| .jewel.togglebutton.secondary.unboxed[disabled] { |
| background: rgba(64, 64, 64, 0) !important; |
| border: 1px solid transparent !important; |
| color: #737373; |
| text-shadow: unset; |
| } |
| .jewel.togglebutton.secondary.unboxed[disabled]:hover, .jewel.togglebutton.secondary.unboxed[disabled]:hover:focus { |
| color: #737373; |
| } |
| |
| /*# sourceMappingURL=defaults.css.map */ |