https://wiki.treneron.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3AMain_page%2Fshared%2Fstyles.css 2026-04-04T02:05:27Z История изменений этой страницы в вики MediaWiki 1.44.2 https://wiki.treneron.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:Main_page/shared/styles.css&diff=504&oldid=prev 2023-10-23T13:02:48Z

<p>Новая страница: «.home-grid { display: grid; grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) ); grid-auto-rows: minmax( 3rem, auto ); grid-gap: var( --space-xs ); } .home-grid--col2 { grid-template-columns: 1fr 1fr; } .home-grid a.external { background-image: none; } .home-card { position: relative; padding: var( --space-md ); background: var( --color-surface-1 ); border: 1px solid var( --border-color-base ); border-radius: 8px; box-shadow: 0 3...»</p> <p><b>Новая страница</b></p><div>.home-grid {<br /> display: grid;<br /> grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );<br /> grid-auto-rows: minmax( 3rem, auto );<br /> grid-gap: var( --space-xs );<br /> }<br /> <br /> .home-grid--col2 {<br /> grid-template-columns: 1fr 1fr;<br /> }<br /> <br /> .home-grid a.external {<br /> background-image: none;<br /> }<br /> <br /> .home-card {<br /> position: relative;<br /> padding: var( --space-md );<br /> background: var( --color-surface-1 );<br /> border: 1px solid var( --border-color-base );<br /> border-radius: 8px;<br /> box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 );<br /> font-size: 0.875rem;<br /> }<br /> <br /> .home-card table.timeline {<br /> margin-top: 0.2rem;<br /> }<br /> <br /> .home-card--col2 {<br /> grid-column: span 2;<br /> }<br /> <br /> .home-card--row3 {<br /> grid-row: span 3;<br /> }<br /> <br /> .home-card--row4 {<br /> grid-row: span 4;<br /> }<br /> <br /> .home-card--row8 {<br /> grid-row: span 8 / auto;<br /> }<br /> <br /> .home-card__label {<br /> color: var( --color-base--subtle );<br /> font-size: 0.8125rem;<br /> letter-spacing: 0.75px;<br /> }<br /> <br /> .home-card__header {<br /> color: var( --color-base--emphasized );<br /> font-size: 1rem;<br /> font-weight: var( --font-weight-semibold );<br /> line-height: var( --line-height-xs );<br /> }<br /> <br /> .home-card__header a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> <br /> .home-card__header a:after {<br /> content: &#039;▶&#039;;<br /> font-size: 0.8125rem;<br /> }<br /> <br /> .home-card__background {<br /> position: absolute;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> background: #242a31;<br /> border-radius: 8px;<br /> }<br /> <br /> .home-card__background:after {<br /> position: absolute;<br /> pointer-events: none;<br /> top: 0;<br /> bottom: 0;<br /> left: 0;<br /> right: 0;<br /> display: block;<br /> background: linear-gradient(to right,#000,transparent);<br /> content: &quot;&quot;;<br /> }<br /> <br /> .home-card__background img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: cover;<br /> object-position: center;<br /> }<br /> <br /> .home-card__foreground {<br /> position: absolute;<br /> top: 0;<br /> bottom: 0;<br /> left: 0;<br /> right: 0;<br /> padding: var( --space-md );<br /> display: flex;<br /> flex-direction: column;<br /> justify-content: center;<br /> gap: var( --space-xxs );<br /> color: #fff;<br /> line-height: var( --line-height-xs );<br /> pointer-events: none;<br /> }<br /> <br /> .home-card__foreground .home-card__header {<br /> color: #fff;<br /> }<br /> <br /> .home-card__foreground .home-card__label {<br /> color: #bababa;<br /> }<br /> <br /> .home-card p {<br /> margin-top: var( --space-xs );<br /> font-size: 0.875rem;<br /> }<br /> <br /> .home-card.home-card--button {<br /> overflow: hidden;<br /> padding: 0;<br /> background: #242a31;<br /> border: 0;<br /> }<br /> <br /> .home-card--button a {<br /> display: flex;<br /> height: 100%;<br /> justify-content: center;<br /> align-items: center;<br /> padding: 0 var( --space-md );<br /> background: transparent;<br /> color: #fff;<br /> font-weight: 500;<br /> }<br /> <br /> .home-card--button .home-card__background a {<br /> padding: 0;<br /> }<br /> <br /> .home-card--button img {<br /> transition: transform 0.2s ease;<br /> }<br /> <br /> .home-card--button:hover img {<br /> transform: scale(1.1);<br /> }<br /> <br /> .home-link {<br /> display: grid;<br /> margin-top: var( --space-xs );<br /> font-size: 0.875rem;<br /> font-weight: 500;<br /> grid-gap: var( --space-xs );<br /> text-align: center;<br /> }<br /> <br /> .home-link__button {<br /> display: flex;<br /> }<br /> <br /> .home-link__button a {<br /> flex-grow: 1;<br /> padding: var( --space-xs );<br /> border: 1px solid var( --border-color-base );<br /> background: var( --color-surface-2 );<br /> border-radius: var( --border-radius--medium );<br /> color: var( --color-base--emphasized ) !important;<br /> line-height: var( --line-height-xs );<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-link__button a:hover {<br /> background: var( --color-surface-2--hover );<br /> }<br /> <br /> .home-link__button a:active {<br /> background: var( --color-surface-2--active );<br /> }<br /> <br /> #home-content {<br /> margin-top: var( --space-lg );<br /> }<br /> <br /> .home-card .template-statsbar {<br /> margin: 0;<br /> }<br /> <br /> #home-card-discord {<br /> background: #5865f2;<br /> }<br /> <br /> #home-card-patreon {<br /> background: #ff424d;<br /> }<br /> <br /> #home-card-kofi {<br /> background: #ff5e5b;<br /> }<br /> <br /> #home-card-reddit {<br /> background: #ff4500;<br /> }<br /> <br /> .home-footer {<br /> font-size: 0.8125rem;<br /> font-family: monospace;<br /> text-align: center;<br /> }</div>

Vasiliy Gorodeckiy