MediaWiki:Common.css: Difference between revisions
From determinar.ia.br - Determine suas informações
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
float: right; | float: right; | ||
width: 300px; | width: 300px; | ||
max-width: 100%; | |||
box-sizing: border-box; | |||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
| Line 9: | Line 11: | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
.infobox-medico-imagem img { max-width: 100%; } | .infobox-medico-imagem img { | ||
max-width: 100%; | |||
height: auto; | |||
} | |||
.infobox-medico-titulo { | .infobox-medico-titulo { | ||
font-size: 120%; | font-size: 120%; | ||
| Line 23: | Line 28: | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
} | } | ||
.infobox-medico-tabela { width: 100%; border-collapse: collapse; } | .infobox-medico-tabela { | ||
width: 100%; | |||
border-collapse: collapse; | |||
table-layout: fixed; | |||
} | |||
.infobox-medico-tabela th { | .infobox-medico-tabela th { | ||
text-align: left; | text-align: left; | ||
| Line 29: | Line 38: | ||
padding: 0.3em; | padding: 0.3em; | ||
width: 40%; | width: 40%; | ||
word-wrap: break-word; | |||
overflow-wrap: break-word; | |||
word-break: break-word; | |||
} | |||
.infobox-medico-tabela td { | |||
padding: 0.3em; | |||
vertical-align: top; | |||
word-wrap: break-word; | |||
overflow-wrap: break-word; | |||
word-break: break-word; | |||
} | |||
@media (max-width: 480px) { | |||
.infobox-medico { | |||
float: none; | |||
width: 100%; | |||
margin: 0 0 1em 0; | |||
} | |||
} | } | ||
Revision as of 16:04, 1 August 2026
/* CSS placed here will be applied to all skins */
.infobox-medico {
float: right;
width: 300px;
max-width: 100%;
box-sizing: border-box;
margin: 0 0 1em 1em;
border: 1px solid #a2a9b1;
background: #f8f9fa;
padding: 0.5em;
font-size: 90%;
}
.infobox-medico-imagem img {
max-width: 100%;
height: auto;
}
.infobox-medico-titulo {
font-size: 120%;
font-weight: bold;
text-align: center;
padding: 0.3em 0;
}
.infobox-medico-descricao {
font-style: italic;
text-align: center;
padding-bottom: 0.5em;
border-bottom: 1px solid #a2a9b1;
margin-bottom: 0.5em;
}
.infobox-medico-tabela {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.infobox-medico-tabela th {
text-align: left;
vertical-align: top;
padding: 0.3em;
width: 40%;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}
.infobox-medico-tabela td {
padding: 0.3em;
vertical-align: top;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}
@media (max-width: 480px) {
.infobox-medico {
float: none;
width: 100%;
margin: 0 0 1em 0;
}
}
