Vorlage:MP/styles.css: Unterschied zwischen den Versionen

img {
	border-radius: 0;
}
.header-search {
	--gradient: #87bfdb, #77abC8, #6797b5, #577f9d, #476684, #43668a, #3e668f, #304a66, #212e3d, #304a66, #3e668f, #43668a, #476684, #577f9d, #6797b5, #77abC8, #87bfdb;
	--gradient-blur: 4px;
	display: flex;
	flex-direction: row;
	margin-top: 10px;
	width: 50%;
	background: linear-gradient(transparent, var(--read-more-bg));
	backdrop-filter: var(--backdrop-filter-frosted-glass);
	padding: 0.75em 1.5em;
	padding-bottom: -0.5em !important;
	border-radius: 8px;
	border: 1px solid var(--border-color-base);
	transition: 0.3s all;
	font-size: var(--font-size-small);
}

.header-search:hover {
	--gradient:  #120d0e, #321d13, #512d19, #713d1e, #90571d, #b0701b, #cf8a1a, #de9822, #eeA529, #fdb331, #eeA529, #de9822, #cf8a1a, #b0701b, #90571d, #713d1e, #512d19, #321d13, #120d0e;
	--gradient-blur: 8px;
	background-color: var(--color-surface-2);
}

.header-search-icon img {
	border-radius: 0 !important;
	display: block;
	margin-top: 2.35px;
	margin-left: -0.30em;
	width: var(--font-size-small);
	height: auto;
	margin-right: var(--space-xs);
	opacity: var(--opacity-icon-base);
	filter: var(--filter-invert);
}
.keyboard-key {
	margin-left: var(--space-md);
}

.header-search .keyboard-key {
	display: inline;
	margin-left: 0.55em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.home-link__button {
	display: flex;
	text-align: center;
}

.home-link__button a {
	flex-grow: 1;
	padding: var( --space-xs );
	border: 1px solid var( --border-color-base );
	background: var( --color-surface-2 );
	border-radius: var( --border-radius-medium );
	color: var( --color-emphasized ) !important;
    line-height: var( --line-height-xxx-small );
    text-decoration: none !important;
    transition: 0.3s all;
}

.home-link__button a:hover {
	background: var( --color-surface-2--hover );
	transition: 0.3s all;
}

.home-link__button a:active {
	background: var( --color-surface-2--active );
}
#home-card-latestpatch .wikitable {
	width: 100% !important;
}
#home-card-latestpatch .wikitable tr > td:first-child {
	width: 100%;
}
.citizen-overflow-wrapper {
    position: relative;
    display: flex;
    max-width: 100%;
    margin-top: 16px !important;
}
.citizen-overflow-content {
    width: 100%;
    max-width: 100%;
    overflow: auto hidden;
}

.home-card__label {
	color: var( --color-subtle );
	font-size: var( --font-size-x-small );
	letter-spacing: 0.05em;
}
.home-card__header {
	color: var( --color-emphasized );
    font-weight: var( --font-weight-semibold );
    line-height: var( --line-height-xs );
}
.intro-text {
	position: relative;
	display: inline-block;
}
.intro-text::after,
.intro-text::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 8px;
  background: var(--color-emphasized);
  filter: drop-shadow( 0 0 8px var( --color-emphasized ) );
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.intro-text::before {
  top: -5px;
  transform-origin: left;
}

.intro-text:hover::after,
.intro-text:hover::before {
  transform: scaleX(1);
}