mbed connector webapp quickstart
static/css/styles.css@0:3ffbcdb3b8cd, 2017-03-13 (annotated)
- Committer:
- group-NCTU-Programming-Maratho
- Date:
- Mon Mar 13 02:43:00 2017 +0000
- Revision:
- 0:3ffbcdb3b8cd
Initial commit
Who changed what in which revision?
User | Revision | Line number | New contents of line |
---|---|---|---|
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 1 | /* |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 2 | * Copyright (c) 2013-2015, ARM Limited, All Rights Reserved |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 3 | * SPDX-License-Identifier: Apache-2.0 |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 4 | * |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 5 | * Licensed under the Apache License, Version 2.0 (the "License"); you may |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 6 | * not use this file except in compliance with the License. |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 7 | * You may obtain a copy of the License at |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 8 | * |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 9 | * http://www.apache.org/licenses/LICENSE-2.0 |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 10 | * |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 11 | * Unless required by applicable law or agreed to in writing, software |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 12 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 13 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 14 | * See the License for the specific language governing permissions and |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 15 | * limitations under the License. |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 16 | */ |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 17 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 18 | body { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 19 | font-family: 'Open Sans', sans-serif; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 20 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 21 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 22 | .switch { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 23 | margin-bottom: 0; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 24 | display: inline-block; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 25 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 26 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 27 | .margin { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 28 | margin: 1rem auto; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 29 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 30 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 31 | .blueband { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 32 | background-color: #159ab5; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 33 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 34 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 35 | .blueband h1 { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 36 | color: #fff; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 37 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 38 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 39 | .update-blink-pattern { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 40 | transition: background 0.5s; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 41 | -webkit-transition: background 0.5s; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 42 | -moz-transition: background 0.5s; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 43 | -o-transition: background 0.5s; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 44 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 45 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 46 | .outlet h3 { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 47 | color: #fff; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 48 | margin: 0; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 49 | line-height: 78px; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 50 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 51 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 52 | .spinner { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 53 | line-height: 78px; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 54 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 55 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 56 | .switch .outlet-switch { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 57 | background-image: url('/img/lightbulb_off.png'); |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 58 | background-size: 77px 78px; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 59 | margin-bottom: 0; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 60 | display: block; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 61 | width: 77px; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 62 | height: 78px; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 63 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 64 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 65 | .switch .outlet-switch.checked { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 66 | background-image: url('/img/lightbulb_on.png'); |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 67 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 68 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 69 | .row .row.outlet { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 70 | padding: 0.5rem 0; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 71 | background-color: #0084ab; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 72 | border-radius: 10px; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 73 | margin-top: 1rem; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 74 | } |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 75 | |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 76 | .active { |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 77 | background-color: #fba92f; |
group-NCTU-Programming-Maratho | 0:3ffbcdb3b8cd | 78 | } |