Mais ações
Sem resumo de edição |
Sem resumo de edição |
||
| (15 revisões intermediárias por 2 usuários não estão sendo mostradas) | |||
| Linha 6: | Linha 6: | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
width: 300px; | width: 300px; | ||
} | |||
@media (max-width: 682px){ | |||
.infobox { | |||
float: none; | |||
margin-top: 15px; | |||
margin-left: auto; | |||
margin-right: auto; | |||
border-left: 5px solid #897051; | |||
border-right: 5px solid #897051; | |||
} | |||
} | } | ||
.infobox #content { | .infobox #content { | ||
| Linha 16: | Linha 26: | ||
.infobox-image { | .infobox-image { | ||
text-align: center; | text-align: center; | ||
border-bottom: 5px solid #897051; | |||
} | |||
.infobox img{ | |||
border-radius: 0px 5px 0px 0px; | |||
} | } | ||
. | |||
.topleft{ | |||
position: absolute; | position: absolute; | ||
top: 265px; | |||
left: | left: 24px; | ||
font-size: 18px; | font-size: 18px; | ||
padding: | color: #FFF; | ||
padding: 5px; | |||
background: #897051; | background: #897051; | ||
} | } | ||
table { | |||
width:100%; | width:100%; | ||
} | } | ||
tr:nth-child(even) { | .infobox tr:nth-child(even) { | ||
background: rgba(137, 112, 81, 0.3); | background: rgba(137, 112, 81, 0.3); | ||
border: 5px solid rgba(137, 112, 81, 0.3); | border: 5px solid rgba(137, 112, 81, 0.3); | ||
| Linha 37: | Linha 52: | ||
text-align: right; | text-align: right; | ||
vertical-align: top; | vertical-align: top; | ||
width: | width: 300px; | ||
padding-left: 10px; | padding-left: 10px; | ||
} | } | ||
Edição atual tal como às 16h17min de 19 de dezembro de 2022
.infobox {
position: relative;
border-left: 5px solid #897051;
border-radius: 5px;
float: right;
margin: 0 0 1em 1em;
width: 300px;
}
@media (max-width: 682px){
.infobox {
float: none;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
border-left: 5px solid #897051;
border-right: 5px solid #897051;
}
}
.infobox #content {
text-align: left;
}
.infobox-container {
width: 100%;
height: auto;
}
.infobox-image {
text-align: center;
border-bottom: 5px solid #897051;
}
.infobox img{
border-radius: 0px 5px 0px 0px;
}
.topleft{
position: absolute;
top: 265px;
left: 24px;
font-size: 18px;
color: #FFF;
padding: 5px;
background: #897051;
}
table {
width:100%;
}
.infobox tr:nth-child(even) {
background: rgba(137, 112, 81, 0.3);
border: 5px solid rgba(137, 112, 81, 0.3);
}
.infobox th {
text-align: right;
vertical-align: top;
width: 300px;
padding-left: 10px;
}
.infobox td {
vertical-align: top;
}