openrat-cms

OpenRat Content Management System
git clone http://git.code.weiherhei.de/openrat-cms.git
Log | Files | Refs | README

openrat-dialog.less (2043B)


      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     &-dialog {
     34 
     35       position: absolute;
     36       z-index: 2;
     37       top: 0;
     38       left: 0;
     39       width:0;
     40       opacity: 0;
     41       visibility: hidden;
     42       overflow: hidden;
     43       display: flex;
     44 
     45       //display: none;
     46       height: 100%;
     47       flex-direction: row;
     48 
     49       &--is-open {
     50         visibility: visible;
     51         overflow-y: auto;
     52         opacity: 1;
     53         width:100%;
     54         .or-dialog-filler {
     55           width: 15%;
     56 
     57           @media @smartphones {
     58             width: 0;
     59           }
     60         }
     61       }
     62 
     63       &-filler {
     64         height: 100%;
     65         width: 100%;
     66         opacity: 0.6;
     67         filter: blur(10em);
     68 
     69 
     70 
     71         &-icon {
     72           opacity: 1;
     73           font-size: 3em;
     74           position: absolute;
     75           right: 20px;
     76           top: 20px;
     77         }
     78       }
     79 
     80       &-content {
     81 
     82           flex: 1;
     83           overflow: auto;
     84           //position: absolute;
     85 
     86           //top: 0;
     87           //left: 0;
     88           //width: 100%;
     89           height: 100%;
     90 
     91           //margin-left:10em;
     92 
     93           z-index: 3;
     94 
     95           .or-view {
     96             height: 100%;
     97           }
     98 
     99       }
    100 
    101     }
    102 }