Modelo:Modelos modulares/styles.css

.infobox {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
}
.infobox_bodystyle{
	font-size: 85%; 
	text-align: left; 
	width:24em;
}
.infobox_titlestyle{         
   background:#ededed;
   border: 0px solid #b3b4b6;
   border-radius: 3px;
}
.infobox_abovestyle{   
   background:#ededed;
   border: 0px solid #d9d9d9;
   border-radius: 3px;
}
.infobox_headerclass_w_botton_top{    
   background:#ededed;
   border: 1px solid #b3b4b6;
   border-radius: 3px;
}
.infobox_headerstyle{
   background:#ededed;
   border: 0px solid #d9d9d9;
   border-radius: 3px;
}
.infobox_subheaderstyle{
   background:#ededed;
   border: 0px solid #d9d9d9;
   border-radius: 3px;
   padding: 3px 5px 3px 5px;
}
.infobox_subheaderstyle1{
   width:100%;
   background:#ededed;
   text-align:center; 
   font-size:125%; 
   font-weight:bold;
   border-radius: 3px;
}
.infobox_belowstyle{
   border-top:#aaa 1px solid;
   background:#ededed;
   border-radius: 3px;
}
.infobox-label {
   text-align:start;
   font-weight:bold;
   padding: 0px 5px 0px 5px;
}

.infobox-caixa-frame {
	border-radius: 3px;
	border: 0px solid #d9d9d9;
	background-color: #ededed;
	padding: 3px 5px 3px 5px;
	width:auto;
	min-width:100%;
	margin: 0px 0px 0px 0px;
}

.infobox-caixa-baleira {
	border-radius: 6px;
	border: 0px solid #d9d9d9;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	width:auto;
	min-width:100%;
	font-size:100%;
}

html.skin-theme-clientpref-night .infobox-caixa-frame {
	background-color: #212526;
	border: 0px solid #3b3f41;
}

@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox-caixa-frame {
		background-color: #212526;
		border: 0px solid #3b3f41;
	}
}

.infobox-caixa {
	border-radius: 3px;
	border: 0px solid #d9d9d9;
	background-color: #ededed;
	padding: 3px 5px 3px 5px;
}

/* modo escuro forzado */
html.skin-theme-clientpref-night .infobox-caixa {
	background-color: #212526;
	border: 0px solid #3b3f41;
}

/* modo escuro automático */
@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox-caixa {
		background-color: #212526;
		border: 0px solid #3b3f41;
	}
}


.infobox-label-despregable {
	border-radius: 3px;
	border: 0px solid #d9d9d9;
	text-align: start;
	font-weight: bold;
	background-color: #ededed; /* modo claro por defecto */
}

/* modo escuro forzado */
html.skin-theme-clientpref-night .infobox-label-despregable {
	background-color: #212526;
	border: 0px solid #3b3f41;
}

/* modo escuro automático */
@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox-label-despregable {
		background-color: #212526;
		border: 0px solid #3b3f41;
	}
}

.infobox-content-despregable {
   border-radius: 3px;
   text-align:start;
   margin: 0px 0px 0px 5px;
   padding: 1px 5px 1px 5px; 
}

/* modo escuro forzado */
html.skin-theme-clientpref-night .infobox-content-despregable {
	background-color: #272b2e;
}

/* modo escuro automático */
@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox-content-despregable {
		background-color: #272b2e;
	}
}

.infobox-label-inline {
	text-align:start;
    font-weight:bold;
}

.infobox-content-inline {
    text-align:start;
}

.infobox-imaxe-modelo img {
  border-radius: 5px;
  height: auto;
  max-height: 300px;
  width: auto;
  max-width: 100%;
}

.infobox .extiw {
	color: #3C7790;
}