Return-Path: X-Original-To: apmail-cordova-commits-archive@www.apache.org Delivered-To: apmail-cordova-commits-archive@www.apache.org Received: from mail.apache.org (hermes.apache.org [140.211.11.3]) by minotaur.apache.org (Postfix) with SMTP id EE0C11187B for ; Thu, 10 Jul 2014 15:41:30 +0000 (UTC) Received: (qmail 14900 invoked by uid 500); 10 Jul 2014 15:41:30 -0000 Delivered-To: apmail-cordova-commits-archive@cordova.apache.org Received: (qmail 14841 invoked by uid 500); 10 Jul 2014 15:41:30 -0000 Mailing-List: contact commits-help@cordova.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: dev@cordova.apache.org Delivered-To: mailing list commits@cordova.apache.org Received: (qmail 14139 invoked by uid 99); 10 Jul 2014 15:41:29 -0000 Received: from tyr.zones.apache.org (HELO tyr.zones.apache.org) (140.211.11.114) by apache.org (qpsmtpd/0.29) with ESMTP; Thu, 10 Jul 2014 15:41:29 +0000 Received: by tyr.zones.apache.org (Postfix, from userid 65534) id 857A69AB3E4; Thu, 10 Jul 2014 15:41:29 +0000 (UTC) Content-Type: text/plain; charset="us-ascii" MIME-Version: 1.0 Content-Transfer-Encoding: 7bit From: mmocny@apache.org To: commits@cordova.apache.org Date: Thu, 10 Jul 2014 15:41:50 -0000 Message-Id: <1b0a000ae02f454bbac9cfef44289ad6@git.apache.org> In-Reply-To: <48265a3cdaa243a5929c1c5585aa4aad@git.apache.org> References: <48265a3cdaa243a5929c1c5585aa4aad@git.apache.org> X-Mailer: ASF-Git Admin Mailer Subject: [23/26] cordova-plugin-test-harness has moved http://git-wip-us.apache.org/repos/asf/cordova-labs/blob/ce08dd6c/cordova-plugin-test-framework/www/assets/topcoat-0.7.5/css/topcoat-desktop-dark.css ---------------------------------------------------------------------- diff --git a/cordova-plugin-test-framework/www/assets/topcoat-0.7.5/css/topcoat-desktop-dark.css b/cordova-plugin-test-framework/www/assets/topcoat-0.7.5/css/topcoat-desktop-dark.css deleted file mode 100755 index e590e11..0000000 --- a/cordova-plugin-test-framework/www/assets/topcoat-0.7.5/css/topcoat-desktop-dark.css +++ /dev/null @@ -1,3450 +0,0 @@ -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.button-bar { - display: table; - table-layout: fixed; - white-space: nowrap; - margin: 0; - padding: 0; -} - -.button-bar__item { - display: table-cell; - width: auto; - border-radius: 0; -} - -.button-bar__item > input { - position: absolute; - overflow: hidden; - padding: 0; - border: 0; - opacity: 0.001; - z-index: 1; - vertical-align: top; - outline: none; -} - -.button-bar__button { - border-radius: inherit; -} - -.button-bar__item:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.button, -.topcoat-button, -.topcoat-button--quiet, -.topcoat-button--large, -.topcoat-button--large--quiet, -.topcoat-button--cta, -.topcoat-button--large--cta, -.topcoat-button-bar__button, -.topcoat-button-bar__button--large { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - text-decoration: none; -} - -.button--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -.button--disabled, -.topcoat-button:disabled, -.topcoat-button--quiet:disabled, -.topcoat-button--large:disabled, -.topcoat-button--large--quiet:disabled, -.topcoat-button--cta:disabled, -.topcoat-button--large--cta:disabled, -.topcoat-button-bar__button:disabled, -.topcoat-button-bar__button--large:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -.topcoat-button, -.topcoat-button--quiet, -.topcoat-button--large, -.topcoat-button--large--quiet, -.topcoat-button--cta, -.topcoat-button--large--cta, -.topcoat-button-bar__button, -.topcoat-button-bar__button--large { - padding: 0 0.563rem; - font-size: 12px; - line-height: 1.313rem; - letter-spacing: 0; - color: #c6c8c8; - text-shadow: 0 -1px rgba(0,0,0,0.69); - vertical-align: top; - background-color: #595b5b; - box-shadow: inset 0 1px #727373; - border: 1px solid #303233; - border-radius: 4px; -} - -.topcoat-button:hover, -.topcoat-button--quiet:hover, -.topcoat-button--large:hover, -.topcoat-button--large--quiet:hover, -.topcoat-button-bar__button:hover, -.topcoat-button-bar__button--large:hover { - background-color: #646666; -} - -.topcoat-button:active, -.topcoat-button--large:active, -.topcoat-button-bar__button:active, -.topcoat-button-bar__button--large:active, -:checked + .topcoat-button-bar__button { - background-color: #404141; - box-shadow: inset 0 1px rgba(0,0,0,0.18); -} - -.topcoat-button:focus, -.topcoat-button--quiet:focus, -.topcoat-button--large:focus, -.topcoat-button--large--quiet:focus, -.topcoat-button--cta:focus, -.topcoat-button--large--cta:focus, -.topcoat-button-bar__button:focus, -.topcoat-button-bar__button--large:focus { - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; - outline: 0; -} - -.topcoat-button--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -.topcoat-button--quiet:hover, -.topcoat-button--large--quiet:hover { - text-shadow: 0 -1px rgba(0,0,0,0.69); - border: 1px solid #303233; - box-shadow: inset 0 1px #727373; -} - -.topcoat-button--quiet:active, -.topcoat-button--large--quiet:active { - color: #c6c8c8; - text-shadow: 0 -1px rgba(0,0,0,0.69); - background-color: #404141; - border: 1px solid #303233; - box-shadow: inset 0 1px rgba(0,0,0,0.18); -} - -.topcoat-button--large, -.topcoat-button--large--quiet, -.topcoat-button-bar__button--large { - font-size: 0.875rem; - font-weight: 600; - line-height: 1.688rem; - padding: 0 0.875rem; -} - -.topcoat-button--large--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -.topcoat-button--cta, -.topcoat-button--large--cta { - border: 1px solid #143250; - background-color: #288edf; - box-shadow: inset 0 1px rgba(255,255,255,0.36); - color: #fff; - font-weight: 500; - text-shadow: 0 -1px rgba(0,0,0,0.36); -} - -.topcoat-button--cta:hover, -.topcoat-button--large--cta:hover { - background-color: #509bef; -} - -.topcoat-button--cta:active, -.topcoat-button--large--cta:active { - background-color: #1976c3; - box-shadow: inset 0 1px rgba(0,0,0,0.12); -} - -.topcoat-button--large--cta { - font-size: 0.875rem; - font-weight: 600; - line-height: 1.688rem; - padding: 0 0.875rem; -} - -.button-bar, -.topcoat-button-bar { - display: table; - table-layout: fixed; - white-space: nowrap; - margin: 0; - padding: 0; -} - -.button-bar__item, -.topcoat-button-bar__item { - display: table-cell; - width: auto; - border-radius: 0; -} - -.button-bar__item > input, -.topcoat-button-bar__item > input { - position: absolute; - overflow: hidden; - padding: 0; - border: 0; - opacity: 0.001; - z-index: 1; - vertical-align: top; - outline: none; -} - -.button-bar__button { - border-radius: inherit; -} - -.button-bar__item:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* topdoc - name: Button Bar - description: Component of grouped buttons - modifiers: - :disabled: Disabled state - markup: -
-
- -
-
- -
-
- -
-
- examples: - mobile button bar: http://codepen.io/Topcoat/pen/kdKyg - tags: - - desktop - - light - - dark - - mobile - - button - - group - - bar -*/ - -.topcoat-button-bar > .topcoat-button-bar__item:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.topcoat-button-bar > .topcoat-button-bar__item:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.topcoat-button-bar__item:first-child > .topcoat-button-bar__button, -.topcoat-button-bar__item:first-child > .topcoat-button-bar__button--large { - border-right: none; -} - -.topcoat-button-bar__item:last-child > .topcoat-button-bar__button, -.topcoat-button-bar__item:last-child > .topcoat-button-bar__button--large { - border-left: none; -} - -.topcoat-button-bar__button { - border-radius: inherit; -} - -.topcoat-button-bar__button:focus, -.topcoat-button-bar__button--large:focus { - z-index: 1; -} - -/* topdoc - name: Large Button Bar - description: A button bar, only larger - modifiers: - :disabled: Disabled state - markup: -
-
- -
-
- -
-
- -
-
- tags: - - desktop - - light - - dark - - mobile - - button - - group - - bar - - large -*/ - -.topcoat-button-bar__button--large { - border-radius: inherit; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.button { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - text-decoration: none; -} - -.button--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -.button--disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.button, -.topcoat-button, -.topcoat-button--quiet, -.topcoat-button--large, -.topcoat-button--large--quiet, -.topcoat-button--cta, -.topcoat-button--large--cta { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - text-decoration: none; -} - -.button--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -.button--disabled, -.topcoat-button:disabled, -.topcoat-button--quiet:disabled, -.topcoat-button--large:disabled, -.topcoat-button--large--quiet:disabled, -.topcoat-button--cta:disabled, -.topcoat-button--large--cta:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* topdoc - name: Button - description: A simple button - modifiers: - :active: Active state - :disabled: Disabled state - :hover: Hover state - :focus: Focused - markup: - - - examples: - mobile button: http://codepen.io/Topcoat/pen/DpKtf - tags: - - desktop - - light - - mobile - - button -*/ - -.topcoat-button, -.topcoat-button--quiet, -.topcoat-button--large, -.topcoat-button--large--quiet, -.topcoat-button--cta, -.topcoat-button--large--cta { - padding: 0 0.563rem; - font-size: 12px; - line-height: 1.313rem; - letter-spacing: 0; - color: #c6c8c8; - text-shadow: 0 -1px rgba(0,0,0,0.69); - vertical-align: top; - background-color: #595b5b; - box-shadow: inset 0 1px #727373; - border: 1px solid #303233; - border-radius: 4px; -} - -.topcoat-button:hover, -.topcoat-button--quiet:hover, -.topcoat-button--large:hover, -.topcoat-button--large--quiet:hover { - background-color: #646666; -} - -.topcoat-button:active, -.topcoat-button--large:active { - background-color: #404141; - box-shadow: inset 0 1px rgba(0,0,0,0.18); -} - -.topcoat-button:focus, -.topcoat-button--quiet:focus, -.topcoat-button--large:focus, -.topcoat-button--large--quiet:focus, -.topcoat-button--cta:focus, -.topcoat-button--large--cta:focus { - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; - outline: 0; -} - -/* topdoc - name: Quiet Button - description: A simple, yet quiet button - modifiers: - :active: Quiet button active state - :disabled: Disabled state - :hover: Hover state - :focus: Focused - markup: - - - tags: - - desktop - - light - - mobile - - button - - quiet -*/ - -.topcoat-button--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -.topcoat-button--quiet:hover, -.topcoat-button--large--quiet:hover { - text-shadow: 0 -1px rgba(0,0,0,0.69); - border: 1px solid #303233; - box-shadow: inset 0 1px #727373; -} - -.topcoat-button--quiet:active, -.topcoat-button--large--quiet:active { - color: #c6c8c8; - text-shadow: 0 -1px rgba(0,0,0,0.69); - background-color: #404141; - border: 1px solid #303233; - box-shadow: inset 0 1px rgba(0,0,0,0.18); -} - -/* topdoc - name: Large Button - description: A big ol button - modifiers: - :active: Active state - :disabled: Disabled state - :hover: Hover state - :focus: Focused - markup: - - - tags: - - desktop - - light - - mobile - - button - - large -*/ - -.topcoat-button--large, -.topcoat-button--large--quiet { - font-size: 0.875rem; - font-weight: 600; - line-height: 1.688rem; - padding: 0 0.875rem; -} - -/* topdoc - name: Large Quiet Button - description: A large, yet quiet button - modifiers: - :active: Active state - :disabled: Disabled state - :hover: Hover state - :focus: Focused - markup: - - - tags: - - desktop - - light - - mobile - - button - - large - - quiet -*/ - -.topcoat-button--large--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -/* topdoc - name: Call To Action Button - description: A CALL TO ARMS, er, ACTION! - modifiers: - :active: Active state - :disabled: Disabled state - :hover: Hover state - :focus: Focused - markup: - - - tags: - - desktop - - light - - mobile - - button - - call to action -*/ - -.topcoat-button--cta, -.topcoat-button--large--cta { - border: 1px solid #143250; - background-color: #288edf; - box-shadow: inset 0 1px rgba(255,255,255,0.36); - color: #fff; - font-weight: 500; - text-shadow: 0 -1px rgba(0,0,0,0.36); -} - -.topcoat-button--cta:hover, -.topcoat-button--large--cta:hover { - background-color: #509bef; -} - -.topcoat-button--cta:active, -.topcoat-button--large--cta:active { - background-color: #1976c3; - box-shadow: inset 0 1px rgba(0,0,0,0.12); -} - -/* topdoc - name: Large Call To Action Button - description: Like call to action, but bigger - modifiers: - :active: Active state - :disabled: Disabled state - :hover: Hover state - :focus: Focused - markup: - - - tags: - - desktop - - light - - mobile - - button - - large - - call to action -*/ - -.topcoat-button--large--cta { - font-size: 0.875rem; - font-weight: 600; - line-height: 1.688rem; - padding: 0 0.875rem; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -input[type="checkbox"] { - position: absolute; - overflow: hidden; - padding: 0; - border: 0; - opacity: 0.001; - z-index: 1; - vertical-align: top; - outline: none; -} - -.checkbox { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - position: relative; - display: inline-block; - vertical-align: top; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.checkbox__label { - position: relative; - display: inline-block; - vertical-align: top; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.checkbox--disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -.checkbox:before, -.checkbox:after { - content: ''; - position: absolute; -} - -.checkbox:before { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -input[type="checkbox"] { - position: absolute; - overflow: hidden; - padding: 0; - border: 0; - opacity: 0.001; - z-index: 1; - vertical-align: top; - outline: none; -} - -.checkbox, -.topcoat-checkbox__checkmark { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - position: relative; - display: inline-block; - vertical-align: top; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.checkbox__label, -.topcoat-checkbox { - position: relative; - display: inline-block; - vertical-align: top; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.checkbox--disabled, -input[type="checkbox"]:disabled + .topcoat-checkbox__checkmark { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -.checkbox:before, -.checkbox:after, -.topcoat-checkbox__checkmark:before, -.topcoat-checkbox__checkmark:after { - content: ''; - position: absolute; -} - -.checkbox:before, -.topcoat-checkbox__checkmark:before { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; -} - -/* topdoc - name: Checkbox - description: Default skin for Topcoat checkbox - modifiers: - :focus: Focus state - :disabled: Disabled state - markup: - -
-
- - examples: - mobile checkbox: http://codepen.io/Topcoat/pen/piHcs - tags: - - desktop - - light - - mobile - - checkbox -*/ - -.topcoat-checkbox__checkmark { - height: 1rem; -} - -input[type="checkbox"] { - height: 1rem; - width: 1rem; - margin-top: 0; - margin-right: -1rem; - margin-bottom: -1rem; - margin-left: 0; -} - -input[type="checkbox"]:checked + .topcoat-checkbox__checkmark:after { - opacity: 1; -} - -.topcoat-checkbox { - line-height: 1rem; -} - -.topcoat-checkbox__checkmark:before { - width: 1rem; - height: 1rem; - background: #595b5b; - border: 1px solid #303233; - border-radius: 3px; - box-shadow: inset 0 1px #727373; -} - -.topcoat-checkbox__checkmark { - width: 1rem; - height: 1rem; -} - -.topcoat-checkbox__checkmark:after { - top: 2px; - left: 1px; - opacity: 0; - width: 14px; - height: 4px; - background: transparent; - border: 7px solid #fff; - border-width: 3px; - border-top: none; - border-right: none; - border-radius: 1px; - -webkit-transform: rotate(-50deg); - -ms-transform: rotate(-50deg); - transform: rotate(-50deg); -} - -input[type="checkbox"]:focus + .topcoat-checkbox__checkmark:before { - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.button, -.topcoat-icon-button, -.topcoat-icon-button--quiet, -.topcoat-icon-button--large, -.topcoat-icon-button--large--quiet { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - text-decoration: none; -} - -.button--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -.button--disabled, -.topcoat-icon-button:disabled, -.topcoat-icon-button--quiet:disabled, -.topcoat-icon-button--large:disabled, -.topcoat-icon-button--large--quiet:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* topdoc - name: Icon Button - description: Like button, but it has an icon. - modifiers: - :active: Active state - :disabled: Disabled state - :hover: Hover state - :focus: Focused - markup: - - - tags: - - desktop - - light - - mobile - - button - - icon -*/ - -.topcoat-icon-button, -.topcoat-icon-button--quiet, -.topcoat-icon-button--large, -.topcoat-icon-button--large--quiet { - padding: 0 0.25rem; - line-height: 1.313rem; - letter-spacing: 0; - color: #c6c8c8; - text-shadow: 0 -1px rgba(0,0,0,0.69); - vertical-align: baseline; - background-color: #595b5b; - box-shadow: inset 0 1px #727373; - border: 1px solid #303233; - border-radius: 4px; -} - -.topcoat-icon-button:hover, -.topcoat-icon-button--quiet:hover, -.topcoat-icon-button--large:hover, -.topcoat-icon-button--large--quiet:hover { - background-color: #646666; -} - -.topcoat-icon-button:active { - background-color: #404141; - box-shadow: inset 0 1px rgba(0,0,0,0.18); -} - -.topcoat-icon-button:focus, -.topcoat-icon-button--quiet:focus, -.topcoat-icon-button--quiet:hover:focus, -.topcoat-icon-button--large:focus, -.topcoat-icon-button--large--quiet:focus, -.topcoat-icon-button--large--quiet:hover:focus { - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; - outline: 0; -} - -/* topdoc - name: Quiet Icon Button - description: Like quiet button, but it has an icon. - modifiers: - :active: Active state - :disabled: Disabled state - :hover: Hover state - :focus: Focused - markup: - - - tags: - - desktop - - light - - mobile - - button - - icon - - quiet -*/ - -.topcoat-icon-button--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -.topcoat-icon-button--quiet:hover, -.topcoat-icon-button--large--quiet:hover { - text-shadow: 0 -1px rgba(0,0,0,0.69); - border: 1px solid #303233; - box-shadow: inset 0 1px #727373; -} - -.topcoat-icon-button--quiet:active, -.topcoat-icon-button--large--quiet:active { - color: #c6c8c8; - text-shadow: 0 -1px rgba(0,0,0,0.69); - background-color: #404141; - border: 1px solid #303233; - box-shadow: inset 0 1px rgba(0,0,0,0.18); -} - -/* topdoc - name: Large Icon Button - description: Like large button, but it has an icon. - modifiers: - :active: Active state - :disabled: Disabled state - :hover: Hover state - :focus: Focused - markup: - - - tags: - - desktop - - light - - mobile - - button - - icon - - large -*/ - -.topcoat-icon-button--large, -.topcoat-icon-button--large--quiet { - width: 1.688rem; - height: 1.688rem; - line-height: 1.688rem; -} - -.topcoat-icon-button--large:active { - background-color: #404141; - box-shadow: inset 0 1px rgba(0,0,0,0.18); -} - -/* topdoc - name: Large Quiet Icon Button - description: Like large button, but it has an icon and this one is quiet. - modifiers: - :active: Active state - :disabled: Disabled state - :hover: Hover state - markup: - - - tags: - - desktop - - light - - mobile - - button - - icon - - large - - quiet -*/ - -.topcoat-icon-button--large--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -.topcoat-icon, -.topcoat-icon--large { - position: relative; - display: inline-block; - vertical-align: top; - overflow: hidden; - width: 0.81406rem; - height: 0.81406rem; - vertical-align: middle; - top: -1px; -} - -.topcoat-icon--large { - width: 1.06344rem; - height: 1.06344rem; - top: -2px; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.input { - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - vertical-align: top; - outline: none; -} - -.input:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.list { - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - overflow: auto; - -webkit-overflow-scrolling: touch; -} - -.list__header { - margin: 0; -} - -.list__container { - padding: 0; - margin: 0; - list-style-type: none; -} - -.list__item { - margin: 0; - padding: 0; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.navigation-bar { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - white-space: nowrap; - overflow: hidden; - word-spacing: 0; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.navigation-bar__item { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - position: relative; - display: inline-block; - vertical-align: top; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; -} - -.navigation-bar__title { - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -/* -Copyright 2012 Adobe Systems Inc.; -Licensed 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. -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.notification { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - text-decoration: none; -} - -/* -Copyright 2012 Adobe Systems Inc.; -Licensed 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. -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.notification, -.topcoat-notification { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - text-decoration: none; -} - -/* topdoc - name: Notification - description: Notification badge - markup: - 1 - tags: - - desktop - - light - - mobile - - notification -*/ - -.topcoat-notification { - padding: 0.15em 0.5em 0.2em; - border-radius: 2px; - background-color: #ec514e; - color: #fff; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -input[type="radio"] { - position: absolute; - overflow: hidden; - padding: 0; - border: 0; - opacity: 0.001; - z-index: 1; - vertical-align: top; - outline: none; -} - -.radio-button { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - position: relative; - display: inline-block; - vertical-align: top; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.radio-button__label { - position: relative; - display: inline-block; - vertical-align: top; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.radio-button:before, -.radio-button:after { - content: ''; - position: absolute; - border-radius: 100%; -} - -.radio-button:after { - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); -} - -.radio-button:before { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; -} - -.radio-button--disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -input[type="radio"] { - position: absolute; - overflow: hidden; - padding: 0; - border: 0; - opacity: 0.001; - z-index: 1; - vertical-align: top; - outline: none; -} - -.radio-button, -.topcoat-radio-button__checkmark { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - position: relative; - display: inline-block; - vertical-align: top; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.radio-button__label, -.topcoat-radio-button { - position: relative; - display: inline-block; - vertical-align: top; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.radio-button:before, -.radio-button:after, -.topcoat-radio-button__checkmark:before, -.topcoat-radio-button__checkmark:after { - content: ''; - position: absolute; - border-radius: 100%; -} - -.radio-button:after, -.topcoat-radio-button__checkmark:after { - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); -} - -.radio-button:before, -.topcoat-radio-button__checkmark:before { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; -} - -.radio-button--disabled, -input[type="radio"]:disabled + .topcoat-radio-button__checkmark { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* topdoc - name: Radio Button - description: A button that can play music, but usually just plays ads. - modifiers: - markup: - - -
-
- - -
-
- - -
-
- - - examples: - Mobile Radio Button: http://codepen.io/Topcoat/pen/HDcJj - tags: - - desktop - - light - - mobile - - Radio -*/ - -input[type="radio"] { - height: 1.063rem; - width: 1.063rem; - margin-top: 0; - margin-right: -1.063rem; - margin-bottom: -1.063rem; - margin-left: 0; -} - -input[type="radio"]:checked + .topcoat-radio-button__checkmark:after { - opacity: 1; -} - -.topcoat-radio-button { - color: #c6c8c8; - line-height: 1.063rem; -} - -.topcoat-radio-button__checkmark:before { - width: 1.063rem; - height: 1.063rem; - background: #595b5b; - border: 1px solid #303233; - box-shadow: inset 0 1px #727373; -} - -.topcoat-radio-button__checkmark { - position: relative; - width: 1.063rem; - height: 1.063rem; -} - -.topcoat-radio-button__checkmark:after { - opacity: 0; - width: 0.313rem; - height: 0.313rem; - background: #fff; - border: 1px solid rgba(255,255,255,0.1); - box-shadow: 0 1px rgba(255,255,255,0.5); - -webkit-transform: none; - -ms-transform: none; - transform: none; - top: 0.313rem; - left: 0.313rem; -} - -input[type="radio"]:focus + .topcoat-radio-button__checkmark:before { - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; -} - -/* -Copyright 2012 Adobe Systems Inc.; -Licensed 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. -*/ - -/* -Copyright 2012 Adobe Systems Inc.; -Licensed 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. -*/ - -.range { - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - vertical-align: top; - outline: none; - -webkit-appearance: none; -} - -.range__thumb { - cursor: pointer; -} - -.range__thumb--webkit { - cursor: pointer; - -webkit-appearance: none; -} - -.range:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* -Copyright 2012 Adobe Systems Inc.; -Licensed 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. -*/ - -/* -Copyright 2012 Adobe Systems Inc.; -Licensed 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. -*/ - -.range, -.topcoat-range { - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - vertical-align: top; - outline: none; - -webkit-appearance: none; -} - -.range__thumb, -.topcoat-range::-moz-range-thumb { - cursor: pointer; -} - -.range__thumb--webkit, -.topcoat-range::-webkit-slider-thumb { - cursor: pointer; - -webkit-appearance: none; -} - -.range:disabled, -.topcoat-range:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* topdoc - name: Range - description: Range input - modifiers: - :active: Active state - :disabled: Disabled state - :hover: Hover state - :focus: Focused - markup: - - - examples: - mobile range: http://codepen.io/Topcoat/pen/BskEn - tags: - - desktop - - mobile - - range -*/ - -.topcoat-range { - border-radius: 4px; - border: 1px solid #303233; - background-color: #424546; - height: 0.5rem; - border-radius: 15px; -} - -.topcoat-range::-moz-range-track { - border-radius: 4px; - border: 1px solid #303233; - background-color: #424546; - height: 0.5rem; - border-radius: 15px; -} - -.topcoat-range::-webkit-slider-thumb { - height: 1.313rem; - width: 0.75rem; - background-color: #595b5b; - border: 1px solid #303233; - border-radius: 4px; - box-shadow: inset 0 1px #727373; -} - -.topcoat-range::-moz-range-thumb { - height: 1.313rem; - width: 0.75rem; - background-color: #595b5b; - border: 1px solid #303233; - border-radius: 4px; - box-shadow: inset 0 1px #727373; -} - -.topcoat-range:focus::-webkit-slider-thumb { - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; -} - -.topcoat-range:focus::-moz-range-thumb { - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.search-input { - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - vertical-align: top; - outline: none; - -webkit-appearance: none; -} - -input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none; -} - -.search-input:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.search-input, -.topcoat-search-input, -.topcoat-search-input--large { - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - vertical-align: top; - outline: none; - -webkit-appearance: none; -} - -input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none; -} - -.search-input:disabled, -.topcoat-search-input:disabled, -.topcoat-search-input--large:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* topdoc - name: Search Input - description: A text input designed for searching. - modifiers: - :disabled: Disabled state - markup: - - - tags: - - desktop - - light - - mobile - - text - - input - - search - - form -*/ - -.topcoat-search-input, -.topcoat-search-input--large { - line-height: 1.313rem; - font-size: 12px; - border: 1px solid #303233; - background-color: #404141; - box-shadow: inset 0 1px rgba(0,0,0,0.18); - color: #c6c8c8; - padding: 0 0 0 1.3rem; - border-radius: 15px; - background-image: url("../img/search.svg"); - background-position: 1em center; - background-repeat: no-repeat; - background-size: 12px; -} - -.topcoat-search-input:focus, -.topcoat-search-input--large:focus { - background-image: url("../img/search_dark.svg"); - background-color: #646666; - color: #fff; - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; -} - -.topcoat-search-input::-webkit-search-cancel-button, -.topcoat-search-input::-webkit-search-decoration, -.topcoat-search-input--large::-webkit-search-cancel-button, -.topcoat-search-input--large::-webkit-search-decoration { - margin-right: 5px; -} - -.topcoat-search-input:focus::-webkit-input-placeholder, -.topcoat-search-input:focus::-webkit-input-placeholder { - color: #c6c8c8; -} - -.topcoat-search-input:disabled::-webkit-input-placeholder { - color: #fff; -} - -.topcoat-search-input:disabled::-moz-placeholder { - color: #fff; -} - -.topcoat-search-input:disabled:-ms-input-placeholder { - color: #fff; -} - -/* topdoc - name: Large Search Input - description: A large text input designed for searching. - modifiers: - :disabled: Disabled state - markup: - - - tags: - - desktop - - light - - mobile - - text - - input - - search - - form - - large -*/ - -.topcoat-search-input--large { - line-height: 1.688rem; - font-size: 0.875rem; - font-weight: 400; - padding: 0 0 0 1.8rem; - border-radius: 25px; - background-position: 1.2em center; - background-size: 0.875rem; -} - -.topcoat-search-input--large:disabled { - color: #fff; -} - -.topcoat-search-input--large:disabled::-webkit-input-placeholder { - color: #fff; -} - -.topcoat-search-input--large:disabled::-moz-placeholder { - color: #fff; -} - -.topcoat-search-input--large:disabled:-ms-input-placeholder { - color: #fff; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.switch { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; -} - -.switch__input { - position: absolute; - overflow: hidden; - padding: 0; - border: 0; - opacity: 0.001; - z-index: 1; - vertical-align: top; - outline: none; -} - -.switch__toggle { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.switch__toggle:before, -.switch__toggle:after { - content: ''; - position: absolute; - z-index: -1; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; -} - -.switch--disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.switch, -.topcoat-switch { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; -} - -.switch__input, -.topcoat-switch__input { - position: absolute; - overflow: hidden; - padding: 0; - border: 0; - opacity: 0.001; - z-index: 1; - vertical-align: top; - outline: none; -} - -.switch__toggle, -.topcoat-switch__toggle { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.switch__toggle:before, -.switch__toggle:after, -.topcoat-switch__toggle:before, -.topcoat-switch__toggle:after { - content: ''; - position: absolute; - z-index: -1; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; -} - -.switch--disabled, -.topcoat-switch__input:disabled + .topcoat-switch__toggle { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* topdoc - name: Switch - description: Default skin for Topcoat switch - modifiers: - :focus: Focus state - :disabled: Disabled state - markup: - -
-
- -
-
- - examples: - mobile switch: http://codepen.io/Topcoat/pen/upxds - tags: - - desktop - - light - - mobile - - switch -*/ - -.topcoat-switch { - font-size: 12px; - padding: 0 0.563rem; - border-radius: 4px; - border: 1px solid #303233; - overflow: hidden; - width: 3.5rem; -} - -.topcoat-switch__toggle:before, -.topcoat-switch__toggle:after { - top: -1px; - width: 2.6rem; -} - -.topcoat-switch__toggle:before { - content: 'ON'; - color: #5dc1ff; - background-color: #404141; - right: 0.8rem; - padding-left: 0.75rem; -} - -.topcoat-switch__toggle { - line-height: 1.313rem; - height: 1.313rem; - width: 1rem; - border-radius: 4px; - color: #c6c8c8; - text-shadow: 0 -1px rgba(0,0,0,0.69); - background-color: #595b5b; - border: 1px solid #303233; - margin-left: -0.6rem; - margin-bottom: -1px; - margin-top: -1px; - box-shadow: inset 0 1px #727373; - -webkit-transition: margin-left 0.05s ease-in-out; - transition: margin-left 0.05s ease-in-out; -} - -.topcoat-switch__toggle:after { - content: 'OFF'; - background-color: #404141; - left: 0.8rem; - padding-left: 0.6rem; -} - -.topcoat-switch__input:checked + .topcoat-switch__toggle { - margin-left: 1.85rem; -} - -.topcoat-switch__input:focus + .topcoat-switch__toggle { - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; -} - -.topcoat-switch__input:disabled + .topcoat-switch__toggle:after, -.topcoat-switch__input:disabled + .topcoat-switch__toggle:before { - background: transparent; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.button, -.topcoat-tab-bar__button { - position: relative; - display: inline-block; - vertical-align: top; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - text-decoration: none; -} - -.button--quiet { - background: transparent; - border: 1px solid transparent; - box-shadow: none; -} - -.button--disabled, -.topcoat-tab-bar__button:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -.button-bar, -.topcoat-tab-bar { - display: table; - table-layout: fixed; - white-space: nowrap; - margin: 0; - padding: 0; -} - -.button-bar__item, -.topcoat-tab-bar__item { - display: table-cell; - width: auto; - border-radius: 0; -} - -.button-bar__item > input, -.topcoat-tab-bar__item > input { - position: absolute; - overflow: hidden; - padding: 0; - border: 0; - opacity: 0.001; - z-index: 1; - vertical-align: top; - outline: none; -} - -.button-bar__button { - border-radius: inherit; -} - -.button-bar__item:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* topdoc - name: Tab Bar - description: Component of tab buttons - modifiers: - :disabled: Disabled state - markup: -
- - - -
- examples: - mobile tab bar: http://codepen.io/Topcoat/pen/rJICF - tags: - - desktop - - light - - dark - - mobile - - tab - - group - - bar -*/ - -.topcoat-tab-bar__button { - padding: 0 0.563rem; - height: 1.313rem; - line-height: 1.313rem; - letter-spacing: 0; - color: #c6c8c8; - text-shadow: 0 -1px rgba(0,0,0,0.69); - vertical-align: top; - background-color: #595b5b; - box-shadow: inset 0 1px #727373; - border-top: 1px solid #303233; -} - -.topcoat-tab-bar__button:active, -.topcoat-tab-bar__button--large:active, -:checked + .topcoat-tab-bar__button { - color: #5dc1ff; - background-color: #404141; - box-shadow: inset 0 0 2px #313231; -} - -.topcoat-tab-bar__button:focus, -.topcoat-tab-bar__button--large:focus { - z-index: 1; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.input, -.topcoat-text-input, -.topcoat-text-input--large { - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - vertical-align: top; - outline: none; -} - -.input:disabled, -.topcoat-text-input:disabled, -.topcoat-text-input--large:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* topdoc - name: Text input - description: Topdoc text input - modifiers: - :disabled: Disabled state - :focus: Focused - :invalid: Hover state - markup: - -
-
- -
-
- - tags: - - desktop - - mobile - - text - - input -*/ - -.topcoat-text-input, -.topcoat-text-input--large { - line-height: 1.313rem; - font-size: 12px; - letter-spacing: 0; - padding: 0 0.563rem; - border: 1px solid #303233; - border-radius: 4px; - background-color: #404141; - box-shadow: inset 0 1px rgba(0,0,0,0.18); - color: #c6c8c8; - vertical-align: top; -} - -.topcoat-text-input:focus, -.topcoat-text-input--large:focus { - background-color: #646666; - color: #fff; - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; -} - -.topcoat-text-input:disabled::-webkit-input-placeholder { - color: #fff; -} - -.topcoat-text-input:disabled::-moz-placeholder { - color: #fff; -} - -.topcoat-text-input:disabled:-ms-input-placeholder { - color: #fff; -} - -.topcoat-text-input:invalid { - border: 1px solid #d83b75; -} - -/* topdoc - name: Large Text Input - description: A bigger input, still for text. - modifiers: - :disabled: Disabled state - :focus: Focused - :invalid: Hover state - markup: - -
-
- -
-
- - tags: - - desktop - - light - - mobile - - form - - input - - large -*/ - -.topcoat-text-input--large { - line-height: 1.688rem; - font-size: 0.875rem; -} - -.topcoat-text-input--large:disabled { - color: #fff; -} - -.topcoat-text-input--large:disabled::-webkit-input-placeholder { - color: #fff; -} - -.topcoat-text-input--large:disabled::-moz-placeholder { - color: #fff; -} - -.topcoat-text-input--large:disabled:-ms-input-placeholder { - color: #fff; -} - -.topcoat-text-input--large:invalid { - border: 1px solid #d83b75; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.textarea { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - vertical-align: top; - resize: none; - outline: none; -} - -.textarea:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -/** -* -* Copyright 2012 Adobe Systems Inc.; -* -* Licensed 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. -* -*/ - -.textarea, -.topcoat-textarea, -.topcoat-textarea--large { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - vertical-align: top; - resize: none; - outline: none; -} - -.textarea:disabled, -.topcoat-textarea:disabled, -.topcoat-textarea--large:disabled { - opacity: 0.3; - cursor: default; - pointer-events: none; -} - -/* topdoc - name: Textarea - description: A whole area, just for text. - modifiers: - :disabled: Disabled state - markup: - -
-
- - tags: - - desktop - - light - - mobile - - form - - input - - textarea -*/ - -.topcoat-textarea, -.topcoat-textarea--large { - padding: 1rem; - font-size: 1rem; - font-weight: 400; - border-radius: 4px; - line-height: 1.313rem; - border: 1px solid #303233; - background-color: #404141; - box-shadow: inset 0 1px rgba(0,0,0,0.18); - color: #c6c8c8; - letter-spacing: 0; -} - -.topcoat-textarea:focus, -.topcoat-textarea--large:focus { - background-color: #646666; - color: #fff; - border: 1px solid #0940fd; - box-shadow: 0 0 0 2px #6fb5f1; -} - -.topcoat-textarea:disabled::-webkit-input-placeholder { - color: #fff; -} - -.topcoat-textarea:disabled::-moz-placeholder { - color: #fff; -} - -.topcoat-textarea:disabled:-ms-input-placeholder { - color: #fff; -} - -/* topdoc - name: Large Textarea - description: A whole area, just for text; now available in large. - modifiers: - :disabled: Disabled state - markup: - -
-
- - tags: - - desktop - - light - - mobile - - form - - input - - textarea -*/ - -.topcoat-textarea--large { - font-size: 1.3rem; - line-height: 1.688rem; -} - -.topcoat-textarea--large:disabled { - color: #fff; -} - -.topcoat-textarea--large:disabled::-webkit-input-placeholder { - color: #fff; -} - -.topcoat-textarea--large:disabled::-moz-placeholder { - color: #fff; -} - -.topcoat-textarea--large:disabled:-ms-input-placeholder { - color: #fff; -} - -@font-face { - font-family: "Source Sans"; - src: url("../font/SourceSansPro-Regular.otf"); -} - -@font-face { - font-family: "Source Sans"; - src: url("../font/SourceSansPro-Light.otf"); - font-weight: 200; -} - -@font-face { - font-family: "Source Sans"; - src: url("../font/SourceSansPro-Semibold.otf"); - font-weight: 600; -} - -body { - margin: 0; - padding: 0; - background: #4b4d4e; - color: #000; - font: 16px "Source Sans", helvetica, arial, sans-serif; - font-weight: 200; -} - -:focus { - outline-color: transparent; - outline-style: none; -} - -.topcoat-icon--menu-stack { - background: url("../img/hamburger_light.svg") no-repeat; - background-size: cover; -} - -.quarter { - width: 25%; -} - -.half { - width: 50%; -} - -.three-quarters { - width: 75%; -} - -.third { - width: 33.333%; -} - -.two-thirds { - width: 66.666%; -} - -.full { - width: 100%; -} - -.left { - text-align: left; -} - -.center { - text-align: center; -} - -.right { - text-align: right; -} - -.reset-ui { - -moz-box-sizing: border-box; - box-sizing: border-box; - background-clip: padding-box; - position: relative; - display: inline-block; - vertical-align: top; - padding: 0; - margin: 0; - font: inherit; - color: inherit; - background: transparent; - border: none; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -/* This file should include color and image variables corresponding to the dark theme */ - -/* Call To Action */ - -/* Icons */ - -/* Navigation Bar */ - -/* Text Input */ - -/* Search Input */ - -/* List */ - -/* Checkbox */ - -/* Overlay */ - -/* Progress bar */ - -/* Checkbox */ - -/* Radio Button */ - -/* Tab bar */ - -/* Switch */ - -/* Icon Button */ - -/* Navigation bar */ - -/* List */ - -/* Search Input */ - -/* Textarea */ - -/* Checkbox */ - -/* Radio */ - -/* Range input */ - -/* Search Input */ - -/* Switch */ - -/* This file should include color and image variables corresponding to the light theme */ - -/* Call To Action */ - -/* Icons */ - -/* Navigation Bar */ - -/* Text Input */ - -/* List */ - -/* Overlay */ - -/* Progress bar */ - -/* Checkbox */ - -/* Range input */ - -/* Radio Button */ - -/* Tab bar */ - -/* Switch */ - -/* Containers */ - -/* Icon Button */ - -/* Navigation bar */ - -/* List */ - -/* Search Input */ - -/* Text Area */ - -/* Checkbox */ - -/* Radio */ - -/* Range input */ - -/* Search Input */ - -/* Switch */ - -/* Text Input */ - -/* Radio input */ - -/* Overlay */ - -/* Textarea */ - -/* Progress bar container */ - -/* Progress bar progress */ - -/* Search input */ - -/* Switch */ - -/* Notification */ \ No newline at end of file