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

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

.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: @@
 .home-header {
-	position: relative;
+  text-align: center;
-	margin-top: -1rem;
+  margin: 3rem 0;
-	margin-bottom: 2rem;
-	padding-top: 1rem;
-	line-height: 1.375;
-}
-.home-header:before {
-    content: "";
-    position: absolute;
-    top: 1rem;
-    bottom: 4.75rem;
-    left: 0;
-    right: 0;
-    opacity: 0.1;
-    /*background-image: url(https://starcitizen.tools/resources/assets/sitelogo.svg); */
-    background-repeat: no-repeat;
-    background-position: right;
 }
 .home-header__pretitle {
-	margin-bottom: calc(0.5 * 1rem);
+  color: #7faad9;
-    color: hsl(220,25%,65%);
+  font-size: 0.9rem;
-	font-size: 0.875rem;
+  letter-spacing: 1px;
-	text-transform: uppercase;
+  margin-bottom: 0.5rem;
-	letter-spacing: 0.05em;
+  text-transform: uppercase;
 }
 .home-header__title {
-	margin: 0;
+  font-size: 2.5rem;
-	font-size: 3rem;
+  font-weight: 700;
-	text-transform: uppercase;
+  color: #fff;
-	letter-spacing: 0.025em;
+  margin: 0.5rem 0;
-	line-height: 1;
 }
 .home-header__subtitle {
-	margin-top: calc(0.5 * 1rem);
+  font-size: 1rem;
-	font-size: 0.875rem;
+  color: #bbb;
+  margin-bottom: 2rem;
 }
 .home-header__search {
-	padding: 1rem;
+  display: inline-flex;
-	margin-top: calc(1.25 * 1rem);
+  align-items: center;
-	margin-bottom: 1rem;
+  background: #1d242c;
-	margin-left: auto;
+  border: 1px solid #2e3a46;
-	margin-right: auto;
+  border-radius: 12px;
-	border: 1px solid;
+  padding: 0.7rem 1.2rem;
-	border-color: rgba(255,255,255,0.08);
+  font-size: 0.95rem;
-	border-radius: 9999px;
+  color: #ccc;
-	cursor: pointer;
+  cursor: text;
-	font-size: 0.875rem;
+  transition: all 0.2s ease;
-	font-weight: 500;
-	text-align: center;
 }
 .home-header__search:hover {
-	background-color: rgba(255,255,255,0.07000000000000001);
+  border-color: #4a90e2;
+  color: #fff;
 }
-.home-header__searchIcon img {
+.home-header__searchIcon {
-	margin-right: 1rem;
+  margin-right: 0.6rem;
-    opacity: 0.4;
+  opacity: 0.7;
 }
-/* Fix vertical alignment problem */
+.home-header__searchText a {
-.home-header__search .keyboard-key {
+  color: #7faad9;
-	display: inline;
+  text-decoration: none;
-	padding-top: 0.1em;
-	padding-bottom: 0.1em;
 }
-html.skin-citizen-dark .home-header:before,
+.home-header__searchText a:hover {
-html.skin-citizen-dark .home-header__searchIcon img {
+  text-decoration: underline;
-	filter: invert( 1 );
 }
-@media ( hover: none ) {
+kbd {
-	.desktoponly {
+  background: #2e3a46;
-		display: none;
+  padding: 2px 6px;
-	}
+  border-radius: 4px;
+  font-size: 0.85rem;
+  color: #eee;
 }