====== Приклад темного оформлення домену ======

{{:dark_example1.png?200|}}{{:dark_example2.png?200|}}
----

{{:css_domain_design.png?200|}}

Скопіюйте це у блок CSS "Оформлення домену" в адміністраторському розділі "Дизайн" та натисніть кнопку "Зберегти".

**Збережіть свої старі налаштування, щоб можна було до них повернутись.**

<code>
/*Налаштування фону по краях*/
body {
  background-color:#000;
  background-image: url("https://imagizer.imageshack.com/img924/7545/DlMobT.png"); /* фонова затайлена картинка */
  background-repeat: repeat-x repeat-y;
  color:#FFF;
}

/* Адмінські панельки */
.admin-control {
  background-color:#003;
}

/* Сторінки, на яких багато тексту, без вкладок, які згортаються, наприклад, Моніторинг */
.page-container {
  background-color:#111;
  color:#FFE;
}
.page-container a{
  color:#EEF;
}

.table {
  color:#FFF;
}

/* Вкладки, які згортаються */
.sp-head, .sp-wrap {
  background-color:#555;
  color:#CCC;
}
.sp-wrap {
  box-shadow: 5px 5px 5px #113;
}
.sp-body .sp-wrap {
    box-shadow: 3px 3px 3px #113;
}
.sp-body {
  background-color:#111;
  color:#FFF;
}
.out_game_controls {
  background-color:#222; /* Фон під кнопками керування грою */
  color:#FFF;
}
.sp-wrap a {
  color:#FFE; /* колір шрифту ID гри */
}

/* Вкладки активних ігор, які згортаються */
.game.active .sp-wrap {
  background-color:#665; /* колір заголовку */
}
.game.active .sp-wrap .sp-head{
  color:#FFF;  /* колір шрифта назви гри */
}
.game.active .sp-wrap .sp-head a{
  color:#FFF; /* колір шрифта ID гри */
}

/* Іноді зустрічається, наприклад, перелік сезонів у рейтингу */
.list-group-item {
  border: 1px solid #CCC;
  border: 1px solid rgba(255,255,255,.125);
  background-color:#111;
  color:#FFE;
}

</code>