synthing

a waveform sequencing synth on the web
Log | Files | Refs | Submodules

Help.css (899B)

      1 .help-modal {
      2     display: flex;
      3     align-items: center;
      4     justify-content: center;
      5     position: fixed;
      6     top: 0;
      7     bottom: 0;
      8     left: 0;
      9     right: 0;
     10     background: rgba(255, 255, 255, 0.3);
     11 }
     12 
     13 .help-container {
     14     box-sizing: border-box;
     15     background: aqua;
     16     padding: 30px 60px;
     17     margin: 30px;
     18     overflow-y: auto;
     19     max-height: calc(100vh - 60px);
     20     max-width: 900px;
     21 }
     22 
     23 .help-tag {
     24     display: flex;
     25     align-items: center;
     26     justify-content: center;
     27     background: aqua;
     28     position: fixed;
     29     bottom: 25px;
     30     right: 25px;
     31     border-radius: 9999px;
     32     height: 32px;
     33     width: 32px;
     34     z-index: 100;
     35     cursor: pointer;
     36     opacity: 0.8;
     37 }
     38 
     39 .help-tag:hover {
     40     opacity: 1;
     41 }
     42 
     43 .keyboard {
     44     width: 100%;
     45 }
     46 
     47 * {
     48     text-align: left;
     49 }
     50 
     51 @media screen and (max-width: 580px) {
     52     .help-container {
     53         padding: 0 10px;
     54         margin: 10px;
     55     }
     56 }