MediaWiki:Common.css: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
| (92 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 5: | Linha 5: | ||
/** CSS da Pagina Inicial */ | /** CSS da Pagina Inicial */ | ||
/** NAVB E NOME E LOGO*/ | |||
.mw-wiki-logo, .mw-logo-wordmark { | |||
background-image: url('https://www.doctorview.com.br/wiki/images/b/be/Logodv.png') !important; | |||
background-repeat: no-repeat !important; | |||
background-position: left center !important; | |||
background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */ | |||
padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */ | |||
display: inline-block !important; | |||
line-height: 32px !important; | |||
color : #191970; | |||
} | |||
/** Divs cabeçalho cabecalho */ | /** Divs cabeçalho cabecalho */ | ||
| Linha 40: | Linha 57: | ||
.card1 { | .card1 { | ||
width: fit-content !important; | |||
max-width: 100% !important; | |||
max-height: 100% !important; | |||
display: inline-block !important; | |||
display: grid; | display: grid; | ||
grid-area: 1 / 1 / 2/ 2; | grid-area: 1 / 1 / 2/ 2; | ||
| Linha 45: | Linha 66: | ||
.card2 { | .card2 { | ||
display: grid; | display: grid; | ||
width: fit-content !important; | |||
max-width: 100% !important; | |||
max-height: 100% !important; | |||
display: inline-block !important; | |||
grid-area: 1 / 2 / 2 /3; | grid-area: 1 / 2 / 2 /3; | ||
} | } | ||
| Linha 63: | Linha 88: | ||
} | } | ||
| Linha 102: | Linha 97: | ||
grid-row-gap: 5px; | grid-row-gap: 5px; | ||
grid-column-gap: 5px; | grid-column-gap: 5px; | ||
text-align: left; | |||
} | } | ||
| Linha 201: | Linha 197: | ||
} | } | ||
.BdyTexto{ | |||
text-align: center; | |||
color: #444444; | |||
font-family: "Poppins", sans-serif; | |||
font-size: 17px; | |||
line-height: 1.5 | |||
align-items: center; | |||
} | |||
.BdyList ul{ | |||
align-items: left; | |||
text-align: left; | |||
font-size: 12px; | |||
} | |||
.BordasRdImg img{ | |||
border-radius: 15px | |||
} | |||
.StandardAlert{ | |||
border: 1px solid #dde2d3; | |||
padding:10px; | |||
background: #ffeddc; | |||
width:auto; | |||
} | |||
| Linha 248: | Linha 272: | ||
.autoplay button { | .autoplay button { | ||
display: none !important; | display: none !important; | ||
} | |||
/** CSS para versão mobile*/ | |||
@media (max-width: 768px) | |||
{ | |||
.banner { | |||
grid-template-columns: 1fr; | |||
grid-row-gap: 0px; | |||
grid-column-gap: 0px; | |||
text-align: center; | |||
align-items: center; | |||
} | |||
.card1 { | |||
align-items: center; | |||
text-align: center; | |||
width: fit-content !important; | |||
max-width: 100% !important; | |||
max-height: 100% !important; | |||
display: inline-block !important; | |||
grid-area: 1 / 1 / 2/ 2; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
.card2 { | |||
grid-area: 2 / 1 / 3 /2; | |||
width: fit-content !important; | |||
max-width: 100% !important; | |||
max-height: 100% !important; | |||
display: inline-block !important; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
.card3 { | |||
align-items: center; | |||
text-align: center; | |||
grid-area: 3 / 1 / 4 /2; | |||
width: 250px; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
/** Mais procurados mobile */ | |||
.guess h2 { | |||
grid-area: 1 / 1 / 2 /2; | |||
} | |||
.guesschild1 { | |||
grid-area: 2 / 1 / 3 /2; | |||
border-radius: 10px; | |||
} | |||
.guesschild2 { | |||
grid-area: 3 / 1 / 4 /2; | |||
border-radius: 10px; | |||
} | |||
.guesschild3 { | |||
grid-area: 4 / 1 / 5 /2; | |||
border-radius: 10px; | |||
} | |||
/** listas de tópicos mobile */ | |||
.cardsBorder{ | |||
flex-basis: calc(40% + 10px); | |||
font-size: 16px; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
.vdo { | |||
width: 100%; | |||
max-width: 100%; | |||
display: block; | |||
} | |||
.vdo iframe, | |||
.vdo embed, | |||
.vdo object, | |||
.vdo .embedvideo { | |||
width: 100% !important; | |||
height: auto !important; | |||
aspect-ratio: 16 / 9; | |||
} | |||
.minerva-header .site-branding a { | |||
border: 1px solid red !important; | |||
} | |||
} | } | ||