<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="pt-BR">
	<id>https://www.doctorview.com.br/wiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Thiago.pereira</id>
	<title>Doctor View Wiki - Contribuições do usuário [pt-br]</title>
	<link rel="self" type="application/atom+xml" href="https://www.doctorview.com.br/wiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Thiago.pereira"/>
	<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Especial:Contribui%C3%A7%C3%B5es/Thiago.pereira"/>
	<updated>2026-11-09T20:09:36Z</updated>
	<subtitle>Contribuições do usuário</subtitle>
	<generator>MediaWiki 1.43.9</generator>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Baners&amp;diff=3444</id>
		<title>Predefinição:Baners</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Baners&amp;diff=3444"/>
		<updated>2026-10-13T15:02:28Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;banner&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;card1&amp;quot;&amp;gt;&lt;br /&gt;
[[File:VersaoWeb.png|link=Doctor View Cloud|thumb|class=imagem-zoom]] &lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;card2&amp;quot;&amp;gt;&lt;br /&gt;
[[File:VersaoLocal.png|link=Doctor View Plastic|thumb|class=imagem-zoom]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;card3 autoplay &amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;[[File:Telemed.jpg|link=TeleMedicina|250px|class=center]]&amp;lt;/div&amp;gt;&lt;br /&gt;
 &amp;lt;div&amp;gt;[[File:Telemed2.jpg|link=TeleMedicina|250px|class=center]]&amp;lt;/div&amp;gt;&lt;br /&gt;
 &amp;lt;div&amp;gt;[[File:Cliqueesaiba.jpg|link=TeleMedicina|250px|class=center]]&amp;lt;/div&amp;gt;&lt;br /&gt;
 &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Arquivo:VersaoWeb.png&amp;diff=3443</id>
		<title>Arquivo:VersaoWeb.png</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Arquivo:VersaoWeb.png&amp;diff=3443"/>
		<updated>2026-10-13T15:02:03Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Arquivo:VersaoLocal.png&amp;diff=3442</id>
		<title>Arquivo:VersaoLocal.png</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Arquivo:VersaoLocal.png&amp;diff=3442"/>
		<updated>2026-10-13T15:00:49Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Doctor_View_Cloud&amp;diff=3441</id>
		<title>Doctor View Cloud</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Doctor_View_Cloud&amp;diff=3441"/>
		<updated>2026-10-01T20:55:25Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&#039;&#039;&#039;Doctor View Web (Cloud)&#039;&#039;&#039;&lt;br /&gt;
&amp;lt;div class=&amp;quot;topics&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:AgendaWeb|Agenda Web]]📆 ☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;  &lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:FinanceiroWeb|Financeiro Web]] 📝💲☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot; cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:ProntuárioWeb|Prontuário Web]] 🩺☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:CadastrosWeb|Cadastros Web]] 🪪☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Estoque Web|Estoque Web]]  ⚖️☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Estética Web|Estética Web]] 👨‍⚕️☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:FotosWeb|Fotos Web]] 📸☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Orçamentosweb|Orçamentos Web]] 💱☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Configurações do Sistema Web|Configurações do sistema Web]]  👨‍🔧☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:DVCloud|Doctor View Cloud]] ☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:AssinaturaProntuario| Assinatura do Prontuário:]] ✍️📝☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:EnvioPacientesDocs| Envio de Documentos para o Paciente:]] ➡️📝☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Ajustar Formato de foto Iphone| Ajustar Formato de foto Iphone]] 📝&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Area_do_Paciente| Área do Paciente:]] 👤🏥☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Memed| Memed]] 📅⏰☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:TeleMedicina| TeleMedicina]] 🧑‍💻🩺☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;  &lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:RelacionamentoWeb|Relacionamento Web]] 📝&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Relatorios| Relatorios]] 📝🧑‍💻&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Categoria:Ajustar_Formato_de_foto_Iphone&amp;diff=3440</id>
		<title>Categoria:Ajustar Formato de foto Iphone</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Categoria:Ajustar_Formato_de_foto_Iphone&amp;diff=3440"/>
		<updated>2026-10-01T20:53:46Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: Criou página com &amp;#039;&amp;lt;h2 class=&amp;quot;center&amp;quot;&amp;gt; Como alterar o formato das fotos no iPhone para garantir a compatibilidade com o Doctor View (HEIC para JPEG) &amp;lt;/h2&amp;gt;  &amp;lt;div class=&amp;quot;BdyTexto&amp;quot;&amp;gt;  &amp;lt;p&amp;gt; O vídeo demonstra, passo a passo, como verificar o formato das fotos capturadas pelo iPhone e alterar as configurações da câmera para garantir a compatibilidade com o Doctor View. &amp;lt;p&amp;gt;  &amp;lt;p&amp;gt; Etapas demonstradas: &amp;lt;p&amp;gt;  Verificação do formato atual: acessar uma foto na galeria do iPhone e consultar os detalh...&amp;#039;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;h2 class=&amp;quot;center&amp;quot;&amp;gt; Como alterar o formato das fotos no iPhone para garantir a compatibilidade com o Doctor View (HEIC para JPEG) &amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;BdyTexto&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt; O vídeo demonstra, passo a passo, como verificar o formato das fotos capturadas pelo iPhone e alterar as configurações da câmera para garantir a compatibilidade com o Doctor View. &amp;lt;p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt; Etapas demonstradas: &amp;lt;p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Verificação do formato atual: acessar uma foto na galeria do iPhone e consultar os detalhes para identificar o formato utilizado (HEIC).&lt;br /&gt;
&lt;br /&gt;
Acesso às configurações: abrir os Ajustes do iPhone e selecionar a opção Câmera.&lt;br /&gt;
&lt;br /&gt;
Alteração do formato: acessar a opção Formatos e alterar de Alta Eficiência (HEIC) para Mais Compatível (JPEG). &amp;lt;p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Teste após a alteração: tirar uma nova foto e verificar, na galeria, se ela está sendo salva no formato JPEG. &amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;background:#fff3e0; border-left:4px solid #f39c12; padding:10px 15px; margin:15px auto; max-width:770px; font-size:90%;&amp;quot;&amp;gt;&lt;br /&gt;
💡 &amp;lt;b&amp;gt;Dica:&amp;lt;/b&amp;gt; Segue o GIF abaixo com as orientações &amp;amp;rarr; Caso não seja reproduzido automaticamente, basta clicar sobre ele para visualizar o conteúdo.  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;BordasRdImg&amp;quot;&amp;gt;&lt;br /&gt;
[[File:ConfigIphoneparacompatibilidadefotogif.gif|300px|center]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Doctor_View_Cloud&amp;diff=3439</id>
		<title>Doctor View Cloud</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Doctor_View_Cloud&amp;diff=3439"/>
		<updated>2026-10-01T20:53:24Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&#039;&#039;&#039;Doctor View Web (Cloud)&#039;&#039;&#039;&lt;br /&gt;
&amp;lt;div class=&amp;quot;topics&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:AgendaWeb|Agenda Web]]📆 ☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;  &lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:FinanceiroWeb|Financeiro Web]] 📝💲☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot; cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:ProntuárioWeb|Prontuário Web]] 🩺☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:CadastrosWeb|Cadastros Web]] 🪪☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Estoque Web|Estoque Web]]  ⚖️☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Estética Web|Estética Web]] 👨‍⚕️☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:FotosWeb|Fotos Web]] 📸☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Orçamentosweb|Orçamentos Web]] 💱☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Configurações do Sistema Web|Configurações do sistema Web]]  👨‍🔧☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:DVCloud|Doctor View Cloud]] ☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:AssinaturaProntuario| Assinatura do Prontuário:]] ✍️📝☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:EnvioPacientesDocs| Envio de Documentos para o Paciente:]] ➡️📝☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Area_do_Paciente| Área do Paciente:]] 👤🏥☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Memed| Memed]] 📅⏰☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:TeleMedicina| TeleMedicina]] 🧑‍💻🩺☁️&lt;br /&gt;
&amp;lt;/div&amp;gt;  &lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:RelacionamentoWeb|Relacionamento Web]] 📝&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Relatorios| Relatorios]] 📝🧑‍💻&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;cardAnim cardsBorder&amp;quot;&amp;gt;&lt;br /&gt;
*[[:Categoria:Ajustar Formato de foto Iphone| Ajustar Formato de foto Iphone]] 📝&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3299</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3299"/>
		<updated>2026-07-15T13:59:16Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/b/be/Logodv.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
    color : #191970;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3298</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3298"/>
		<updated>2026-07-15T13:57:47Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/b/be/Logodv.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
    color : linear-gradient(0deg,rgba(3, 0, 163, 1) 0%, rgba(216, 210, 247, 1) 16%, rgba(235, 110, 73, 1) 100%);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3297</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3297"/>
		<updated>2026-07-15T13:56:34Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/b/be/Logodv.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
    color : linear-gradient(0deg,rgba(3, 0, 163, 1) 0%, rgba(216, 210, 247, 1) 53%, rgba(235, 110, 73, 1) 100%);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3296</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3296"/>
		<updated>2026-07-15T13:55:58Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/b/be/Logodv.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
    color : red;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3295</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3295"/>
		<updated>2026-07-15T13:55:03Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/b/be/Logodv.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
    color :  linear-gradient(0deg,rgba(3, 0, 163, 1) 0%, rgba(216, 210, 247, 1) 53%, rgba(235, 110, 73, 1) 100%);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Arquivo:Logodv.png&amp;diff=3294</id>
		<title>Arquivo:Logodv.png</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Arquivo:Logodv.png&amp;diff=3294"/>
		<updated>2026-07-15T13:51:44Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3293</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3293"/>
		<updated>2026-07-15T13:46:58Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/c/cd/Logodvf.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
    background-color: red;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3292</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3292"/>
		<updated>2026-07-15T13:46:23Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/c/cd/Logodvf.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
    background-color: #fcfcfc;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3291</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3291"/>
		<updated>2026-07-15T13:45:14Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/c/cd/Logodvf.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3290</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3290"/>
		<updated>2026-07-15T13:43:39Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/0/0c/Logodvf.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Treinamentos_em_video&amp;diff=3288</id>
		<title>Treinamentos em video</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Treinamentos_em_video&amp;diff=3288"/>
		<updated>2026-07-15T12:40:34Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Primeiros passos == &lt;br /&gt;
Neste vídeo, mostraremos o módulo de Agenda e alguns cadastros básicos que serão necessários para iniciar o uso do Doctor View na sua clínica ou consultório&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;center&amp;quot;&amp;gt;{{Videos Central|video_id=TreinamentoBasico|}} &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Controle de Estoque ==&lt;br /&gt;
Com o controle de estoque do Doctor View, é possível saber a situação atual do seu estoque, registrando e exibindo todas as entradas e saídas de materiais. &lt;br /&gt;
&lt;br /&gt;
[https://youtu.be/JfYFhtca8_o Clique aqui para assistir o vídeo]&lt;br /&gt;
&lt;br /&gt;
== Módulo de Estética ==&lt;br /&gt;
Com o módulo de Estética, o Doctor View o auxilia na demonstração dos pontos onde serão aplicados a toxina butolínica ou preenchimentos, bem como quantidades, lotes, etc. &lt;br /&gt;
&lt;br /&gt;
E o mais importante, com este módulo, será possível enviar SMS de lembretes para o paciente, lembrando-o da necessidade de retornar à clínica para retoque da aplicação&lt;br /&gt;
&lt;br /&gt;
[https://youtu.be/6hgoC5BU09Q Clique aqui para assistir o vídeo]&lt;br /&gt;
&lt;br /&gt;
== Módulo Financeiro ==&lt;br /&gt;
Controle o fluxo de caixa da sua clínica com o módulo financeiro. Contas a pagar e receber, controle de comissões e contas do paciente. &lt;br /&gt;
&lt;br /&gt;
[https://youtu.be/UEHUgbnrBB8 Clique aqui para assistir o vídeo]&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Videos_Central&amp;diff=3287</id>
		<title>Predefinição:Videos Central</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Videos_Central&amp;diff=3287"/>
		<updated>2026-07-15T12:38:28Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#switch: {{{video_id|}}}&lt;br /&gt;
&lt;br /&gt;
| MotivosAgendamentoVideo = &amp;lt;div class =vdo&amp;gt;&amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=xsuV4kF-zjA&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
| StatusAgendamentoVideo = &amp;lt;div class =vdo&amp;gt; &amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=WB0QqE4ypbc&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
| LocalizarAgendamentos = &amp;lt;div class =vdo&amp;gt;&amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=WENcX29g1RY&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
| PrimeirosPassos = &amp;lt;div class =vdo&amp;gt;&amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=mPRS8BBWqlU&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
| AreaDoPaciente = &amp;lt;div class =vdo&amp;gt;&amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=t3K5lweqMrw&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|TreinamentoBasico = &amp;lt;div class =vdo&amp;gt;&amp;lt;youtube&amp;gt; https://youtu.be/mPRS8BBWqlU&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
| #default = &amp;lt;div class = &amp;quot;center&amp;quot;&amp;gt;O video tutorial ainda está em  produção logo mais teremos novidades ☺ . &amp;lt;/div&amp;gt;&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Cabe%C3%A7alho&amp;diff=3286</id>
		<title>Predefinição:Cabeçalho</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Cabe%C3%A7alho&amp;diff=3286"/>
		<updated>2026-07-15T12:34:23Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;cabecalho &amp;quot;&amp;gt; &lt;br /&gt;
&amp;lt;h1&amp;gt; Bem vindos ao seu Manual Doctor View  &amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Aqui você encontrará um vasto material sobre o uso do software Doctor View, com tutoriais passo a passo e vídeos explicativos.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class = &amp;quot;imagem-zoom imagem-zoom:hover&amp;quot;&amp;gt; &lt;br /&gt;
&amp;lt;p&amp;gt;[[File:Playvideo.png|80px|link=treinamentos_em_video|class=imagem-zoom]]&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Cabe%C3%A7alho&amp;diff=3285</id>
		<title>Predefinição:Cabeçalho</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Cabe%C3%A7alho&amp;diff=3285"/>
		<updated>2026-07-15T12:33:18Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;cabecalho &amp;quot;&amp;gt; &lt;br /&gt;
&amp;lt;h1&amp;gt; Bem vindos ao seu Manual Doctor View  &amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Aqui você encontrará um vasto material sobre o uso do software Doctor View, com tutoriais passo a passo e vídeos explicativos.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class &amp;quot;imagem-zoom imagem-zoom:hover&amp;quot;&amp;gt; &lt;br /&gt;
&amp;lt;p &amp;gt;[[File:Playvideo.png|80px|link=treinamentos_em_video|class=imagem-zoom]]&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Cabe%C3%A7alho&amp;diff=3284</id>
		<title>Predefinição:Cabeçalho</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Cabe%C3%A7alho&amp;diff=3284"/>
		<updated>2026-07-15T12:32:11Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;cabecalho &amp;quot;&amp;gt; &lt;br /&gt;
&amp;lt;h1&amp;gt; Bem vindos ao seu Manual Doctor View  &amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Aqui você encontrará um vasto material sobre o uso do software Doctor View, com tutoriais passo a passo e vídeos explicativos.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class &amp;quot;imagem-zoom imagem-zoom:hover&amp;quot;&amp;gt;[[File:Playvideo.png|80px|link=treinamentos_em_video|class=imagem-zoom]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Cabe%C3%A7alho&amp;diff=3283</id>
		<title>Predefinição:Cabeçalho</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Cabe%C3%A7alho&amp;diff=3283"/>
		<updated>2026-07-15T12:25:01Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;cabecalho imagem-zoom imagem-zoom:hover &amp;quot;&amp;gt; &lt;br /&gt;
&amp;lt;h1&amp;gt; Bem vindos ao seu Manual Doctor View  &amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Aqui você encontrará um vasto material sobre o uso do software Doctor View, com tutoriais passo a passo e vídeos explicativos.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[File:Playvideo.png|80px|link=treinamentos_em_video|class=imagem-zoom]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3282</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3282"/>
		<updated>2026-07-14T20:27:12Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/0/0c/Logodvt.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3281</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3281"/>
		<updated>2026-07-14T20:25:25Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    &lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/0/0c/Logodvt.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3280</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3280"/>
		<updated>2026-07-14T20:24:48Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    border: 1px solid black !important;&lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/0/0c/Logodvt.png&#039;) !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
    background-position: left center !important;&lt;br /&gt;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */&lt;br /&gt;
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    line-height: 32px !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3279</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3279"/>
		<updated>2026-07-14T20:22:49Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    border: 1px solid black !important;&lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/0/0c/Logodvt.png&#039;) !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3278</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3278"/>
		<updated>2026-07-14T20:19:22Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    border: 1px solid black !important;&lt;br /&gt;
    background-image: url(&#039;https://www.doctorview.com.br/wiki/images/4/4c/Logodvt.png&#039;) !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3277</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3277"/>
		<updated>2026-07-14T20:17:34Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    border: 1px solid black !important;&lt;br /&gt;
   background-image: url([[Logodvt.png]]) !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Arquivo:Logodvt.png&amp;diff=3276</id>
		<title>Arquivo:Logodvt.png</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Arquivo:Logodvt.png&amp;diff=3276"/>
		<updated>2026-07-14T20:15:29Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3275</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3275"/>
		<updated>2026-07-14T20:09:19Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
#mw-navigation .brand,&lt;br /&gt;
.minerva-header .brand {&lt;br /&gt;
    border: 1px solid red !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Alternativa 2: Focando diretamente no link do título */&lt;br /&gt;
.minerva-header .site-branding a {&lt;br /&gt;
    border: 1px solid blue !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-wiki-logo, .mw-logo-wordmark {&lt;br /&gt;
    border: 1px solid black !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3274</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3274"/>
		<updated>2026-07-14T19:58:51Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
.mw-wiki-title{&lt;br /&gt;
border: solid 1px black !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3273</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3273"/>
		<updated>2026-07-14T19:57:54Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** NAVB E NOME E LOGO*/ &lt;br /&gt;
&lt;br /&gt;
.mw-wiki-title{&lt;br /&gt;
border: solid 1px black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Videos_Central&amp;diff=3272</id>
		<title>Predefinição:Videos Central</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Videos_Central&amp;diff=3272"/>
		<updated>2026-07-14T19:37:13Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#switch: {{{video_id|}}}&lt;br /&gt;
&lt;br /&gt;
| MotivosAgendamentoVideo = &amp;lt;div class =vdo&amp;gt;&amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=xsuV4kF-zjA&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
| StatusAgendamentoVideo = &amp;lt;div class =vdo&amp;gt; &amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=WB0QqE4ypbc&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
| LocalizarAgendamentos = &amp;lt;div class =vdo&amp;gt;&amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=WENcX29g1RY&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
| PrimeirosPassos = &amp;lt;div class =vdo&amp;gt;&amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=mPRS8BBWqlU&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
| AreaDoPaciente = &amp;lt;div class =vdo&amp;gt;&amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=t3K5lweqMrw&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
| #default = &amp;lt;div class = &amp;quot;center&amp;quot;&amp;gt;O video tutorial ainda está em  produção logo mais teremos novidades ☺ . &amp;lt;/div&amp;gt;&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3271</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3271"/>
		<updated>2026-07-14T19:35:34Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
 .vdo {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .vdo iframe, &lt;br /&gt;
   .vdo embed, &lt;br /&gt;
   .vdo object,&lt;br /&gt;
   .vdo .embedvideo {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: auto !important;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3270</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3270"/>
		<updated>2026-07-14T19:32:33Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .vdo  {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ytmCuedOverlayHost cued-overlay {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px red; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 50%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3269</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3269"/>
		<updated>2026-07-14T19:10:55Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .vdo  {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px blue; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 96%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ytmCuedOverlayHost cued-overlay {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px red; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 50%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3268</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3268"/>
		<updated>2026-07-14T19:09:11Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .vdo  {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px blue; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 96%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ytmCuedOverlayHost cued-overlay {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px red; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 50%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3267</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3267"/>
		<updated>2026-07-14T19:07:40Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .vdo  {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px blue; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 90%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ytmCuedOverlayHost {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px red; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 50%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3266</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3266"/>
		<updated>2026-07-14T19:06:54Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .vdo video-cover {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px blue; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ytmCuedOverlayHost {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px red; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 100%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3265</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3265"/>
		<updated>2026-07-14T18:50:06Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .vdo video-cover {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px blue; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3264</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3264"/>
		<updated>2026-07-14T18:48:44Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .vdo {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px blue; &lt;br /&gt;
        height: auto;&lt;br /&gt;
        width: 100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3263</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3263"/>
		<updated>2026-07-14T18:47:41Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .vdo {&lt;br /&gt;
&lt;br /&gt;
        &lt;br /&gt;
        border:  solid 3px blue; &lt;br /&gt;
        height: 200px;&lt;br /&gt;
        width: 50%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3262</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3262"/>
		<updated>2026-07-14T18:45:35Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .vdo iframe{&lt;br /&gt;
&lt;br /&gt;
        width: 390px;&lt;br /&gt;
        border:  solid 3px blue; &lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3261</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3261"/>
		<updated>2026-07-14T18:37:42Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .vdo{&lt;br /&gt;
&lt;br /&gt;
        width: 390px;&lt;br /&gt;
        border:  solid 3px blue; &lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Videos_Central&amp;diff=3260</id>
		<title>Predefinição:Videos Central</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=Predefini%C3%A7%C3%A3o:Videos_Central&amp;diff=3260"/>
		<updated>2026-07-14T18:35:47Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#switch: {{{video_id|}}}&lt;br /&gt;
&lt;br /&gt;
| MotivosAgendamentoVideo = &amp;lt;div class =vdo&amp;gt;&amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=xsuV4kF-zjA&amp;lt;/youtube&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
| StatusAgendamentoVideo = &amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=WB0QqE4ypbc&amp;lt;/youtube&amp;gt;&lt;br /&gt;
&lt;br /&gt;
| LocalizarAgendamentos = &amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=WENcX29g1RY&amp;lt;/youtube&amp;gt;&lt;br /&gt;
| PrimeirosPassos = &amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=mPRS8BBWqlU&amp;lt;/youtube&amp;gt;&lt;br /&gt;
&lt;br /&gt;
| AreaDoPaciente = &amp;lt;youtube&amp;gt;https://www.youtube.com/watch?v=t3K5lweqMrw&amp;lt;/youtube&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
| #default = &amp;lt;div class = &amp;quot;center&amp;quot;&amp;gt;O video tutorial ainda está em  produção logo mais teremos novidades ☺ . &amp;lt;/div&amp;gt;&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3259</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3259"/>
		<updated>2026-07-14T18:33:27Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 #movie_player{&lt;br /&gt;
        width: 390px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3258</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3258"/>
		<updated>2026-07-14T17:49:49Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 #player-controls{&lt;br /&gt;
        width: 750px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3257</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3257"/>
		<updated>2026-07-14T17:47:54Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
 .ytmVideoCoverHost{&lt;br /&gt;
        width: 750px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3256</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3256"/>
		<updated>2026-07-14T15:52:40Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
	<entry>
		<id>https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3255</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://www.doctorview.com.br/wiki/index.php?title=MediaWiki:Common.css&amp;diff=3255"/>
		<updated>2026-07-14T15:51:41Z</updated>

		<summary type="html">&lt;p&gt;Thiago.pereira: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** o código CSS colocado aqui será aplicado a todos os temas */&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css&amp;quot;);&lt;br /&gt;
@import url(&amp;quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;,700;1,800;1,900&amp;amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;amp;display=swap&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
/** CSS  da  Pagina  Inicial */&lt;br /&gt;
&lt;br /&gt;
/** Divs cabeçalho cabecalho */&lt;br /&gt;
&lt;br /&gt;
.cabecalho {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cabecalho h1 {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 30px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.cabecalho p {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs Banners e Novidades */&lt;br /&gt;
&lt;br /&gt;
.banner {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  grid-template-columns: repeat(3);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card1 {&lt;br /&gt;
    width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
}&lt;br /&gt;
.card2 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: fit-content !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    max-height: 100% !important;&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
  grid-area: 1 / 2 / 2 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-area: 1 / 3 / 2 /4;&lt;br /&gt;
  width: 250px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.center {&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.arredondar iframe{&lt;br /&gt;
border-radius: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Divs footer de Sugestoes de mais  clicados */&lt;br /&gt;
&lt;br /&gt;
.guess {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-row-gap: 5px;&lt;br /&gt;
  grid-column-gap: 5px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guess h2 {&lt;br /&gt;
  grid-area: 1 / 1 / 2 /4;&lt;br /&gt;
  color: #002244;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild1 {&lt;br /&gt;
  grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild1 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild2 {&lt;br /&gt;
  grid-area: 2 / 2 / 3 /3;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.guesschild2 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 {&lt;br /&gt;
  grid-area: 2 / 3 / 3 /4;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.guesschild3 a {&lt;br /&gt;
  font-family: &amp;quot;Inter&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  color: #2b4162;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA TOPICOS EM LISTA  */&lt;br /&gt;
&lt;br /&gt;
.topics {&lt;br /&gt;
 display: inline-flex;&lt;br /&gt;
 row-gap: 10px;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
column-gap: 10px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardsBorder{&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  flex-basis: calc(20% - 8px);&lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
.cardsBorder li{&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  PARA DEMAIS  PAGINAS  */&lt;br /&gt;
&lt;br /&gt;
.topo {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo h2 {display: inline;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 35px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.topo div {&lt;br /&gt;
  grid-area: 2 / 2 /3 /3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagensTm {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.instrucoes {&lt;br /&gt;
  background-color: #fcfcfc;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BdyTexto{&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #444444;&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-size: 17px;&lt;br /&gt;
  line-height: 1.5&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BdyList ul{&lt;br /&gt;
align-items: left;&lt;br /&gt;
text-align: left;&lt;br /&gt;
font-size: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.BordasRdImg img{&lt;br /&gt;
border-radius: 15px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.StandardAlert{&lt;br /&gt;
border: 1px solid #dde2d3;&lt;br /&gt;
padding:10px;&lt;br /&gt;
background: #ffeddc;&lt;br /&gt;
 width:auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  de Efeitos das imagens e linhas */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  transition: transform 0.3s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.imagem-zoom:hover {&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** CSS  para colocar cards pra frente */&lt;br /&gt;
&lt;br /&gt;
.cardAnim {&lt;br /&gt;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);&lt;br /&gt;
  transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cardAnim:hover {&lt;br /&gt;
  transform: translateY(-5px);&lt;br /&gt;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para Remover quadro da imagem */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.carousel {&lt;br /&gt;
  width: 50px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.autoplay button {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para tocar o video*/&lt;br /&gt;
&lt;br /&gt;
.video-preview {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */&lt;br /&gt;
    line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.video-preview iframe {&lt;br /&gt;
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** CSS  para versão mobile*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px)&lt;br /&gt;
 {&lt;br /&gt;
    .mw-logo-wordmark{&lt;br /&gt;
  color: linear-gradient(90deg,rgba(3, 0, 166, 1) 0%, rgba(235, 235, 242, 1) 35%, rgba(255, 132, 0, 1) 100%);&lt;br /&gt;
  font-family: &amp;quot;Poppins&amp;quot;, sans-serif;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .banner {&lt;br /&gt;
        grid-template-columns: 1fr; &lt;br /&gt;
        grid-row-gap: 0px;&lt;br /&gt;
        grid-column-gap: 0px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .card1 {&lt;br /&gt;
      align-items: center;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
      width: fit-content !important;&lt;br /&gt;
      max-width: 100% !important;&lt;br /&gt;
      max-height: 100% !important;&lt;br /&gt;
      display: inline-block !important;&lt;br /&gt;
      grid-area: 1 / 1 / 2/ 2;&lt;br /&gt;
      margin-left: auto;&lt;br /&gt;
      margin-right: auto;&lt;br /&gt;
    }&lt;br /&gt;
.card2 {&lt;br /&gt;
     grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
     width: fit-content !important;&lt;br /&gt;
     max-width: 100% !important;&lt;br /&gt;
     max-height: 100% !important;&lt;br /&gt;
     display: inline-block !important;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card3 {&lt;br /&gt;
     align-items: center;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
     width: 250px;&lt;br /&gt;
     margin-left: auto;&lt;br /&gt;
     margin-right: auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** Mais procurados mobile */ &lt;br /&gt;
&lt;br /&gt;
    .guess h2 {&lt;br /&gt;
      grid-area: 1 / 1 / 2 /2;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
    .guesschild1 {&lt;br /&gt;
      grid-area: 2 / 1 / 3 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .guesschild2 {&lt;br /&gt;
      grid-area: 3 / 1 / 4 /2;&lt;br /&gt;
      border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   .guesschild3 {&lt;br /&gt;
     grid-area: 4 / 1 / 5 /2;&lt;br /&gt;
     border-radius: 10px;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/** listas de tópicos mobile */ &lt;br /&gt;
&lt;br /&gt;
    .cardsBorder{&lt;br /&gt;
       flex-basis: calc(40% + 10px);&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
       margin-left: auto;&lt;br /&gt;
       margin-right: auto;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Thiago.pereira</name></author>
	</entry>
</feed>