Шаблон:Main page/navigation: различия между версиями

ВизуальныйВики-текст

Текущая версия от 00:14, 26 октября 2025

Message_documentation_title[view][edit][history][purge]

message_transclude_desc

Файл:WikimediaUI-Palette.svg

This template is used on the main page. It is the navigation section that includes the buttons to portal pages.

@@ Строка 1: / Строка 1: @@
 <div id="home-nav" class="home-grid" role="navigation">
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-ships">
-  <div class="home-card home-card--button home-card--button--navigation">
+		<div class="home-card__background">[[File:Newbies Index.png|300px|link=Новичкам]]
-    <div class="home-card__background" style="background-image: url('File:Newbies Index.png');"></div>
+</div>
-    <div class="home-card__foreground">[[Новичкам|Новичкам →]]</div>
+		<div class="home-card__foreground">[[Новичкам|Новичкам →]]</div>
-  </div>
+	</div>
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Components">
-  <div class="home-card home-card--button home-card--button--navigation">
+		<div class="home-card__background">[[File:Rules Index.png|300px|link=Правила]]</div>
-    <div class="home-card__background" style="background-image: url('File:Rules Index.png');"></div>
+		<div class="home-card__foreground">[[Правила|Правила →]]</div>
-    <div class="home-card__foreground">[[Правила|Правила →]]</div>
+	</div>
-  </div>
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Commodities">
+		<div class="home-card__background">[[Файл:Пушки2.png|300px|link=Оружие]]</div>
-  <div class="home-card home-card--button home-card--button--navigation">
+		<div class="home-card__foreground">[[Оружие|Оружие →]]</div>
-    <div class="home-card__background" style="background-image: url('Файл:Пушки2.png');"></div>
+	</div>
-    <div class="home-card__foreground">[[Оружие|Оружие →]]</div>
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Equipment">
-  </div>
+		<div class="home-card__background">[[File:Maps Index.png|300px|link=Таблица_навыков]]</div>
+		<div class="home-card__foreground">[[Таблица_навыков| Навыки →]]</div>
-  <div class="home-card home-card--button home-card--button--navigation">
+	</div>
-    <div class="home-card__background" style="background-image: url('File:Maps Index.png');"></div>
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Locations">
-    <div class="home-card__foreground">[[Таблица_навыков|Навыки →]]</div>
+		<div class="home-card__background">[[Файл:Роли2.png|300px|link=Роли]]</div>
-  </div>
+		<div class="home-card__foreground">[[Роли|Роли →]]</div>
+	</div>
-  <div class="home-card home-card--button home-card--button--navigation">
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Factions">
-    <div class="home-card__background" style="background-image: url('Файл:Роли2.png');"></div>
+		<div class="home-card__background">[[Файл:Лор.png|300px|link=Лор]]</div>
-    <div class="home-card__foreground">[[Роли|Роли →]]</div>
+		<div class="home-card__foreground">[[link=Лор|Лор →]]</div>
-  </div>
+	</div>
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-AlienRaces">
-  <div class="home-card home-card--button home-card--button--navigation">
+		<div class="home-card__background">[[Файл:СРП3.png|300px|link=СРП]]</div>
-    <div class="home-card__background" style="background-image: url('Файл:Лор.png');"></div>
+		<div class="home-card__foreground">[[СРП|СРП →]]</div>
-    <div class="home-card__foreground">[[Лор|Лор →]]</div>
+	</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 home-card--button home-card--button--navigation">
+		<div class="home-card__foreground">[[Корпоративный Закон|Закон (КЗ) →]]</div>
-    <div class="home-card__background" style="background-image: url('Файл:СРП3.png');"></div>
+	</div>
-    <div class="home-card__foreground">[[СРП|СРП →]]</div>
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Lore">
-  </div>
+		<div class="home-card__background">[[Файл:Контра2.png|300px|link=Контрабанда]]</div>
+		<div class="home-card__foreground">[[Контрабанда|Контрабанда →]]</div>
-  <div class="home-card home-card--button home-card--button--navigation">
+	</div>
-    <div class="home-card__background" style="background-image: url('File:Law Index.png');"></div>
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Missions">
-    <div class="home-card__foreground">[[Корпоративный Закон|Закон (КЗ) →]]</div>
+		<div class="home-card__background">[[Файл:Бумажная.png|300px|link=Бумажная работа]]</div>
-  </div>
+		<div class="home-card__foreground">[[Бумажная работа|Бумажная работа →]]</div>
+	</div>
-  <div class="home-card home-card--button home-card--button--navigation">
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Development">
-    <div class="home-card__background" style="background-image: url('Файл:Контра2.png');"></div>
+		<div class="home-card__background">[[Файл:Цели_станции.png|300px|link=:Цели станции]]</div>
-    <div class="home-card__foreground">[[Контрабанда|Контрабанда →]]</div>
+		<div class="home-card__foreground">[[Цели станции|Цели станции →]]</div>
-  </div>
+	</div>
+	<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Community">
-  <div class="home-card home-card--button home-card--button--navigation">
+		<div class="home-card__background">[[Файл:Режимы.png|300px|link=:Рецепты и гайды]]</div>
-    <div class="home-card__background" style="background-image: url('Файл:Бумажная.png');"></div>
+		<div class="home-card__foreground">[[Рецепты и гайды|Рецепты и гайды →]]</div>
-    <div class="home-card__foreground">[[Бумажная работа|Бумажная работа →]]</div>
+	</div>
-  </div>
-  <div class="home-card home-card--button home-card--button--navigation">
-    <div class="home-card__background" style="background-image: url('Файл:Цели_станции.png');"></div>
-    <div class="home-card__foreground">[[Цели станции|Цели станции →]]</div>
-  </div>
-  <div class="home-card home-card--button home-card--button--navigation">
-    <div class="home-card__background" style="background-image: url('Файл:Режимы.png');"></div>
-    <div class="home-card__foreground">[[Рецепты и гайды|Рецепты и гайды →]]</div>
-  </div>
 </div>
+<templatestyles src="Template:Main_page/navigation/styles.css"/><noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>
-<templatestyles src="Template:Main_page/navigation/styles.css"/>
-<noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>
 {{#css:
-.home-card__background {
+.home-card__background:after, .home-card__foreground{
-	position: relative;
-	z-index: 0;
-	overflow: hidden;
-	border-radius: 8px;
-	background-size: cover;
-	background-position: center;
-	width: 300px; /* под размер картинки */
-	height: 200px;
-}
-.home-card__background:before {
-	content: "";
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	background: rgba(0, 180, 255, 0.05);
-	box-shadow: 0 0 25px 10px rgba(0, 180, 255, 0.4);
-	border-radius: 8px;
-	z-index: 0;
 	pointer-events: none;
-	transition: box-shadow 0.3s ease, transform 0.3s ease;
-}
-.home-card__foreground {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	z-index: 1;
-	color: white;
-	font-weight: 500;
-	text-align: center;
-}
-.home-card__background:hover:before {
-	box-shadow: 0 0 50px 20px rgba(0, 180, 255, 0.6);
-	transform: scale(1.05);
 }
 }}