Винксопедия
Винксопедия
Нет описания правки
Нет описания правки
(не показана 1 промежуточная версия этого же участника)
Строка 47: Строка 47:
 
/* Фея */
 
/* Фея */
 
.pi-theme-fairy {
 
.pi-theme-fairy {
background: #F3A6EE;
+
background: -webkit-linear-gradient(top, #FBD1F8 0%, #F3A6EE 100%);
  +
background: -moz-linear-gradient(top, #FBD1F8 0%, #F3A6EE 100%);
  +
background: -ms-linear-gradient(top, #FBD1F8 0%, #F3A6EE 100%);
  +
background: -o-linear-gradient(top, #FBD1F8 0%, #F3A6EE 100%);
  +
background: linear-gradient(to top, #FBD1F8 0%, #F3A6EE 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 83: Строка 87:
 
/* Пикси */
 
/* Пикси */
 
.pi-theme-pixie {
 
.pi-theme-pixie {
background: #CB7BCB;
+
background: -webkit-linear-gradient(top, #F4BEF4 0%, #E195E1 100%);
  +
background: -moz-linear-gradient(top, #F4BEF4 0%, #E195E1 100%);
  +
background: -ms-linear-gradient(top, #F4BEF4 0%, #E195E1 100%);
  +
background: -o-linear-gradient(top, #F4BEF4 0%, #E195E1 100%);
  +
background: linear-gradient(to top, #F4BEF4 0%, #E195E1 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 119: Строка 127:
 
/* Селки */
 
/* Селки */
 
.pi-theme-selkie {
 
.pi-theme-selkie {
background: -webkit-linear-gradient(top, #95C7EA 30%, #6BA1DD 70%);
+
background: -webkit-linear-gradient(top, #C9E8FD 0%, #95C7EA 100%);
  +
background: -moz-linear-gradient(top, #C9E8FD 0%, #95C7EA 100%);
  +
background: -ms-linear-gradient(top, #C9E8FD 0%, #95C7EA 100%);
  +
background: -o-linear-gradient(top, #C9E8FD 0%, #95C7EA 100%);
  +
background: linear-gradient(to top, #C9E8FD 0%, #95C7EA 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 144: Строка 156:
 
background-image: -moz-linear-gradient(right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
 
background-image: -moz-linear-gradient(right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
 
background-image: -ms-linear-gradient(right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
 
background-image: -ms-linear-gradient(right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
background-image: -o-linear-gradient(right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.75) 45%, #C9E8FD 45.1%);
+
background-image: -o-linear-gradient(right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
background-image: linear-gradient(to right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.75) 45%, #C9E8FD 45.1%);
+
background-image: linear-gradient(to right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
 
}
 
}
 
.pi-theme-selkie .pi-border-color,
 
.pi-theme-selkie .pi-border-color,
Строка 155: Строка 167:
 
/* Волшебное животное */
 
/* Волшебное животное */
 
.pi-theme-animal {
 
.pi-theme-animal {
background: #AFEB8B;
+
background: -webkit-linear-gradient(top, #DAF8C7 0%, #AFEB8B 100%);
  +
background: -moz-linear-gradient(top, #DAF8C7 0%, #AFEB8B 100%);
  +
background: -ms-linear-gradient(top, #DAF8C7 0%, #AFEB8B 100%);
  +
background: -o-linear-gradient(top, #DAF8C7 0%, #AFEB8B 100%);
  +
background: linear-gradient(to top, #DAF8C7 0%, #AFEB8B 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 192: Строка 208:
 
/* Злодей */
 
/* Злодей */
 
.pi-theme-villain {
 
.pi-theme-villain {
background: #DCB8D1;
+
background: -webkit-linear-gradient(top, #F0DCEA 0%, #DCB8D1 100%);
  +
background: -moz-linear-gradient(top, #F0DCEA 0%, #DCB8D1 100%);
  +
background: -ms-linear-gradient(top, #F0DCEA 0%, #DCB8D1 100%);
  +
background: -o-linear-gradient(top, #F0DCEA 0%, #DCB8D1 100%);
  +
background: linear-gradient(to top, #F0DCEA 0%, #DCB8D1 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 228: Строка 248:
 
/* Айси */
 
/* Айси */
 
.pi-theme-Айси.portable-infobox {
 
.pi-theme-Айси.portable-infobox {
background: -webkit-linear-gradient(top, #9BBAE0 30%, #C9DCF2 70%);
+
background: -webkit-linear-gradient(top, #C9DCF2 0%, #9BBAE0 100%);
  +
background: -moz-linear-gradient(top, #C9DCF2 0%, #9BBAE0 100%);
  +
background: -ms-linear-gradient(top, #C9DCF2 0%, #9BBAE0 100%);
  +
background: -o-linear-gradient(top, #C9DCF2 0%, #9BBAE0 100%);
  +
background: linear-gradient(to top, #C9DCF2 0%, #9BBAE0 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 249: Строка 273:
 
}
 
}
 
.pi-theme-Айси.portable-infobox .pi-data {
 
.pi-theme-Айси.portable-infobox .pi-data {
background-color: #7289A6;
+
background-color: #C9DCF2;
 
background-image: -webkit-linear-gradient(right, rgba(45, 72, 105, 0.9) 0%, rgba(45, 72, 105, 0.6) 45%, #C9DCF2 45.1%);
 
background-image: -webkit-linear-gradient(right, rgba(45, 72, 105, 0.9) 0%, rgba(45, 72, 105, 0.6) 45%, #C9DCF2 45.1%);
 
background-image: -moz-linear-gradient(right, rgba(45, 72, 105, 0.9) 0%, rgba(45, 72, 105, 0.6) 45%, #C9DCF2 45.1%);
 
background-image: -moz-linear-gradient(right, rgba(45, 72, 105, 0.9) 0%, rgba(45, 72, 105, 0.6) 45%, #C9DCF2 45.1%);
Строка 264: Строка 288:
 
/* Дарси */
 
/* Дарси */
 
.pi-theme-Дарси.portable-infobox {
 
.pi-theme-Дарси.portable-infobox {
background: #BBA7D4;
+
background: -webkit-linear-gradient(top, #D5C5EB 0%, #BBA7D4 100%);
  +
background: -moz-linear-gradient(top, #D5C5EB 0%, #BBA7D4 100%);
  +
background: -ms-linear-gradient(top, #D5C5EB 0%, #BBA7D4 100%);
  +
background: -o-linear-gradient(top, #D5C5EB 0%, #BBA7D4 100%);
  +
background: linear-gradient(to top, #D5C5EB 0%, #BBA7D4 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 300: Строка 328:
 
/* Сторми */
 
/* Сторми */
 
.pi-theme-Сторми.portable-infobox {
 
.pi-theme-Сторми.portable-infobox {
background: #E0A4B1;
+
background: -webkit-linear-gradient(top, #F2BFCA 0%, #E0A4B1 100%);
  +
background: -moz-linear-gradient(top, #F2BFCA 0%, #E0A4B1 100%);
  +
background: -ms-linear-gradient(top, #F2BFCA 0%, #E0A4B1 100%);
  +
background: -o-linear-gradient(top, #F2BFCA 0%, #E0A4B1 100%);
  +
background: linear-gradient(to top, #F2BFCA 0%, #E0A4B1 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 339: Строка 371:
 
.pi-theme-Лилис.portable-infobox,
 
.pi-theme-Лилис.portable-infobox,
 
.pi-theme-Тхарма.portable-infobox {
 
.pi-theme-Тхарма.portable-infobox {
background: #72687B;
+
background: -webkit-linear-gradient(top, #B8ACC2 0%, #9B82B0 100%);
  +
background: -moz-linear-gradient(top, #B8ACC2 0%, #9B82B0 100%);
  +
background: -ms-linear-gradient(top, #B8ACC2 0%, #9B82B0 100%);
  +
background: -o-linear-gradient(top, #B8ACC2 0%, #9B82B0 100%);
  +
background: linear-gradient(to top, #B8ACC2 0%, #9B82B0 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 356: Строка 392:
 
.pi-theme-Лилис.portable-infobox .pi-image,
 
.pi-theme-Лилис.portable-infobox .pi-image,
 
.pi-theme-Тхарма.portable-infobox .pi-image {
 
.pi-theme-Тхарма.portable-infobox .pi-image {
background: #72687B;
+
background: #9B82B0;
 
border-bottom: 2px solid #403847;
 
border-bottom: 2px solid #403847;
 
}
 
}
Строка 399: Строка 435:
 
/* Ведьма */
 
/* Ведьма */
 
.pi-theme-witch {
 
.pi-theme-witch {
background: #C097CD;
+
background: -webkit-linear-gradient(top, #E8D6EE 0%, #CDA7D9 100%);
  +
background: -moz-linear-gradient(top, #E8D6EE 0%, #CDA7D9 100%);
  +
background: -ms-linear-gradient(top, #E8D6EE 0%, #CDA7D9 100%);
  +
background: -o-linear-gradient(top, #E8D6EE 0%, #CDA7D9 100%);
  +
background: linear-gradient(to top, #E8D6EE 0%, #CDA7D9 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 435: Строка 475:
 
/* Персонаж */
 
/* Персонаж */
 
.pi-theme-character {
 
.pi-theme-character {
background: #D7BADB;
+
background: -webkit-linear-gradient(top, #F6E0F9 0%, #EBC6F1 100%);
  +
background: -moz-linear-gradient(top, #F6E0F9 0%, #EBC6F1 100%);
  +
background: -ms-linear-gradient(top, #F6E0F9 0%, #EBC6F1 100%);
  +
background: -o-linear-gradient(top, #F6E0F9 0%, #EBC6F1 100%);
  +
background: linear-gradient(to top, #F6E0F9 0%, #EBC6F1 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 446: Строка 490:
 
}
 
}
 
.pi-theme-character .pi-image {
 
.pi-theme-character .pi-image {
background: #D7BADB;
+
background: #EBC6F1;
 
border-bottom: 2px solid #C09DC6;
 
border-bottom: 2px solid #C09DC6;
 
}
 
}
Строка 471: Строка 515:
 
/* Планета */
 
/* Планета */
 
.pi-theme-planet {
 
.pi-theme-planet {
background: #EB88AB;
+
background: -webkit-linear-gradient(top, #F2B6D7 0%, #EB88AB 100%);
  +
background: -moz-linear-gradient(top, #F2B6D7 0%, #EB88AB 100%);
  +
background: -ms-linear-gradient(top, #F2B6D7 0%, #EB88AB 100%);
  +
background: -o-linear-gradient(top, #F2B6D7 0%, #EB88AB 100%);
  +
background: linear-gradient(to top, #F2B6D7 0%, #EB88AB 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 508: Строка 556:
 
/* Специалист */
 
/* Специалист */
 
.pi-theme-specialist {
 
.pi-theme-specialist {
background: #8CA2CF;
+
background: -webkit-linear-gradient(top, #D2DEF6 0%, #98B1E2 100%);
  +
background: -moz-linear-gradient(top, #D2DEF6 0%, #98B1E2 100%);
  +
background: -ms-linear-gradient(top, #D2DEF6 0%, #98B1E2 100%);
  +
background: -o-linear-gradient(top, #D2DEF6 0%, #98B1E2 100%);
  +
background: linear-gradient(to top, #D2DEF6 0%, #98B1E2 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 519: Строка 571:
 
}
 
}
 
.pi-theme-specialist .pi-image {
 
.pi-theme-specialist .pi-image {
background: #8CA2CF;
+
background: #98B1E2;
 
border-bottom: 2px solid #3F62A5;
 
border-bottom: 2px solid #3F62A5;
 
}
 
}
Строка 529: Строка 581:
 
}
 
}
 
.pi-theme-specialist .pi-data {
 
.pi-theme-specialist .pi-data {
background-color: #D2DEF6;
+
background-color: #98B1E2;
 
background-image: -webkit-linear-gradient(right, rgba(63, 98, 165, 0.9) 0%, rgba(63, 98, 165, 0.6) 45%, #D2DEF6 45.1%);
 
background-image: -webkit-linear-gradient(right, rgba(63, 98, 165, 0.9) 0%, rgba(63, 98, 165, 0.6) 45%, #D2DEF6 45.1%);
 
background-image: -moz-linear-gradient(right, rgba(63, 98, 165, 0.9) 0%, rgba(63, 98, 165, 0.6) 45%, #D2DEF6 45.1%);
 
background-image: -moz-linear-gradient(right, rgba(63, 98, 165, 0.9) 0%, rgba(63, 98, 165, 0.6) 45%, #D2DEF6 45.1%);
Строка 544: Строка 596:
 
/* Землянин */
 
/* Землянин */
 
.pi-theme-earthman {
 
.pi-theme-earthman {
background: rgba(77, 148, 109, 0.75);
+
background: -webkit-linear-gradient(top, #E2F7E5 0%, #AAEDB5 100%);
  +
background: -moz-linear-gradient(top, #E2F7E5 0%, #AAEDB5 100%);
  +
background: -ms-linear-gradient(top, #E2F7E5 0%, #AAEDB5 100%);
  +
background: -o-linear-gradient(top, #E2F7E5 0%, #AAEDB5 100%);
  +
background: linear-gradient(to top, #E2F7E5 0%, #AAEDB5 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 566: Строка 622:
 
.pi-theme-earthman .pi-data {
 
.pi-theme-earthman .pi-data {
 
background-color: #E2F7E5;
 
background-color: #E2F7E5;
background-image: -webkit-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(77, 148, 109, 0.6) 45%, #E2F7E5 45.1%);
+
background-image: -webkit-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(47, 106, 57, 0.6) 45%, #E2F7E5 45.1%);
background-image: -moz-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(77, 148, 109, 0.6) 45%, #E2F7E5 45.1%);
+
background-image: -moz-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(47, 106, 57, 0.6) 45%, #E2F7E5 45.1%);
background-image: -ms-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(77, 148, 109, 0.6) 45%, #E2F7E5 45.1%);
+
background-image: -ms-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(47, 106, 57, 0.6) 45%, #E2F7E5 45.1%);
background-image: -o-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(77, 148, 109, 0.6) 45%, #E2F7E5 45.1%);
+
background-image: -o-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(47, 106, 57, 0.6) 45%, #E2F7E5 45.1%);
background-image: linear-gradient(to right, rgba(47, 106, 57, 0.9) 0%, rgba(77, 148, 109, 0.6) 45%, #E2F7E5 45.1%);
+
background-image: linear-gradient(to right, rgba(47, 106, 57, 0.9) 0%, rgba(47, 106, 57, 0.6) 45%, #E2F7E5 45.1%);
 
}
 
}
 
.pi-theme-earthman .pi-border-color,
 
.pi-theme-earthman .pi-border-color,
Строка 581: Строка 637:
 
/* Сезон */
 
/* Сезон */
 
.pi-theme-season {
 
.pi-theme-season {
background: #E698DA;
+
background: -webkit-linear-gradient(top, #F8DAF3 0%, #E698DA 100%);
  +
background: -moz-linear-gradient(top, #F8DAF3 0%, #E698DA 100%);
  +
background: -ms-linear-gradient(top, #F8DAF3 0%, #E698DA 100%);
  +
background: -o-linear-gradient(top, #F8DAF3 0%, #E698DA 100%);
  +
background: linear-gradient(to top, #F8DAF3 0%, #E698DA 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 617: Строка 677:
 
/* Эпизод */
 
/* Эпизод */
 
.pi-theme-episode {
 
.pi-theme-episode {
background: #BEAAE6;
+
background: -webkit-linear-gradient(top, #E2D8F6 0%, #BEAAE6 100%);
  +
background: -moz-linear-gradient(top, #E2D8F6 0%, #BEAAE6 100%);
  +
background: -ms-linear-gradient(top, #E2D8F6 0%, #BEAAE6 100%);
  +
background: -o-linear-gradient(top, #E2D8F6 0%, #BEAAE6 100%);
  +
background: linear-gradient(to top, #E2D8F6 0%, #BEAAE6 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 653: Строка 717:
 
/* Эпизод «Мир Винкс» */
 
/* Эпизод «Мир Винкс» */
 
.pi-theme-world {
 
.pi-theme-world {
background: #BFA9F1;
+
background: -webkit-linear-gradient(top, #E3D7FF 0%, #BFA9F1 100%);
  +
background: -moz-linear-gradient(top, #E3D7FF 0%, #BFA9F1 100%);
  +
background: -ms-linear-gradient(top, #E3D7FF 0%, #BFA9F1 100%);
  +
background: -o-linear-gradient(top, #E3D7FF 0%, #BFA9F1 100%);
  +
background: linear-gradient(to top, #E3D7FF 0%, #BFA9F1 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 690: Строка 758:
 
/* Монарх */
 
/* Монарх */
 
.pi-theme-monarch {
 
.pi-theme-monarch {
background: #C8AA4D;
+
background: -webkit-linear-gradient(top, #FAF5A9 0%, #E6D188 100%);
  +
background: -moz-linear-gradient(top, #FAF5A9 0%, #E6D188 100%);
  +
background: -ms-linear-gradient(top, #FAF5A9 0%, #E6D188 100%);
  +
background: -o-linear-gradient(top, #FAF5A9 0%, #E6D188 100%);
  +
background: linear-gradient(to top, #FAF5A9 0%, #E6D188 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 727: Строка 799:
 
/* Блум */
 
/* Блум */
 
.pi-theme-Блум {
 
.pi-theme-Блум {
background: #9BCDEF;
+
background: -webkit-linear-gradient(top, #CFE9FB 0%, #9BCDEF 100%);
  +
background: -moz-linear-gradient(top, #CFE9FB 0%, #9BCDEF 100%);
  +
background: -ms-linear-gradient(top, #CFE9FB 0%, #9BCDEF 100%);
  +
background: -o-linear-gradient(top, #CFE9FB 0%, #9BCDEF 100%);
  +
background: linear-gradient(to top, #CFE9FB 0%, #9BCDEF 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 763: Строка 839:
 
/* Стелла */
 
/* Стелла */
 
.pi-theme-Стелла {
 
.pi-theme-Стелла {
background: -webkit-linear-gradient(top, #F7ECA0 30%, rgba(229, 193, 26, 0.6) 70%);
+
background: -webkit-linear-gradient(top, #FEF8CF 0%, #F7ECA0 100%);
  +
background: -moz-linear-gradient(top, #FEF8CF 0%, #F7ECA0 100%);
  +
background: -ms-linear-gradient(top, #FEF8CF 0%, #F7ECA0 100%);
  +
background: -o-linear-gradient(top, #FEF8CF 0%, #F7ECA0 100%);
  +
background: linear-gradient(top, #FEF8CF 0%, #F7ECA0 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 799: Строка 879:
 
/* Флора */
 
/* Флора */
 
.pi-theme-Флора {
 
.pi-theme-Флора {
background: #F7AAF2;
+
background: -webkit-linear-gradient(top, #FCD4F9 0%, #F7AAF2 100%);
  +
background: -moz-linear-gradient(top, #FCD4F9 0%, #F7AAF2 100%);
  +
background: -ms-linear-gradient(top, #FCD4F9 0%, #F7AAF2 100%);
  +
background: -o-linear-gradient(top, #FCD4F9 0%, #F7AAF2 100%);
  +
background: linear-gradient(to top, #FCD4F9 0%, #F7AAF2 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 835: Строка 919:
 
/* Муза */
 
/* Муза */
 
.pi-theme-Муза {
 
.pi-theme-Муза {
background: #E75F7B;
+
background: -webkit-linear-gradient(top, #F6C6D0 0%, #F5A5B6 100%);
  +
background: -moz-linear-gradient(top, #F6C6D0 0%, #F5A5B6 100%);
  +
background: -ms-linear-gradient(top, #F6C6D0 0%, #F5A5B6 100%);
  +
background: -o-linear-gradient(top, #F6C6D0 0%, #F5A5B6 100%);
  +
background: linear-gradient(to top, #F6C6D0 0%, #F5A5B6 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 869: Строка 957:
 
}
 
}
   
/* Лейла */
+
/* Лейла/Айша */
 
.pi-theme-Лейла {
 
.pi-theme-Лейла {
background: #67E2C1;
+
background: -webkit-linear-gradient(top, #C5F8EA 0%, #A5F6EF 100%);
  +
background: -moz-linear-gradient(top, #C5F8EA 0%, #A5F6EF 100%);
  +
background: -ms-linear-gradient(top, #C5F8EA 0%, #A5F6EF 100%);
  +
background: -o-linear-gradient(top, #C5F8EA 0%, #A5F6EF 100%);
  +
background: linear-gradient(to top, #C5F8EA 0%, #A5F6EF 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 907: Строка 999:
 
/* Текна */
 
/* Текна */
 
.pi-theme-Текна {
 
.pi-theme-Текна {
background: #E6AAF3;
+
background: -webkit-linear-gradient(top, #F3D3FA 0%, #E6AAF3 100%);
  +
background: -moz-linear-gradient(top, #F3D3FA 0%, #E6AAF3 100%);
  +
background: -ms-linear-gradient(top, #F3D3FA 0%, #E6AAF3 100%);
  +
background: -o-linear-gradient(top, #F3D3FA 0%, #E6AAF3 100%);
  +
background: linear-gradient(to top, #F3D3FA 0%, #E6AAF3 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 943: Строка 1039:
 
/* Рокси */
 
/* Рокси */
 
.pi-theme-Рокси {
 
.pi-theme-Рокси {
background: #96F0BA;
+
background: -webkit-linear-gradient(top, #C4F8D9 0%, #96F0BA 100%);
  +
background: -moz-linear-gradient(top, #C4F8D9 0%, #96F0BA 100%);
  +
background: -ms-linear-gradient(top, #C4F8D9 0%, #96F0BA 100%);
  +
background: -o-linear-gradient(top, #C4F8D9 0%, #96F0BA 100%);
  +
background: linear-gradient(to top, #C4F8D9 0%, #96F0BA 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 979: Строка 1079:
 
/* Дафна */
 
/* Дафна */
 
.pi-theme-Дафна {
 
.pi-theme-Дафна {
background: #E8D3A0;
+
background: -webkit-linear-gradient(top, #F7ECD0 0%, #F3D99A 100%);
  +
background: -moz-linear-gradient(top, #F7ECD0 0%, #F3D99A 100%);
  +
background: -ms-linear-gradient(top, #F7ECD0 0%, #F3D99A 100%);
  +
background: -o-linear-gradient(top, #F7ECD0 0%, #F3D99A 100%);
  +
background: linear-gradient(to top, #F7ECD0 0%, #F3D99A 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 990: Строка 1094:
 
}
 
}
 
.pi-theme-Дафна .pi-image {
 
.pi-theme-Дафна .pi-image {
background-color: #E8D3A0;
+
background-color: #F3D99A;
 
border-bottom: 2px solid #DFC27B;
 
border-bottom: 2px solid #DFC27B;
 
}
 
}
Строка 1014: Строка 1118:
   
 
/** Новые карточки **/
 
/** Новые карточки **/
  +
 
/* Артефакт */
 
/* Артефакт */
 
.pi-theme-artefact {
 
.pi-theme-artefact {
background: #cdd2d7;
+
background: -webkit-linear-gradient(top, #c7c7d0 0%, #cdd2d7 100%);
  +
background: -moz-linear-gradient(top, #c7c7d0 0%, #cdd2d7 100%);
  +
background: -ms-linear-gradient(top, #c7c7d0 0%, #cdd2d7 100%);
  +
background: -o-linear-gradient(top, #c7c7d0 0%, #cdd2d7 100%);
  +
background: linear-gradient(to top, #c7c7d0 0%, #cdd2d7 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 1052: Строка 1161:
 
/* Команды */
 
/* Команды */
 
.pi-theme-group {
 
.pi-theme-group {
background: #b7f1a1;
+
background: -webkit-linear-gradient(top, #c7f7c4 0%, #b7f1a1 100%);
  +
background: -moz-linear-gradient(top, #c7f7c4 0%, #b7f1a1 100%);
  +
background: -ms-linear-gradient(top, #c7f7c4 0%, #b7f1a1 100%);
  +
background: -o-linear-gradient(top, #c7f7c4 0%, #b7f1a1 100%);
  +
background: linear-gradient(to top, #c7f7c4 0%, #b7f1a1 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 1087: Строка 1200:
   
 
/* Школа */
 
/* Школа */
.pi-theme-school {
+
.pi-theme-scool {
background: #ffa500;
+
background: -webkit-linear-gradient(top, #ffd200 0%, #ffa500 100%);
  +
background: -moz-linear-gradient(top, #ffd200 0%, #ffa500 100%);
  +
background: -ms-linear-gradient(top, #ffd200 0%, #ffa500 100%);
  +
background: -o-linear-gradient(top, #ffd200 0%, #ffa500 100%);
  +
background: linear-gradient(to top, #ffd200 0%, #ffa500 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 1094: Строка 1211:
 
box-shadow: 3px 3px 7px #db9142;
 
box-shadow: 3px 3px 7px #db9142;
 
}
 
}
.pi-theme-school .pi-title {
+
.pi-theme-scool .pi-title {
 
background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/d/de/ScoolFone.png/revision/latest?cb=20190425084751&format=original&path-prefix=ru');
 
background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/d/de/ScoolFone.png/revision/latest?cb=20190425084751&format=original&path-prefix=ru');
 
background-repeat: repeat-y;
 
background-repeat: repeat-y;
 
}
 
}
.pi-theme-school .pi-image {
+
.pi-theme-scool .pi-image {
 
background-color: #ffa500;
 
background-color: #ffa500;
 
border-bottom: 2px solid #db9142;
 
border-bottom: 2px solid #db9142;
 
}
 
}
.pi-theme-school ul.pi-image-collection-tabs li.current {
+
.pi-theme-scool ul.pi-image-collection-tabs li.current {
 
background: #ffd200;
 
background: #ffd200;
 
}
 
}
.pi-theme-school .pi-secondary-background {
+
.pi-theme-scool .pi-secondary-background {
 
background-color: rgba(230, 150, 70, 0.9);
 
background-color: rgba(230, 150, 70, 0.9);
 
}
 
}
.pi-theme-school .pi-data {
+
.pi-theme-scool .pi-data {
 
background-color: #ffcfa8;
 
background-color: #ffcfa8;
 
background-image: -webkit-linear-gradient(right, rgba(230, 150, 70, 0.9) 0%, rgba(230, 150, 70, 0.6) 45%, #ffd200 45.1%);
 
background-image: -webkit-linear-gradient(right, rgba(230, 150, 70, 0.9) 0%, rgba(230, 150, 70, 0.6) 45%, #ffd200 45.1%);
Строка 1116: Строка 1233:
 
background-image: linear-gradient(to right, rgba(230, 150, 70, 0.9) 0%, rgba(230, 150, 70, 0.6) 45%, #ffd200 45.1%);
 
background-image: linear-gradient(to right, rgba(230, 150, 70, 0.9) 0%, rgba(230, 150, 70, 0.6) 45%, #ffd200 45.1%);
 
}
 
}
.pi-theme-school .pi-border-color,
+
.pi-theme-scool .pi-border-color,
.pi-theme-school .pi-smart-data-value:not(:first-child),
+
.pi-theme-scool .pi-smart-data-value:not(:first-child),
.pi-theme-school .pi-smart-data-label:not(:first-child) {
+
.pi-theme-scool .pi-smart-data-label:not(:first-child) {
 
border-color: #ffa500;
 
border-color: #ffa500;
 
}
 
}
Строка 1159: Строка 1276:
 
/* Трансформации */
 
/* Трансформации */
 
.pi-theme-transformation {
 
.pi-theme-transformation {
background: #b38bd5;;
+
background: -webkit-linear-gradient(top, #bb91e2 0%, #b38bd5 100%);
  +
background: -moz-linear-gradient(top, #bb91e2 0%, #b38bd5 100%);
  +
background: -ms-linear-gradient(top, #bb91e2 0%, #b38bd5 100%);
  +
background: -o-linear-gradient(top, #bb91e2 0%, #b38bd5 100%);
  +
background: linear-gradient(top, #bb91e2 0%, #b38bd5 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;
Строка 1195: Строка 1316:
 
/* Заклинания */
 
/* Заклинания */
 
.pi-theme-enchance {
 
.pi-theme-enchance {
background: #88c0d5;
+
background: -webkit-linear-gradient(top, #a1d0e4 0%, #88c0d5 100%);
  +
background: -moz-linear-gradient(top, #a1d0e4 0%, #88c0d5 100%);
  +
background: -ms-linear-gradient(top, #a1d0e4 0%, #88c0d5 100%);
  +
background: -o-linear-gradient(top, #a1d0e4 0%, #88c0d5 100%);
  +
background: linear-gradient(top, #a1d0e4 0%, #88c0d5 100%);
 
border-style: solid;
 
border-style: solid;
 
border-width: 11px 13px 12px 10px;
 
border-width: 11px 13px 12px 10px;

Версия от 10:31, 5 марта 2021

/** Базовый стиль инфобоксов **/
.portable-infobox {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    margin-top: 5px;
    margin-right: 8px;
}
.portable-infobox .pi-title {
    color: white;
    text-align: center;
    line-height: 16px;
    padding-top: 0;
    padding-bottom: 8px;
}
.pi-title a {
    color: white;
}
.pi-header, .pi-horizontal-group .pi-header {
    color: white;
    text-align: center;
}
.pi-data-label {
    -webkit-flex-basis: 60%;
    -moz-flex-basis: 60%;
    -ms-flex-basis: 60%;
    -o-flex-basis: 60%;
    flex-basis: 60%;
    color: #FBF5FF;
}
.pi-data-label:not(.pi-horizontal-group-item):after {
    content: ':';
    font-weight: normal;
}
.pi-data-label {
    color: #FBF5FF;
}
.pi-horizontal-group .pi-data-label {
    color: black;
}
.portable-infobox .pi-data-value ul {
    list-style-type: none;
}
.pi-border-color {
    border-color: #CC99E8;
}

/** Цветочная текстура **/
/* Фея */
.pi-theme-fairy {
    background: -webkit-linear-gradient(top, #FBD1F8 0%, #F3A6EE 100%);
    background: -moz-linear-gradient(top, #FBD1F8 0%, #F3A6EE 100%);
    background: -ms-linear-gradient(top, #FBD1F8 0%, #F3A6EE 100%);
    background: -o-linear-gradient(top, #FBD1F8 0%, #F3A6EE 100%);
    background: linear-gradient(to top, #FBD1F8 0%, #F3A6EE 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/a/ae/FlowerBorderFairy.png/revision/latest?cb=20170921151235&path-prefix=ru') 11 13 12 10 fill repeat;
    box-shadow: 3px 3px 7px #E261D9;
}
.pi-theme-fairy .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/4/40/BelievixBgFairy.png/revision/latest?cb=20170921151234&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-fairy .pi-image {
    background-color: #F3A6EE;
    border-bottom: 2px solid #E261D9;
}
.pi-theme-fairy ul.pi-image-collection-tabs li.current {
    background: #FBD1F8;
}
.pi-theme-fairy .pi-secondary-background {
    background-color: rgba(226, 97, 217, 0.9);
}
.pi-theme-fairy .pi-data {
    background-color: #FBD1F8;
    background-image: -webkit-linear-gradient(right, rgba(226, 97, 217, 0.9) 0%, rgba(226, 97, 217, 0.6) 45%, #FBD1F8 45.1%);
    background-image: -moz-linear-gradient(right, rgba(226, 97, 217, 0.9) 0%, rgba(226, 97, 217, 0.6) 45%, #FBD1F8 45.1%);
    background-image: -ms-linear-gradient(right, rgba(226, 97, 217, 0.9) 0%, rgba(226, 97, 217, 0.6) 45%, #FBD1F8 45.1%);
    background-image: -o-linear-gradient(right, rgba(226, 97, 217, 0.9) 0%, rgba(226, 97, 217, 0.6) 45%, #FBD1F8 45.1%);
    background-image: linear-gradient(to right, rgba(226, 97, 217, 0.9) 0%, rgba(226, 97, 217, 0.6) 45%, #FBD1F8 45.1%);
}
.pi-theme-fairy .pi-border-color,
.pi-theme-fairy .pi-smart-data-value:not(:first-child),
.pi-theme-fairy .pi-smart-data-label:not(:first-child) {
    border-color: #F3A6EE;
}

/* Пикси */
.pi-theme-pixie {
    background: -webkit-linear-gradient(top, #F4BEF4 0%, #E195E1 100%);
    background: -moz-linear-gradient(top, #F4BEF4 0%, #E195E1 100%);
    background: -ms-linear-gradient(top, #F4BEF4 0%, #E195E1 100%);
    background: -o-linear-gradient(top, #F4BEF4 0%, #E195E1 100%);
    background: linear-gradient(to top, #F4BEF4 0%, #E195E1 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/e/e0/FlowerBorderPixie.png/revision/latest?cb=20170921151236&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #B353B3;
}
.pi-theme-pixie .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/d/db/BelievixBgPixie.png/revision/latest?cb=20170921151236&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-pixie .pi-image {
    background-color: #E195E1;
    border-bottom: 2px solid #B353B3;
}
.pi-theme-pixie ul.pi-image-collection-tabs li.current {
    background: #F4BEF4;
}
.pi-theme-pixie .pi-secondary-background {
    background-color: rgba(179, 83, 179, 0.9);
}
.pi-theme-pixie .pi-data {
    background-color: #F4BEF4;
    background-image: -webkit-linear-gradient(right, rgba(179, 83, 179, 0.9) 0%, rgba(179, 83, 179, 0.6) 45%, #F4BEF4 45.1%);
    background-image: -moz-linear-gradient(right, rgba(179, 83, 179, 0.9) 0%, rgba(179, 83, 179, 0.6) 45%, #F4BEF4 45.1%);
    background-image: -ms-linear-gradient(right, rgba(179, 83, 179, 0.9) 0%, rgba(179, 83, 179, 0.6) 45%, #F4BEF4 45.1%);
    background-image: -o-linear-gradient(right, rgba(179, 83, 179, 0.9) 0%, rgba(179, 83, 179, 0.6) 45%, #F4BEF4 45.1%);
    background-image: linear-gradient(to right, rgba(179, 83, 179, 0.9) 0%, rgba(179, 83, 179, 0.6) 45%, #F4BEF4 45.1%);
}
.pi-theme-pixie .pi-border-color,
.pi-theme-pixie .pi-smart-data-value:not(:first-child),
.pi-theme-pixie .pi-smart-data-label:not(:first-child) {
    border-color: #E195E1;
}

/* Селки */
.pi-theme-selkie {
    background: -webkit-linear-gradient(top, #C9E8FD 0%, #95C7EA 100%);
    background: -moz-linear-gradient(top, #C9E8FD 0%, #95C7EA 100%);
    background: -ms-linear-gradient(top, #C9E8FD 0%, #95C7EA 100%);
    background: -o-linear-gradient(top, #C9E8FD 0%, #95C7EA 100%);
    background: linear-gradient(to top, #C9E8FD 0%, #95C7EA 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/8/8d/FlowerBorderSelkie.png/revision/latest?cb=20170921151237&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #4098D6;
}
.pi-theme-selkie .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/8/8a/BelievixBgSelkie.png/revision/latest?cb=20170921151237&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-selkie .pi-image {
    background-color: #95C7EA;
    border-bottom: 2px solid #4098D6;
}
.pi-theme-selkie ul.pi-image-collection-tabs li.current {
    background: #C9E8FD;
}
.pi-theme-selkie .pi-secondary-background {
    background-color: rgba(64, 152, 214, 0.9);
}
.pi-theme-selkie .pi-data {
    background-color: #F4BEF4;
    background-image: -webkit-linear-gradient(right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
    background-image: -moz-linear-gradient(right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
    background-image: -ms-linear-gradient(right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
    background-image: -o-linear-gradient(right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
    background-image: linear-gradient(to right, rgba(64, 152, 214, 0.9) 0%, rgba(64, 152, 214, 0.6) 45%, #C9E8FD 45.1%);
}
.pi-theme-selkie .pi-border-color,
.pi-theme-selkie .pi-smart-data-value:not(:first-child),
.pi-theme-selkie .pi-smart-data-label:not(:first-child) {
    border-color: #95C7EA;
}

/* Волшебное животное */
.pi-theme-animal {
    background: -webkit-linear-gradient(top, #DAF8C7 0%, #AFEB8B 100%);
    background: -moz-linear-gradient(top, #DAF8C7 0%, #AFEB8B 100%);
    background: -ms-linear-gradient(top, #DAF8C7 0%, #AFEB8B 100%);
    background: -o-linear-gradient(top, #DAF8C7 0%, #AFEB8B 100%);
    background: linear-gradient(to top, #DAF8C7 0%, #AFEB8B 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/0/01/FlowerBorderAnimal.png/revision/latest?cb=20170921151238&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #79C949;
}
.pi-theme-animal .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/f/f1/BelievixBgAnimal.png/revision/latest?cb=20170921151238&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-animal .pi-image {
    background-color: #AFEB8B;
    border-bottom: 2px solid #79C949;
}
.pi-theme-animal ul.pi-image-collection-tabs li.current {
    background: #DAF8C7;
}
.pi-theme-animal .pi-secondary-background {
    background-color: rgba(121, 201, 73, 0.9);
}
.pi-theme-animal .pi-data {
    background-color: #DAF8C7;
    background-image: -webkit-linear-gradient(right, rgba(121, 201, 73, 0.9) 0%, rgba(121, 201, 73, 0.6) 45%, #DAF8C7 45.1%);
    background-image: -moz-linear-gradient(right, rgba(121, 201, 73, 0.9) 0%, rgba(121, 201, 73, 0.6) 45%, #DAF8C7 45.1%);
    background-image: -ms-linear-gradient(right, rgba(121, 201, 73, 0.9) 0%, rgba(121, 201, 73, 0.6) 45%, #DAF8C7 45.1%);
    background-image: -o-linear-gradient(right, rgba(121, 201, 73, 0.9) 0%, rgba(121, 201, 73, 0.6) 45%, #DAF8C7 45.1%);
    background-image: linear-gradient(to right, rgba(121, 201, 73, 0.9) 0%, rgba(121, 201, 73, 0.6) 45%, #DAF8C7 45.1%);
}
.pi-theme-animal .pi-border-color,
.pi-theme-animal .pi-smart-data-value:not(:first-child),
.pi-theme-animal .pi-smart-data-label:not(:first-child) {
    border-color: #AFEB8B;
}

/** Холстовая текстура **/
/* Злодей */
.pi-theme-villain {
    background: -webkit-linear-gradient(top, #F0DCEA 0%, #DCB8D1 100%);
    background: -moz-linear-gradient(top, #F0DCEA 0%, #DCB8D1 100%);
    background: -ms-linear-gradient(top, #F0DCEA 0%, #DCB8D1 100%);
    background: -o-linear-gradient(top, #F0DCEA 0%, #DCB8D1 100%);
    background: linear-gradient(to top, #F0DCEA 0%, #DCB8D1 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/4/4b/CanvasBorderVillain.png/revision/latest?cb=20170921151240&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #9B6B8D;
}
.pi-theme-villain .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/7/7e/BelievixBgVillain.png/revision/latest?cb=20170921151239&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-villain .pi-image {
    background-color: #DCB8D1;
    border-bottom: 2px solid #9B6B8D;
}
.pi-theme-villain ul.pi-image-collection-tabs li.current {
    background: #F0DCEA;
}
.pi-theme-villain .pi-secondary-background {
    background-color: rgba(155, 107, 141, 0.9);
}
.pi-theme-villain .pi-data {
    background-color: #F0DCEA;
    background-image: -webkit-linear-gradient(right, rgba(155, 107, 141, 0.9) 0%, rgba(155, 107, 141, 0.6) 45%, #F0DCEA 45.1%);
    background-image: -moz-linear-gradient(right, rgba(155, 107, 141, 0.9) 0%, rgba(155, 107, 141, 0.6) 45%, #F0DCEA 45.1%);
    background-image: -ms-linear-gradient(right, rgba(155, 107, 141, 0.9) 0%, rgba(155, 107, 141, 0.6) 45%, #F0DCEA 45.1%);
    background-image: -o-linear-gradient(right, rgba(155, 107, 141, 0.9) 0%, rgba(155, 107, 141, 0.6) 45%, #F0DCEA 45.1%);
    background-image: linear-gradient(to right, rgba(155, 107, 141, 0.9) 0%, rgba(155, 107, 141, 0.6) 45%, #F0DCEA 45.1%);
}
.pi-theme-villain .pi-border-color,
.pi-theme-villain .pi-smart-data-value:not(:first-child),
.pi-theme-villain .pi-smart-data-label:not(:first-child) {
    border-color: #DCB8D1;
}

/* Айси */
.pi-theme-Айси.portable-infobox {
    background: -webkit-linear-gradient(top, #C9DCF2 0%, #9BBAE0 100%);
    background: -moz-linear-gradient(top, #C9DCF2 0%, #9BBAE0 100%);
    background: -ms-linear-gradient(top, #C9DCF2 0%, #9BBAE0 100%);
    background: -o-linear-gradient(top, #C9DCF2 0%, #9BBAE0 100%);
    background: linear-gradient(to top, #C9DCF2 0%, #9BBAE0 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/2/25/CanvasBorderIcy.png/revision/latest?cb=20170921151241&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #2D4869;
}
.pi-theme-Айси.portable-infobox .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/1/15/BelievixBgIcy.png/revision/latest?cb=20170921151240&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Айси.portable-infobox .pi-image {
    background: #9BBAE0;
    border-bottom: 2px solid #2D4869;
}
.pi-theme-Айси.portable-infobox ul.pi-image-collection-tabs li.current {
    background: #C9DCF2;
}
.pi-theme-Айси .pi-secondary-background {
    background-color: rgba(45, 72, 105, 0.9);
}
.pi-theme-Айси.portable-infobox .pi-data {
    background-color: #C9DCF2;
    background-image: -webkit-linear-gradient(right, rgba(45, 72, 105, 0.9) 0%, rgba(45, 72, 105, 0.6) 45%, #C9DCF2 45.1%);
    background-image: -moz-linear-gradient(right, rgba(45, 72, 105, 0.9) 0%, rgba(45, 72, 105, 0.6) 45%, #C9DCF2 45.1%);
    background-image: -ms-linear-gradient(right, rgba(45, 72, 105, 0.9) 0%, rgba(45, 72, 105, 0.6) 45%, #C9DCF2 45.1%);
    background-image: -o-linear-gradient(right, rgba(45, 72, 105, 0.9) 0%, rgba(45, 72, 105, 0.6) 45%, #C9DCF2 45.1%);
    background-image: linear-gradient(to right, rgba(45, 72, 105, 0.9) 0%, rgba(45, 72, 105, 0.6) 45%, #C9DCF2 45.1%);
}
.pi-theme-Айси.portable-infobox .pi-border-color,
.pi-theme-Айси.portable-infobox .pi-smart-data-value:not(:first-child),
.pi-theme-Айси.portable-infobox .pi-smart-data-label:not(:first-child) {
    border-color: #9BBAE0;
}

/* Дарси */
.pi-theme-Дарси.portable-infobox {
    background: -webkit-linear-gradient(top, #D5C5EB 0%, #BBA7D4 100%);
    background: -moz-linear-gradient(top, #D5C5EB 0%, #BBA7D4 100%);
    background: -ms-linear-gradient(top, #D5C5EB 0%, #BBA7D4 100%);
    background: -o-linear-gradient(top, #D5C5EB 0%, #BBA7D4 100%);
    background: linear-gradient(to top, #D5C5EB 0%, #BBA7D4 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/1/1d/CanvasBorderDarcy.png/revision/latest?cb=20170921151242&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #432A61;
}
.pi-theme-Дарси.portable-infobox .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/c/c4/BelievixBgDarcy.png/revision/latest?cb=20170921151241&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Дарси.portable-infobox .pi-image {
    background: #BBA7D4;
    border-bottom: 2px solid #432A61;
}
.pi-theme-Дарси.portable-infobox ul.pi-image-collection-tabs li.current {
    background: #D5C5EB;
}
.pi-theme-Дарси .pi-secondary-background {
    background-color: rgba(67, 43, 97, 0.9);
}
.pi-theme-Дарси.portable-infobox .pi-data {
    background-color: #D5C5EB;
    background-image: -webkit-linear-gradient(right, rgba(67, 43, 97, 0.9) 0%, rgba(67, 43, 97, 0.6) 45%, #D5C5EB 45.1%);
    background-image: -moz-linear-gradient(right, rgba(67, 43, 97, 0.9) 0%, rgba(67, 43, 97, 0.6) 45%, #D5C5EB 45.1%);
    background-image: -ms-linear-gradient(right, rgba(67, 43, 97, 0.9) 0%, rgba(67, 43, 97, 0.6) 45%, #D5C5EB 45.1%);
    background-image: -o-linear-gradient(right, rgba(67, 43, 97, 0.9) 0%, rgba(67, 43, 97, 0.6) 45%, #D5C5EB 45.1%);
    background-image: linear-gradient(to right, rgba(67, 43, 97, 0.9) 0%, rgba(67, 43, 97, 0.6) 45%, #D5C5EB 45.1%);
}
.pi-theme-Дарси.portable-infobox .pi-border-color,
.pi-theme-Дарси.portable-infobox .pi-smart-data-value:not(:first-child),
.pi-theme-Дарси.portable-infobox .pi-smart-data-label:not(:first-child) {
    border-color: #BBA7D4;
}

/* Сторми */
.pi-theme-Сторми.portable-infobox {
    background: -webkit-linear-gradient(top, #F2BFCA 0%, #E0A4B1 100%);
    background: -moz-linear-gradient(top, #F2BFCA 0%, #E0A4B1 100%);
    background: -ms-linear-gradient(top, #F2BFCA 0%, #E0A4B1 100%);
    background: -o-linear-gradient(top, #F2BFCA 0%, #E0A4B1 100%);
    background: linear-gradient(to top, #F2BFCA 0%, #E0A4B1 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/b/ba/CanvasBorderStormy.png/revision/latest?cb=20170921151243&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #733140;
}
.pi-theme-Сторми.portable-infobox .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/e/e4/BelievixBgStormy.png/revision/latest?cb=20170921151242&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Сторми.portable-infobox .pi-image {
    background: #E0A4B1;
    border-bottom: 2px solid #733140;
}
.pi-theme-Сторми.portable-infobox ul.pi-image-collection-tabs li.current {
    background: #F2BFCA;
}
.pi-theme-Сторми .pi-secondary-background {
    background-color: rgba(115, 49, 64, 0.9);
}
.pi-theme-Сторми.portable-infobox .pi-data {
    background-color: #F2BFCA;
    background-image: -webkit-linear-gradient(right, rgba(115, 49, 64, 0.9) 0%, rgba(115, 49, 64, 0.6) 45%, #F2BFCA 45.1%);
    background-image: -moz-linear-gradient(right, rgba(115, 49, 64, 0.9) 0%, rgba(115, 49, 64, 0.6) 45%, #F2BFCA 45.1%);
    background-image: -ms-linear-gradient(right, rgba(115, 49, 64, 0.9) 0%, rgba(115, 49, 64, 0.6) 45%, #F2BFCA 45.1%);
    background-image: -o-linear-gradient(right, rgba(115, 49, 64, 0.9) 0%, rgba(115, 49, 64, 0.6) 45%, #F2BFCA 45.1%);
    background-image: linear-gradient(to right, rgba(115, 49, 64, 0.9) 0%, rgba(115, 49, 64, 0.6) 45%, #F2BFCA 45.1%);
}
.pi-theme-Сторми.portable-infobox .pi-border-color,
.pi-theme-Сторми.portable-infobox .pi-smart-data-value:not(:first-child),
.pi-theme-Сторми.portable-infobox .pi-smart-data-label:not(:first-child) {
    border-color: #E0A4B1;
}

/* Древние Ведьмы */
.pi-theme-Древние-Ведьмы.portable-infobox,
.pi-theme-Белладонна.portable-infobox,
.pi-theme-Лилис.portable-infobox,
.pi-theme-Тхарма.portable-infobox {
    background: -webkit-linear-gradient(top, #B8ACC2 0%, #9B82B0 100%);
    background: -moz-linear-gradient(top, #B8ACC2 0%, #9B82B0 100%);
    background: -ms-linear-gradient(top, #B8ACC2 0%, #9B82B0 100%);
    background: -o-linear-gradient(top, #B8ACC2 0%, #9B82B0 100%);
    background: linear-gradient(to top, #B8ACC2 0%, #9B82B0 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/1/1b/CanvasBorderAncient.png/revision/latest?cb=20170921151244&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #403847;
}
.pi-theme-Древние-Ведьмы.portable-infobox .pi-title,
.pi-theme-Белладонна.portable-infobox .pi-title, 
.pi-theme-Лилис.portable-infobox .pi-title,
.pi-theme-Тхарма.portable-infobox .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/b/b9/BelievixBgAncient.png/revision/latest?cb=20170921151243&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Древние-Ведьмы.portable-infobox .pi-image,
.pi-theme-Белладонна.portable-infobox .pi-image,
.pi-theme-Лилис.portable-infobox .pi-image,
.pi-theme-Тхарма.portable-infobox .pi-image {
    background: #9B82B0;
    border-bottom: 2px solid #403847;
}
.pi-theme-Древние-Ведьмы.portable-infobox ul.pi-image-collection-tabs li.current,
.pi-theme-Белладонна.portable-infobox ul.pi-image-collection-tabs li.current,
.pi-theme-Лилис.portable-infobox ul.pi-image-collection-tabs li.current,
.pi-theme-Тхарма.portable-infobox ul.pi-image-collection-tabs li.current {
    background: #B8ACC2;
}
.pi-theme-Древние-Ведьмы .pi-secondary-background,
.pi-theme-Белладонна .pi-secondary-background,
.pi-theme-Лилис .pi-secondary-background,
.pi-theme-Тхарма .pi-secondary-background {
    background-color: rgba(62, 54, 69, 0.9);
}
.pi-theme-Древние-Ведьмы.portable-infobox .pi-data,
.pi-theme-Белладонна.portable-infobox .pi-data,
.pi-theme-Лилис.portable-infobox .pi-data,
.pi-theme-Тхарма.portable-infobox .pi-data {
    background-color: #B8ACC2;
    background-image: -webkit-linear-gradient(right, rgba(62, 54, 69, 0.9) 0%, rgba(62, 54, 69, 0.6) 45%, #B8ACC2 45.1%);
    background-image: -moz-linear-gradient(right, rgba(62, 54, 69, 0.9) 0%, rgba(62, 54, 69, 0.6) 45%, #B8ACC2 45.1%);
    background-image: -ms-linear-gradient(right, rgba(62, 54, 69, 0.9) 0%, rgba(62, 54, 69, 0.6) 45%, #B8ACC2 45.1%);
    background-image: -o-linear-gradient(right, rgba(62, 54, 69, 0.9) 0%, rgba(62, 54, 69, 0.6) 45%, #B8ACC2 45.1%);
    background-image: linear-gradient(to right, rgba(62, 54, 69, 0.9) 0%, rgba(62, 54, 69, 0.6) 45%, #B8ACC2 45.1%);
}
.pi-theme-Древние-Ведьмы.portable-infobox .pi-border-color,
.pi-theme-Белладонна.portable-infobox .pi-border-color,
.pi-theme-Лилис.portable-infobox .pi-border-color,
.pi-theme-Тхарма.portable-infobox .pi-border-color,
.pi-theme-Древние-Ведьмы.portable-infobox .pi-smart-data-value:not(:first-child),
.pi-theme-Белладонна.portable-infobox .pi-smart-data-value:not(:first-child),
.pi-theme-Лилис.portable-infobox .pi-smart-data-value:not(:first-child),
.pi-theme-Тхарма.portable-infobox .pi-smart-data-value:not(:first-child),
.pi-theme-Древние-Ведьмы.portable-infobox .pi-smart-data-label:not(:first-child),
.pi-theme-Белладонна.portable-infobox .pi-smart-data-label:not(:first-child),
.pi-theme-Лилис.portable-infobox .pi-smart-data-label:not(:first-child),
.pi-theme-Тхарма.portable-infobox .pi-smart-data-label:not(:first-child) {
    border-color: #9B82B0;
}

/* Ведьма */
.pi-theme-witch {
    background: -webkit-linear-gradient(top, #E8D6EE 0%, #CDA7D9 100%);
    background: -moz-linear-gradient(top, #E8D6EE 0%, #CDA7D9 100%);
    background: -ms-linear-gradient(top, #E8D6EE 0%, #CDA7D9 100%);
    background: -o-linear-gradient(top, #E8D6EE 0%, #CDA7D9 100%);
    background: linear-gradient(to top, #E8D6EE 0%, #CDA7D9 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/3/39/CanvasBorderWitch.png/revision/latest?cb=20170921151239&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #A871BA;
}
.pi-theme-witch .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/1/1d/BelievixBgWitch.png/revision/latest?cb=20170921151239&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-witch .pi-image {
    background-color: #CDA7D9;
    border-bottom: 2px solid #A871BA;
}
.pi-theme-witch ul.pi-image-collection-tabs li.current {
    background: #E8D6EE;
}
.pi-theme-witch .pi-secondary-background {
    background-color: rgba(168, 113, 186, 0.9);
}
.pi-theme-witch .pi-data {
    background-color: #E8D6EE;
    background-image: -webkit-linear-gradient(right, rgba(168, 113, 186, 0.9) 0%, rgba(168, 113, 186, 0.6) 45%, #E8D6EE 45.1%);
    background-image: -moz-linear-gradient(right, rgba(168, 113, 186, 0.9) 0%, rgba(168, 113, 186, 0.6) 45%, #E8D6EE 45.1%);
    background-image: -ms-linear-gradient(right, rgba(168, 113, 186, 0.9) 0%, rgba(168, 113, 186, 0.6) 45%, #E8D6EE 45.1%);
    background-image: -o-linear-gradient(right, rgba(168, 113, 186, 0.9) 0%, rgba(168, 113, 186, 0.6) 45%, #DAF8C7 45.1%);
    background-image: linear-gradient(to right, rgba(168, 113, 186, 0.9) 0%, rgba(168, 113, 186, 0.6) 45%, #E8D6EE 45.1%);
}
.pi-theme-witch .pi-border-color,
.pi-theme-witch .pi-smart-data-value:not(:first-child),
.pi-theme-witch .pi-smart-data-label:not(:first-child) {
    border-color: #CDA7D9;
}

/* Персонаж */
.pi-theme-character {
    background: -webkit-linear-gradient(top, #F6E0F9 0%, #EBC6F1 100%);
    background: -moz-linear-gradient(top, #F6E0F9 0%, #EBC6F1 100%);
    background: -ms-linear-gradient(top, #F6E0F9 0%, #EBC6F1 100%);
    background: -o-linear-gradient(top, #F6E0F9 0%, #EBC6F1 100%);
    background: linear-gradient(to top, #F6E0F9 0%, #EBC6F1 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/9/9c/CanvasBorderCharacter.png/revision/latest?cb=20170921151454&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #C09DC6;
}
.pi-theme-character .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/1/16/BelievixBgCharacter.png/revision/latest?cb=20170921151454&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-character .pi-image {
    background: #EBC6F1;
    border-bottom: 2px solid #C09DC6;
}
.pi-theme-character ul.pi-image-collection-tabs li.current {
    background: #F6E0F9;
}
.pi-theme-character .pi-secondary-background {
    background-color: rgba(192, 157, 198, 0.9);
}
.pi-theme-character .pi-data {
    background-color: #F6E0F9;
    background-image: -webkit-linear-gradient(right, rgba(192, 157, 198, 0.9) 0%, rgba(192, 157, 198, 0.6) 45%, #F6E0F9 45.1%);
    background-image: -moz-linear-gradient(right, rgba(192, 157, 198, 0.9) 0%, rgba(192, 157, 198, 0.6) 45%, #F6E0F9 45.1%);
    background-image: -ms-linear-gradient(right, rgba(192, 157, 198, 0.9) 0%, rgba(192, 157, 198, 0.6) 45%, #F6E0F9 45.1%);
    background-image: -o-linear-gradient(right, rgba(192, 157, 198, 0.9) 0%, rgba(192, 157, 198, 0.6) 45%, #F6E0F9 45.1%);
    background-image: linear-gradient(to right, rgba(192, 157, 198, 0.9) 0%, rgba(192, 157, 198, 0.6) 45%, #F6E0F9 45.1%);
}
.pi-theme-character .pi-border-color,
.pi-theme-character .pi-smart-data-value:not(:first-child),
.pi-theme-character .pi-smart-data-label:not(:first-child)  {
    border-color: #EBC6F1;
}

/* Планета */
.pi-theme-planet {
    background: -webkit-linear-gradient(top, #F2B6D7 0%, #EB88AB 100%);
    background: -moz-linear-gradient(top, #F2B6D7 0%, #EB88AB 100%);
    background: -ms-linear-gradient(top, #F2B6D7 0%, #EB88AB 100%);
    background: -o-linear-gradient(top, #F2B6D7 0%, #EB88AB 100%);
    background: linear-gradient(to top, #F2B6D7 0%, #EB88AB 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/3/37/CanvasBorderPlanet.png/revision/latest?cb=20170921151454&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #BD3559;
}
.pi-theme-planet .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/0/0b/BelievixBgPlanet.png/revision/latest?cb=20170921151453&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-planet .pi-image {
    background: #EB88AB;
    border-bottom: 2px solid #BD3559;
}
.pi-theme-planet ul.pi-image-collection-tabs li.current {
    background: #F2B6D7;
}
.pi-theme-planet .pi-secondary-background {
    background-color: rgba(189, 53, 89, 0.9);
}
.pi-theme-planet .pi-data {
    background-color: #F2B6D7;
    background-image: -webkit-linear-gradient(right, rgba(189, 53, 89, 0.9) 0%, rgba(189, 53, 89, 0.6) 45%, #F2B6D7 45.1%);
    background-image: -moz-linear-gradient(right, rgba(189, 53, 89, 0.9) 0%, rgba(189, 53, 89, 0.6) 45%, #F2B6D7 45.1%);
    background-image: -ms-linear-gradient(right, rgba(189, 53, 89, 0.9) 0%, rgba(189, 53, 89, 0.6) 45%, #F2B6D7 45.1%);
    background-image: -o-linear-gradient(right, rgba(189, 53, 89, 0.9) 0%, rgba(189, 53, 89, 0.6) 45%, #F2B6D7 45.1%);
    background-image: linear-gradient(to right, rgba(189, 53, 89, 0.9) 0%, rgba(189, 53, 89, 0.6) 45%, #F2B6D7 45.1%);
}
.pi-theme-planet .pi-border-color,
.pi-theme-planet .pi-smart-data-value:not(:first-child),
.pi-theme-planet .pi-smart-data-label:not(:first-child) {
    border-color: #EB88AB;
}

/** Джинсовая текстура **/
/* Специалист */
.pi-theme-specialist {
    background: -webkit-linear-gradient(top, #D2DEF6 0%, #98B1E2 100%);
    background: -moz-linear-gradient(top, #D2DEF6 0%, #98B1E2 100%);
    background: -ms-linear-gradient(top, #D2DEF6 0%, #98B1E2 100%);
    background: -o-linear-gradient(top, #D2DEF6 0%, #98B1E2 100%);
    background: linear-gradient(to top, #D2DEF6 0%, #98B1E2 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/2/23/JeansBorderSpecialist.png/revision/latest?cb=20170921151456&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #3F62A5;
}
.pi-theme-specialist .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/a/a1/BelievixBgSpecialist.png/revision/latest?cb=20170921151455&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-specialist .pi-image {
    background: #98B1E2;
    border-bottom: 2px solid #3F62A5;
}
.pi-theme-specialist ul.pi-image-collection-tabs li.current {
    background: #D2DEF6;
}
.pi-theme-specialist .pi-secondary-background {
    background-color: rgba(63, 98, 165, 0.9);
}
.pi-theme-specialist .pi-data {
    background-color: #98B1E2;
    background-image: -webkit-linear-gradient(right, rgba(63, 98, 165, 0.9) 0%, rgba(63, 98, 165, 0.6) 45%, #D2DEF6 45.1%);
    background-image: -moz-linear-gradient(right, rgba(63, 98, 165, 0.9) 0%, rgba(63, 98, 165, 0.6) 45%, #D2DEF6 45.1%);
    background-image: -ms-linear-gradient(right, rgba(63, 98, 165, 0.9) 0%, rgba(63, 98, 165, 0.6) 45%, #D2DEF6 45.1%);
    background-image: -o-linear-gradient(right, rgba(63, 98, 165, 0.9) 0%, rgba(63, 98, 165, 0.6) 45%, #D2DEF6 45.1%);
    background-image: linear-gradient(to right, rgba(63, 98, 165, 0.9) 0%, rgba(63, 98, 165, 0.6) 45%, #D2DEF6 45.1%);
}
.pi-theme-specialist .pi-border-color,
.pi-theme-specialist .pi-smart-data-value:not(:first-child),
.pi-theme-specialist .pi-smart-data-label:not(:first-child) {
    border-color: #98B1E2;
}

/* Землянин */
.pi-theme-earthman {
    background: -webkit-linear-gradient(top, #E2F7E5 0%, #AAEDB5 100%);
    background: -moz-linear-gradient(top, #E2F7E5 0%, #AAEDB5 100%);
    background: -ms-linear-gradient(top, #E2F7E5 0%, #AAEDB5 100%);
    background: -o-linear-gradient(top, #E2F7E5 0%, #AAEDB5 100%);
    background: linear-gradient(to top, #E2F7E5 0%, #AAEDB5 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/8/8a/JeansBorderEarthman.png/revision/latest?cb=20170921151457&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #2F6A39;
}
.pi-theme-earthman .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/4/47/BelievixBgEarthman.png/revision/latest?cb=20170921151456&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-earthman .pi-image {
    background: #AAEDB5;
    border-bottom: 2px solid #2F6A39;
}
.pi-theme-earthman ul.pi-image-collection-tabs li.current {
    background: #E2F7E5;
}
.pi-theme-earthman .pi-secondary-background {
    background-color: rgba(47, 106, 57, 0.9);
}
.pi-theme-earthman .pi-data {
    background-color: #E2F7E5;
    background-image: -webkit-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(47, 106, 57, 0.6) 45%, #E2F7E5 45.1%);
    background-image: -moz-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(47, 106, 57, 0.6) 45%, #E2F7E5 45.1%);
    background-image: -ms-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(47, 106, 57, 0.6) 45%, #E2F7E5 45.1%);
    background-image: -o-linear-gradient(right, rgba(47, 106, 57, 0.9) 0%, rgba(47, 106, 57, 0.6) 45%, #E2F7E5 45.1%);
    background-image: linear-gradient(to right, rgba(47, 106, 57, 0.9) 0%, rgba(47, 106, 57, 0.6) 45%, #E2F7E5 45.1%);
}
.pi-theme-earthman .pi-border-color,
.pi-theme-earthman .pi-smart-data-value:not(:first-child),
.pi-theme-earthman .pi-smart-data-label:not(:first-child) {
    border-color: #AAEDB5;
}

/** Акварельная текстура **/
/* Сезон */
.pi-theme-season {
    background: -webkit-linear-gradient(top, #F8DAF3 0%, #E698DA 100%);
    background: -moz-linear-gradient(top, #F8DAF3 0%, #E698DA 100%);
    background: -ms-linear-gradient(top, #F8DAF3 0%, #E698DA 100%);
    background: -o-linear-gradient(top, #F8DAF3 0%, #E698DA 100%);
    background: linear-gradient(to top, #F8DAF3 0%, #E698DA 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/d/de/AquarelaBorderSeason.png/revision/latest?cb=20170921151459&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #C940B4;
}
.pi-theme-season .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/5/53/BelievixBgSeason.png/revision/latest?cb=20170921151459&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-season .pi-image {
    background: #E698DA;
    border-bottom: 2px solid #C940B4;
}
.pi-theme-season ul.pi-image-collection-tabs li.current {
    background: #F8DAF3;
}
.pi-theme-season .pi-secondary-background {
    background-color: rgba(201, 64, 180, 0.9);
}
.pi-theme-season .pi-data {
    background-color: #F8DAF3;
    background-image: -webkit-linear-gradient(right, rgba(201, 64, 180, 0.9) 0%, rgba(201, 64, 180, 0.6) 45%, #F8DAF3 45.1%);
    background-image: -moz-linear-gradient(right, rgba(201, 64, 180, 0.9) 0%, rgba(201, 64, 180, 0.6) 45%, #F8DAF3 45.1%);
    background-image: -ms-linear-gradient(right, rgba(201, 64, 180, 0.9) 0%, rgba(201, 64, 180, 0.6) 45%, #F8DAF3 45.1%);
    background-image: -o-linear-gradient(right, rgba(201, 64, 180, 0.9) 0%, rgba(201, 64, 180, 0.6) 45%, #F8DAF3 45.1%);
    background-image: linear-gradient(to right, rgba(201, 64, 180, 0.9) 0%, rgba(201, 64, 180, 0.6) 45%, #F8DAF3 45.1%);
}
.pi-theme-season .pi-border-color,
.pi-theme-season .pi-smart-data-value:not(:first-child),
.pi-theme-season .pi-smart-data-label:not(:first-child) {
    border-color: #E698DA;
}

/* Эпизод */
.pi-theme-episode {
    background: -webkit-linear-gradient(top, #E2D8F6 0%, #BEAAE6 100%);
    background: -moz-linear-gradient(top, #E2D8F6 0%, #BEAAE6 100%);
    background: -ms-linear-gradient(top, #E2D8F6 0%, #BEAAE6 100%);
    background: -o-linear-gradient(top, #E2D8F6 0%, #BEAAE6 100%);
    background: linear-gradient(to top, #E2D8F6 0%, #BEAAE6 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/1/18/AquarelaBorderEpisode.png/revision/latest?cb=20170921151458&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #5B399F;
}
.pi-theme-episode .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/7/7c/BelievixBgEpisode.png/revision/latest?cb=20170921151458&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-episode .pi-image {
    background: #BEAAE6;
    border-bottom: 2px solid #5B399F;
}
.pi-theme-episode ul.pi-image-collection-tabs li.current {
    background: #E2D8F6;
}
.pi-theme-episode .pi-secondary-background {
    background-color: rgba(91, 57, 159, 0.9);
}
.pi-theme-episode .pi-data {
    background-color: #E2D8F6;
    background-image: -webkit-linear-gradient(right, rgba(91, 57, 159, 0.9) 0%, rgba(91, 57, 159, 0.6) 45%, #E2D8F6 45.1%);
    background-image: -moz-linear-gradient(right, rgba(91, 57, 159, 0.9) 0%, rgba(91, 57, 159, 0.6) 45%, #E2D8F6 45.1%);
    background-image: -ms-linear-gradient(right, rgba(91, 57, 159, 0.9) 0%, rgba(91, 57, 159, 0.6) 45%, #E2D8F6 45.1%);
    background-image: -o-linear-gradient(right, rgba(91, 57, 159, 0.9) 0%, rgba(91, 57, 159, 0.6) 45%, #E2D8F6 45.1%);
    background-image: linear-gradient(to right, rgba(91, 57, 159, 0.9) 0%, rgba(91, 57, 159, 0.6) 45%, #E2D8F6 45.1%);
}
.pi-theme-episode .pi-border-color,
.pi-theme-episode .pi-smart-data-value:not(:first-child),
.pi-theme-episode .pi-smart-data-label:not(:first-child) {
    border-color: #BEAAE6;
}

/* Эпизод «Мир Винкс» */
.pi-theme-world {
    background: -webkit-linear-gradient(top, #E3D7FF 0%, #BFA9F1 100%);
    background: -moz-linear-gradient(top, #E3D7FF 0%, #BFA9F1 100%);
    background: -ms-linear-gradient(top, #E3D7FF 0%, #BFA9F1 100%);
    background: -o-linear-gradient(top, #E3D7FF 0%, #BFA9F1 100%);
    background: linear-gradient(to top, #E3D7FF 0%, #BFA9F1 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/a/a4/AquarelaBorderWorld.png/revision/latest?cb=20170921151500&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #432A7C;
}
.pi-theme-world .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/7/7b/BelievixBgWorld.png/revision/latest?cb=20170921151459&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-world .pi-image {
    background: #BFA9F1;
    border-bottom: 2px solid #432A7C;
}
.pi-theme-world ul.pi-image-collection-tabs li.current {
    background: #E3D7FF;
}
.pi-theme-world .pi-secondary-background {
    background-color: rgba(67, 42, 124, 0.9);
}
.pi-theme-world .pi-data {
    background-color: #E3D7FF;
    background-image: -webkit-linear-gradient(right, rgba(67, 42, 124, 0.9) 0%, rgba(67, 42, 124, 0.6) 45%, #E3D7FF 45.1%);
    background-image: -moz-linear-gradient(right, rgba(67, 42, 124, 0.9) 0%, rgba(67, 42, 124, 0.6) 45%, #E3D7FF 45.1%);
    background-image: -ms-linear-gradient(right, rgba(67, 42, 124, 0.9) 0%, rgba(67, 42, 124, 0.6) 45%, #E3D7FF 45.1%);
    background-image: -o-linear-gradient(right, rgba(67, 42, 124, 0.9) 0%, rgba(67, 42, 124, 0.6) 45%, #E3D7FF 45.1%);
    background-image: linear-gradient(to right, rgba(67, 42, 124, 0.9) 0%, rgba(67, 42, 124, 0.6) 45%, #E3D7FF 45.1%);
}
.pi-theme-world .pi-border-color,
.pi-theme-world .pi-smart-data-value:not(:first-child),
.pi-theme-world .pi-smart-data-label:not(:first-child) {
    border-color: #BFA9F1;
}

/** Королевская текстура **/
/* Монарх */
.pi-theme-monarch {
    background: -webkit-linear-gradient(top, #FAF5A9 0%, #E6D188 100%);
    background: -moz-linear-gradient(top, #FAF5A9 0%, #E6D188 100%);
    background: -ms-linear-gradient(top, #FAF5A9 0%, #E6D188 100%);
    background: -o-linear-gradient(top, #FAF5A9 0%, #E6D188 100%);
    background: linear-gradient(to top, #FAF5A9 0%, #E6D188 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/8/87/QueenBorderMonarch.png/revision/latest?cb=20170921151501&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #975D0A;
}
.pi-theme-monarch .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/d/db/BelievixBgMonarch.png/revision/latest?cb=20170921151500&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-monarch .pi-image {
    background: #E6D188;
    border-bottom: 2px solid #D66908;
}
.pi-theme-monarch ul.pi-image-collection-tabs li.current {
    background: #FAF5A9;
}
.pi-theme-monarch .pi-secondary-background {
    background-color: rgba(162, 113, 7, 0.9);
}
.pi-theme-monarch .pi-data {
    background-color: #FAF5A9;
    background-image: -webkit-linear-gradient(right, rgba(162, 113, 7, 0.9) 0%, rgba(162, 113, 7, 0.6) 45%, #FAF5A9 45.1%);
    background-image: -moz-linear-gradient(right, rgba(162, 113, 7, 0.9) 0%, rgba(162, 113, 7, 0.6) 45%, #FAF5A9 45.1%);
    background-image: -ms-linear-gradient(right, rgba(162, 113, 7, 0.9) 0%, rgba(162, 113, 7, 0.6) 45%, #FAF5A9 45.1%);
    background-image: -o-linear-gradient(right, rgba(162, 113, 7, 0.9) 0%, rgba(162, 113, 7, 0.6) 45%, #FAF5A9 45.1%);
    background-image: linear-gradient(to right, rgba(162, 113, 7, 0.9) 0%, rgba(162, 113, 7, 0.6) 45%, #FAF5A9 45.1%);
}
.pi-theme-monarch .pi-border-color,
.pi-theme-monarch .pi-smart-data-value:not(:first-child),
.pi-theme-monarch .pi-smart-data-label:not(:first-child) {
    border-color: #E6D188;
}

/** Текстура Беливикса **/
/* Блум */
.pi-theme-Блум {
    background: -webkit-linear-gradient(top, #CFE9FB 0%, #9BCDEF 100%);
    background: -moz-linear-gradient(top, #CFE9FB 0%, #9BCDEF 100%);
    background: -ms-linear-gradient(top, #CFE9FB 0%, #9BCDEF 100%);
    background: -o-linear-gradient(top, #CFE9FB 0%, #9BCDEF 100%);
    background: linear-gradient(to top, #CFE9FB 0%, #9BCDEF 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/a/a8/BelievixBorderBloom.png/revision/latest?cb=20170827165100&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #2189D0;
}
.pi-theme-Блум .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/4/45/BelievixBgBloom3.png/revision/latest?cb=20170827165057&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Блум .pi-image {
    background-color: #9BCDEF;
    border-bottom: 2px solid #2189D0;
}
.pi-theme-Блум ul.pi-image-collection-tabs li.current {
    background: #CFE9FB;
}
.pi-theme-Блум .pi-secondary-background {
    background-color: rgba(33, 137, 208, 0.9);
}
.pi-theme-Блум .pi-data {
    background-color: #CFE9FB;
    background-image: -webkit-linear-gradient(right, rgba(33, 137, 208, 0.9) 0%, rgba(33, 137, 208, 0.6) 45%, #CFE9FB 45.1%);
    background-image: -moz-linear-gradient(right, rgba(33, 137, 208, 0.9) 0%, rgba(33, 137, 208, 0.6) 45%, #CFE9FB 45.1%);
    background-image: -ms-linear-gradient(right, rgba(33, 137, 208, 0.9) 0%, rgba(33, 137, 208, 0.6) 45%, #CFE9FB 45.1%);
    background-image: -o-linear-gradient(right, rgba(33, 137, 208, 0.9) 0%, rgba(33, 137, 208, 0.6) 45%, #CFE9FB 45.1%);
    background-image: linear-gradient(to right, rgba(33, 137, 208, 0.9) 0%, rgba(33, 137, 208, 0.6) 45%, #CFE9FB 45.1%);
}
.pi-theme-Блум .pi-border-color,
.pi-theme-Блум .pi-smart-data-value:not(:first-child),
.pi-theme-Блум .pi-smart-data-label:not(:first-child) {
    border-color: #9BCDEF;
}

/* Стелла */
.pi-theme-Стелла {
    background: -webkit-linear-gradient(top, #FEF8CF 0%, #F7ECA0 100%);
    background: -moz-linear-gradient(top, #FEF8CF 0%, #F7ECA0 100%);
    background: -ms-linear-gradient(top, #FEF8CF 0%, #F7ECA0 100%);
    background: -o-linear-gradient(top, #FEF8CF 0%, #F7ECA0 100%);
    background: linear-gradient(top, #FEF8CF 0%, #F7ECA0 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/f/f1/BelievixBorderStella.png/revision/latest?cb=20170827165102&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #E5C11A;
}
.pi-theme-Стелла .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/8/86/BelievixBgStella.png/revision/latest?cb=20170827165059&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Стелла .pi-image {
    background-color: #F7ECA0;
    border-bottom: 2px solid #E5C11A;
}
.pi-theme-Стелла ul.pi-image-collection-tabs li.current {
    background: #FEF8CF;
}
.pi-theme-Стелла .pi-secondary-background {
    background-color: rgba(229, 193, 26, 0.9);
}
.pi-theme-Стелла .pi-data {
    background-color: #FEF8CF;
    background-image: -webkit-linear-gradient(right, rgba(229, 193, 26, 0.9) 0%, rgba(229, 193, 26, 0.6) 45%, #FEF8CF 45.1%);
    background-image: -moz-linear-gradient(right, rgba(229, 193, 26, 0.9) 0%, rgba(229, 193, 26, 0.6) 45%, #FEF8CF 45.1%);
    background-image: -ms-linear-gradient(right, rgba(229, 193, 26, 0.9) 0%, rgba(229, 193, 26, 0.6) 45%, #FEF8CF 45.1%);
    background-image: -o-linear-gradient(right, rgba(229, 193, 26, 0.9) 0%, rgba(229, 193, 26, 0.6) 45%, #FEF8CF 45.1%);
    background-image: linear-gradient(to right, rgba(229, 193, 26, 0.9) 0%, rgba(229, 193, 26, 0.6) 45%, #FEF8CF 45.1%);
}
.pi-theme-Стелла .pi-border-color,
.pi-theme-Стелла .pi-smart-data-value:not(:first-child),
.pi-theme-Стелла .pi-smart-data-label:not(:first-child) {
    border-color: #F7ECA0;
}

/* Флора */
.pi-theme-Флора {
    background: -webkit-linear-gradient(top, #FCD4F9 0%, #F7AAF2 100%);
    background: -moz-linear-gradient(top, #FCD4F9 0%, #F7AAF2 100%);
    background: -ms-linear-gradient(top, #FCD4F9 0%, #F7AAF2 100%);
    background: -o-linear-gradient(top, #FCD4F9 0%, #F7AAF2 100%);
    background: linear-gradient(to top, #FCD4F9 0%, #F7AAF2 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/4/4f/BelievixBorderFlora.png/revision/latest?cb=20170830093805&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #F37FEB;
}
.pi-theme-Флора .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/e/e7/BelievixBgFlora.png/revision/latest?cb=20170830093911&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Флора .pi-image {
    background-color: #F7AAF2;
    border-bottom: 2px solid #F37FEB;
}
.pi-theme-Флора ul.pi-image-collection-tabs li.current {
    background: #FCD4F9;
}
.pi-theme-Флора .pi-secondary-background {
    background-color: rgba(236, 121, 228, 0.9);
}
.pi-theme-Флора .pi-data {
    background-color: #FCD4F9;
    background-image: -webkit-linear-gradient(right, rgba(236, 121, 228, 0.9) 0%, rgba(236, 121, 228, 0.6) 45%, #FCD4F9 45.1%);
    background-image: -moz-linear-gradient(right, rgba(236, 121, 228, 0.9) 0%, rgba(236, 121, 228, 0.6) 45%, #FCD4F9 45.1%);
    background-image: -ms-linear-gradient(right, rgba(236, 121, 228, 0.9) 0%, rgba(236, 121, 228, 0.6) 45%, #FCD4F9 45.1%);
    background-image: -o-linear-gradient(right, rgba(236, 121, 228, 0.9) 0%, rgba(236, 121, 228, 0.6) 45%, #FCD4F9 45.1%);
    background-image: linear-gradient(to right, rgba(236, 121, 228, 0.9) 0%, rgba(236, 121, 228, 0.6) 45%, #FCD4F9 45.1%);
}
.pi-theme-Флора .pi-border-color,
.pi-theme-Флора .pi-smart-data-value:not(:first-child),
.pi-theme-Флора .pi-smart-data-label:not(:first-child) {
    border-color: #F7AAF2;
}

/* Муза */
.pi-theme-Муза {
    background: -webkit-linear-gradient(top, #F6C6D0 0%, #F5A5B6 100%);
    background: -moz-linear-gradient(top, #F6C6D0 0%, #F5A5B6 100%);
    background: -ms-linear-gradient(top, #F6C6D0 0%, #F5A5B6 100%);
    background: -o-linear-gradient(top, #F6C6D0 0%, #F5A5B6 100%);
    background: linear-gradient(to top, #F6C6D0 0%, #F5A5B6 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/3/37/BelievixBorderMusa.png/revision/latest?cb=20170827165101&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #DE0F3B;
}
.pi-theme-Муза .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/6/6a/BelievixBgMusa.png/revision/latest?cb=20170827165058&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Муза .pi-image {
    background-color: #F5A5B6;
    border-bottom: 2px solid #DE0F3B;
}
.pi-theme-Муза ul.pi-image-collection-tabs li.current {
    background: #F6C6D0;
}
.pi-theme-Муза .pi-secondary-background {
    background-color: rgba(222, 15, 59, 0.9);
}
.pi-theme-Муза .pi-data {
    background-color: #F6C6D0;
    background-image: -webkit-linear-gradient(right, rgba(222, 15, 59, 0.9) 0%, rgba(222, 15, 59, 0.6) 45%, #F6C6D0 45.1%);
    background-image: -moz-linear-gradient(right, rgba(222, 15, 59, 0.9) 0%, rgba(222, 15, 59, 0.6) 45%, #F6C6D0 45.1%);
    background-image: -ms-linear-gradient(right, rgba(222, 15, 59, 0.9) 0%, rgba(222, 15, 59, 0.6) 45%, #F6C6D0 45.1%);
    background-image: -o-linear-gradient(right, rgba(222, 15, 59, 0.9) 0%, rgba(222, 15, 59, 0.6) 45%, #F6C6D0 45.1%);
    background-image: linear-gradient(to right, rgba(222, 15, 59, 0.9) 0%, rgba(222, 15, 59, 0.6) 45%, #F6C6D0 45.1%);
}
.pi-theme-Муза .pi-border-color,
.pi-theme-Муза .pi-smart-data-value:not(:first-child),
.pi-theme-Муза .pi-smart-data-label:not(:first-child) {
    border-color: #F5A5B6;
}

/* Лейла/Айша */
.pi-theme-Лейла {
    background: -webkit-linear-gradient(top, #C5F8EA 0%, #A5F6EF 100%);
    background: -moz-linear-gradient(top, #C5F8EA 0%, #A5F6EF 100%);
    background: -ms-linear-gradient(top, #C5F8EA 0%, #A5F6EF 100%);
    background: -o-linear-gradient(top, #C5F8EA 0%, #A5F6EF 100%);
    background: linear-gradient(to top, #C5F8EA 0%, #A5F6EF 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/3/33/BelievixBorderAisha.png/revision/latest?cb=20170827165059&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #1FD3A2;
}
.pi-theme-Лейла .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/2/20/BelievixBgAisha.png/revision/latest?cb=20170827165056&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Лейла .pi-image {
    background-color: #A5F6EF;
    border-bottom: 2px solid #1FD3A2;
}
.pi-theme-Лейла ul.pi-image-collection-tabs li.current {
    background: #C5F8EA;
}
.pi-theme-Лейла .pi-secondary-background {
    background-color: rgba(31, 211, 162, 0.9);
}
.pi-theme-Лейла .pi-data {
    background-color: #C5F8EA;
    background-image: -webkit-linear-gradient(right, rgba(31, 211, 162, 0.9) 0%, rgba(31, 211, 162, 0.6) 45%, #C5F8EA 45.1%);
    background-image: -moz-linear-gradient(right, rgba(31, 211, 162, 0.9) 0%, rgba(31, 211, 162, 0.6) 45%, #C5F8EA 45.1%);
    background-image: -ms-linear-gradient(right, rgba(31, 211, 162, 0.9) 0%, rgba(31, 211, 162, 0.6) 45%, #C5F8EA 45.1%);
    background-image: -o-linear-gradient(right, rgba(31, 211, 162, 0.9) 0%, rgba(31, 211, 162, 0.6) 45%, #C5F8EA 45.1%);
    background-image: linear-gradient(to right, rgba(31, 211, 162, 0.9) 0%, rgba(31, 211, 162, 0.6) 45%, #C5F8EA 45.1%);
}
.pi-theme-Лейла .pi-border-color,
.pi-theme-Лейла .pi-smart-data-value:not(:first-child),
.pi-theme-Лейла .pi-smart-data-label:not(:first-child) {
    border-color: #A5F6EF;
}

/* Текна */
.pi-theme-Текна {
    background: -webkit-linear-gradient(top, #F3D3FA 0%, #E6AAF3 100%);
    background: -moz-linear-gradient(top, #F3D3FA 0%, #E6AAF3 100%);
    background: -ms-linear-gradient(top, #F3D3FA 0%, #E6AAF3 100%);
    background: -o-linear-gradient(top, #F3D3FA 0%, #E6AAF3 100%);
    background: linear-gradient(to top, #F3D3FA 0%, #E6AAF3 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/d/d0/BelievixBorderTecna.png/revision/latest?cb=20170827165102&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #D772ED;
}
.pi-theme-Текна .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/f/fd/BelievixBgTecna.png/revision/latest?cb=20170827165059&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Текна .pi-image {
    background-color: #E6AAF3;
    border-bottom: 2px solid #D772ED;
}
.pi-theme-Текна ul.pi-image-collection-tabs li.current {
    background: #F3D3FA;
}
.pi-theme-Текна .pi-secondary-background {
    background-color: rgba(215, 114, 237, 0.9);
}
.pi-theme-Текна .pi-data {
    background-color: #F3D3FA;
    background-image: -webkit-linear-gradient(right, rgba(215, 114, 237, 0.9) 0%, rgba(215, 114, 237, 0.6) 45%, #F3D3FA 45.1%);
    background-image: -moz-linear-gradient(right, rgba(215, 114, 237, 0.9) 0%, rgba(215, 114, 237, 0.6) 45%, #F3D3FA 45.1%);
    background-image: -ms-linear-gradient(right, rgba(215, 114, 237, 0.9) 0%, rgba(215, 114, 237, 0.6) 45%, #F3D3FA 45.1%);
    background-image: -o-linear-gradient(right, rgba(215, 114, 237, 0.9) 0%, rgba(215, 114, 237, 0.6) 45%, #F3D3FA 45.1%);
    background-image: linear-gradient(to right, rgba(215, 114, 237, 0.9) 0%, rgba(215, 114, 237, 0.6) 45%, #F3D3FA 45.1%);
}
.pi-theme-Текна .pi-border-color,
.pi-theme-Текна .pi-smart-data-value:not(:first-child),
.pi-theme-Текна .pi-smart-data-label:not(:first-child) {
    border-color: #E6AAF3;
}

/* Рокси */
.pi-theme-Рокси {
    background: -webkit-linear-gradient(top, #C4F8D9 0%, #96F0BA 100%);
    background: -moz-linear-gradient(top, #C4F8D9 0%, #96F0BA 100%);
    background: -ms-linear-gradient(top, #C4F8D9 0%, #96F0BA 100%);
    background: -o-linear-gradient(top, #C4F8D9 0%, #96F0BA 100%);
    background: linear-gradient(to top, #C4F8D9 0%, #96F0BA 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/7/77/BelievixBorderRoxy.png/revision/latest?cb=20170827165101&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #11C88E;
}
.pi-theme-Рокси .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/c/c1/BelievixBgRoxy.png/revision/latest?cb=20170827165058&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Рокси .pi-image {
    background-color: #96F0BA;
    border-bottom: 2px solid #11C88E;
}
.pi-theme-Рокси ul.pi-image-collection-tabs li.current {
    background: #C4F8D9;
}
.pi-theme-Рокси .pi-secondary-background {
    background-color: rgba(17, 200, 142, 0.9);
}
.pi-theme-Рокси .pi-data {
    background-color: #C4F8D9;
    background-image: -webkit-linear-gradient(right, rgba(17, 200, 142, 0.9) 0%, rgba(17, 200, 142, 0.6) 45%, #C4F8D9 45.1%);
    background-image: -moz-linear-gradient(right, rgba(17, 200, 142, 0.9) 0%, rgba(17, 200, 142, 0.6) 45%, #C4F8D9 45.1%);
    background-image: -ms-linear-gradient(right, rgba(17, 200, 142, 0.9) 0%, rgba(17, 200, 142, 0.6) 45%, #C4F8D9 45.1%);
    background-image: -o-linear-gradient(right, rgba(17, 200, 142, 0.9) 0%, rgba(17, 200, 142, 0.6) 45%, #C4F8D9 45.1%);
    background-image: linear-gradient(to right, rgba(17, 200, 142, 0.9) 0%, rgba(17, 200, 142, 0.6) 45%, #C4F8D9 45.1%);
}
.pi-theme-Рокси .pi-border-color,
.pi-theme-Рокси .pi-smart-data-value:not(:first-child),
.pi-theme-Рокси .pi-smart-data-label:not(:first-child) {
    border-color: #96F0BA;
}

/* Дафна */
.pi-theme-Дафна {
    background: -webkit-linear-gradient(top, #F7ECD0 0%, #F3D99A 100%);
    background: -moz-linear-gradient(top, #F7ECD0 0%, #F3D99A 100%);
    background: -ms-linear-gradient(top, #F7ECD0 0%, #F3D99A 100%);
    background: -o-linear-gradient(top, #F7ECD0 0%, #F3D99A 100%);
    background: linear-gradient(to top, #F7ECD0 0%, #F3D99A 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/8/8c/BelievixBorderDaphne.png/revision/latest?cb=20170827165100&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #DFC27B;
}
.pi-theme-Дафна .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/c/ce/BelievixBgDaphne.png/revision/latest?cb=20170827165057&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-Дафна .pi-image {
    background-color: #F3D99A;
    border-bottom: 2px solid #DFC27B;
}
.pi-theme-Дафна ul.pi-image-collection-tabs li.current {
    background: #F7ECD0;
}
.pi-theme-Дафна .pi-secondary-background {
    background-color: rgba(223, 194, 123, 0.9);
}
.pi-theme-Дафна .pi-data {
    background-color: #F7ECD0;
    background-image: -webkit-linear-gradient(right, rgba(223, 194, 123, 0.9) 0%, rgba(223, 194, 123, 0.6) 45%, #F7ECD0 45.1%);
    background-image: -moz-linear-gradient(right, rgba(223, 194, 123, 0.9) 0%, rgba(223, 194, 123, 0.6) 45%, #F7ECD0 45.1%);
    background-image: -ms-linear-gradient(right, rgba(223, 194, 123, 0.9) 0%, rgba(223, 194, 123, 0.6) 45%, #F7ECD0 45.1%);
    background-image: -o-linear-gradient(right, rgba(223, 194, 123, 0.9) 0%, rgba(223, 194, 123, 0.6) 45%, #F7ECD0 45.1%);
    background-image: linear-gradient(to right, rgba(223, 194, 123, 0.9) 0%, rgba(223, 194, 123, 0.6) 45%, #F7ECD0 45.1%);
}
.pi-theme-Дафна .pi-border-color,
.pi-theme-Дафна .pi-smart-data-value:not(:first-child),
.pi-theme-Дафна .pi-smart-data-label:not(:first-child) {
    border-color: #F3D99A;
}

/** Новые карточки **/

/* Артефакт */
.pi-theme-artefact {
    background: -webkit-linear-gradient(top, #c7c7d0 0%, #cdd2d7 100%);
    background: -moz-linear-gradient(top, #c7c7d0 0%, #cdd2d7 100%);
    background: -ms-linear-gradient(top, #c7c7d0 0%, #cdd2d7 100%);
    background: -o-linear-gradient(top, #c7c7d0 0%, #cdd2d7 100%);
    background: linear-gradient(to top, #c7c7d0 0%, #cdd2d7 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/f/f9/ArtefactBorder.png/revision/latest?cb=20190423145719&format=original&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #969696;
}
.pi-theme-artefact .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/0/06/Atefact1.png/revision/latest?cb=20190423145744&format=original&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-artefact .pi-image {
    background-color: #cdd2d7;
    border-bottom: 2px solid #969696;
}
.pi-theme-artefact ul.pi-image-collection-tabs li.current {
    background: #c7c7d0;
}
.pi-theme-artefact .pi-secondary-background {
    background-color: rgba(158, 171, 181, 0.9);
}
.pi-theme-artefact .pi-data {
    background-color: #c7c7d0;
    background-image: -webkit-linear-gradient(right, rgba(158, 171, 181, 0.9) 0%, rgba(158, 171, 181, 0.6) 45%, #c7c7d0 45.1%);
    background-image: -moz-linear-gradient(right, rgba(158, 171, 181, 0.9) 0%, rgba(158, 171, 181, 0.6) 45%, #c7c7d0 45.1%);
    background-image: -ms-linear-gradient(right, rgba(158, 171, 181, 0.9) 0%, rgba(158, 171, 181, 0.6) 45%, #c7c7d0 45.1%);
    background-image: -o-linear-gradient(right, rgba(158, 171, 181, 0.9) 0%, rgba(158, 171, 181, 0.6) 45%, #c7c7d0 45.1%);
    background-image: linear-gradient(to right, rgba(158, 171, 181, 0.9) 0%, rgba(158, 171, 181, 0.6) 45%, #c7c7d0 45.1%);
}
.pi-theme-artefact .pi-border-color,
.pi-theme-artefact .pi-smart-data-value:not(:first-child),
.pi-theme-artefact .pi-smart-data-label:not(:first-child) {
    border-color: #cdd2d7;
}

/* Команды */
.pi-theme-group {
    background: -webkit-linear-gradient(top, #c7f7c4 0%, #b7f1a1 100%);
    background: -moz-linear-gradient(top, #c7f7c4 0%, #b7f1a1 100%);
    background: -ms-linear-gradient(top, #c7f7c4 0%, #b7f1a1 100%);
    background: -o-linear-gradient(top, #c7f7c4 0%, #b7f1a1 100%);
    background: linear-gradient(to top, #c7f7c4 0%, #b7f1a1 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/2/20/CommandBorder.png/revision/latest?cb=20190424105928&format=original&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #23d21f;
}
.pi-theme-group .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/d/dc/CommandFone.png/revision/latest?cb=20190424105941&format=original&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-group .pi-image {
    background-color: #b7f1a1;
    border-bottom: 2px solid #23d21f;
}
.pi-theme-group ul.pi-image-collection-tabs li.current {
    background: #c7f7c4;
}
.pi-theme-group .pi-secondary-background {
    background-color: rgba(110, 190, 0, 0.9);
}
.pi-theme-group .pi-data {
    background-color: #c7f7c4;
    background-image: -webkit-linear-gradient(right, rgba(110, 190, 0, 0.9) 0%, rgba(110, 190, 0, 0.6) 45%, #c7f7c4 45.1%);
    background-image: -moz-linear-gradient(right, rgba(110, 190, 0, 0.9) 0%, rgba(110, 190, 0, 0.6) 45%, #c7f7c4 45.1%);
    background-image: -ms-linear-gradient(right, rgba(110, 190, 0, 0.9) 0%, rgba(110, 190, 0, 0.6) 45%, #c7f7c4 45.1%);
    background-image: -o-linear-gradient(right, rgba(110, 190, 0, 0.9) 0%, rgba(110, 190, 0, 0.6) 45%, #c7f7c4 45.1%);
    background-image: linear-gradient(to right, rgba(110, 190, 0, 0.9) 0%, rgba(110, 190, 0, 0.6) 45%, #c7f7c4 45.1%);
}
.pi-theme-group .pi-border-color,
.pi-theme-group .pi-smart-data-value:not(:first-child),
.pi-theme-group .pi-smart-data-label:not(:first-child) {
    border-color: #b7f1a1;
}

/* Школа */
.pi-theme-scool {
    background: -webkit-linear-gradient(top, #ffd200 0%, #ffa500 100%);
    background: -moz-linear-gradient(top, #ffd200 0%, #ffa500 100%);
    background: -ms-linear-gradient(top, #ffd200 0%, #ffa500 100%);
    background: -o-linear-gradient(top, #ffd200 0%, #ffa500 100%);
    background: linear-gradient(to top, #ffd200 0%, #ffa500 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/c/cf/ScoolBorder.png/revision/latest?cb=20190425084743&format=original&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #db9142;
}
.pi-theme-scool .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/d/de/ScoolFone.png/revision/latest?cb=20190425084751&format=original&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-scool .pi-image {
    background-color: #ffa500;
    border-bottom: 2px solid #db9142;
}
.pi-theme-scool ul.pi-image-collection-tabs li.current {
    background: #ffd200;
}
.pi-theme-scool .pi-secondary-background {
    background-color: rgba(230, 150, 70, 0.9);
}
.pi-theme-scool .pi-data {
    background-color: #ffcfa8;
    background-image: -webkit-linear-gradient(right, rgba(230, 150, 70, 0.9) 0%, rgba(230, 150, 70, 0.6) 45%, #ffd200 45.1%);
    background-image: -moz-linear-gradient(right, rgba(230, 150, 70, 0.9) 0%, rgba(230, 150, 70, 0.6) 45%, #ffd200 45.1%);
    background-image: -ms-linear-gradient(right, rgba(230, 150, 70, 0.9) 0%, rgba(230, 150, 70, 0.6) 45%, #ffd200 45.1%);
    background-image: -o-linear-gradient(right, rgba(230, 150, 70, 0.9) 0%, rgba(230, 150, 70, 0.6) 45%, #ffd200 45.1%);
    background-image: linear-gradient(to right, rgba(230, 150, 70, 0.9) 0%, rgba(230, 150, 70, 0.6) 45%, #ffd200 45.1%);
}
.pi-theme-scool .pi-border-color,
.pi-theme-scool .pi-smart-data-value:not(:first-child),
.pi-theme-scool .pi-smart-data-label:not(:first-child) {
    border-color: #ffa500;
}

/* Места */
.pi-theme-places {
    background: #59B8C2;
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/2/21/BorderPlaces.png/revision/latest?cb=20190502024824&format=original&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #00D3DE;
}
.pi-theme-places .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/2/28/BgPlaces.png/revision/latest?cb=20190502024732&format=original&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-places .pi-image {
    background-color: #59B8C2;
    border-bottom: 2px solid #005A5E;
}
.pi-theme-places ul.pi-image-collection-tabs li.current {
    background: #35A6B0;
}
.pi-theme-places .pi-secondary-background {
    background-color: #008B92;
}
.pi-theme-places .pi-data {
    background-color: #35A6B0;
    background-image: -webkit-linear-gradient(right, rgba(0, 139, 146, 0.9) 0%, rgba(49, 158, 164, 0.6) 45%, #9fe4f5 45.1%);
    background-image: -moz-linear-gradient(right, rgba(0, 139, 146, 0.9) 0%, rgba(49, 158, 164, 0.6) 45%, #9fe4f5 45.1%);
    background-image: -ms-linear-gradient(right, rgba(0, 139, 146, 0.9) 0%, rgba(49, 158, 164, 0.6) 45%, #9fe4f5 45.1%);
    background-image: -o-linear-gradient(right, rgba(0, 139, 146, 0.9) 0%, rgba(49, 158, 164, 0.6) 45%, #9fe4f5 45.1%);
    background-image: linear-gradient(to right, rgba(0, 139, 146, 0.9) 0%, rgba(49, 158, 164, 0.6) 45%, #9fe4f5 45.1%);
}
.pi-theme-places .pi-border-color,
.pi-theme-places .pi-smart-data-value:not(:first-child),
.pi-theme-places .pi-smart-data-label:not(:first-child) {
    border-color: #9acfee;
}
/* Трансформации */
.pi-theme-transformation {
    background: -webkit-linear-gradient(top, #bb91e2 0%, #b38bd5 100%);
    background: -moz-linear-gradient(top, #bb91e2 0%, #b38bd5 100%);
    background: -ms-linear-gradient(top, #bb91e2 0%, #b38bd5 100%);
    background: -o-linear-gradient(top, #bb91e2 0%, #b38bd5 100%);
    background: linear-gradient(top, #bb91e2 0%, #b38bd5 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/6/62/TransformationBorder.png/revision/latest?cb=20190603155141&format=original&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #9447d5;
}
.pi-theme-transformation .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/d/d8/BgTransformation.png/revision/latest?cb=20190603155108&format=original&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-transformation .pi-image {
    background-color: #b38bd5;
    border-bottom: 2px solid #9447d5;
}
.pi-theme-transformation ul.pi-image-collection-tabs li.current {
    background: #bb91e2;
}
.pi-theme-transformation .pi-secondary-background {
    background-color: rgba(170, 110, 230, 0.9);
}
.pi-theme-transformation .pi-data {
    background-color: #bb91e2;
    background-image: -webkit-linear-gradient(right, rgba(170, 110, 230, 0.9) 0%, rgba(170, 110, 230, 0.6) 45%, #bb91e2 45.1%);
    background-image: -moz-linear-gradient(right, rgba(170, 110, 230, 0.9) 0%, rgba(170, 110, 230, 0.6) 45%, #bb91e2 45.1%);
    background-image: -ms-linear-gradient(right, rgba(170, 110, 230, 0.9) 0%, rgba(170, 110, 230, 0.6) 45%, #bb91e2 45.1%);
    background-image: -o-linear-gradient(right, rgba(170, 110, 230, 0.9) 0%, rgba(170, 110, 230, 0.6) 45%, #bb91e2 45.1%);
    background-image: linear-gradient(to right, rgba(170, 110, 230, 0.9) 0%, rgba(170, 110, 230, 0.6) 45%, #bb91e2 45.1%);
}
.pi-theme-transformation .pi-border-color,
.pi-theme-transformation .pi-smart-data-value:not(:first-child),
.pi-theme-transformation .pi-smart-data-label:not(:first-child) {
    border-color: #a976d5;
}

/* Заклинания */
.pi-theme-enchance {
    background: -webkit-linear-gradient(top, #a1d0e4 0%, #88c0d5 100%);
    background: -moz-linear-gradient(top, #a1d0e4 0%, #88c0d5 100%);
    background: -ms-linear-gradient(top, #a1d0e4 0%, #88c0d5 100%);
    background: -o-linear-gradient(top, #a1d0e4 0%, #88c0d5 100%);
    background: linear-gradient(top, #a1d0e4 0%, #88c0d5 100%);
    border-style: solid;
    border-width: 11px 13px 12px 10px;
    border-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/e/ea/EnchanceBorder.png/revision/latest?cb=20200825041902&format=original&path-prefix=ru') 11 13 12 10 repeat;
    box-shadow: 3px 3px 7px #47a1d5;
}
.pi-theme-enchance .pi-title {
    background-image: url('https://vignette.wikia.nocookie.net/winxopedia/images/5/52/Background_winx.jpg/revision/latest?cb=20190423194449&format=original&path-prefix=ru');
    background-repeat: repeat-y;
}
.pi-theme-enchance .pi-image {
    background-color: #88c0d5;
    border-bottom: 2px solid #47a1d5;
}
.pi-theme-enchance ul.pi-image-collection-tabs li.current {
    background: #a1d0e4;
}
.pi-theme-enchance .pi-secondary-background {
    background-color: rgba(125, 200, 225, 0.9);
}
.pi-theme-enchance .pi-data {
    background-color: #a1d0e4;
    background-image: -webkit-linear-gradient(right, rgba(125, 200, 225, 0.9) 0%, rgba(125, 200, 225, 0.6) 45%, #a1d0e4 45.1%);
    background-image: -moz-linear-gradient(right, rgba(125, 200, 225, 0.9) 0%, rgba(125, 200, 225, 0.6) 45%, #a1d0e4 45.1%);
    background-image: -ms-linear-gradient(right, rgba(125, 200, 225, 0.9) 0%, rgba(125, 200, 225, 0.6) 45%, #a1d0e4 45.1%);
    background-image: -o-linear-gradient(right, rgba(125, 200, 225, 0.9) 0%, rgba(125, 200, 225, 0.6) 45%, #a1d0e4 45.1%);
    background-image: linear-gradient(to right, rgba(125, 200, 225, 0.9) 0%, rgba(125, 200, 225, 0.6) 45%, #a1d0e4 45.1%);
}
.pi-theme-enchance .pi-border-color,
.pi-theme-enchance .pi-smart-data-value:not(:first-child),
.pi-theme-enchance .pi-smart-data-label:not(:first-child) {
    border-color: #77a8d6;
}