File modules/cms/ui/themes/default/style/openrat-popup.less

Last commit: Tue Jan 14 22:12:47 2025 +0100	Jan Dankert	New: Popup window for multiuse; Migrating the Qrcode-Info-Popup to the new Popup.


     1 /*
     2 OpenRat Content Management System
     3 Copyright (C) 2002-2010 Jan Dankert
     4 
     5 This program is free software; you can redistribute it and/or
     6 modify it under the terms of the GNU General Public License
     7 as published by the Free Software Foundation; either version 2
     8 of the License, or (at your option) any later version.
     9 
    10 This program is distributed in the hope that it will be useful,
    11 but WITHOUT ANY WARRANTY; without even the implied warranty of
    12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    13 GNU General Public License for more details.
    14 
    15 You should have received a copy of the GNU General Public License
    16 along with this program; if not, write to the Free Software
    17 Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
    18 */
    19 
    20 /*
    21 Basis-Style for Openrat.
    22 */
    23 
    24 
    25 /* Usage to this variable is safe to be removed */
    26 @color-overridden-by-theme: black;
    27 
    28 @smartphones: ~"only screen and (max-width: 55rem)";
    29 
    30 
    31 
    32 .or {
    33   &-popup {
    34 
    35 
    36     width:0;
    37     opacity: 0;
    38     visibility: hidden;
    39     overflow: hidden;
    40     display: flex;
    41 
    42     //display: none;
    43     height: 0;
    44     flex-direction: row;
    45 
    46     &--is-open {
    47       visibility: visible;
    48       overflow-y: auto;
    49       opacity: 1;
    50       width: 100%;
    51       height: 100%;
    52     }
    53 
    54     &-filler {
    55       position: fixed;
    56       z-index: 4;
    57       top: 0;
    58       left: 0;
    59       height: 100%;
    60       width: 100%;
    61       opacity: 0.6;
    62       backdrop-filter: blur(10em);
    63 
    64       &-icon {
    65         opacity: 1;
    66         font-size: 3em;
    67         position: absolute;
    68         right: 20px;
    69         top: 20px;
    70       }
    71     }
    72 
    73     //&-title {
    74     //  background-color: var(--cms-main-title-background-color);
    75     //}
    76 
    77     &-content {
    78 
    79       //.or-workbench-content {
    80       //  background-color: var(--cms-main-background-color);
    81       //}
    82       position: absolute;
    83       top: 0;
    84       left: 0;
    85       flex: 1;
    86       overflow: auto;
    87 
    88       width: 100%;
    89       height: 100%;
    90       padding: 10%;
    91 
    92       //margin-left:10em;
    93 
    94       z-index: 5;
    95 
    96       @media @smartphones {
    97         padding: 20% 0 0 0;
    98       }
    99 
   100       .or-view {
   101         height: 100%;
   102       }
   103 
   104     }
   105 
   106   }
   107 }



Download modules/cms/ui/themes/default/style/openrat-popup.less


History
Tue, 14 Jan 2025 22:12:47 +0100	Jan Dankert	New: Popup window for multiuse; Migrating the Qrcode-Info-Popup to the new Popup.