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

Версия от 12:02, 29 сентября 2025

ДОБРО ПОЖАЛОВАТЬ НА

SS14 WIKI

Официальная Вики по игре Space Station 14

   🔍
   
     Нажмите <a href="#">сюда</a> или на /, чтобы начать поиск

.home-header {

 text-align: center;
 margin: 3rem 0;

}

.home-header__pretitle {

 color: #7faad9;
 font-size: 0.9rem;
 letter-spacing: 1px;
 margin-bottom: 0.5rem;
 text-transform: uppercase;

}

.home-header__title {

 font-size: 2.5rem;
 font-weight: 700;
 color: #fff;
 margin: 0.5rem 0;

}

.home-header__subtitle {

 font-size: 1rem;
 color: #bbb;
 margin-bottom: 2rem;

}

.home-header__search {

 display: inline-flex;
 align-items: center;
 background: #1d242c;
 border: 1px solid #2e3a46;
 border-radius: 12px;
 padding: 0.7rem 1.2rem;
 font-size: 0.95rem;
 color: #ccc;
 cursor: text;
 transition: all 0.2s ease;

}

.home-header__search:hover {

 border-color: #4a90e2;
 color: #fff;

}

.home-header__searchIcon {

 margin-right: 0.6rem;
 opacity: 0.7;

}

.home-header__searchText a {

 color: #7faad9;
 text-decoration: none;

}

.home-header__searchText a:hover {

 text-decoration: underline;

}

kbd {

 background: #2e3a46;
 padding: 2px 6px;
 border-radius: 4px;
 font-size: 0.85rem;
 color: #eee;

}

@@ Строка 1: / Строка 1: @@
 <div class="home-header">
-   <div class="home-header__pretitle">Добро пожаловать на</div>
+   <div class="home-header__pretitle">ДОБРО ПОЖАЛОВАТЬ НА</div>
-   <h1 class="home-header__title">SS14 WIKI</h1>
+   <div class="home-header__title">SS14 WIKI</div>
-   <div class="home-header__subtitle">{{Main page/settings|subtitle}}</div>
+   <div class="home-header__subtitle">Официальная Вики по игре Space Station 14</div>
-   <div id="citizen-search__buttonCheckbox" for="citizen-search__checkbox" class="home-header__search" role="button">
+   <div class="home-header__search">
-     <span class="home-header__searchIcon">
+     <span class="home-header__searchIcon">🔍</span>
-      [[File:WikimediaUI-Search.png|16px|link=]]
-    </span>
      <span class="home-header__searchText">
-       [[Служебная:Поиск|Нажмите сюда]] или на <span class="desktoponly">{{Key press|/}}</span>, чтобы начать поиск
+       Нажмите <a href="#">сюда</a> или на <kbd>/</kbd>, чтобы начать поиск
      </span>
    </div>
 </div>
-<templatestyles src="Template:Main page/header/styles.css"/>
+.home-header {
-<noinclude>{{/doc}}</noinclude>
+  text-align: center;
+  margin: 3rem 0;
+}
+.home-header__pretitle {
+  color: #7faad9;
+  font-size: 0.9rem;
+  letter-spacing: 1px;
+  margin-bottom: 0.5rem;
+  text-transform: uppercase;
+}
+.home-header__title {
+  font-size: 2.5rem;
+  font-weight: 700;
+  color: #fff;
+  margin: 0.5rem 0;
+}
+.home-header__subtitle {
+  font-size: 1rem;
+  color: #bbb;
+  margin-bottom: 2rem;
+}
+.home-header__search {
+  display: inline-flex;
+  align-items: center;
+  background: #1d242c;
+  border: 1px solid #2e3a46;
+  border-radius: 12px;
+  padding: 0.7rem 1.2rem;
+  font-size: 0.95rem;
+  color: #ccc;
+  cursor: text;
+  transition: all 0.2s ease;
+}
+.home-header__search:hover {
+  border-color: #4a90e2;
+  color: #fff;
+}
+.home-header__searchIcon {
+  margin-right: 0.6rem;
+  opacity: 0.7;
+}
+.home-header__searchText a {
+  color: #7faad9;
+  text-decoration: none;
+}
+.home-header__searchText a:hover {
+  text-decoration: underline;
+}
+kbd {
+  background: #2e3a46;
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-size: 0.85rem;
+  color: #eee;
+}