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;
+/** CSS  para versão mobile*/
-    overflow: hidden;
-    position: relative;
+@media (max-width: 768px)
-     border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */
+ {
-    line-height: 0;
+    .banner {
+        grid-template-columns: 1fr;
+        grid-row-gap: 0px;
+        grid-column-gap: 0px;
+        text-align: center;
+        align-items: center;
+    }
+    .card1 {
+      align-items: center;
+      text-align: center;
+      width: fit-content !important;
+      max-width: 100% !important;
+      max-height: 100% !important;
+      display: inline-block !important;
+      grid-area: 1 / 1 / 2/ 2;
+      margin-left: auto;
+      margin-right: auto;
+     }
+.card2 {
+     grid-area: 2 / 1 / 3 /2;
+     width: fit-content !important;
+     max-width: 100% !important;
+     max-height: 100% !important;
+     display: inline-block !important;
+     margin-left: auto;
+     margin-right: auto;
 }
-.video-preview iframe {
+.card3 {
-     pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */
+     align-items: center;
+     text-align: center;
+     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;
+}
 }