|
|
| Строка 1: |
Строка 1: |
| <includeonly><style> | | <includeonly><div style="display: flex; align-items: center; gap: 1.2em; background: linear-gradient(145deg, #fff3cd, #ffe69c); border-left: 8px solid #ff9800; border-radius: 14px; padding: 1em 2em; margin: 1.2em 0; box-shadow: 0 8px 20px rgba(0,0,0,0.1), 0 2px 0 rgba(255,255,255,0.8) inset; font-family: system-ui, sans-serif;"> |
| /* Стили для fancy-предупреждения */
| | <div style="display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #ff9800; border-radius: 50%; color: white; font-size: 26px; font-weight: bold; box-shadow: 0 4px 10px rgba(255,152,0,0.5);">!</div> |
| .fancy-warning-dev {
| | <div style="flex:1;"> |
| display: flex;
| | <strong style="display: block; font-size: 1.3em; color: #b26b00; margin-bottom: 4px;">Внимание: страница в разработке</strong> |
| align-items: center;
| | <span style="color: #664d00;">{{{1|Эта страница находится на этапе разработки и ещё не готова к использованию.}}}</span> |
| gap: 1.5em;
| | {{#if:{{{редактор|}}}|<br><span style="display: inline-block; margin-top: 6px; background: rgba(255,152,0,0.15); padding: 3px 12px; border-radius: 30px; color: #664d00; border-left: 2px solid #ff9800;">✎ Ответственный: {{{редактор}}}</span>}} |
| background: linear-gradient(135deg, #fff9e6, #fff3cd);
| |
| border-left: 6px solid #ff9800;
| |
| border-radius: 16px;
| |
| padding: 1.2em 2em;
| |
| margin: 1.5em 0;
| |
| box-shadow: 0 10px 20px -8px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,152,0,0.3) inset;
| |
| font-family: 'Segoe UI', system-ui, sans-serif;
| |
| transition: all 0.3s ease;
| |
| }
| |
| .fancy-warning-dev:hover {
| |
| box-shadow: 0 15px 25px -8px rgba(0,0,0,0.25), 0 0 0 2px #ff9800 inset;
| |
| transform: scale(1.01);
| |
| }
| |
| .fancy-icon {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| width: 48px;
| |
| height: 48px;
| |
| background: #ff9800;
| |
| border-radius: 50%;
| |
| color: white;
| |
| font-size: 28px;
| |
| font-weight: bold;
| |
| box-shadow: 0 4px 8px rgba(255,152,0,0.4);
| |
| animation: pulse 2s infinite;
| |
| }
| |
| @keyframes pulse {
| |
| 0% { box-shadow: 0 0 0 0 rgba(255,152,0,0.7); } | |
| 70% { box-shadow: 0 0 0 10px rgba(255,152,0,0); }
| |
| 100% { box-shadow: 0 0 0 0 rgba(255,152,0,0); }
| |
| }
| |
| .fancy-content {
| |
| flex: 1;
| |
| }
| |
| .fancy-title {
| |
| font-size: 1.4em;
| |
| font-weight: 700;
| |
| color: #b26b00;
| |
| margin-bottom: 4px;
| |
| text-shadow: 0 1px 1px rgba(255,255,255,0.8);
| |
| }
| |
| .fancy-message {
| |
| color: #664d00; | |
| font-size: 1.05em;
| |
| line-height: 1.5; | |
| } | |
| .fancy-editor {
| |
| display: inline-block;
| |
| margin-top: 6px;
| |
| background: rgba(255,152,0,0.15);
| |
| padding: 4px 12px;
| |
| border-radius: 30px;
| |
| font-size: 0.95em;
| |
| color: #664d00;
| |
| font-weight: 500;
| |
| border-left: 2px solid #ff9800;
| |
| }
| |
| </style>
| |
| <div class="fancy-warning-dev">
| |
| <div class="fancy-icon">!</div>
| |
| <div class="fancy-content">
| |
| <div class="fancy-title">В разработке</div>
| |
| <div class="fancy-message">{{{1|Эта страница ещё не готова к использованию. Мы работаем над ней.}}}</div>
| |
| {{#if:{{{редактор|}}}|<div class="fancy-editor">✎ Ответственный: {{{редактор}}}</div>}}
| |
| </div> | | </div> |
| </div></includeonly> | | </div></includeonly> |