diff options
author | Florian Dold <florian@dold.me> | 2021-04-20 17:15:32 +0200 |
---|---|---|
committer | Florian Dold <florian@dold.me> | 2021-04-20 17:15:32 +0200 |
commit | 953046e4cb483b8c084d9eb14f2187c9ecaa5533 (patch) | |
tree | 07a3ca72b83394144038813022d16690a7dd4e3c /talermerchantdemos/static/demo.css | |
parent | 3726c316e7f1ab13c65ecf92e9dabc7235e67356 (diff) | |
download | taler-merchant-demos-953046e4cb483b8c084d9eb14f2187c9ecaa5533.tar.gz taler-merchant-demos-953046e4cb483b8c084d9eb14f2187c9ecaa5533.tar.bz2 taler-merchant-demos-953046e4cb483b8c084d9eb14f2187c9ecaa5533.zip |
css
Diffstat (limited to 'talermerchantdemos/static/demo.css')
-rw-r--r-- | talermerchantdemos/static/demo.css | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/talermerchantdemos/static/demo.css b/talermerchantdemos/static/demo.css new file mode 100644 index 0000000..3917816 --- /dev/null +++ b/talermerchantdemos/static/demo.css @@ -0,0 +1,75 @@ +@charset "UTF-8"; +/* style common to all demo pages */ +.demobar h1 { + text-align: center; } + +.demobar > p { + padding: 0.5em; } + +.demobar a, +.demobar a:visited { + color: inherit; } + +.adorn-brackets::before { + content: "❬"; + color: #aa3939; } + +.adorn-brackets::after { + content: "❭"; + color: #aa3939; } + +.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 { + overflow-x: auto; } + +.demobar { + overflow-x: auto; + background-color: #033; + color: white; } + +body { + overflow-x: hidden; + overflow-y: auto; } + +body * { + /* margin-left: 0.5vw; */ + left: 0.1vw; } + +@media (min-width: 500px) { + .content { + /* margin-left: 0vw; */ + padding-left: 2em; + margin-right: 1em; + overflow-x: hidden; + overflow-y: auto; } + + .demobar { + /* height: 100%; */ + /* width: 25%; */ + /* NOTE: Please use "vh"/"vw" instead of "%" when possible, in the future. */ + height: min-content; + width: 100vw; + margin: 0; + top: 0; + left: 0; + background-color: #033; + color: white; + position: relative; + padding-right: 1em; + overflow-x: hidden; + overflow-y: auto; + text-align: center; } } + +/*# sourceMappingURL=demo.css.map */ |