https://wiki.starhorizon.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-06-01T02:28:22Z История изменений этой страницы в вики MediaWiki 1.43.3 https://wiki.starhorizon.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:Main_page/shared/styles.css&diff=67&oldid=prev 2025-08-01T12:19:43Z

<p>Новая страница: «<span class="autocomment">Основной стиль для сетки: </span> .home-grid { display: grid; gap: 8px; max-width: 1200px; margin: 0 auto; padding: 15px; background: #0A0F14; <span class="autocomment">Темный фон (Star Citizen): </span> } <span class="autocomment">Стили для GradientHeaderFrame: </span> .gradient-header-frame { background: linear-gradient(90deg, #1B263B, #00D4FF); <span class="autocomment">Темно-синий к неоновому голубому: </span> border-radius: 8px; padding: 15...»</p> <p><b>Новая страница</b></p><div>/* Основной стиль для сетки */<br /> .home-grid {<br /> display: grid;<br /> gap: 8px;<br /> max-width: 1200px;<br /> margin: 0 auto;<br /> padding: 15px;<br /> background: #0A0F14; /* Темный фон (Star Citizen) */<br /> }<br /> <br /> /* Стили для GradientHeaderFrame */<br /> .gradient-header-frame {<br /> background: linear-gradient(90deg, #1B263B, #00D4FF); /* Темно-синий к неоновому голубому */<br /> border-radius: 8px;<br /> padding: 15px;<br /> color: #FFFFFF; /* Белый текст */<br /> box-shadow: 0 0 10px rgba(0, 212, 255, 0.5);<br /> }<br /> <br /> .gradient-header-frame .title {<br /> font-size: 18px;<br /> font-weight: 500;<br /> text-shadow: 0 0 5px #00D4FF;<br /> }<br /> <br /> /* Стили для ModernButton */<br /> .modern-button {<br /> position: relative;<br /> display: flex;<br /> align-items: center;<br /> background: #1B263B; /* Темно-синий для карточек */<br /> border: 1px solid #00D4FF; /* Неоновый голубой */<br /> border-radius: 8px;<br /> padding: 10px;<br /> overflow: hidden;<br /> transition: transform 0.3s ease, box-shadow 0.3s ease;<br /> color: #FFFFFF;<br /> text-decoration: none;<br /> font-size: 14px;<br /> }<br /> <br /> .modern-button:hover {<br /> transform: scale(1.03);<br /> box-shadow: 0 0 10px rgba(0, 212, 255, 0.7);<br /> background: linear-gradient(to right, #1B263B, rgba(0, 212, 255, 0.2));<br /> }<br /> <br /> .modern-button img {<br /> width: 60px;<br /> margin-right: 10px;<br /> transition: transform 0.3s ease;<br /> }<br /> <br /> .modern-button:hover img {<br /> transform: rotate(5deg);<br /> }<br /> <br /> .modern-button .text {<br /> font-weight: 500;<br /> }<br /> <br /> .modern-button .subtext {<br /> color: #D3D3D3; /* Светло-серый */<br /> font-size: 12px;<br /> }<br /> <br /> /* Стили для сетки сообществ */<br /> .grid-adaptive {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));<br /> gap: 8px;<br /> }<br /> <br /> /* Стили для футера */<br /> .home-footer {<br /> text-align: center;<br /> padding: 10px;<br /> background: #1B263B;<br /> color: #D3D3D3;<br /> border-top: 1px solid #00D4FF;<br /> }<br /> <br /> .home-footer a {<br /> color: #00D4FF;<br /> text-decoration: none;<br /> }<br /> <br /> .home-footer a:hover {<br /> text-decoration: underline;<br /> }<br /> <br /> /* Эффект тени для логотипа */<br /> .with-drop-shadow {<br /> filter: drop-shadow(0 0 5px #00D4FF);<br /> }<br /> <br /> /* Адаптивность для мобильных устройств */<br /> @media (max-width: 768px) {<br /> .home-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .modern-button img {<br /> width: 50px;<br /> }<br /> <br /> .gradient-header-frame {<br /> padding: 10px;<br /> }<br /> }</div>

DeRecnad