css classess for text that disappear

web/lang/en_gb.php

@@ -102,6 +102,7 @@ $SLANG = array(
     'AlarmRGBUnset'         => 'You must set an alarm RGB colour',
     'Alert'                 => 'Alert',
     'All'                   => 'All',
+    'AllTokensRevoked'       =>  'All Tokens Revoked',
     'AnalysisFPS'           => 'Analysis FPS',
     'AnalysisUpdateDelay'   => 'Analysis Update Delay',
      'API'                  =>  'API',

web/skins/classic/css/base/skin.css

@@ -350,10 +350,53 @@ fieldset > legend {
 .alert, .warnText, .warning, .disabledText {
     color: #ffa801;
 }
+
+
 .alarm, .errorText, .error {
     color: #ff3f34;
 }
 
+.timedErrorBox {
+  color:white;
+  background:#e74c3c;
+  border-radius:5px;
+  padding:5px;
+  -moz-animation: inAndOut 5s ease-in forwards;
+  -webkit-animation: inAndOut 5s ease-in forwards;
+  animation: inAndOut 5s ease-in forwards;
+}
+
+/*
+  the timed classed auto disappear after 5s
+*/
+.timedWarningBox {
+  color:white;
+  background:#e67e22;
+  border-radius:5px;
+  padding:5px;
+  -moz-animation: inAndOut 5s ease-in forwards;
+  -webkit-animation: inAndOut 5s ease-in forwards;
+  animation: inAndOut 5s ease-in forwards;
+}
+
+.timedSuccessBox {
+  color:white;
+  background:#27ae60;
+  border-radius:5px;
+  padding:5px;
+  -moz-animation: inAndOut 5s ease-in forwards; 
+  -webkit-animation: inAndOut 5s ease-in forwards;
+  animation: inAndOut 5s ease-in forwards;
+}
+
+@keyframes inAndOut {
+  0% {opacity:0;}
+  10% {opacity:1;}
+  90% {opacity:1;}
+  100% {opacity:0;}
+}
+
+
 .fakelink {
     color: #7f7fb2;
     cursor: pointer;

web/skins/classic/views/options.php

@@ -330,7 +330,7 @@ foreach ( array_map('basename', glob('skins/'.$current_skin.'/css/*',GLOB_ONLYDI
       {
         $minTokenTime = time();
         dbQuery ('UPDATE Users SET TokenMinExpiry=?', array ($minTokenTime));
-        echo "All Tokens Revoked";
+        echo "<span class='timedSuccessBox'>translate('AllTokensRevoked')</span>";
       }
 
       function updateSelected()
@@ -338,14 +338,13 @@ foreach ( array_map('basename', glob('skins/'.$current_skin.'/css/*',GLOB_ONLYDI
         dbQuery("UPDATE Users SET APIEnabled=0");
         foreach( $_REQUEST["tokenUids"] as $markUid ) {
           $minTime = time();
-        // echo "UPDATE Users SET TokenMinExpiry=".$minTime." WHERE Id=".$markUid."<br/>";
           dbQuery('UPDATE Users SET TokenMinExpiry=? WHERE Id=?', array($minTime, $markUid));
         }
         foreach( $_REQUEST["apiUids"] as $markUid ) {
           dbQuery('UPDATE Users SET APIEnabled=1 WHERE Id=?', array($markUid));
-        //  echo "UPDATE Users SET APIEnabled=1"." WHERE Id=".$markUid."<br/>";
+      
         }
-        echo "Updated";
+        echo "<span class='timedSuccessBox'>translate('Updated')</span>;
       }
 
       if(array_key_exists('revokeAllTokens',$_POST)){