https://wiki.deadspace14.net/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3AMinisterialInfo%2FnewStyles.css 2026-04-30T20:02:21Z История изменений этой страницы в вики MediaWiki 1.40.0 https://wiki.deadspace14.net/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:MinisterialInfo/newStyles.css&diff=26141&oldid=prev 2026-03-17T19:59:49Z

<p>Новая страница: «* { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #0d1117; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding-top: 5vh; font-family: &#039;Trebuchet MS&#039;, sans-serif; } .panel-container { display: flex; align-items: center; justify-content: space-between; width: 90%; max-width: 900px; padding: 1rem 2%; background: linear-gradie...»</p> <p><b>Новая страница</b></p><div>* {<br /> margin: 0;<br /> padding: 0;<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> background-color: #0d1117;<br /> display: flex;<br /> justify-content: center;<br /> align-items: flex-start;<br /> min-height: 100vh;<br /> padding-top: 5vh;<br /> font-family: &#039;Trebuchet MS&#039;, sans-serif;<br /> }<br /> <br /> .panel-container {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> width: 90%;<br /> max-width: 900px;<br /> padding: 1rem 2%;<br /> background: linear-gradient(#1a1d1a, #1a1d1a) padding-box,<br /> linear-gradient(270deg, black, orange, black) border-box;<br /> background-size: 100% 100%, 200% 200%;<br /> border-radius: 1rem;<br /> border: 2px solid transparent;<br /> animation: borderMove 7s linear infinite, innerGlow 7s linear infinite;<br /> box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.6);<br /> position: relative;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .panel-left,<br /> .panel-right {<br /> display: flex;<br /> gap: 0.5rem;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .all_not_real {<br /> position: absolute;<br /> left: 50%;<br /> top: 50%;<br /> transform: translate(-50%, -50%);<br /> color: #3e443e;<br /> font-size: 1.25rem;<br /> letter-spacing: 0.05rem;<br /> text-transform: uppercase;<br /> font-weight: 500;<br /> white-space: nowrap;<br /> text-align: center;<br /> }<br /> <br /> .panel-button {<br /> position: relative;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> padding: 0.5rem 1rem;<br /> border-radius: 0.5rem;<br /> border: 1.5px solid transparent;<br /> font-weight: 700;<br /> font-size: 0.9rem;<br /> color: #f0f0f0;<br /> text-shadow: 0 0 0.25rem rgba(255, 255, 255, 0.4);<br /> cursor: pointer;<br /> background: linear-gradient(#1a1d1a, #1a1d1a) padding-box,<br /> linear-gradient(270deg, #ff6600, #ffcc00, #ff6600) border-box;<br /> background-size: 100% 100%, 250% 250%;<br /> box-shadow: 0 0.375rem 0.9375rem rgba(0, 0, 0, 0.5),<br /> 0 0 0.5rem rgba(255, 165, 0, 0.4) inset;<br /> transition: transform 0.2s, box-shadow 0.3s, color 0.2s, text-shadow 0.2s;<br /> animation: borderMove 7s linear infinite;<br /> }<br /> <br /> .panel-button:hover {<br /> transform: scale(1.06);<br /> color: #ffd580;<br /> text-shadow: 0 0 0.625rem #ffd580, 0 0 1.125rem #ff8c00;<br /> box-shadow: 0 0.625rem 1.375rem rgba(0, 0, 0, 0.7),<br /> 0 0 1.125rem rgba(255, 165, 0, 0.7) inset,<br /> 0 0 2rem rgba(255, 140, 0, 0.5);<br /> animation: borderMove 6s linear infinite, neonGlow 1.5s ease-in-out infinite alternate;<br /> }<br /> <br /> @keyframes borderMove {<br /> 0% { background-position: 0% 50%, 0% 50%; }<br /> 50% { background-position: 0% 50%, 100% 50%; }<br /> 100% { background-position: 0% 50%, 0% 50%; }<br /> }<br /> <br /> @keyframes neonGlow {<br /> 0%, 100% {<br /> box-shadow: 0 0.625rem 1.375rem rgba(0, 0, 0, 0.7),<br /> 0 0 0.75rem rgba(255, 165, 0, 0.5) inset,<br /> 0 0 1.5625rem rgba(255, 140, 0, 0.4);<br /> }<br /> 50% {<br /> box-shadow: 0 0.75rem 1.5625rem rgba(0, 0, 0, 0.8),<br /> 0 0 1.25rem rgba(255, 165, 0, 0.8) inset,<br /> 0 0 2.5rem rgba(255, 140, 0, 0.6);<br /> }<br /> }<br /> <br /> @keyframes innerGlow {<br /> 0%, 100% {<br /> box-shadow: inset 0 0 0.625rem rgba(0, 0, 0, 0.4),<br /> 0 1.5rem 3.5rem rgba(0, 0, 0, 0.6);<br /> }<br /> 50% {<br /> box-shadow: inset 0 0 1.25rem rgba(255, 165, 0, 0.5),<br /> 0 1.5rem 3.5rem rgba(0, 0, 0, 0.6);<br /> }<br /> }<br /> <br /> /* Адаптивность */<br /> @media (max-width: 768px) {<br /> .panel-container {<br /> flex-direction: column;<br /> gap: 1rem;<br /> padding: 1rem 5%;<br /> }<br /> <br /> .panel-left,<br /> .panel-right {<br /> justify-content: center;<br /> gap: 0.5rem;<br /> }<br /> <br /> .all_not_real {<br /> font-size: 1rem;<br /> }<br /> }</div>

D0r11s