diff options
author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
---|---|---|
committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
tree | 10027f336435511475e392454359edea8e25895d /addon-sdk/source/examples/actor-repl/data/main.css | |
parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip |
Add m-esr52 at 52.6.0
Diffstat (limited to 'addon-sdk/source/examples/actor-repl/data/main.css')
-rw-r--r-- | addon-sdk/source/examples/actor-repl/data/main.css | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/addon-sdk/source/examples/actor-repl/data/main.css b/addon-sdk/source/examples/actor-repl/data/main.css new file mode 100644 index 000000000..03499944b --- /dev/null +++ b/addon-sdk/source/examples/actor-repl/data/main.css @@ -0,0 +1,117 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +body +{ + position: absolute; + width: 100%; + margin: 0; + padding: 0; + background: white; +} + + +pre +{ + margin: 0; +} + +section +{ + border-top: 1px solid rgba(150, 150, 150, 0.5); +} + +.CodeMirror { + height: auto; +} +.CodeMirror-scroll { + overflow-y: hidden; + overflow-x: auto; +} + +.request, +.response, +.input +{ + border-left: 5px solid; + padding-left: 10px; +} + +.request:not(:empty), +.response.pending +{ + padding: 5px; +} + +.input +{ + padding-left: 6px; + border-color: lightgreen; +} +.input.invalid +{ + border-color: orange; +} + +.request +{ + border-color: lightgrey; +} + +.response +{ + border-color: grey; +} +.response.error +{ + border-color: red; +} + +.response.message +{ + border-color: lightblue; +} + +.response .one, +.response .two, +.response .three +{ + width: 0; + height: auto; +} + + + +.response.pending .one, +.response.pending .two, +.response.pending .three +{ + width: 10px; + height: 10px; + background-color: rgba(150, 150, 150, 0.5); + + border-radius: 100%; + display: inline-block; + animation: bouncedelay 1.4s infinite ease-in-out; + /* Prevent first frame from flickering when animation starts */ + animation-fill-mode: both; +} + +.response.pending .one +{ + animation-delay: -0.32s; +} + +.response.pending .two +{ + animation-delay: -0.16s; +} + +@keyframes bouncedelay { + 0%, 80%, 100% { + transform: scale(0.0); + } 40% { + transform: scale(1.0); + } +} |