Remove animations from page loads (#3836)

web/templates/pages/add_access_key.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 	<form id="main-form" name="v_add_access_key" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">
 		<input type="hidden" name="ok" value="Add">

web/templates/pages/add_cron.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_add_cron" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/add_db.php

@@ -17,7 +17,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/add_dns.php

@@ -17,7 +17,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/add_dns_rec.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_add_dns_rec" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/add_firewall.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_add_ip" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/add_firewall_banlist.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_add_ip" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/add_firewall_ipset.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_add_ipset" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/add_ip.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/add_key.php

@@ -21,7 +21,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_add_key" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/add_mail.php

@@ -17,7 +17,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/add_mail_acc.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/add_package.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/add_user.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/add_web.php

@@ -17,7 +17,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_add_web" method="post" class="js-enable-inputs-on-submit">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/debug_panel.php

@@ -11,7 +11,7 @@ if( !defined("HESTIA_DIR_BIN") ){
 		x-text="open ? '<?= _("Close debug panel") ?>' : '<?= _("Open debug panel") ?>'">
 		<?= _("Open debug panel") ?>
 	</button>
-	<div x-cloak x-show="open" class="debug-panel-content animate__animated animate__fadeIn">
+	<div x-cloak x-show="open" class="debug-panel-content">
 		<?php
 			echo "<h3 class=\"u-mb10\">Server Variables</h3>";
 			foreach ($_SERVER as $key => $val) {

web/templates/pages/edit_backup_exclusions.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_edit_backup_exclusions" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_cron.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_edit_cron" method="post" class="<?= $v_status ?>">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_db.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_edit_db" method="post" class="<?= $v_status ?>">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_dns.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_edit_dns" method="post" class="<?= $v_status ?>">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_dns_rec.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_edit_dns_rec" method="post" class="<?= $v_status ?>">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_firewall.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_edit_firewall" method="post" class="<?= $v_status ?>">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_ip.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/edit_mail.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/edit_mail_acc.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/edit_package.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/edit_server.php

@@ -22,7 +22,7 @@
 <!-- End toolbar -->
 
 <!-- Begin form -->
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 	<form
 		x-data="{
 			timezone: '<?= $v_timezone ?? "" ?>',

web/templates/pages/edit_server_bind9.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_configure_server" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_server_dovecot.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_configure_server" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_server_httpd.php

@@ -18,7 +18,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_configure_server" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_server_mysql.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_configure_server" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_server_nginx.php

@@ -18,7 +18,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_configure_server" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_server_pgsql.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_configure_server" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_server_php.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_configure_server" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_server_service.php

@@ -15,7 +15,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_configure_server" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/edit_user.php

@@ -41,7 +41,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/edit_web.php

@@ -23,7 +23,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form
 		x-data="{

web/templates/pages/edit_whitelabel.php

@@ -16,7 +16,7 @@
 <!-- End toolbar -->
 
 <!-- Begin form -->
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 	<form
 		x-data="{
 			hide_docs: '<?= $v_hide_docs ?? "no" ?>',

web/templates/pages/generate_ssl.php

@@ -6,7 +6,7 @@
 	</div>
 </div>
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<form id="main-form" name="v_generate_csr" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">

web/templates/pages/list_access_key.php

@@ -20,7 +20,7 @@ if (!empty($_POST["ok"])) { ?>
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 	<form id="main-form">
 
 		<div class="form-container">

web/templates/pages/list_access_keys.php

@@ -23,7 +23,7 @@
 						<?= _("Date") ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-date" data-sort-as-int="1">
 						<span class="name <?php if ($_SESSION['userSortOrder'] === 'date') { echo 'active'; } ?>"><?= _("Date") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -76,7 +76,7 @@
 				$key_date = !empty($value['DATE']) ? $value['DATE'] : '-';
 				$key_time = !empty($value['TIME']) ? $value['TIME'] : '-';
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row js-unit"
 				data-sort-key="<?= strtolower($key) ?>"
 				data-sort-comment="<?= strtolower($key_comment) ?>"
 				data-sort-date="<?= strtotime($data[$key]["DATE"] . " " . $data[$key]["TIME"]) ?>">

web/templates/pages/list_backup.php

@@ -69,7 +69,7 @@
 				if (!empty($data[$key]['CRON'])) $cron = _('Yes');
 				if (!empty($data[$key]['UDIR'])) $udir = _('Yes');
 		?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<div>
 						<input id="check<?= $i ?>" class="js-unit-checkbox" type="checkbox" title="<?= _("Select") ?>" name="backup[]" value="<?= $key ?>" <?= $display_mode ?>>

web/templates/pages/list_backup_detail.php

@@ -53,7 +53,7 @@
 				if (!empty($key)) {
 					++$i;
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<div>
 						<input id="check<?= $i ?>" class="js-unit-checkbox" type="checkbox" name="web[]" value="<?= $key ?>">
@@ -91,7 +91,7 @@
 			foreach ($mail as $key) {
 				if (!empty($key)) {
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<div>
 						<input id="check2<?= $i ?>" class="js-unit-checkbox" type="checkbox" name="mail[]" value="<?= $key ?>">
@@ -129,7 +129,7 @@
 			foreach ($dns as $key) {
 				if (!empty($key)) {
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<div>
 						<input id="check3<?= $i ?>" class="js-unit-checkbox" type="checkbox" name="dns[]" value="<?= $key ?>">
@@ -167,7 +167,7 @@
 			foreach ($db as $key) {
 				if (!empty($key)) {
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<div>
 						<input id="check4<?= $i ?>" class="js-unit-checkbox" type="checkbox" name="db[]" value="<?= $key ?>">
@@ -202,7 +202,7 @@
 		<!-- List Cron Jobs -->
 		<?php if (!empty($data[$backup]["CRON"])) {
 		if (!empty($key)) { ?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<div>
 						<input id="check5<?= $i ?>" class="js-unit-checkbox" type="checkbox" name="check" value="<?= $key ?>">
@@ -240,7 +240,7 @@
 			foreach ($udir as $key) {
 				if (!empty($key)) {
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<div>
 						<input id="check6<?= $i ?>" class="js-unit-checkbox" type="checkbox" name="udir[]" value="<?= $key ?>">

web/templates/pages/list_backup_exclusions.php

@@ -36,7 +36,7 @@
 
 		<!-- Begin list of backup exclusions by type -->
 		<?php foreach ($data as $key => $value) { ?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell units-table-heading-cell u-text-bold">
 					<span class="u-hide-desktop"><?= _("Type") ?>:</span>
 					<?= $key ?>

web/templates/pages/list_cron.php

@@ -26,7 +26,7 @@
 						<?= $label ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-name">
 						<span class="name <?php if ($_SESSION['userSortOrder'] === 'name') { echo 'active'; } ?>"><?= _("Command") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -103,7 +103,7 @@
 				$spnd_confirmation = _('Are you sure you want to suspend this cron job?') ;
 			}
 		?>
-			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit"
 				data-sort-date="<?= strtotime($data[$key]['DATE'].' '.$data[$key]['TIME']) ?>"
 				data-sort-name="<?= htmlspecialchars($data[$key]['CMD'], ENT_NOQUOTES) ?>">
 				<div class="units-table-cell">

web/templates/pages/list_db.php

@@ -45,7 +45,7 @@ if (!empty($_SESSION["DB_PGA_ALIAS"])) {
 						<?= $label ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-charset">
 						<span class="name"><?= _("Charset") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -143,7 +143,7 @@ if (!empty($_SESSION["DB_PGA_ALIAS"])) {
 				if ($data[$key]['TYPE'] == 'pgsql') $db_admin_link = "https://".$http_host."/phppgadmin/";
 				if (($data[$key]['TYPE'] == 'pgsql') && (!empty($_SESSION['DB_PGA_ALIAS']))) $db_admin_link = $_SESSION['DB_PGA_ALIAS'];
 			?>
-			<div class="units-table-row <?php if ($data[$key]['SUSPENDED'] == 'yes') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row <?php if ($data[$key]['SUSPENDED'] == 'yes') echo 'disabled'; ?> js-unit"
 				data-sort-date="<?= strtotime($data[$key]['DATE'].' '.$data[$key]['TIME']) ?>"
 				data-sort-name="<?= $key ?>"
 				data-sort-disk="<?= $data[$key]["U_DISK"] ?>"

web/templates/pages/list_dns.php

@@ -17,7 +17,7 @@
 						<?= $label ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-date" data-sort-as-int="1">
 						<span class="name <?php if ($_SESSION['userSortOrder'] === 'date') { echo 'active'; } ?>"><?= _("Date") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -119,7 +119,7 @@
 					}
 				}
 			?>
-			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit"
 				data-sort-ip="<?= str_replace('.', '', $data[$key]['IP']) ?>"
 				data-sort-date="<?= strtotime($data[$key]['DATE'].' '.$data[$key]['TIME']) ?>"
 				data-sort-name="<?= htmlentities($key);?>"

web/templates/pages/list_dns_rec.php

@@ -23,7 +23,7 @@
 						<?= $label ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-date" data-sort-as-int="1">
 						<span class="name <?php if ($_SESSION['userSortOrder'] === 'date') { echo 'active'; } ?>"><?= _("Date") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -97,7 +97,7 @@
 					$status = 'active';
 				}
 			?>
-			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit"
 				data-sort-date="<?= strtotime($data[$key]['DATE'].' '.$data[$key]['TIME']) ?>"
 				data-sort-record="<?= $data[$key]['RECORD'] ?>"
 				data-sort-type="<?= $data[$key]['TYPE'] ?>"

web/templates/pages/list_firewall.php

@@ -25,7 +25,7 @@
 						<?= _("Action") ?> <i class="fas fa-arrow-up-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-action">
 						<span class="name"><?= _("Action") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up active"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -95,7 +95,7 @@
 					$spnd_confirmation = _('Are you sure you want to suspend rule #%s?') ;
 				}
 			?>
-			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit"
 				data-sort-action="<?= $data[$key]['ACTION'] ?>"
 				data-sort-protocol="<?= $data[$key]['PROTOCOL'] ?>"
 				data-sort-port="<?= $data[$key]['PORT'] ?>"

web/templates/pages/list_firewall_banlist.php

@@ -47,7 +47,7 @@
 				++$i;
 				$ip = $key;
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<div>
 						<input id="check<?= $i ?>" class="js-unit-checkbox" type="checkbox" title="<?= _("Select") ?>" name="ipchain[]" value="<?= $ip . ":" . $value["CHAIN"] ?>">

web/templates/pages/list_firewall_ipset.php

@@ -48,7 +48,7 @@
 				++$i;
 				$listname = $key;
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<div>
 						<input id="check<?= $i ?>" class="js-unit-checkbox" type="checkbox" title="<?= _("Select") ?>" name="setname[]" value="<?= $listname ?>">

web/templates/pages/list_ip.php

@@ -17,7 +17,7 @@
 						<?= _("Date") ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-date" data-sort-as-int="1">
 						<span class="name <?php if ($_SESSION['userSortOrder'] === 'date') { echo 'active'; } ?>"><?= _("Date") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -77,7 +77,7 @@
 			foreach ($data as $key => $value) {
 				++$i;
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row js-unit"
 				data-sort-ip="<?= str_replace(".", "", $key) ?>"
 				data-sort-date="<?= strtotime($data[$key]["DATE"] . " " . $data[$key]["TIME"]) ?>"
 				data-sort-netmask="<?= str_replace(".", "", $data[$key]["NETMASK"]) ?>"

web/templates/pages/list_key.php

@@ -43,7 +43,7 @@
 				foreach ($data as $key => $value) {
 				++$i;
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit" style="<?php if ($data[$key]['ID'] === 'filemanager.ssh.key') { echo 'display: none;'; } ?>">
+			<div class="units-table-row js-unit" style="<?php if ($data[$key]['ID'] === 'filemanager.ssh.key') { echo 'display: none;'; } ?>">
 				<div class="units-table-cell units-table-heading-cell u-text-bold">
 					<span class="u-hide-desktop"><?= _("SSH ID") ?>:</span>
 					<span class="u-text-break">

web/templates/pages/list_log.php

@@ -98,7 +98,7 @@
 					$level_title = _('Error');
 				}
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell u-text-center-desktop">
 					<i class="fas <?= $level_icon ?>" title="<?= $level_title ?>"></i>
 				</div>

web/templates/pages/list_log_auth.php

@@ -70,7 +70,7 @@
 					$status_title = _('Failed');
 				}
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell u-text-center-desktop">
 					<i class="fas <?= $status_icon ?> u-mr5" title="<?= $status_title ?>"></i>
 				</div>

web/templates/pages/list_mail.php

@@ -17,7 +17,7 @@
 						<?= $label ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-accounts" data-sort-as-int="1">
 						<span class="name"><?= _("Accounts") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -164,7 +164,7 @@
 					$data[$key]['CATCHALL'] = '/dev/null';
 				}
 			?>
-			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit"
 				data-sort-date="<?= strtotime($data[$key]['DATE'].' '.$data[$key]['TIME']) ?>"
 				data-sort-name="<?= $key ?>"
 				data-sort-disk="<?= $data[$key]["U_DISK"] ?>"

web/templates/pages/list_mail_acc.php

@@ -29,7 +29,7 @@ if (!empty($_SESSION["WEBMAIL_ALIAS"])) {
 						<?= $label ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-date" data-sort-as-int="1">
 						<span class="name <?php if ($_SESSION['userSortOrder'] === 'date') { echo 'active'; } ?>"><?= _("Date") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -153,7 +153,7 @@ if (!empty($_SESSION["WEBMAIL_ALIAS"])) {
 					}
 				}
 			?>
-			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit"
 				data-sort-date="<?= strtotime($data[$key]['DATE'].' '.$data[$key]['TIME']) ?>"
 				data-sort-name="<?= $key ?>"
 				data-sort-disk="<?= $data[$key]["U_DISK"] ?>"

web/templates/pages/list_mail_dns.php

@@ -28,7 +28,7 @@ if (!empty($_SESSION["WEBMAIL_ALIAS"])) {
 			<div class="units-table-cell"><?= _("IP or Value") ?></div>
 		</div>
 
-		<div class="units-table-row animate__animated animate__fadeIn js-unit">
+		<div class="units-table-row js-unit">
 			<div class="units-table-cell">
 				<label class="u-hide-desktop u-text-bold"><?= _("Record") ?>:</label>
 				<input type="text" class="form-control" value="mail.<?= htmlspecialchars($_GET["domain"]) ?>">
@@ -50,7 +50,7 @@ if (!empty($_SESSION["WEBMAIL_ALIAS"])) {
 			</div>
 		</div>
 		<?php if ($_SESSION["WEBMAIL_SYSTEM"]) { ?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<label class="u-hide-desktop u-text-bold"><?= _("Record") ?>:</label>
 					<input type="text" class="form-control" value="<?= $v_webmail_alias ?>.<?= htmlspecialchars($_GET["domain"]) ?>">
@@ -72,7 +72,7 @@ if (!empty($_SESSION["WEBMAIL_ALIAS"])) {
 				</div>
 			</div>
 		<?php } ?>
-		<div class="units-table-row animate__animated animate__fadeIn js-unit">
+		<div class="units-table-row js-unit">
 			<div class="units-table-cell">
 				<label class="u-hide-desktop u-text-bold"><?= _("Record") ?>:</label>
 				<input type="text" class="form-control" value="<?= htmlspecialchars($_GET["domain"]) ?>">
@@ -94,7 +94,7 @@ if (!empty($_SESSION["WEBMAIL_ALIAS"])) {
 				<input type="text" class="form-control" value="mail.<?= htmlspecialchars($_GET["domain"]) ?>.">
 			</div>
 		</div>
-		<div class="units-table-row animate__animated animate__fadeIn js-unit">
+		<div class="units-table-row js-unit">
 			<div class="units-table-cell">
 				<label class="u-hide-desktop u-text-bold"><?= _("Record") ?>:</label>
 				<input type="text" class="form-control" value="<?= htmlspecialchars($_GET["domain"]) ?>">
@@ -116,7 +116,7 @@ if (!empty($_SESSION["WEBMAIL_ALIAS"])) {
 				<input type="text" class="form-control" value="<?= htmlspecialchars("v=spf1 a mx ip4:" . $ip . " -all") ?>">
 			</div>
 		</div>
-		<div class="units-table-row animate__animated animate__fadeIn js-unit">
+		<div class="units-table-row js-unit">
 			<div class="units-table-cell">
 				<label class="u-hide-desktop u-text-bold"><?= _("Record") ?>:</label>
 				<input type="text" class="form-control" value="_dmarc">
@@ -138,7 +138,7 @@ if (!empty($_SESSION["WEBMAIL_ALIAS"])) {
 			</div>
 		</div>
 		<?php foreach ($dkim as $key => $value) { ?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row js-unit">
 				<div class="units-table-cell">
 					<label class="u-hide-desktop u-text-bold"><?= _("Record") ?>:</label>
 					<input type="text" class="form-control" value="<?= htmlspecialchars($key) ?>">

web/templates/pages/list_packages.php

@@ -18,7 +18,7 @@
 						<?= $label ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-date" data-sort-as-int="1">
 						<span class="name <?php if ($_SESSION['userSortOrder'] === 'date') { echo 'active'; } ?>"><?= _("Date") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -108,7 +108,7 @@
 			foreach ($data as $key => $value) {
 				++$i;
 			?>
-			<div class="units-table-row animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row js-unit"
 				data-sort-date="<?= strtotime($data[$key]["DATE"] . " " . $data[$key]["TIME"]) ?>"
 				data-sort-name="<?= $key ?>"
 				data-sort-bandwidth="<?= $data[$key]["BANDWIDTH"] ?>"

web/templates/pages/list_rrd.php

@@ -21,7 +21,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 	<div class="form-container form-container-wide">
 		<!-- Begin graph list item loop -->
 		<?php foreach ($data as $key => $value) { ?>

web/templates/pages/list_search.php

@@ -17,7 +17,7 @@
 						<?= _("Date") ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-date" data-sort-as-int="1">
 						<span class="name <?php if ($_SESSION['userSortOrder'] === 'date') { echo 'active'; } ?>"><?= _("Date") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -79,7 +79,7 @@
 				}
 				$uniq_id .= sha1($value['RESULT']);
 			?>
-			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit"
 				data-uniq-id="<?= $uniq_id?>"
 				data-sort-date="<?= strtotime($value['DATE'].' '.$value['TIME']) ?>"
 				data-sort-name="<?= $value['RESULT'] ?>"

web/templates/pages/list_server_info.php

@@ -122,4 +122,4 @@
 	</a>
 
 	<div class="container">
-		<pre class="console-output animate__animated animate__fadeIn u-mt20">
+		<pre class="console-output u-mt20">

web/templates/pages/list_server_preview.php

@@ -22,7 +22,7 @@
 			<div class="units-table-cell"><?= _("Status") ?></div>
 		</div>
 
-		<div class="units-table-row animate__animated animate__fadeIn js-unit">
+		<div class="units-table-row js-unit">
 			<div class="units-table-cell u-text-center-desktop">
 				<i class="fas fa-gear icon-blue"></i>
 			</div>

web/templates/pages/list_services.php

@@ -133,7 +133,7 @@
 				$cpu = number_format($cpu, 1);
 				if ($cpu == '0.0')	$cpu = 0;
 			?>
-			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit"
 				data-sort-name="<?= strtolower($key) ?>"
 				data-sort-memory="<?= $data[$key]["MEM"] ?>"
 				data-sort-cpu="<?= $cpu ?>"

web/templates/pages/list_ssl.php

@@ -8,7 +8,7 @@
 <!-- End toolbar -->
 
 <!-- Begin form -->
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 	<form id="main-form" name="v_generate_csr" method="post">
 		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">
 

web/templates/pages/list_updates.php

@@ -49,7 +49,7 @@
 					$upd_status = 'outdated';
 				}
 			?>
-			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit">
+			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit">
 				<div class="units-table-cell units-table-heading-cell u-text-bold">
 					<span class="u-hide-desktop"><?= _("Package Names") ?>:</span>
 					<?= $key ?>

web/templates/pages/list_user.php

@@ -18,7 +18,7 @@
 						<?= $label ?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-bandwidth" data-sort-as-int="1">
 						<span class="name"><?= _("Bandwidth") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -133,7 +133,7 @@
 					$spnd_confirmation = _('Are you sure you want to suspend user %s?');
 				}
 			?>
-			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit <?php if (($_SESSION['POLICY_SYSTEM_HIDE_ADMIN'] === 'yes') && ($_SESSION['user'] !== 'admin') && ($key === 'admin')) { echo 'u-hidden'; } ?>"
+			<div class="units-table-row <?php if ($status == 'suspended') echo 'disabled'; ?> js-unit <?php if (($_SESSION['POLICY_SYSTEM_HIDE_ADMIN'] === 'yes') && ($_SESSION['user'] !== 'admin') && ($key === 'admin')) { echo 'u-hidden'; } ?>"
 				data-sort-date="<?= strtotime($data[$key]['DATE'].' '.$data[$key]['TIME']) ?>"
 				data-sort-name="<?= strtolower($key) ?>"
 				data-sort-package="<?= strtolower($data[$key]['PACKAGE']) ?>"

web/templates/pages/list_web.php

@@ -17,7 +17,7 @@
 						<?= $label?> <i class="fas fa-arrow-down-a-z"></i>
 					</span>
 				</button>
-				<ul class="toolbar-sorting-menu animate__animated animate__fadeIn js-sorting-menu u-hidden">
+				<ul class="toolbar-sorting-menu js-sorting-menu u-hidden">
 					<li data-entity="sort-bandwidth" data-sort-as-int="1">
 						<span class="name"><?= _("Bandwidth") ?> <i class="fas fa-arrow-down-a-z"></i></span><span class="up"><i class="fas fa-arrow-up-a-z"></i></span>
 					</li>
@@ -183,7 +183,7 @@
 					}
 				}
 			?>
-			<div class="units-table-row <?php if ($data[$key]['SUSPENDED'] == 'yes') echo 'disabled'; ?> animate__animated animate__fadeIn js-unit"
+			<div class="units-table-row <?php if ($data[$key]['SUSPENDED'] == 'yes') echo 'disabled'; ?> js-unit"
 				data-sort-ip="<?= str_replace('.', '', $data[$key]['IP']) ?>"
 				data-sort-date="<?= strtotime($data[$key]['DATE'].' '.$data[$key]['TIME']) ?>"
 				data-sort-name="<?= $key ?>"

web/templates/pages/list_webapps.php

@@ -10,7 +10,7 @@
 </div>
 <!-- End toolbar -->
 
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<div class="form-container form-container-wide">
 		<h1 class="u-mb20"><?= _("Quick Install App") ?></h1>

web/templates/pages/list_weblog.php

@@ -98,4 +98,4 @@
 	<p class="container u-text-center u-mt20 u-mb20">
 		<?= sprintf(_("Last 70 lines of %s.%s.log"), htmlentities($_GET["domain"]), htmlentities($type)) ?>
 	</p>
-	<pre class="console-output animate__animated animate__fadeIn u-pl30 u-pr30">
+	<pre class="console-output u-pl30 u-pr30">

web/templates/pages/setup_webapp.php

@@ -16,7 +16,7 @@
 <!-- End toolbar -->
 
 <!-- Begin form -->
-<div class="container animate__animated animate__fadeIn">
+<div class="container">
 
 	<?php if (!empty($WebappInstaller->getOptions())) { ?>
 		<form id="main-form" method="POST" name="v_setup_webapp">