File modules/cms/ui/themes/default/style/openrat-form.css

Last commit: Sun Dec 8 20:56:47 2024 +0100	Jan Dankert	New: Users are now able to store bookmarks.


     1 @media only screen and (min-width: 65rem) {
     2   .or-workbench-main-form-row {
     3     flex-direction: row;
     4   }
     5   .or-workbench-main-form-row .or-form-label {
     6     width: 25%;
     7   }
     8   .or-workbench-main-form-row .or-form-input {
     9     width: 75%;
    10   }
    11 }
    12 .or {
    13   /* Buttons  */
    14 }
    15 .or-form {
    16   display: flex;
    17   height: 100%;
    18   flex-direction: column;
    19   padding: 1em;
    20 }
    21 .or-form-checkbox,
    22 .or-form-radio {
    23   margin-right: 1em;
    24   width: 1.5em;
    25   height: 1.5em;
    26   border: 1px solid;
    27   accent-color: var(--cms-image-color);
    28 }
    29 .or-form-checkbox {
    30   border-radius: 2px;
    31 }
    32 .or-form-radio {
    33   border-radius: 0.75em;
    34 }
    35 .or-form-headline {
    36   height: 2em;
    37 }
    38 .or-form-content {
    39   flex-grow: 1;
    40   padding-bottom: 6em;
    41 }
    42 .or-form-row {
    43   display: flex;
    44   align-items: center;
    45   flex-direction: column;
    46 }
    47 .or-form-row .or-form-label,
    48 .or-form-row .or-form-input {
    49   width: 100%;
    50 }
    51 .or-form-actionbar {
    52   height: 3em;
    53   position: sticky;
    54   bottom: 0;
    55   left: 0;
    56   right: 0;
    57   display: flex;
    58   justify-content: center;
    59   padding: 1em;
    60   height: auto;
    61 }
    62 @media only screen and (max-width: 65rem) {
    63   .or-form .or-act-form-apply {
    64     display: none;
    65   }
    66 }
    67 .or-input {
    68   width: 85%;
    69   border: 0;
    70   border-width: 0;
    71   border-bottom: 1px solid;
    72   box-sizing: border-box;
    73   resize: vertical;
    74   padding: 0.5em;
    75   margin: 0;
    76   outline: none;
    77 }
    78 .or-input--name {
    79   font-weight: bold;
    80 }
    81 .or-input--filename,
    82 .or-input--extension {
    83   font-family: 'Source Code Pro', Monospace, Monospaced, Courier;
    84 }
    85 .or-btn {
    86   padding: 0.2em;
    87   border: 1px solid #000000;
    88   border-radius: 0.1em;
    89   -moz-border-radius: 0.1em;
    90   -webkit-border-radius: 0.1em;
    91   -khtml-border-radius: 0.1em;
    92   cursor: pointer;
    93 }
    94 .or-btn--control {
    95   padding: 1em 2em;
    96   margin-left: 1.5em;
    97   min-width: 14em;
    98   border-radius: 0.5em;
    99   -moz-border-radius: 0.5em;
   100   -webkit-border-radius: 0.5em;
   101   -khtml-border-radius: 0.5em;
   102 }
   103 @media only screen and (max-width: 65rem) {
   104   .or-btn--control {
   105     padding: 1em 1em;
   106     min-width: 5em;
   107   }
   108 }
   109 .or-btn--primary {
   110   font-weight: bold;
   111 }
   112 @media only screen and (max-width: 65rem) {
   113   .or-btn--secondary {
   114     min-width: 0;
   115   }
   116 }
   117 .or-act-form-cancel {
   118   display: none;
   119 }
   120 



Download modules/cms/ui/themes/default/style/openrat-form.css


History
Sun, 8 Dec 2024 20:56:47 +0100	Jan Dankert	New: Users are now able to store bookmarks.
Wed, 30 Oct 2024 22:17:22 +0100	Jan Dankert	UI-Refactoring: The navigation is now able to open its own dialog.
Sun, 13 Oct 2024 13:17:32 +0200	Jan Dankert	New Minifier for CSS and JS: Leave JS Linebreaks as they are (for better debugging); Exploded CSS files (instead of a combined one), LESS is necessary but should be avoided in the future.