Код:
<!--HTML--><div class="csbox" style="padding: 10px; border: 2px solid rgba(110, 97, 79, 1); background-color: rgba(224, 216, 191, 1);">
<style type="text/css">
#r1{font-family: 'Century Gothic'; font-size: 36px; font-variant: small-caps; color: #8C7C65; text-align: right; border-bottom: 1px dashed #8C7C65; width: auto; margin-bottom: 5px;} /* заголовок первого уровня */
#r2{font-family: 'Century Gothic'; font-size: 20px; font-weight: bold; font-variant: small-caps; color: rgba(225, 88, 74, 1); text-align: left; text-indent: 20px;} /* заголовок второго уровня */
#r3{font-family: 'Verdana'; font-size: 16px; color: #8C7C65; font-weight: bold; font-variant: small-caps; text-align: left; text-indent: 40px;} /* заголовок третьего уровня, для списка */
#spisok{font-family: 'Verdana'; font-size: 11px; text-align: left; padding-left: 20px;} /* маркированный список */
#spisok a{font-family: 'Verdana'; font-size: 11px; letter-spacing: 1px; color: rgba(225, 88, 74, 1);} /* ссылки маркированного списка */
#tts{font-family: 'Verdana'; font-size: 12px; text-align: justify; text-indent: 20px; line-height: 14px;} /* текст */
#ttsn{font-family: 'Verdana'; font-size: 12px; text-align: justify; line-height: 14px;} /* текст без абзаца */
#qts{font-family: 'Verdana'; font-size: 12px; text-align: center; background-color: rgba(224, 216, 191, 1); padding: 7px; margin: 7px 40px 7px 40px; border-left: rgba(225, 88, 74, 1) solid 20px;} /* цитата */
#cts{font-family: 'Verdana'; font-size: 12px; text-align: center; background-color: #faf6f0; padding: 7px; margin: 7px 40px 7px 40px; color: #8C7C65; border: #8C7C65 solid 2px;} /* код/2-ой вариант цитаты */
#copyrr{font-family: 'Verdana'; font-size: 10px; color: #8C7C65; text-align: justify; letter-spacing: 1px; width: 300px; margin-left: 340px;} /* копирайт */
#copyrr a{font-family: 'Verdana'; font-size: 10px; color: letter-spacing: 1px;} /* ссылки в копирайте */
</style>
<div class="csbox" style="padding: 10px; background-color: #faf6f0; color: rgba(51, 51, 51, 1); font-size: 12px;">
<div id="qts">Один игровой месяц равен трем реальным месяцам. Такой промежуток выбран для того, чтобы вы смогли обыграть несколько эпизодов в каждую луну персонажа. Для корректировки анкетных данных, а также ответа на возможные вопросы обратитесь в тему <a href="http://storycats.mybb.ru/viewtopic.php?id=32">взросление</a></div>
<div id="r2">Времена года:</div>
<div id="ttsn">Зима — Голые Деревья.<br>
Весна — Юные Листья.<br>
Лето — Зеленые Листья.<br>
Осень— Листопад.
<div id="spisok"><i>Например:</i> Вновь выпал снег, сезон Голых Деревьев был в самом разгаре, и он был первым в жизни оруженосца, родившегося в конце Юных Листьев. Он мечтал о том, чтобы дичи было много, но это станет возможно только с наступлением сезона Зеленых листьев. Даже в период Листопада было не так плохо, как сейчас! </div></div>
<div style="border-bottom: 1px solid #e1584a; width: auto; margin: 10px 3% 10px 3%; "></div>
<div id="r2">Временные периоды:</div>
<div id="ttsn">Месяц (~30 суток) — луна.
<div id="spisok"><i>Например:</i> прошло уже более двух лун с тех пор, как произошла последняя стычка на границе.</div>
Половина месяца (~15 суток) — половина луны.
<i>Также:</i> половиной луны могут называть месяц, полной луной — луну на небосводе.
<div id="spisok"><i>Например:</i> целительница посещала звёздных предков половину луны назад, и вот сейчас, под полной луной, следовала на совет.</div>
Неделя (7 суток) — четверть луны.
<div id="spisok"><i>Например:</i> четверть луны непослушный оруженосец провалялся в палатке целительницы.</div>
Котам незнакомо понятие календарного года. Всё, что старше исчисляемого ими количества лун обозначается как "давно", "очень давно", "в далекие времена", "в незапамятные времена", "на заре племен" и т.п.</div>
<div id="cts">Обозначение сезонов и временных периодов у <b>одиночек и домашних котов</b> свободное. Однако не стоит забывать, что в большинстве своем они также не исчисляют временные периоды в годах (два года назад, три года назад и т.д.).</div>
</div>
</div>
<br>