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

← Edição anterior

@@ Linha 5: / Linha 5: @@
 /** CSS  da  Pagina  Inicial */
+/** NAVB E NOME E LOGO*/
+.mw-wiki-logo, .mw-logo-wordmark {
+    background-image: url('https://www.doctorview.com.br/wiki/images/b/be/Logodv.png') !important;
+    background-repeat: no-repeat !important;
+    background-position: left center !important;
+    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */
+    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */
+    display: inline-block !important;
+    line-height: 32px !important;
+    color : #191970;
+}
 /** Divs cabeçalho cabecalho */
@@ Linha 258: / Linha 275: @@
-/** CSS  para tocar o video*/
-.video-preview {
-    display: inline-block;
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */
-    line-height: 0;
-}
-.video-preview iframe {
-    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */
+/** CSS  para versão mobile*/
-}
+@media (max-width: 768px)
+ {
-/** CSS  para versão mobile*/
-@media (max-width: 768px) {
      .banner {
          grid-template-columns: 1fr;
-         grid-template-areas:
+         grid-row-gap: 0px;
-            "card1"
+        grid-column-gap: 0px;
-            "card2"
+        text-align: center;
-            "card3"
+        align-items: center;
-            ;
      }
-.card1 {
+    .card1 {
-    width: fit-content !important;
+      align-items: center;
-    max-width: 100% !important;
+      text-align: center;
-    max-height: 100% !important;
+      width: fit-content !important;
-    display: inline-block !important;
+      max-width: 100% !important;
-  display: grid;
+      max-height: 100% !important;
-  grid-area: 1 / 1 / 2/ 2;
+      display: inline-block !important;
-}
+      grid-area: 1 / 1 / 2/ 2;
+      margin-left: auto;
+      margin-right: auto;
+    }
 .card2 {
-  display: grid;
+     grid-area: 2 / 1 / 3 /2;
-  width: fit-content !important;
+     width: fit-content !important;
-    max-width: 100% !important;
+     max-width: 100% !important;
-    max-height: 100% !important;
+     max-height: 100% !important;
-    display: inline-block !important;
+     display: inline-block !important;
-  grid-area: 2 / 1 / 3 /2;
+     margin-left: auto;
+     margin-right: auto;
 }
 .card3 {
-  display: grid;
+     align-items: center;
-  grid-area: 3 / 1 / 4 /2;
+     text-align: center;
-  width: 250px;
+     grid-area: 3 / 1 / 4 /2;
+     width: 250px;
+     margin-left: auto;
+     margin-right: auto;
+}
+/** Mais procurados mobile */
+    .guess h2 {
+      grid-area: 1 / 1 / 2 /2;
+   }
+    .guesschild1 {
+      grid-area: 2 / 1 / 3 /2;
+      border-radius: 10px;
+   }
+    .guesschild2 {
+      grid-area: 3 / 1 / 4 /2;
+      border-radius: 10px;
+   }
+   .guesschild3 {
+     grid-area: 4 / 1 / 5 /2;
+     border-radius: 10px;
+   }
+/** listas de tópicos mobile */
+    .cardsBorder{
+       flex-basis: calc(40% + 10px);
+       font-size: 16px;
+       margin-left: auto;
+       margin-right: auto;
+ }
+ .vdo {
+    width: 100%;
+    max-width: 100%;
+    display: block;
+}
+   .vdo iframe,
+   .vdo embed,
+   .vdo object,
+   .vdo .embedvideo {
+    width: 100% !important;
+    height: auto !important;
+    aspect-ratio: 16 / 9;
+}
+.minerva-header .site-branding a {
+    border: 1px solid red !important;
 }
 }