Template:Contribution/styles.css

.contribution {
	margin: 0 auto;
	/* not totally certain I need the noflips */
	/* @noflip */
	padding: 10px 10px 40px 0;
	border-bottom: 1px solid #aaa;
}

.contribution-rtl {
	/* @noflip */
	padding: 10px 0 40px 10px;
}

.contribution-icon {
	display: inline-block;
	margin: 15px 0;
	/* @noflip */
	float: left;
	/* @noflip */
	padding-right: 12px;
}

.contribution-rtl .contribution-icon {
	/* @noflip */
	float: right;
	/* @noflip */
	padding-left: 12px;
}

.contribution-heading {
	font-size: 1.8em;
	line-height: 1.3em;
	width: 20%;
	/* @noflip */
	float: left;
	/* @noflip */
	margin: 21px 21px 21px 10px;
}

.contribution-rtl .contribution-heading {
	/* @noflip */
	float: right;
	/* @noflip */
	margin: 21px 10px 21px 21px;
}

.contribution-overflow {
	overflow: hidden;
}

.contribution-description {
	/* @noflip */
	margin: 15px 0 0 40px;
}

.contribution-rtl .contribution-description {
	/* @noflip */
	margin: 15px 40px 0 0;
}

@media all and (max-width: 720px) {
	.contribution .contribution-heading,
	.contribution-overflow {
		float: none;
		width: 100%;
	}
}


/* Night mode styles */
html.skin-theme-clientpref-night .contribution-icon {
    filter: invert(1);
}

@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .contribution-icon {
      filter: invert(1);
  }
}