diff options
author | Florian Dold <florian@dold.me> | 2022-10-24 10:46:14 +0200 |
---|---|---|
committer | Florian Dold <florian@dold.me> | 2022-10-24 10:46:14 +0200 |
commit | 3e060b80428943c6562250a6ff77eff10a0259b7 (patch) | |
tree | d08472bc5ca28621c62ac45b229207d8215a9ea7 /packages/demobank-ui/src/scss/demo.scss | |
parent | fb52ced35ac872349b0e1062532313662552ff6c (diff) | |
download | wallet-core-3e060b80428943c6562250a6ff77eff10a0259b7.tar.xz |
repo: integrate packages from former merchant-backoffice.git
Diffstat (limited to 'packages/demobank-ui/src/scss/demo.scss')
-rw-r--r-- | packages/demobank-ui/src/scss/demo.scss | 157 |
1 files changed, 157 insertions, 0 deletions
diff --git a/packages/demobank-ui/src/scss/demo.scss b/packages/demobank-ui/src/scss/demo.scss new file mode 100644 index 000000000..71db4b41e --- /dev/null +++ b/packages/demobank-ui/src/scss/demo.scss @@ -0,0 +1,157 @@ +@charset "UTF-8"; +/* +Style common to all demo pages. + +Colors: +- #1e2739 (dark blue) +- #0042b2 (default blue) +- #3daee9 (highlight blue) +*/ + +.demobar h1 { + text-align: center; +} + +.demobar > p { + padding: 0.5em; +} + +.demobar a, +.demobar a:visited { + color: inherit; + background-color: inherit; +} + +.tt { + font-family: "Lucida Console", Monaco, monospace; +} + +.informational-ok { + background: lightgreen; + border-radius: 1em; + padding: 0.5em; +} + +.informational-fail { + background: lightpink; + border-radius: 1em; + padding: 0.5em; +} + +.content { + margin-left: 2em; + overflow-x: auto; +} + +.demobar { + overflow-x: auto; + background-color: #0042b2; + color: white; +} + +body { + overflow-x: hidden; + overflow-y: auto; +} + +.navcontainer { + background: #0042b2; + margin-bottom: 50px; + width: 100%; + color: white; + position: -webkit-sticky; + position: sticky; + top: 0px; + width: 100vw; + backdrop-filter: blur(10px); + opacity: 1; + z-index: 10000; +} + +nav { + left: 1vw; + position: relative; + background: #0042b2; + z-index: 10000; +} + +nav a, +nav button, +nav span, +.navbtn { + border: none; + color: white; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + background: #0042b2; + height: inherit; +} + +nav a, +nav button, +nav span, +.navbtn { + padding: 15px 32px; +} + +nav a:hover, +nav span:hover, +.navbtn:hover { + background: #3daee9; +} + +nav a.active, +nav span.active, +.navbtn.active { + background-color: #1e2739; +} + +nav a.active:hover, +nav button.active:hover, +nav span.active:hover, +.navbtn.active:hover { + background: #3daee9; +} + +nav a, +nav span, +.navbtn { + cursor: pointer; +} + +nav .right { + float: right; + margin-right: 5vw; +} +nav .hide div.nav { + display: none; +} +// nav .right div.nav:hover { +// display: block; +// } + +// nav .right:hover div.nav { +// display: block; +// } + +.langbtn { + width: 100%; + text-align: left; +} + +.skip { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; +} + +.skip:focus { + position: static; + width: auto; + height: auto; +} |