forked from ZwiiCMS-Team/ZwiiCMS
57 lines
1.5 KiB
CSS
Executable File
57 lines
1.5 KiB
CSS
Executable File
/**
|
|
* 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.com/
|
|
*/
|
|
|
|
@import url("site/data/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;
|
|
} |