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

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 Basis-Style for Openrat.
    21 */
    22 /* Usage to this variable is safe to be removed */
    23 .or-popup {
    24   width: 0;
    25   opacity: 0;
    26   visibility: hidden;
    27   overflow: hidden;
    28   display: flex;
    29   height: 0;
    30   flex-direction: row;
    31 }
    32 .or-popup--is-open {
    33   visibility: visible;
    34   overflow-y: auto;
    35   opacity: 1;
    36   width: 100%;
    37   height: 100%;
    38 }
    39 .or-popup-filler {
    40   position: fixed;
    41   z-index: 4;
    42   top: 0;
    43   left: 0;
    44   height: 100%;
    45   width: 100%;
    46   opacity: 0.6;
    47   backdrop-filter: blur(10em);
    48 }
    49 .or-popup-filler-icon {
    50   opacity: 1;
    51   font-size: 3em;
    52   position: absolute;
    53   right: 20px;
    54   top: 20px;
    55 }
    56 .or-popup-content {
    57   position: absolute;
    58   top: 0;
    59   left: 0;
    60   flex: 1;
    61   overflow: auto;
    62   width: 100%;
    63   height: 100%;
    64   padding: 10%;
    65   z-index: 5;
    66 }
    67 @media only screen and (max-width: 55rem) {
    68   .or-popup-content {
    69     padding: 20% 0 0 0;
    70   }
    71 }
    72 .or-popup-content .or-view {
    73   height: 100%;
    74 }
    75 



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


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.