style changes in the index

[VSoRC/.git] / styles / main.css

diff --git a/styles/main.css b/styles/main.css
index a787ce694ac6a84268c00206894039a88debd9a9..0b3d0f0913e5892cc7983b95c661efbfed38dca2 100644 (file)
--- a/styles/main.css
+++ b/styles/main.css
@@ -6,8 +6,7 @@ faltan los textbox y selects
 
 
 
-
-body {
+html{
   background:
     linear-gradient(238deg, rgba(70, 70, 70, 0.09) 0%, rgba(70, 70, 70, 0.09) 50%, rgba(214, 214, 214, 0.09) 50%, rgba(214, 214, 214, 0.09) 100%),
     linear-gradient(126deg, rgba(223, 223, 223, 0.05) 0%, rgba(223, 223, 223, 0.05) 50%, rgba(217, 217, 217, 0.05) 50%, rgba(217, 217, 217, 0.05) 100%),
@@ -17,7 +16,19 @@ body {
     linear-gradient(100deg, rgba(220, 220, 220, 0.07) 0%, rgba(220, 220, 220, 0.07) 50%, rgba(65, 65, 65, 0.07) 50%, rgba(65, 65, 65, 0.07) 100%),
     linear-gradient(190deg, rgba(194, 194, 194, 0.03) 0%, rgba(194, 194, 194, 0.03) 50%, rgba(206, 206, 206, 0.03) 50%, rgba(206, 206, 206, 0.03) 100%),
     linear-gradient(320deg, rgba(10, 10, 10, 0.08) 0%, rgba(10, 10, 10, 0.08) 50%, rgba(231, 231, 231, 0.08) 50%, rgba(231, 231, 231, 0.08) 100%),
-    linear-gradient(90deg, rgb(10, 147, 39), rgb(235, 252, 123));\r
+    linear-gradient(90deg, rgb(10, 147, 39), rgb(235, 252, 123));
+}
+body {
+  /* background:
+    linear-gradient(238deg, rgba(70, 70, 70, 0.09) 0%, rgba(70, 70, 70, 0.09) 50%, rgba(214, 214, 214, 0.09) 50%, rgba(214, 214, 214, 0.09) 100%),
+    linear-gradient(126deg, rgba(223, 223, 223, 0.05) 0%, rgba(223, 223, 223, 0.05) 50%, rgba(217, 217, 217, 0.05) 50%, rgba(217, 217, 217, 0.05) 100%),
+    linear-gradient(152deg, rgba(116, 116, 116, 0.08) 0%, rgba(116, 116, 116, 0.08) 50%, rgba(248, 248, 248, 0.08) 50%, rgba(248, 248, 248, 0.08) 100%),
+    linear-gradient(225deg, rgba(1, 1, 1, 0.07) 0%, rgba(1, 1, 1, 0.07) 50%, rgba(5, 5, 5, 0.07) 50%, rgba(5, 5, 5, 0.07) 100%),
+    linear-gradient(194deg, rgba(14, 14, 14, 0.09) 0%, rgba(14, 14, 14, 0.09) 50%, rgba(206, 206, 206, 0.09) 50%, rgba(206, 206, 206, 0.09) 100%),
+    linear-gradient(100deg, rgba(220, 220, 220, 0.07) 0%, rgba(220, 220, 220, 0.07) 50%, rgba(65, 65, 65, 0.07) 50%, rgba(65, 65, 65, 0.07) 100%),
+    linear-gradient(190deg, rgba(194, 194, 194, 0.03) 0%, rgba(194, 194, 194, 0.03) 50%, rgba(206, 206, 206, 0.03) 50%, rgba(206, 206, 206, 0.03) 100%),
+    linear-gradient(320deg, rgba(10, 10, 10, 0.08) 0%, rgba(10, 10, 10, 0.08) 50%, rgba(231, 231, 231, 0.08) 50%, rgba(231, 231, 231, 0.08) 100%),
+    linear-gradient(90deg, rgb(10, 147, 39), rgb(235, 252, 123)); */\r
   display: flex;\r
   flex-direction: column;
   font-family: helvetica;
@@ -75,27 +86,23 @@ flex-grow: 1;
   justify-content: space-around;
   align-items: stretch;
   align-content: stretch; */
-}
-
-.CPU {
-  display: flex;
-  align-items: stretch;
-  align-content: stretch;
-  justify-content: space-around;
-}
-.CPU div{\r
-  flex-shrink:1;\r
-}
-.iframea {
-  display: flex;
   width: 100%;
-  height: 40em;
-  overflow: auto;
-  border-radius: 20px;
+  display: flex;
+  flex-flow: row wrap\r
 }\r
-#ram, #cpu, #trafico{\r
-\r
+.RAM{\r
+  flex-basis: 60%\r
+}\r
+.CPU{\r
+  flex-basis: 30%;\r
+  flex-grow: 1;\r
+}\r
+.TRAFFIC{\r
+  flex-basis: 100%\r
 }\r
+\r
+\r
+\r
 .navbar{\r
   width: auto;\r
 }\r