boting ren / connector-api-python-quickstart_4BME280

This example presents field data from sensor BME280 connecting to cloud, mbed Device Connector.

Please read details at the link. https://github.com/soramame21/connector-api-python-quickstart_4BME280

static/css/styles.css@1:b194c28a1670, 2017-08-23 (annotated)

Committer:
Ren Boting
Date:
Wed Aug 23 14:08:23 2017 +0900
Revision:
1:b194c28a1670
Parent:
0:a9bcda5b678a 
Refined the application and update logo.

Who changed what in which revision?

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