taler-xotp

xOTP generator
Log | Files | Refs | Submodules | README

baseX_converter_styles.css (1275B)

      1 /*
      2  * Convert page fro baseX functions
      3 */
      4 
      5 .form-vertical {
      6     display: flex;
      7     flex-direction: column;
      8     gap: 20px;
      9     width: 95%;
     10     margin: 0 auto;
     11 }
     12 
     13 .form-section {
     14     display: flex;
     15     flex-direction: column;
     16 }
     17 
     18 .text-area {
     19     padding: 10px;
     20     font-size: 1em;
     21     border: 1px solid var(--md-code-fg-color);
     22     border-radius: 4px;
     23     resize: vertical;
     24     white-space: normal;
     25     word-wrap: break-word;
     26     background-color: var(--md-code-bg-color);
     27     color: var(--md-code-fg-color);
     28     min-height: 100%;
     29     line-height: 1.75;
     30 }
     31 
     32 .select-input {
     33     padding: 10px;
     34     font-size: 1em;
     35     border: 1px solid var(--md-code-fg-color);
     36     border-radius: 4px;
     37     background-color: var(--md-code-bg-color);
     38     color: var(--md-code-fg-color);
     39 }
     40 
     41 .baseX-output-box {
     42     background-color: var(--md-code-bg-color);
     43     padding: 10px;
     44     border: 1px solid var(--md-code-fg-color);
     45     border-radius: 4px;
     46     min-height: 100px;
     47     white-space: pre-wrap;
     48     word-wrap: break-word;
     49     font-family: monospace;
     50 }
     51 
     52 
     53 /* Copy-Button position and visual */
     54 
     55 .output-wrapper {
     56     position: relative;
     57 }
     58 
     59 .pre-container {
     60     position: relative;
     61 }
     62 
     63 .copy-button {
     64     position: absolute;
     65     top: 1.5em;
     66     right: 1em;
     67     padding: 6px 10px;
     68     display: none;
     69 }