MediaWiki:Common.css: mudanças entre as edições

Edição posterior →

@@ Linha 1: / Linha 1: @@
 /** o código CSS colocado aqui será aplicado a todos os temas */
-     .pai{
+     .pai{border: solid 2px black;
-        height: 100vh;
-        border: solid 5px black;
          display: grid;
+        height: 100%;
+        grid-row-gap: 10px;
+        grid-column-gap: 10px;
      }
+     .banner{border: solid 2px gray;
-     .sideBar{border: solid 5px gray;
+             grid-area: 1 / 1 / 2 /3;
-            grid-area: 1 / 1 / 6 /2;
+             text-align: center;
-             display: grid
+             font-family: serif;
+             color: #555555;
+            }
+     .banner h4 {border: solid 2px rgb(29, 29, 29);
+             text-align: center;
+             font-family: serif;
+             color: #555555;
+    }
+    .cards1 {border: solid 2px rgb(216, 119, 119);
+        grid-area: 2 / 1 / 4 /2;
+         padding: 3px;
+    }
+    .cards1 img{
+        border: solid 2px rgb(29, 29, 29);
+        width: 100px;
+        height: 100px;
      }
-     .headIn{
+     .cards2 {
-         border: solid 5px green;
+         border: solid 2px rgb(129, 119, 216);
-         grid-area: 1 / 2 / 2 / 6;
+         grid-area: 2 / 2 / 4 /3;
-         margin: auto;
+         padding: 3px;
      }
-    .bodyIn{border: solid 5px pink;
-            grid-area: 2 / 2 / 6 / 5;
-            display: grid;
+    .cards2 img{
+        border: solid 2px rgb(29, 29, 29);
+        width: 100px;
+        height: 100px;
      }
-     .sideFree {border: solid 5px orangered;
+     .fastguid{
-         grid-area: 2 / 5 / 6 / 6;
+        border: solid 2px rgb(119, 216, 159);
+         grid-area: 4 / 1 / 5 /3;
      }
-    .icon div { grid-area: 1 / 1 / 2 / 2;
-    width: 32px;
-    height: 2px;
-    background:#131212;
-    margin: 8px ;
-     }
-     .imge{
-        grid-area: 1 / 2 / 2 / 3;
-        border: solid 5px rgb(119, 206, 119);
-        height: 15vh;
-     }
-     .searchBox{
-         height: 5vh;
-         width: 25vw;
-         text-align: center;
-         border: solid 5px rgb(119, 206, 119);
-     }
-     .searchIn
-     {   height: 100%;
-         width: 100%;
-     }
-     .card1 {
-        border: solid 5px rgb(127, 138, 183);
-        grid-area: 1 / 1 / 2 / 3;
-        text-align: center;
-        font-size: 1vw;
-        margin: 0;
-     }
-     .card2 {
-        border: solid 5px rgb(109, 208, 162);
-        grid-area: 2 / 1 / 3 / 2;
-     }
+    .imagem-zoom {
-     .card3 {
+  width: 300px;
-        border: solid 5px rgb(201, 220, 125);
+  height: auto;
-        grid-area: 2 / 2 / 3 / 3;
+  transition: transform 0.3s ease-in-out;
+}
-     }
-     .card4 {
-        border: solid 5px rgb(203, 104, 190);
-        grid-area: 3 / 1 / 4 / 3;
-     }
+.imagem-zoom:hover {
+  transform: scale(1.1);
+}