1028 lines
38 KiB
CSS
1028 lines
38 KiB
CSS
/**
|
|
* App.js v3.0.8
|
|
* Instant mobile web app creation
|
|
* Copyright (c) 2012 Kik Interactive, http://kik.com
|
|
* Released under the MIT license
|
|
*
|
|
* iScroll v4.1.6
|
|
* Copyright (c) 2011 Matteo Spinelli, http://cubiq.org
|
|
* Released under the MIT license
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person
|
|
* obtaining a copy of this software and associated documentation
|
|
* files (the "Software"), to deal in the Software without
|
|
* restriction, including without limitation the rights to use,
|
|
* copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
* copies of the Software, and to permit persons to whom the
|
|
* Software is furnished to do so, subject to the following
|
|
* conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be
|
|
* included in all copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
|
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
|
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
|
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
|
* OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
/* Resets */
|
|
|
|
html, body, div, form, p, ul, li, span, label, img {
|
|
margin: 0;
|
|
padding: 0;
|
|
outline: none;
|
|
}
|
|
html {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
font-family: -apple-system-font, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-webkit-text-size-adjust: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
overflow: hidden;
|
|
margin-top:1%;
|
|
margin-bottom:auto;
|
|
height:96%;
|
|
}
|
|
|
|
|
|
.app-android {
|
|
font-family: "Roboto", sans-serif;
|
|
}
|
|
.app-no-scrollbar ::-webkit-scrollbar {
|
|
height: 0 !important;
|
|
width: 0 !important;
|
|
}
|
|
* {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
|
|
tap-highlight-color: rgba(0,0,0,0) !important;
|
|
}
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
.app-android .app-ios-only,
|
|
.app-ios .app-android-only {
|
|
display: none;
|
|
}
|
|
|
|
.app-button {
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
|
|
/* Page */
|
|
|
|
.app-clickblocker {
|
|
z-index: 9000;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: #FFF;
|
|
opacity: 0;
|
|
}
|
|
|
|
.app-page {
|
|
display: none;
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
z-index:1;
|
|
}
|
|
.app-loaded .app-page {
|
|
display: block;
|
|
}
|
|
.app-ios-7 .app-page,
|
|
.app-ios-8 .app-page {
|
|
box-shadow: 0 0 12px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
|
|
/* Topbar */
|
|
|
|
.app-topbar {
|
|
z-index: 3000;
|
|
position: relative;
|
|
height: 44px;
|
|
width: 100%;
|
|
background-color: #000;
|
|
color: #FFF;
|
|
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.15);
|
|
box-shadow: inset 0 0 1px rgba(0,0,0,0.15);
|
|
}
|
|
.app-android .app-topbar {
|
|
height: 56px;
|
|
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
|
|
box-shadow: 0 1px 5px rgba(0,0,0,0.3);
|
|
}
|
|
.app-topbar .app-button {
|
|
position: absolute;
|
|
bottom: 0;
|
|
padding: 0 16px;
|
|
height: 100%;
|
|
line-height: 44px;
|
|
font-weight:bold !important;
|
|
}
|
|
.app-android .app-topbar .app-button {
|
|
line-height: 56px;
|
|
}
|
|
.app-topbar .app-button.left {
|
|
left: 0;
|
|
}
|
|
.app-topbar .app-button.right {
|
|
right: 0;
|
|
}
|
|
.app-topbar .app-title {
|
|
margin: 0 auto;
|
|
height: 100%;
|
|
width: 100%;
|
|
line-height: 44px;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-weight:bold !important;
|
|
}
|
|
.app-android .app-topbar .app-title {
|
|
line-height: 56px;
|
|
}
|
|
.app-ios-statusbar .app-topbar {
|
|
padding-top: 20px;
|
|
}
|
|
.app-android-statusbar .app-topbar {
|
|
padding-top: 24px;
|
|
}
|
|
.app-android-statusbar .app-topbar:before {
|
|
position: absolute;
|
|
top: 0;
|
|
height: 24px;
|
|
width: 100%;
|
|
background-color: rgba(0,0,0,0.3);
|
|
content: "";
|
|
}
|
|
.app-ios-statusbar .app-topbar .app-button {
|
|
height: 44px;
|
|
}
|
|
.app-android-statusbar .app-topbar .app-button {
|
|
height: 56px;
|
|
}
|
|
|
|
|
|
|
|
/* Content */
|
|
|
|
.app-content {
|
|
z-index: 2000;
|
|
position: relative;
|
|
background-color: #FFF;
|
|
overflow: auto;
|
|
-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.2);
|
|
box-shadow: 0 0 12px rgba(0,0,0,0.2);
|
|
}
|
|
.app-android-2 .app-content {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.app-scrollhack > * {
|
|
/*
|
|
terrible hack to make elements render
|
|
properly in scrollable regions
|
|
*/
|
|
-webkit-transform: translate3d(0,0,0);
|
|
-moz-transform: translate3d(0,0,0);
|
|
-ms-transform: translate3d(0,0,0);
|
|
-o-transform: translate3d(0,0,0);
|
|
transform: translate3d(0,0,0);
|
|
}
|
|
.app-section {
|
|
position: relative;
|
|
margin: 8px;
|
|
border: 1px solid #AAA;
|
|
}
|
|
|
|
.app-spacer {
|
|
height:1em;
|
|
}
|
|
|
|
.app-spacer.small {
|
|
height:.5em;
|
|
}
|
|
|
|
/* Lists */
|
|
|
|
.app-list {
|
|
list-style: none;
|
|
}
|
|
.app-list > li,
|
|
.app-list > li.app-button {
|
|
padding-left: 20px;
|
|
padding-right: 8px;
|
|
height: 43px;
|
|
border-bottom: 1px solid #AAA;
|
|
line-height: 43px;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.app-android .app-list > li,
|
|
.app-android .app-list > li.app-button {
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
}
|
|
.app-section .app-list > li:last-child,
|
|
.app-section .app-list > li.app-button:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.app-list > label {
|
|
display: block;
|
|
padding-left: 12px;
|
|
height: 24px;
|
|
background-color: #000;
|
|
color: #FFF;
|
|
line-height: 24px;
|
|
}
|
|
.app-list > li + label {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
|
|
|
|
/* Buttons */
|
|
|
|
.app-content .app-button {
|
|
margin: 0 auto;
|
|
height: 40px;
|
|
border-bottom: 1px solid #AAA;
|
|
line-height: 40px;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.app-button:last-child {
|
|
border-bottom: none;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.app-content .app-button.green {
|
|
background-color: #7F7;
|
|
}
|
|
.app-content .app-button.red {
|
|
background-color: #F77;
|
|
}
|
|
.app-content .app-button.blue {
|
|
background-color: #77F;
|
|
}
|
|
|
|
|
|
|
|
/* Inputs */
|
|
|
|
.app-input {
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 12px;
|
|
//padding:0;
|
|
//margin:0;
|
|
width: 100%;
|
|
background-color: transparent;
|
|
border: none;
|
|
border-bottom: 1px solid #AAA;
|
|
outline: none;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: 20px;
|
|
-webkit-appearance: none;
|
|
}
|
|
.app-section .app-input:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.app-input,
|
|
.app-input * {
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
}
|
|
input.app-input {
|
|
height: 40px;
|
|
outline: 2px dotted #DDD;
|
|
}
|
|
|
|
textarea.app-input {
|
|
height: 80px;
|
|
resize: none;
|
|
}
|
|
.app-input input,
|
|
.app-input textarea {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
background-color: none;
|
|
border: none;
|
|
outline: none;
|
|
line-height: inherit;
|
|
resize: none;
|
|
-webkit-appearance: none;
|
|
}
|
|
.app-input input {
|
|
height: 20px;
|
|
}
|
|
.app-input textarea {
|
|
height: 60px;
|
|
}
|
|
|
|
label.app-input {
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
input.app-radio {
|
|
position: relative;
|
|
width: 40px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
label.app-radio {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 4px;
|
|
}
|
|
|
|
.app-message {
|
|
position: relative;
|
|
display: block;
|
|
padding: 5px 5px;
|
|
background-color: transparent;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: 20px;
|
|
-webkit-appearance: none;
|
|
text-align: left;
|
|
white-space: normal;
|
|
width: 100%;
|
|
border: none;
|
|
outline: 2px dotted #DDD;
|
|
color: blue;
|
|
font-family: "Inconsolata","Lucida Console", Monaco, monospace;
|
|
font-size: smaller;
|
|
}
|
|
|
|
|
|
|
|
/* Dialogs */
|
|
|
|
.app-dialog-container {
|
|
position: absolute;
|
|
z-index: 5000;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: rgba(0,0,0,0);
|
|
overflow: hidden;
|
|
-webkit-transition: background-color 0.225s cubic-bezier(0.4,0.6,0.05,1);
|
|
transition: background-color 0.225s cubic-bezier(0.4,0.6,0.05,1);
|
|
}
|
|
.app-android-2 .app-dialog-container,
|
|
.app-android-4 .app-dialog-container {
|
|
position: fixed;
|
|
background-color: rgba(0,0,0,0.8);
|
|
opacity: 0.01;
|
|
-webkit-transition: opacity 0.182s ease-in-out;
|
|
transition: opacity 0.182s ease-in-out;
|
|
}
|
|
.app-android-5 .app-dialog-container {
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
.app-dialog-container.enabled {
|
|
background-color: rgba(0,0,0,0.8);
|
|
}
|
|
.app-android-2 .app-dialog-container.enabled,
|
|
.app-android-4 .app-dialog-container.enabled {
|
|
opacity: 1;
|
|
}
|
|
.app-android-5 .app-dialog-container.enabled {
|
|
background-color: rgba(0,0,0,0.25);
|
|
}
|
|
.app-dialog {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
margin: 0 10%;
|
|
padding: 0;
|
|
width: 80%;
|
|
background-color: #FFF;
|
|
border-top: 1px solid #FFF;
|
|
-webkit-border-radius: 8px;
|
|
border-radius: 8px;
|
|
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
|
|
box-shadow: 0 0 8px rgba(0,0,0,0.5);
|
|
color: #777;
|
|
overflow: hidden;
|
|
-webkit-transform: translate3d(0,380px,0);
|
|
transform: translate3d(0,380px,0);
|
|
-webkit-transition: -webkit-transform 0.225s cubic-bezier(0.4,0.6,0.05,1);
|
|
transition: transform 0.225s cubic-bezier(0.4,0.6,0.05,1);
|
|
}
|
|
@media (min-width: 360px) {
|
|
.app-dialog {
|
|
margin: 0 15%;
|
|
width: 70%;
|
|
}
|
|
}
|
|
.app-android .app-dialog {
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
.app-android-2 .app-dialog {
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.app-android-2 .app-dialog,
|
|
.app-android-4 .app-dialog {
|
|
top: auto;
|
|
bottom: 50%;
|
|
-webkit-transform: translate3d(0,50%,0);
|
|
transform: translate3d(0,50%,0);
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
.app-android-5 .app-dialog {
|
|
-webkit-transition-easing: ease-in-out;
|
|
transition-easing: ease-in-out;
|
|
}
|
|
.app-dialog-container.enabled .app-dialog {
|
|
-webkit-transform: translate3d(0,-50%,0);
|
|
transform: translate3d(0,-50%,0);
|
|
}
|
|
.app-android-2 .app-dialog-container.enabled .app-dialog,
|
|
.app-android-4 .app-dialog-container.enabled .app-dialog {
|
|
-webkit-transform: translate3d(0,50%,0);
|
|
transform: translate3d(0,50%,0);
|
|
}
|
|
.app-dialog-container.closing.closing-success .app-dialog {
|
|
-webkit-transform: translate3d(0,-664px,0);
|
|
transform: translate3d(0,-664px,0);
|
|
}
|
|
.app-android-2 .app-dialog-container.closing.closing-success .app-dialog,
|
|
.app-android-4 .app-dialog-container.closing.closing-success .app-dialog {
|
|
-webkit-transform: translate3d(0,50%,0);
|
|
transform: translate3d(0,50%,0);
|
|
}
|
|
|
|
.app-dialog .title {
|
|
position: relative;
|
|
margin-bottom: 8px;
|
|
padding: 16px 20px 0;
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
text-align: center;
|
|
}
|
|
.app-dialog .text {
|
|
margin: 20px 0;
|
|
padding: 0 20px 8px;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
}
|
|
.app-dialog .button {
|
|
float: right;
|
|
height: 44px;
|
|
width: 50%;
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
line-height: 44px;
|
|
text-align: center;
|
|
-webkit-transition: opacity 0.15s ease-out;
|
|
transition: opacity 0.15s ease-out;
|
|
cursor:pointer;
|
|
}
|
|
.app-dialog .button.cancel {
|
|
background-color: rgb(227,228,231);
|
|
color: #000;
|
|
}
|
|
.app-dialog .button.ok {
|
|
background-color: #2B9;
|
|
color: #FFF;
|
|
}
|
|
.app-dialog .button.first:before {
|
|
clear: left;
|
|
}
|
|
.app-dialog .button.last:after {
|
|
clear: right;
|
|
}
|
|
.app-dialog .button.first.last {
|
|
width: 100%;
|
|
}
|
|
.app-ios .app-dialog .button.first {
|
|
-webkit-border-radius: 0 0 0 8px;
|
|
border-radius: 0 0 0 8px;
|
|
}
|
|
.app-ios .app-dialog .button.last {
|
|
-webkit-border-radius: 0 0 8px 0;
|
|
border-radius: 0 0 8px 0;
|
|
}
|
|
.app-ios .app-dialog .button.first.last {
|
|
width: 100%;
|
|
-webkit-border-radius: 0 0 8px 8px;
|
|
border-radius: 0 0 8px 8px;
|
|
}
|
|
.app-dialog .button.active {
|
|
opacity: 0.7;
|
|
}
|
|
.app-dialog .button.active,
|
|
.app-android-2 .app-dialog .button,
|
|
.app-android-2 .app-dialog .button {
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
/* Page */
|
|
|
|
.app-page {}
|
|
|
|
|
|
|
|
/* Topbar */
|
|
|
|
.app-topbar.teal {
|
|
background-color: #2B9;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-topbar.green {
|
|
background-color: #3C7;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-topbar.yellow {
|
|
background-color: #EC1;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-topbar.orange {
|
|
background-color: #E82;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-topbar.red {
|
|
background-color: #DD4539;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-topbar.blue {
|
|
background-color: #4486F0;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-topbar.dark-blue {
|
|
background-color: #345;
|
|
color: #F3F4F5;
|
|
}
|
|
|
|
.app-topbar .app-title {
|
|
font-size: 17px;
|
|
font-weight: 500;
|
|
}
|
|
.app-android .app-topbar .app-title {
|
|
float: left;
|
|
padding-left: 15px;
|
|
padding-right: 8px;
|
|
width: auto;
|
|
font-size: 19px;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
}
|
|
.app-android .app-topbar .app-button.left ~ .app-title {
|
|
padding-left: 60px;
|
|
}
|
|
.app-topbar .app-button {
|
|
font-weight: 300;
|
|
-webkit-transition: opacity 0.15s ease-out;
|
|
transition: opacity 0.15s ease-out;
|
|
cursor:pointer;
|
|
}
|
|
.app-android .app-topbar .app-button {
|
|
padding: 0 13px;
|
|
font-weight: 400;
|
|
-webkit-transition: background-color 0.15s ease-out;
|
|
transition: background-color 0.15s ease-out;
|
|
}
|
|
.app-topbar .app-button.active {
|
|
opacity: 0.65;
|
|
}
|
|
.app-android .app-topbar .app-button.active {
|
|
opacity: 1;
|
|
background-color: rgba(0,0,0,0.2);
|
|
}
|
|
.app-topbar .app-button.active,
|
|
.app-android .app-topbar .app-button.active,
|
|
.app-android-2 .app-topbar .app-button,
|
|
.app-android-4 .app-topbar .app-button {
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
.app-topbar .app-button[data-back].left {
|
|
padding: 15px 0 15px 27px;
|
|
height: 14px;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAoCAYAAADkDTpVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQxQ0FCN0VGMjJGMTFFMjg0REFDNDBBRUVBRjJBNDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQxQ0FCN0RGMjJGMTFFMjg0REFDNDBBRUVBRjJBNDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0iNTNBQzg4QkE2OTc3M0MxNDg4ODc1M0VDNzc3ODcwMDUiIHN0UmVmOmRvY3VtZW50SUQ9IjUzQUM4OEJBNjk3NzNDMTQ4ODg3NTNFQzc3Nzg3MDA1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dT5F6gAAAcNJREFUeNqslz8sA1Ecx+9UKi1ispkwMAgbs5XYTCJhlLB3uxrETsLGUgMbutaqJg0Jg5pqqqVCm1TaPt+X3ONp7n53fb/3kk/Su8v7fq/v3u/Pc4UQjsWRAQNg9/eONLDEtvgbnrpvS3wDdMT/4dkyWAUtETy8PuaaL4EcSIQ8T3HefBHURfg4Bq6p+Dz4JMTPQML0G8yCGiF+BZKmu2gKVAnxG5DW5/QiPg4qhPgdGOmeF1d8DJQJ8UcwGjQ3jric+ESIl/0XcEwM5F++J8TfwCSlQYkPgltC/B3MRK1A2IMUKBDiH34sOCYGcg9fE+INP4odEwMZfeeE+DdY6SV29AsXnBDibbDWa+TrFweCHlsmeUv92IsQz5hm3bj1wLxwx1yiDneJ1Ec+JUxa3I+stukFYdLkbFM90PKESZ0TaIp0RKqocVKFYggUCZMqJ9np6bpEmFQ46VovOM+EyQun4Ogl85UweeCUTMVERNEvcoq+YjqibSlw2hbFXETjdclpvBQL4IswyXFaR735bRAmR5zmV7Hs56ewsc89H+TBOmiHPG/aOkJtBhyhsjbPaJKdbnFJv8Uj7CEYBkmQVTd/BBgAAQDbZCXVLesAAAAASUVORK5CYII=);
|
|
background-repeat: no-repeat;
|
|
-webkit-background-size: 12px 20px;
|
|
background-size: 12px 20px;
|
|
background-position: 8px center;
|
|
line-height: 14px;
|
|
}
|
|
.app-android .app-topbar .app-button[data-back].left {
|
|
padding: 0 16px;
|
|
height: 56px;
|
|
width: 24px;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAABCRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjU8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjcyPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj43MjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxkYzpzdWJqZWN0PgogICAgICAgICAgICA8cmRmOkJhZy8+CiAgICAgICAgIDwvZGM6c3ViamVjdD4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTU6MDI6MTMgMjI6MDI6MzU8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPlBpeGVsbWF0b3IgMy4zLjE8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+ChTTdgYAAAF3SURBVHgB7dtBCsIwFIRh69o7eAhdiQdw53U9gFsP4dqt4LK+QANF6Dgp1FbyCyXCG2nz8aKQ1tWKFwIIIIAAAggggAACCCCAQNUCbdte0lE1wtDkO5xnjOkAqQ/1gQOSgbMYpHX/Yn/9vltKR3HeXWS2oj55aTYgA+cVsz83TXOfXGFpJxj4zsnLKo2POA5Lu+6fXA84ghkccISAKNE54AgBUaJzwBECokTngCMERInOAUcIiBKdA44QEKUaOqcR85elhBMBtdklPz9XMfaXNiXnHrVh9q84JTA5WwxUE05CKgbKsrWMxUCxhk+BcwVICNSGJCh0qYafeS1gVEECyRAwInQSSIaAEaGTQDIEjAidBJIhYEToJJAMASNCJ4FkCBgROgkkQ8CI/Esnjb6rYRh8jSSkCKk7I+lJ1/2cT7oWb7l+nXVBwNiZvM2JUzCVaaMDy43/a/TZP5DA6ePk9x0SOBmEEQEEEEAAAQQQQAABBBCoVOANecdGRmb5/CMAAAAASUVORK5CYII=);
|
|
-webkit-background-size: 24px 24px;
|
|
background-size: 24px 24px;
|
|
background-position: center;
|
|
color: transparent;
|
|
}
|
|
|
|
.app-topbar .app-button[data-next].right {
|
|
margin-right:10px;
|
|
padding: 15px 20px 15px 27px;
|
|
height: 14px;
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAoCAYAAADkDTpVAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+IGCA42JRUqpV4AAAGvSURBVEjHtZc9LANxGMafqkh8JJ1snTAwCBuzldhMImGUsNvaRZhJ2FhqYENXVkyEhEFNTLUQNGmDn+XfaMS9jXvPk1wuueH53b3/e79SgBqUk1SVtKqkBNSvHN9aaHjuun4zB/gEZpMC/DSv6x2Y8gJaJLVHRC8tqSBp3HsGKWCTaL0BY94zSAM7BuQFGPEABLQBBwbkCRjyAAR0AMcGpAz0ewACMsCZAbkHejwAAd3AlQEpAVkPQMGgZECuw4vEBgjoAx4MyHkIaWyAgEHg0YCcAJ0egEIOPBuQI6DdA1DI5ooBOQy5FBsgYBKoGZDdUBViAwRMAx8GZCvUt9gAAfPYWvMCBCw1gSzX+0HsSv/XnvzXEH3+V4imQzuN0rbnkCeBqmG+5/lNx0L7jFLRk2gjoaNZpaLDU+zKhvkp0OUp1/eG+YWnXGeBW8P8xtNwuoFLw/zO0zIzIa5W0+/1jC1HTcaWAc/gtd9k8Br2jI4Fw/wVGI07OqaADcO84h1+VwzzKjDh3Q+qEZX8Q9KMpGISO1r+lxVqLskd7SdkMaklsLXhY/LhXpO0ntQW+wUU9d1LXHBCxwAAAABJRU5ErkJggg==');
|
|
background-repeat: no-repeat;
|
|
-webkit-background-size: 12px 20px;
|
|
background-size: 12px 20px;
|
|
background-position: right center;
|
|
line-height: 14px;
|
|
}
|
|
.app-android .app-topbar .app-button[data-next].right {
|
|
height: 26px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.app-android .app-topbar > :last-child:after {
|
|
content: "";
|
|
clear: both;
|
|
}
|
|
|
|
.app-topbar .app-button[poweroff].left {
|
|
padding: 15px 10px 15px 27px;
|
|
height: 14px;
|
|
background-image: url(data:image/png;base64,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);
|
|
background-repeat: no-repeat;
|
|
-webkit-background-size: 20px 20px;
|
|
background-size: 20px 20px;
|
|
background-position: 8px center;
|
|
line-height: 14px;
|
|
}
|
|
.app-android .app-topbar .app-button[poweroff].left {
|
|
height: 26px;
|
|
}
|
|
|
|
.app-topbar .app-button[reload].right {
|
|
padding: 15px 50px 15px 27px;
|
|
height: 14px;
|
|
background-image: url(data:image/png;base64,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);
|
|
background-repeat: no-repeat;
|
|
-webkit-background-size: 20px 20px;
|
|
background-size: 20px 20px;
|
|
background-position: 8px center;
|
|
line-height: 14px;
|
|
}
|
|
.app-android .app-topbar .app-button[reload].right {
|
|
height: 26px;
|
|
}
|
|
|
|
.app-topbar .app-button[switch].right {
|
|
padding: 15px 50px 15px 27px;
|
|
height: 14px;
|
|
background-image: url('data:image/png;base64,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');
|
|
background-repeat: no-repeat;
|
|
-webkit-background-size: 20px 20px;
|
|
background-size: 20px 20px;
|
|
background-position: 8px center;
|
|
line-height: 14px;
|
|
}
|
|
.app-android .app-topbar .app-button[switch].right {
|
|
height: 26px;
|
|
}
|
|
|
|
.app-topbar .app-button[run].right {
|
|
padding: 15px 50px 15px 27px;
|
|
height: 14px;
|
|
background-image: url('data:image/png;base64,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');
|
|
background-repeat: no-repeat;
|
|
-webkit-background-size: 20px 20px;
|
|
background-size: 20px 20px;
|
|
background-position: 8px center;
|
|
line-height: 14px;
|
|
}
|
|
.app-android .app-topbar .app-button[run].right {
|
|
height: 25px;
|
|
}
|
|
|
|
.app-topbar .app-button[close].right {
|
|
padding: 15px 50px 15px 27px;
|
|
height: 14px;
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+MBCA4jCvAycaYAAALFSURBVHja7duxbtNAGMDxv0+IMWupkHxTswVEUR8gYegjsEAH1D4DfQJeIkMkpCIBT4CE0gdgQ4IhnhwptKzeyhAz9IIihSi5u++z3TrfaKmy/7+q9vnSJLjJ8/wp8BYYAHvcz7kGxkmSvEvT9AdA4uJfAu+Bh7RjboATa+2nZDqdPinL8luL4hfzB3huyrI8b2E8rvncAH3aOy8M8KjFAHuGdk/SdgB2ADsAmfkAZBVed+bO2QiAUVEUr93jNKsovu/OOaobYFQUxWmv15tba2cVIGRA31o76/V686IoTmMRjET84oAywr/4xQEJBCMVr4ywEi+FYCTjlRDWxksgGOl4YYSN8bEIPgAX28YLIWwd/x+ECw2Ao06ns+9bsYQw8fixiW/8Ytw1HmkAdIFxnuePAxEGWyJMgEFIvLu2sbtWlXuANkKl8aFPAS2EyuNj1gHSCLXEx64EpRBqiwdI8jwvIxcqsQHUFS8FEIUQMlLxkvsBwX8OdcZL7wipI0jHSwOoImjEawCoIGjFawGIImjGawKIIGjHawPcidEEiF4beL5FNgpAbGGkjWCaHF8Fgml6vDaCuQvxmghSAFlVL0NLCFlTALx3b5ef8xH7CSKfO5g6490iZ1wngqk5vkv8zlIUgqk5PnrZHItgGhBfK4JpSHxtCD4AM+V4SYSZBsA+cBwYf+n5StsFLgNfpY/dtYoDGGCY5/mbgPiDgJADXwR3bUOfLhNwz9gKITLeGyEkPvQpsBFBKH5rhND4mHXAWgTh+I0IMfGxK8EVBKX4tQix8SDz0dgcOAO+KMavrEXc3X4Y+UsU+2xwDvz2efxEzhW3X+yKfpt9ILivUFU8kufabYvvAHYAlC3uL427e7d1ro17drd1vrb9q7PPTJqm34ETd6AtcwO8stb+NG4n5WOSJIfc/pf11T0O/+UaD621nwH+As4z7oUJ/DG9AAAAAElFTkSuQmCC');
|
|
background-repeat: no-repeat;
|
|
-webkit-background-size: 20px 20px;
|
|
background-size: 20px 20px;
|
|
background-position: 8px center;
|
|
line-height: 14px;
|
|
}
|
|
.app-android .app-topbar .app-button[close].right {
|
|
height: 26px;
|
|
}
|
|
|
|
.app-topbar .app-button[setup].right {
|
|
padding: 15px 10px 15px 27px;
|
|
height: 14px;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAA3XQAAN10BGYBGXQAAAAd0SU1FB+ALCAwsDSZuRqsAAAClSURBVHja7dnBDcJADERRO6ImTnSVOiiMdJFVoA1zQKKJedPBvoOl1e/zfD+651lV98raMdN7r3W9Ah//R+i1rqngbRU+AAAAAAAAAAAAAMkAR/D7j22m91CE33d4ZtwAAAAAAAAAIHO3tT66QOkCbgAAAAAAAAAAAAAAAIEAukDpAm4AAAAAAAAAEDhdQBfQBRxBAAAAAAAAAAAAAKkAukAFd4Evm7ZOkUIl2u4AAAAASUVORK5CYII=);
|
|
background-repeat: no-repeat;
|
|
-webkit-background-size: 20px 20px;
|
|
background-size: 20px 20px;
|
|
background-position: 8px center;
|
|
line-height: 14px;
|
|
}
|
|
.app-android .app-topbar .app-button[setup].right {
|
|
height: 26px;
|
|
}
|
|
|
|
/* Content */
|
|
|
|
.app-page,
|
|
.app-content {
|
|
background-color: rgb(239,239,244);
|
|
}
|
|
|
|
.app-section,
|
|
.app-list > li,
|
|
.app-list > li.app-button,
|
|
.app-content .app-button,
|
|
.app-input {
|
|
border: none;
|
|
}
|
|
|
|
.app-section {
|
|
margin: 16px;
|
|
padding: 8px;
|
|
background: #FFF;
|
|
border-bottom: 1px solid rgba(0,0,0,0.1);
|
|
-webkit-border-radius: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
.app-ios-7 .app-section,
|
|
.app-ios-8 .app-section {
|
|
border-bottom: none;
|
|
}
|
|
.app-section.app-button {
|
|
margin: 16px;
|
|
padding: 0;
|
|
}
|
|
p.app-section {
|
|
padding: 12px 16px;
|
|
color: #665;
|
|
}
|
|
.app-content .app-section > * {
|
|
margin: 8px 0 0;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
.app-content .app-section > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
|
|
|
|
/* Lists */
|
|
|
|
.app-list {}
|
|
.app-list > label {
|
|
height: 28px;
|
|
background-color: #D5E5E6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #778;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 28px;
|
|
}
|
|
.app-android .app-list > label {
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
.app-list > li {
|
|
background-color: #FFF;
|
|
color: #444;
|
|
}
|
|
.app-list > li,
|
|
.app-list > li.app-button {
|
|
border-top: 1px solid rgba(0,0,0,0.05);
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.app-android .app-list > li,
|
|
.app-android .app-list > li.app-button {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
height: 47px;
|
|
line-height: 47px;
|
|
}
|
|
.app-list > li.app-button.active {
|
|
border-top: 1px solid rgba(0,0,0,0.0);
|
|
}
|
|
.app-list > li:first-child,
|
|
.app-list > li.app-button:first-child,
|
|
.app-list > label + li,
|
|
.app-list > label + li.app-button,
|
|
.app-list > label + li.app-button.active,
|
|
.app-list > li.app-button.active + li,
|
|
.app-list > li.app-button.active + li.app-button {
|
|
border-top-color: transparent;
|
|
}
|
|
|
|
|
|
|
|
/* Buttons */
|
|
|
|
.app-content .app-button {
|
|
background-color: #FFF;
|
|
color: #17B;
|
|
cursor:pointer;
|
|
}
|
|
.app-content .app-button.active {
|
|
background-color: #DDD;
|
|
}
|
|
.app-content .app-button.teal {
|
|
background-color: #2B9;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-content .app-button.teal.active {
|
|
background-color: #197;
|
|
}
|
|
.app-content .app-button.green {
|
|
background-color: #3C7;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-content .app-button.green.active {
|
|
background-color: #2A6;
|
|
}
|
|
.app-content .app-button.yellow {
|
|
background-color: #EC1;
|
|
color: #333435;
|
|
}
|
|
.app-content .app-button.yellow.active {
|
|
background-color: #DB0;
|
|
}
|
|
.app-content .app-button.orange {
|
|
background-color: #E82;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-content .app-button.orange.active {
|
|
background-color: #C50;
|
|
}
|
|
.app-content .app-button.red {
|
|
background-color: #DD4539;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-content .app-button.red.active {
|
|
background-color: #C43;
|
|
}
|
|
.app-content .app-button.blue {
|
|
background-color: #4486F0;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-content .app-button.blue.active {
|
|
background-color: #27A;
|
|
}
|
|
.app-content .app-button.dark-blue {
|
|
background-color: #345;
|
|
color: #F3F4F5;
|
|
}
|
|
.app-content .app-button.dark-blue.active {
|
|
background-color: #234;
|
|
}
|
|
.app-content .app-button.grey70 {
|
|
background-color: #AAA;
|
|
color: #FFF;
|
|
}
|
|
.app-content .app-button.grey.active {
|
|
background-color: #999;
|
|
color: #FFF;
|
|
}
|
|
|
|
/* Status Field */
|
|
|
|
.app-content .app-status {
|
|
margin: 0px auto;
|
|
padding : 0px 0px 0px 20px;
|
|
height: 40px;
|
|
border-bottom: 1px solid #AAA;
|
|
line-height: 40px;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.app-content .app-status {
|
|
background-color: #111;
|
|
color: #FFF;
|
|
}
|
|
|
|
/* Inputs */
|
|
input.app-input {
|
|
height: 44px;
|
|
background: #FFF;
|
|
line-height: 24px;
|
|
border-bottom: 1px solid rgba(0,0,0,0.1);
|
|
}
|
|
.app-android input.app-input {
|
|
height: 48px;
|
|
line-height: 18px;
|
|
}
|
|
.app-section input.app-input {
|
|
border-bottom: none;
|
|
}
|
|
.app-android .app-section input.app-input {
|
|
height: 40px;
|
|
line-height: 20px;
|
|
}
|
|
.app-input[type="search"] {
|
|
padding-left: 34px;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACjElEQVR42r3Wz2sTQRjG8e2maW1rTYIoaPEgHqz/gD+KFi8VRb0pVPTi2UPNQRRCEHpQkCKIp0ilQg/BVqQKUi8q1lRzERQ0x3pQVKJIxTaxpql+DzkMD+xkNo1d+NBudt5535md3VnPdmQyGfP/FrSjC+trOhDxmnxo4k70I4lxzOA18riPYRzFFolvSvJBPMU8/los4w3S8JtRRCfGUZJEK3KuKiigV4pwHzl/43gYkLSKMhZRQsVsZ7T9jN1ShFPyCCahHVbwEiM4gyM4gRQe4Tu04DnskCLqFjACTf4Vg4gHxPo4gCfQ2HyY0e/BvIziIzY7LtgIpqC37YLrLIxJ8AK2SbBLIW+ln29ordfBdryXFZ2Eh7CLuBdVo4gyTmuhGjyA30byOexq5B2CKLIyC7fqBZ6V0U8jagkJ299jtHmWVXxJAsZq1xot4DD+GP3NYqOtgJQUkFllAQMoG/3l9WnSXS4p9yy7ys3suAzoOWK2gJMS8AKJBpP7uCj9PagXtBdFI+AH+mvXwhbQjbzslFfqPYYJ5OQ23IEPD2HeA6dkXyihz6WDFJblNTpkPN+BiWHO5E8ZyCvXytfhiwRXkZa2Qf0cRBG6F+yXWGsRhwL292nsRBei8NGKDmzCZePbQL1DPMw9TGJFR1IzgxtI4yqm8Av6LaDnOfSEmYlzWNKZCKJtAtrnEJcirNvqPnwK6tTyyfbM+F2vF9DmOhPmLfmABSzJVlvBIooYRQIeJiyFFlzXhJ73YQjXMYqbSOEYuqXtBtyTxLomtjrv8a7taswiJiy3bxYxr8mHLmYfWcua6JHQ5hcCP2BN3Eb7/8yva2LSSH4XsbVKbm5413AeCePamhYRRYv52z/AKK4/BRObOQAAAABJRU5ErkJggg==);
|
|
background-repeat: no-repeat;
|
|
background-position: 12px center;
|
|
-webkit-background-size: 16px 16px;
|
|
background-size: 16px 16px;
|
|
}
|
|
.app-input[type="search"].no-icon, .app-android .app-input[type="search"].no-icon-android, .app-ios .app-input[type="search"].no-icon-ios {
|
|
padding-left: 12px;
|
|
background-image: none;
|
|
}
|
|
|
|
|
|
|
|
.app-page {
|
|
width:95%;
|
|
max-width:600px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
border: 1px solid #666;
|
|
border-radius:10px;
|
|
}
|
|
|
|
.app-scrollable {
|
|
overflow-x:hidden !important;
|
|
overflow-y:auto !important;
|
|
}
|
|
|
|
h2 {
|
|
width:100%;
|
|
text-align:center;
|
|
line-height:2em;
|
|
}
|
|
|
|
.event {
|
|
border-radius:4px;
|
|
-webkit-border-radius:4px;
|
|
color:#FFFFFF;
|
|
font-size:12px;
|
|
margin:0px 30px;
|
|
padding:2px 0px;
|
|
}
|
|
|
|
.event.listening {
|
|
background-color:#333333;
|
|
display:block;
|
|
}
|
|
|
|
.event.received {
|
|
background-color:#4B946A;
|
|
display:none;
|
|
}
|