Sem resumo de edição |
Sem resumo de edição |
||
Linha 10: | Linha 10: | ||
.infobox { | .infobox { | ||
float: none; | float: none; | ||
margin: 15px auto | margin-top: 15px; | ||
margin-left: auto; | |||
margin-right: auto; | |||
border-left: 5px solid #897051; | border-left: 5px solid #897051; | ||
border-right: 5px solid #897051; | border-right: 5px solid #897051; |
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; }