Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* ==================================
Стандартный инфобокс
================================== */
.portable-infobox {
width: 300px;
margin: 5px 5px 15px 15px;
box-shadow: 0px 0px 5px 2px #ccdbf2;
-webkit-box-shadow: 0px 0px 5px 2px #ccdbf2;
-moz-box-shadow: 0px 0px 5px 2px #ccdbf2;
}
.pi-background { /*фоновый цвет инфобокса*/
background-color: #f5f5f5;
}
.portable-infobox .pi-header,
.portable-infobox .pi-title {
background: #ccdbf2;
text-align: center;
}
.portable-infobox .pi-title {
line-height: 1.1;
font-size: 20px;
}
.pi-data,
.pi-group,
.pi-horizontal-group .pi-horizontal-group-item,
.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
border: none;
}
.pi-data-label, .pi-data-value {
line-height: 15px !important;
}
.pi-data {
padding: 5px 10px 2px !important;
}
.pi-data-value {
width: inherit;
}
.pi-secondary-font {
min-width: 100px;
}
.pi-caption {
text-align: center;
line-height: 1.3;
}
.pi-image-thumbnail {
max-width: 85%;
height: auto;
}
.pi-item.pi-image,
.pi-image-collection-tab-content,
ul.pi-image-collection-tabs li.current {
background-color: transparent !important;
}
ul.pi-image-collection-tabs {
margin: 0;
font-size: 14px;
}
ul.pi-image-collection-tabs li {
border: none;
text-decoration: underline dotted;
}
.pi-navigation {
background-color: transparent;
font-weight: normal !important;
text-align: center;
color: rgba(58,58,58,0.6);
}
.portable-infobox hr {
margin-bottom: 5px !important;
}
/* ==================================
Инфобоксы социальных институтов
================================== */
/* ======= Дизайн Holds ======= */
.pi-theme-Holds {
box-shadow: 0px 0px 5px 2px #ccc;
-webkit-box-shadow: 0px 0px 5px 2px #ccc;
-moz-box-shadow: 0px 0px 5px 2px #ccc;
}
.portable-infobox.pi-theme-Holds .pi-header,
.portable-infobox.pi-theme-Holds .pi-title {
background: #ccc;
}
/* ======= Дизайн Weyrs ======= */
.pi-theme-Weyrs {
box-shadow: 0px 0px 5px 2px #ccc;
-webkit-box-shadow: 0px 0px 5px 2px #ccc;
-moz-box-shadow: 0px 0px 5px 2px #ccc;
}
.portable-infobox.pi-theme-Weyrs .pi-header,
.portable-infobox.pi-theme-Weyrs .pi-title {
background: #ccc;
}
/* ======= Дизайн Crafts ======= */
.pi-theme-Crafts {
box-shadow: 0px 0px 5px 2px #ccc;
-webkit-box-shadow: 0px 0px 5px 2px #ccc;
-moz-box-shadow: 0px 0px 5px 2px #ccc;
}
.portable-infobox.pi-theme-Crafts .pi-header,
.portable-infobox.pi-theme-Crafts .pi-title {
background: #ccc;
}
/* ======= Дизайн Status ======= */
.pi-theme-Status {
box-shadow: 0px 0px 5px 2px #ccc;
-webkit-box-shadow: 0px 0px 5px 2px #ccc;
-moz-box-shadow: 0px 0px 5px 2px #ccc;
}
.portable-infobox.pi-theme-Status .pi-header,
.portable-infobox.pi-theme-Status .pi-title {
background: #ccc;
}
/* ==================================
Инфобокс персонажей
================================== */
.portable-infobox.pi-background.type-Персонаж {
box-shadow: 0px 0px 5px 2px #e4cfaa;
-webkit-box-shadow: 0px 0px 5px 2px #e4cfaa;
-moz-box-shadow: 0px 0px 5px 2px #e4cfaa;
}
.portable-infobox.type-Персонаж .pi-header,
.portable-infobox.type-Персонаж .pi-title {
background: #e4cfaa;
}
/* ==================================
Инфобоксы цветов драконов/файров/стражей
================================== */
/* ======= Зелёные ======= */
.pi-theme-Зеленая {
box-shadow: 0px 0px 5px 2px #9c9 !important;
-webkit-box-shadow: 0px 0px 5px 2px #9c9 !important;
-moz-box-shadow: 0px 0px 5px 2px #9c9 !important;
}
.portable-infobox.pi-theme-Зеленая .pi-header,
.portable-infobox.pi-theme-Зеленая .pi-title {
background: #9c9;
}
/* ======= Голубые ======= */
.pi-theme-Голубой {
box-shadow: 0px 0px 5px 2px #9de !important;
-webkit-box-shadow: 0px 0px 5px 2px #9de !important;
-moz-box-shadow: 0px 0px 5px 2px #9de !important;
}
.portable-infobox.pi-theme-Голубой .pi-header,
.portable-infobox.pi-theme-Голубой .pi-title {
background: #9de;
}
/* ======= Коричневые ======= */
.pi-theme-Коричневый {
box-shadow: 0px 0px 5px 2px #ccb17c !important;
-webkit-box-shadow: 0px 0px 5px 2px #ccb17c !important;
-moz-box-shadow: 0px 0px 5px 2px #ccb17c !important;
}
.portable-infobox.pi-theme-Коричневый .pi-header,
.portable-infobox.pi-theme-Коричневый .pi-title {
background: #ccb17c;
}
/* ======= Бронзовые ======= */
.pi-theme-Бронзовый {
box-shadow: 0px 0px 5px 2px #eac87c !important;
-webkit-box-shadow: 0px 0px 5px 2px #eac87c !important;
-moz-box-shadow: 0px 0px 5px 2px #eac87c !important;
}
.portable-infobox.pi-theme-Бронзовый .pi-header,
.portable-infobox.pi-theme-Бронзовый .pi-title {
background: #eac87c;
}
/* ======= Золотые ======= */
.pi-theme-Золотая {
box-shadow: 0px 0px 5px 2px #fd6 !important;
-webkit-box-shadow: 0px 0px 5px 2px #fd6 !important;
-moz-box-shadow: 0px 0px 5px 2px #fd6 !important;
}
.portable-infobox.pi-theme-Золотая .pi-header,
.portable-infobox.pi-theme-Золотая .pi-title {
background: #fd6;
}
/* ======= Неизвестен ======= */
.pi-theme-Неизвестен,
.pi-theme-Белый {
box-shadow: 0px 0px 5px 2px #ddd !important;
-webkit-box-shadow: 0px 0px 5px 2px #ddd !important;
-moz-box-shadow: 0px 0px 5px 2px #ddd !important;
}
.portable-infobox.pi-theme-Неизвестен .pi-header,
.portable-infobox.pi-theme-Неизвестен .pi-title,
.portable-infobox.pi-theme-Белый .pi-header,
.portable-infobox.pi-theme-Белый .pi-title {
background: #ddd;
}
/* ==================================
Инфобокс дельфинов
================================== */
.pi-theme-Дельфин {
box-shadow: 0px 0px 5px 2px #cce4dd;
-webkit-box-shadow: 0px 0px 5px 2px #cce4dd;
-moz-box-shadow: 0px 0px 5px 2px #cce4dd;
}
.portable-infobox.pi-theme-Дельфин .pi-header,
.portable-infobox.pi-theme-Дельфин .pi-title {
background: #cce4dd;
}
/* ==================================
Географические инфобоксы
================================== */
.pi-theme-Вода {
box-shadow: 0px 0px 5px 2px #98b3e1;
-webkit-box-shadow: 0px 0px 5px 2px #98b3e1;
-moz-box-shadow: 0px 0px 5px 2px #98b3e1;
}
.portable-infobox.pi-theme-Вода .pi-header,
.portable-infobox.pi-theme-Вода .pi-title {
background: #98b3e1;
}
.pi-theme-Гео {
box-shadow: 0px 0px 5px 2px #ccbc9f;
-webkit-box-shadow: 0px 0px 5px 2px #ccbc9f;
-moz-box-shadow: 0px 0px 5px 2px #ccbc9f;
}
.portable-infobox.pi-theme-Гео .pi-header,
.portable-infobox.pi-theme-Гео .pi-title {
background: #ccbc9f;
}
/* ==================================
Растения
================================== */
.pi-theme-Растение {
box-shadow: 0px 0px 5px 2px #b4dccf;
-webkit-box-shadow: 0px 0px 5px 2px #b4dccf;
-moz-box-shadow: 0px 0px 5px 2px #b4dccf;
}
.portable-infobox.pi-theme-Растение .pi-header,
.portable-infobox.pi-theme-Растение .pi-title {
background: #b4dccf;
}
/* ==================================
Планеты
================================== */
.pi-theme-Планета {
box-shadow: 0px 0px 5px 2px #ccc;
-webkit-box-shadow: 0px 0px 5px 2px #ccc;
-moz-box-shadow: 0px 0px 5px 2px #ccc;
}
.portable-infobox.pi-theme-Планета .pi-header,
.portable-infobox.pi-theme-Планета .pi-title {
background: #ccc;
}