|
|
| (не показано 12 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| | <p class="css-selector">ГРАДИЕНТ!!!!!!!!!!!</p> |
|
| |
|
|
| |
|
| <div id="home-nav" class="home-grid" role="navigation">
| | {{#css: |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-ships">
| | .css-selector { |
| <div class="home-card__background">[[File:Newbies Index.png|300px|link=Новичкам]]</div>
| | -webkit-text-fill-color: transparent; |
| <div class="home-card__foreground">[[Новичкам|Новичкам →]]</div>
| | -webkit-background-clip: text !important; |
| </div>
| | background: |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-Components">
| | linear-gradient( |
| <div class="home-card__background">[[File:Rules Index.png|300px|link=Правила]]</div>
| | 45deg, |
| <div class="home-card__foreground">[[Правила|Правила →]]</div>
| | #f00 0%, |
| </div>
| | #0400ff 35%, |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-Equipment">
| | #eaff00 50%, |
| <div class="home-card__background">[[File:Maps Index.png|300px|link=Карты]]</div>
| | #b5b5b5 75%, |
| <div class="home-card__foreground">[https://serbiastrong-220.github.io/webmap/ Карты ↗]</div>
| | #f00 100% |
| </div>
| | ); |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-Commodities">
| | background-size: 500% auto; |
| <div class="home-card__background">[[Файл:Пушки.png|300px|link=Оружие]]</div>
| | background-position: 200% 50%; |
| <div class="home-card__foreground">[[Оружие|Оружие →]]</div>
| | animation: gradient 6s linear infinite; |
| </div>
| | } |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-Locations">
| |
| <div class="home-card__background">[[Файл:роли.png|300px|link=Роли]]</div>
| |
| <div class="home-card__foreground">[[Роли|Роли →]]</div>
| |
| </div>
| |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-Factions">
| |
| <div class="home-card__background">[[Файл:Лор.png|300px|link=Лор]]</div>
| |
| <div class="home-card__foreground">[[Лор|Лор →]]</div>
| |
| </div>
| |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-Characters">
| |
| <div class="home-card__background">[[File:Law Index.png|300px|link=Корпоративный Закон]]</div>
| |
| <div class="home-card__foreground">[[Корпоративный Закон|Закон (КЗ) →]]</div>
| |
| </div>
| |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-AlienRaces">
| |
| <div class="home-card__background">[[Файл:СРП.png|300px|link=СРП]]</div>
| |
| <div class="home-card__foreground">[[СРП|СРП →]]</div>
| |
| </div>
| |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-Missions">
| |
| <div class="home-card__background">[[Файл:Бумажная.png|300px|link=Бумажная работа]]</div>
| |
| <div class="home-card__foreground">[[Бумажная работа|Бумажная работа →]]</div>
| |
| </div>
| |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-Lore">
| |
| <div class="home-card__background">[[Файл:Контра.png|300px|link=Контрабанда]]</div>
| |
| <div class="home-card__foreground">[[Контрабанда|Контрабанда →]]</div>
| |
| </div>
| |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-Development">
| |
| <div class="home-card__background">[[Файл:Цели_станции.png|300px|link=:Цели станции]]</div>
| |
| <div class="home-card__foreground">[[Цели станции|Цели станции →]]</div>
| |
| </div>
| |
| <div class="home-card home-card--button home-card--button--navigation" id="home-nav-Community">
| |
| <div class="home-card__background">[[Файл:Режимы.png|300px|link=:Режимы]]</div>
| |
| <div class="home-card__foreground">[[Режимы|Режимы →]]</div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| {{#css:styles.css}} | | @keyframes gradient { |
| | 0% { background-position: 200% 50% } |
| | 100% { background-position: 0% 50% } |
| | } |
| | }} |
