Просмотр кода страницы СРП Мегафауны(Frontier)

==Мегафауна==
<div style="background: linear-gradient(to bottom, #2c2000, #1a1200); padding: 25px; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.6); border: 2px solid #d4af37; max-width: 700px; margin: 20px auto; font-family: 'Segoe UI', Tahoma, sans-serif;">

<div style="text-align: center; padding: 15px; margin-bottom: 25px; background: rgba(212, 175, 55, 0.15); border-radius: 8px; border: 1px solid #d4af37; position: relative;">
<div style="position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(to right, transparent, #d4af37, transparent);"></div>
<h1 style="color: #ffd700; margin: 0; text-shadow: 0 0 10px rgba(255, 215, 0, 0.4); font-size: 2.2em; letter-spacing: 2px; font-weight: 700; text-transform: uppercase;">
Протоколы Мегафауны Улья
</h1>
<div style="position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(to right, transparent, #d4af37, transparent);"></div>
</div>

<div style="margin-bottom: 30px; background: rgba(139, 69, 19, 0.2); border-radius: 8px; border: 1px solid #8b4513; overflow: hidden;">
<div style="background: linear-gradient(to right, #8b4513, #a0522d); padding: 12px 20px; display: flex; align-items: center;">
<div style="width: 24px; height: 24px; background: #ffd700; border-radius: 50%; margin-right: 12px; display: flex; align-items: center; justify-content: center;">
<span style="color: #8b4513; font-weight: bold;">1</span>
</div>
<h2 style="color: #ffd700; margin: 0; font-size: 1.6em; text-shadow: 0 1px 3px rgba(0,0,0,0.5);">Обязанности</h2>
</div>
<div style="padding: 20px;">
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li style="padding: 10px 15px; margin-bottom: 8px; background: rgba(160, 82, 45, 0.25); border-left: 4px solid #ffd700; display: flex; align-items: flex-start;">
<span style="color: #ffd700; font-weight: bold; margin-right: 10px;">●</span>
<span style="color: #f5deb3;">Защищать улей от всех внешних и внутренних угроз</span>
</li>
<li style="padding: 10px 15px; margin-bottom: 8px; background: rgba(160, 82, 45, 0.25); border-left: 4px solid #ffd700; display: flex; align-items: flex-start;">
<span style="color: #ffd700; font-weight: bold; margin-right: 10px;">●</span>
<span style="color: #f5deb3;">Охранять сокровища улья как самое ценное достояние</span>
</li>
<li style="padding: 10px 15px; background: rgba(160, 82, 45, 0.25); border-left: 4px solid #ffd700; display: flex; align-items: flex-start;">
<span style="color: #ffd700; font-weight: bold; margin-right: 10px;">●</span>
<span style="color: #f5deb3;">Поддерживать идеальный уют и порядок во всех помещениях улья</span>
</li>
</ul>
</div>
</div>

<div style="margin-bottom: 30px; background: rgba(184, 134, 11, 0.2); border-radius: 8px; border: 1px solid #daa520; overflow: hidden;">
<div style="background: linear-gradient(to right, #daa520, #e6b800); padding: 12px 20px; display: flex; align-items: center;">
<div style="width: 24px; height: 24px; background: #ffd700; border-radius: 50%; margin-right: 12px; display: flex; align-items: center; justify-content: center;">
<span style="color: #8b4513; font-weight: bold;">2</span>
</div>
<h2 style="color: #ffd700; margin: 0; font-size: 1.6em; text-shadow: 0 1px 3px rgba(0,0,0,0.5);">Права</h2>
</div>
<div style="padding: 20px;">
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li style="padding: 10px 15px; margin-bottom: 8px; background: rgba(218, 165, 32, 0.25); border-left: 4px solid #ffd700; display: flex; align-items: flex-start;">
<span style="color: #ffd700; font-weight: bold; margin-right: 10px;">●</span>
<span style="color: #f5deb3;">Вежливо общаться с посетителями улья</span>
</li>
<li style="padding: 10px 15px; margin-bottom: 8px; background: rgba(218, 165, 32, 0.25); border-left: 4px solid #ffd700; display: flex; align-items: flex-start;">
<span style="color: #ffd700; font-weight: bold; margin-right: 10px;">●</span>
<span style="color: #f5deb3;">Приглашать достойных посетителей в гости</span>
</li>
<li style="padding: 10px 15px; margin-bottom: 8px; background: rgba(218, 165, 32, 0.25); border-left: 4px solid #ffd700; display: flex; align-items: flex-start;">
<span style="color: #ffd700; font-weight: bold; margin-right: 10px;">●</span>
<span style="color: #f5deb3;">Принимать подарки от посетителей</span>
</li>
<li style="padding: 10px 15px; margin-bottom: 8px; background: rgba(218, 165, 32, 0.25); border-left: 4px solid #ffd700; display: flex; align-items: flex-start;">
<span style="color: #ffd700; font-weight: bold; margin-right: 10px;">●</span>
<span style="color: #f5deb3;">Употреблять в пищу нежелательных гостей</span>
</li>
<li style="padding: 10px 15px; background: rgba(218, 165, 32, 0.25); border-left: 4px solid #ffd700; display: flex; align-items: flex-start;">
<span style="color: #ffd700; font-weight: bold; margin-right: 10px;">●</span>
<span style="color: #f5deb3;">Реорганизовывать структуру улья при необходимости</span>
</li>
</ul>
</div>
</div>

<div style="background: rgba(139, 0, 0, 0.2); border-radius: 8px; border: 1px solid #8b0000; overflow: hidden;">
<div style="background: linear-gradient(to right, #8b0000, #a52a2a); padding: 12px 20px; display: flex; align-items: center;">
<div style="width: 24px; height: 24px; background: #ffd700; border-radius: 50%; margin-right: 12px; display: flex; align-items: center; justify-content: center;">
<span style="color: #8b0000; font-weight: bold;">3</span>
</div>
<h2 style="color: #ffd700; margin: 0; font-size: 1.6em; text-shadow: 0 1px 3px rgba(0,0,0,0.5);">Запреты</h2>
</div>
<div style="padding: 20px;">
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li style="padding: 10px 15px; margin-bottom: 8px; background: rgba(165, 42, 42, 0.25); border-left: 4px solid #ff6b6b; display: flex; align-items: flex-start;">
<span style="color: #ff6b6b; font-weight: bold; margin-right: 10px;">✘</span>
<span style="color: #f5deb3;">Покидать территорию улья без экстренной необходимости</span>
</li>
<li style="padding: 10px 15px; background: rgba(165, 42, 42, 0.25); border-left: 4px solid #ff6b6b; display: flex; align-items: flex-start;">
<span style="color: #ff6b6b; font-weight: bold; margin-right: 10px;">✘</span>
<span style="color: #f5deb3;">Наносить ущерб жилищам гостей или их имуществу</span>
</li>
</ul>
</div>
</div>
</div>