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

61 lines
1.5 KiB
CSS
Raw Normal View History

2020-05-06 15:54:16 +02:00
/**
* 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/
2020-05-06 15:54:16 +02:00
*/
2020-10-28 07:53:51 +01:00
/** NE PAS EFFACER
* admin.css
*/
2020-11-21 04:36:14 +01:00
/**
* 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 {
2020-08-09 18:32:16 +02:00
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 0, 0, 0, .9 )
2020-08-10 09:10:02 +02:00
url('core/module/config/ressource/ajax-loader.png')
2020-08-09 18:32:16 +02:00
50% 45%
no-repeat;
}
2020-08-09 18:32:16 +02:00
.alertMessage {
color: lightgrey;
display: none;
display: flex;
align-items: center;
justify-content: center;
}
2020-08-10 09:10:02 +02:00
/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
2020-08-09 18:32:16 +02:00
body.loading .modal .alertMessage {
overflow: hidden;
}
/* Anytime the body has the loading class, our
modal element will be visible */
2020-08-09 18:32:16 +02:00
body.loading .modal .alertMessage {
display: block;
2020-11-21 04:29:17 +01:00
}