https://wiki.starhorizon.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3ALinkCard%2Fstyles.css 2026-06-01T00:44:00Z История изменений этой страницы в вики MediaWiki 1.43.3 https://wiki.starhorizon.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:LinkCard/styles.css&diff=170&oldid=prev 2025-08-17T16:51:19Z

<p>Новая страница: «.link-card { <span class="autocomment">--bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-300): </span> <span class="autocomment">--alpha из стилей шаблона; по умолчанию: 90%: </span> <span class="autocomment">--font-size из стилей шаблона; по умолчанию: var(--font-size-xxs): </span> --background-color: color-mix(in srgb, var(--bg-color) var(--alpha), var(--theme-bg-color-100)); display: inline-block; position: relative; min-width: 110px; text-...»</p> <p><b>Новая страница</b></p><div>.link-card {<br /> /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-300) */<br /> /* --alpha из стилей шаблона; по умолчанию: 90% */<br /> /* --font-size из стилей шаблона; по умолчанию: var(--font-size-xxs) */<br /> --background-color: color-mix(in srgb, var(--bg-color) var(--alpha), var(--theme-bg-color-100));<br /> <br /> display: inline-block;<br /> position: relative;<br /> min-width: 110px;<br /> text-align: center;<br /> border: var(--border-outset);<br /> border-radius: var(--border-radius-medium);<br /> box-shadow: var(--box-shadow-medium);<br /> background: var(--background-color);<br /> transition: all 0.1s ease;<br /> min-height: calc(32px + 4px);<br /> }<br /> <br /> .link-card__image {<br /> flex: 0 0 auto;<br /> position: relative;<br /> text-align: center;<br /> align-content: center;<br /> padding: 6px;<br /> min-width: 32px;<br /> }<br /> <br /> .link-card__name {<br /> position: relative;<br /> width: 100%;<br /> padding: 2px 4px;<br /> font-size: var(--font-size);<br /> box-sizing: border-box;<br /> background: rgba(var(--color-darkened--rgb), 0.2);<br /> font-weight: bold;<br /> }<br /> <br /> .link-card.brightness-overlay::before {<br /> border-radius: var(--border-radius-medium);<br /> }<br /> <br /> .link-card__pin {<br /> top: 0;<br /> right: 4px;<br /> }<br /> <br /> @media (min-width: 800px) {<br /> .link-card-hover:not(.link-card__side):hover {<br /> box-shadow: var(--box-shadow-high);<br /> transform: translateY(-4px);<br /> }<br /> }<br /> <br /> @media (max-width: 800px) {<br /> .link-card {<br /> display: flex;<br /> width: 100%;<br /> text-align: left;<br /> justify-content: center;<br /> box-shadow: var(--box-shadow);<br /> min-width: 0;<br /> }<br /> <br /> .link-card__name {<br /> background: rgba(var(--color-darkened--rgb), 0.13);<br /> padding: 4px 8px;<br /> font-size: var(--font-size-xs);<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> flex-wrap: nowrap;<br /> }<br /> <br /> .link-card__image {<br /> padding: 4px;<br /> }<br /> }<br /> <br /> .link-card__side {<br /> display: flex ;<br /> width: 100%;<br /> text-align: left;<br /> justify-content: center;<br /> box-shadow: var(--box-shadow);<br /> }<br /> <br /> .link-card__side .link-card__name {<br /> background: rgba(var(--color-darkened--rgb), 0.13);<br /> padding: 4px 8px;<br /> font-size: var(--font-size-xs);<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> flex-wrap: nowrap;<br /> }<br /> <br /> .link-card__side .link-card__image {<br /> padding: 4px;<br /> }</div>

DeRecnad