NCTU Programming Marathon / Program5_mbedConnectorQuickstart

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?

UserRevisionLine numberNew 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 }