taler-merchant-demos

Python-based Frontends for the Demonstration Web site
Log | Files | Refs | Submodules | README | LICENSE

demo.css (1858B)

      1 @charset "UTF-8";
      2 @import url(/static/theme.css);
      3 
      4 
      5 .skip {
      6   position: absolute;
      7   left: -10000px;
      8   top: auto;
      9   width: 1px;
     10   height: fit-content;
     11   overflow: hidden;
     12 }
     13 
     14 .skip:focus {
     15   position: static;
     16   width: auto;
     17   background: black;
     18   padding: 5px;
     19 }
     20 
     21 .demobar h1 {
     22   text-align: center;
     23 }
     24 
     25 .demobar > p {
     26   padding: 0.5em;
     27 }
     28 
     29 .demobar a,
     30 .demobar a:visited {
     31   color: white;
     32 }
     33 
     34 .tt {
     35   font-family: "Lucida Console", Monaco, monospace;
     36 }
     37 
     38 .informational-ok {
     39   background: lightgreen;
     40   border-radius: 1em;
     41   padding: 0.5em;
     42 }
     43 
     44 .informational-fail {
     45   background: lightpink;
     46   border-radius: 1em;
     47   padding: 0.5em;
     48 }
     49 
     50 .content {
     51   margin-left: 2em;
     52   margin-right: 2em;
     53   overflow-x: auto;
     54 }
     55 
     56 .demobar {
     57   overflow-x: auto;
     58   background-color: #0042b2;
     59   color: white;
     60 }
     61 
     62 body {
     63   overflow-x: hidden;
     64   overflow-y: auto;
     65 }
     66 
     67 .navcontainer {
     68   background: #0042b2;
     69   margin-bottom: 50px;
     70   width: 100%;
     71   color: white;
     72   position: -webkit-sticky;
     73   position: sticky;
     74   top: 0px;
     75   width: 100vw;
     76   backdrop-filter: blur(10px);
     77   opacity: 1;
     78   z-index: 10000;
     79 }
     80 
     81 nav {
     82   left: 1vw;
     83   position: relative;
     84   background: #0042b2;
     85   z-index: 10000;
     86 }
     87 
     88 .langbtn {
     89   width: 100%;
     90   text-align: left;
     91 }
     92 
     93 nav a,
     94 nav button,
     95 nav span,
     96 .navbtn {
     97   border: none;
     98   color: white;
     99   text-decoration: none;
    100   display: inline-block;
    101   font-size: 16px;
    102   background: #0042b2;
    103   height: inherit;
    104 }
    105 
    106 nav a,
    107 nav button,
    108 nav span,
    109 .navbtn {
    110   padding: 15px 32px;
    111 }
    112 
    113 nav a:hover,
    114 nav span:hover,
    115 .navbtn:hover {
    116   background: #3daee9;
    117 }
    118 
    119 nav a.active,
    120 nav span.active,
    121 .navbtn.active {
    122   background-color: var(--demo-common-dark-blue);
    123 }
    124 
    125 nav a.active:hover,
    126 nav span.active:hover,
    127 .navbtn.active:hover {
    128   background: #3daee9;
    129 }
    130 
    131 nav a,
    132 nav span,
    133 .navbtn {
    134   cursor: pointer;
    135 }
    136 
    137 nav .right {
    138   float: right;
    139   margin-right: 5vw;
    140 }
    141 
    142 nav .hide div.nav {
    143   display: none;
    144 }