ZwiiCMS/core/module/config/view/backup/backup.css

/**
 * This file is part of Zwii.
 *
 * For full copyright and license information, please see the LICENSE
 * file that was distributed with this source code.
 *
 * @author Rémi Jean <remi.jean@outlook.com>
 * @copyright Copyright (C) 2008-2018, Rémi Jean
 * @author Frédéric Tempez <frederic.tempez@outlook.com>
 * @copyright Copyright (C) 2018-2020, Frédéric Tempez
 * @license GNU General Public License, version 3
 * @link http://zwiicms.fr/
 */

/** NE PAS EFFACER
* admin.css
*/


/**
* Effet d'animation
*/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
   display:    none;
   position:   fixed;
   z-index:    1000;
   top:        0;
   left:       0;
   height:     100%;
   width:      100%;
   background: rgba( 0, 0, 0, .9 )
                url('core/module/config/ressource/ajax-loader.png')
                50% 45%
                no-repeat;
 }

.alertMessage {
   color: lightgrey;
   display: none;
   display: flex;
   align-items: center;
   justify-content: center;
}

 /* When the body has the loading class, we turn
    the scrollbar off with overflow:hidden */
 body.loading .modal .alertMessage {
     overflow: hidden;
 }
 
 /* Anytime the body has the loading class, our
    modal element will be visible */
 body.loading .modal .alertMessage {
     display: block;
 }