[Noalyss-commit] [noalyss] 04/07: Cosmetic small devices

[Dany De Bontridder]

sparkyx pushed a commit to branch master
in repository noalyss.

commit 3a59e434dd6423ff4093a9f34110b10a88adcdbd
Author: sparkyx <danydb@noalyss.eu>
AuthorDate: Thu Sep 16 09:44:09 2021 +0200

    Cosmetic small devices
---
 html/css/style-classic7.css | 84 +++++++++++++++++++++++++++++++++++----------
 1 file changed, 66 insertions(+), 18 deletions(-)

diff --git a/html/css/style-classic7.css b/html/css/style-classic7.css
index 952529c..4b5f593 100644
--- a/html/css/style-classic7.css
+++ b/html/css/style-classic7.css
@@ -123,10 +123,7 @@ h3.info {
     text-align:center;
 }
 
- @keyframes error_h2 {
-     from {background-color:  hsl(358,60%,44%);}
-     to {background-color: hsl(359,100%,44%);}
- }
+
  h2.error {
      background:#FF0000;
      color:#FFFFFF;
@@ -248,16 +245,45 @@ table.document th{
     background-color:#EDF3FF;
     font-style: italic;
 }
-.error {
-    width:60%;
-    margin-left:20%;
-    text-align: center;
 
-    color:#FFFFFF;
-    background-color:#FF0000;
-    font-weight: bolder;
+ @keyframes error_h2 {
+     from {background-color:  hsl(358,60%,44%);}
+     to {background-color: hsl(359,100%,44%);}
+ }
+ .error {
+     width:auto;
+     margin-left:2em;
+     text-align: center;
+
+     color:#FFFFFF;
+     background-color:#FF0000;
+     font-weight: bolder;
+     animation-name: error_h2;
+     animation-duration: 4s;
+     animation-iteration-count: infinite;
+ }
+@media (min-width: 576px) {
+
+}
+/* MeDium */
+@media (min-width: 768px) {
+    .error {
+        width:60%;
+        margin-left:20%;
+        text-align: center;
+
+        color:#FFFFFF;
+        background-color:#FF0000;
+        font-weight: bolder;
+    }
+}
+/* LarGe */
+@media (min-width: 992px) {
 }
+/* eXtraLarge */
+@media (min-width: 1200px) {
 
+}
 table.mtitle {
     border:0px;
     text-align:center;
@@ -2169,16 +2195,38 @@ td.box {
   bottom: 0px;
   right: 0px;
 }
+ .smoke-base .dialog {
+     position: absolute;
+     top: 10%;
+     width: auto;
+     left: 2px;
+     margin-left: 2px;
+     margin-right: 2px;
+     overflow: auto;
+ }
+
+@media (min-width: 576px) {
+
+}
+/* MeDium */
+@media (min-width: 768px) {
+    .smoke-base .dialog {
+        position: absolute;
+        top: 25%;
+        width: 40%;
+        left: 50% !important;
+        margin-left: -20%;
+         border-radius:7px;
+    } 
 
-.smoke-base .dialog {
-  position: absolute;
-    top: 25%;
-  width: 40%;
-  left: 50% !important;
-  margin-left: -20%;
-  border-radius:7px;
 }
+/* LarGe */
+@media (min-width: 992px) {
+}
+/* eXtraLarge */
+@media (min-width: 1200px) {
 
+}
 .dialog-prompt {
   margin-top: 15px;
   text-align: center;