Template:Infobox/style.css: Difference between revisions

Template page
No edit summary
(Adjusted colors)
Line 20: Line 20:


.infobox table {
.infobox table {
background: var(--color-surface-1);;
background: var(--background-color-framed);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06), 0 10px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06), 0 10px 10px rgba(0, 0, 0, 0.06);
margin: 0 0 1em 1em;
margin: 0 0 1em 1em;

Revision as of 08:56, 9 April 2022

/* CSS placed here will affect Community templates */

@media screen and (max-width: 600px) {
  .infobox table {
  	clear: left;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }
}

/*.skin-citizen-light .infobox table, .skin-timeless .infobox table, .skin-vector .infobox table {
	background: rgb(180, 190, 185) !important;
	color: #1a1a1b !important;
}*/

.infobox-image .image:hover img {
    transform: scale( 1.1 );
}

.infobox table {
	background: var(--background-color-framed);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06), 0 10px 10px rgba(0, 0, 0, 0.06);
	margin: 0 0 1em 1em;
	font-size: 95%;
	width: 400px;
	padding: 10px;
	text-align: left;
	float: right;
	border-radius:16px;
	border: 1px solid var( --border-color-base );
}

.infoboxheader {
	color: var(--color-base--emphasized);
	border-bottom: 1px solid #ff4500; 
	text-align: center;
	font-size:125%;
	font-weight:bold;
}

.infobox-parameter {
	font-weight: bold;
	color: var(--color-base--subtle);
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.