|
|
| (не показаны 2 промежуточные версии этого же участника) |
| Строка 1: |
Строка 1: |
| − | /*********************************/
| + | |
| − | /* Основной стиль для инфобоксов */
| |
| − | /*********************************/
| |
| − |
| |
| − | .pi-theme-infobox4 {
| |
| − | width:218px;
| |
| − | background: transparent;
| |
| − | border:18px solid transparent;
| |
| − | border-image:url('https://vignette.wikia.nocookie.net/darksouls/images/4/48/Wiki_border_1.png/revision/latest?cb=20161006192910&path-prefix=ru') repeat 18;
| |
| − | margin: 0 4px 4px 12px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | /** Рамка вокруг изображения **/
| |
| − | .pi-theme-infobox4 .pi-image {
| |
| − | margin: 5px -12px 5px -12px;
| |
| − | border: 2px solid rgba(44, 42, 42, 0);
| |
| − | border-image: url(https://vignette.wikia.nocookie.net/darksouls/images/8/89/Wiki_border_2.png/revision/latest?cb=20161006212035&path-prefix=ru) repeat 3;
| |
| − | }
| |
| − |
| |
| − | /** Уменьшение больших изображений **/
| |
| − | .pi-theme-infobox4 .pi-image img {
| |
| − | max-width: 236px;
| |
| − | height:auto;
| |
| − | }
| |
| − |
| |
| − | /** Все заголовки **/
| |
| − | .pi-theme-infobox4 h2,
| |
| − | .pi-theme-infobox4 h3,
| |
| − | .pi-theme-infobox4 .pi-horizontal-group .pi-data-label,
| |
| − | .pi-theme-infobox4 .pi-horizontal-group .pi-header {
| |
| − | background: linear-gradient(to top,rgba(95,0,0,0) 0%,rgba(15,15,15,1) 20%,rgba(15,15,15,1) 20%,rgba(122,164,206,0) 100%);
| |
| − | padding: 7px 0;
| |
| − | color: #b1ad92;
| |
| − | border-top: 1px solid #604f33;
| |
| − | border-bottom: 1px solid #604f33;
| |
| − | }
| |
| − | .pi-theme-infobox4 .pi-title {
| |
| − | margin: -10px -15px -1px -15px !important;
| |
| − | font-size: 130%;
| |
| − | font-weight: bold;
| |
| − | color: #b1ad92;
| |
| − | border-top: 0;
| |
| − | border-bottom: 1px solid #604f33;
| |
| − | padding: 7px 3px !important;
| |
| − | }
| |
| − |
| |
| − | /** Настройка внутренних отступов **/
| |
| − | .pi-theme-infobox4 .pi-horizontal-group .pi-data-value,
| |
| − | .pi-theme-infobox4 .pi-item-spacing .pi-data-value,
| |
| − | .pi-theme-infobox4 .pi-item-spacing.pi-title {
| |
| − | padding: 7px 0;
| |
| − | }
| |
| − | /*** Дополнительный отступ ***/
| |
| − | .pi-theme-infobox4 .pi-item-spacing {
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | /** Наезд на внешнюю границу **/
| |
| − | .pi-theme-infobox4 .pi-data,
| |
| − | .pi-theme-infobox4 .pi-horizontal-group {
| |
| − | width: 248px;
| |
| − | margin-left: -15px;
| |
| − | }
| |
| − |
| |
| − | /** Дополнительная рамка между элементами **/
| |
| − | .pi-theme-infobox4 .pi-data:not(:last-of-type),
| |
| − | .pi-theme-infobox4 .pi-group {
| |
| − | border: 0;
| |
| − | }
| |
| − | .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
| |
| − | border-left-width: 0px;
| |
| − | }
| |
| − |
| |
| − | /** Ширина обычной data **/
| |
| − | .pi-theme-infobox4 .pi-data-label,
| |
| − | .pi-theme-infobox4 .pi-data-value {
| |
| − | flex-basis: 100%;
| |
| − | }
| |
| − |
| |
| − | /** Растяжение заголовков и центровка их содержимого **/
| |
| − | .pi-theme-infobox4 .pi-data-label {
| |
| − | display: flex;
| |
| − | justify-content: center;
| |
| − | align-items: center;
| |
| − | margin-bottom: -1px;
| |
| − | }
| |
| − | /*** В группе нельзя display: flex ***/
| |
| − | .pi-theme-infobox4 .pi-horizontal-group .pi-data-label {
| |
| − | display:table-cell;
| |
| − | }
| |
| − |
| |
| − | /** Фикс белой полоски **/
| |
| − | .pi-data:last-of-type + .pi-group {
| |
| − | border-top-width: 0px;
| |
| − | }
| |
| − |
| |
| − | /** Настройка таббера в инфобоксе **/
| |
| − | /*** Поля у изображений ***/
| |
| − | .pi-theme-infobox4 .pi-image-collection-tab-content {
| |
| − | background-color: transparent !important;
| |
| − | }
| |
| − |
| |
| − | /*** Отступ вокруг вкладок ***/
| |
| − | .pi-theme-infobox4 ul.pi-image-collection-tabs {
| |
| − | margin: 0px 1px 0px 1px;
| |
| − | }
| |
| − |
| |
| − | /*** Отступ между вкладками ***/
| |
| − | .pi-theme-infobox4 .pi-image-collection-tabs li:nth-child(n+1) {
| |
| − | margin-right: 0px;
| |
| − | }
| |
| − |
| |
| − | /*** Рамки и фон вкладки ***/
| |
| − | .pi-theme-infobox4 .pi-tab-link {
| |
| − | font-size: 85%;
| |
| − | color: #b1ad92;
| |
| − | border: 1px solid transparent;
| |
| − | border-bottom: 1px solid #604f33 !important;
| |
| − | background: linear-gradient(to top,rgba(95,0,0,0) 0%,rgba(15,15,15,1) 20%,rgba(15,15,15,1) 20%,rgba(122,164,206,0) 100%);
| |
| − | padding: 2px !important;
| |
| − | margin-top: 0px !important;
| |
| − | margin-left: 2px !important;
| |
| − | margin-right: 2px !important;
| |
| − | }
| |
| − |
| |
| − | /*** Фон выбранной вкладки ***/
| |
| − | .pi-theme-infobox4 .pi-image-collection-tabs .current {
| |
| − | font-weight: normal !important;
| |
| − | color: #b1ad92;
| |
| − | background: linear-gradient(to top, rgba(95, 0, 0, 0) 0%, rgba(125, 63, 12, 0.36) 20%, rgba(125, 63, 12, 0.36) 20%, rgba(122, 164, 206, 0) 100%);
| |
| − | border-bottom: 1px solid #604f33 !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* доп инфобокс для игр */
| |
| − |
| |
| − | .pi-theme-infobox5 {
| |
| − | width:218px;
| |
| − | background: transparent;
| |
| − | border:18px solid transparent;
| |
| − | border-image:url('https://vignette.wikia.nocookie.net/darksouls/images/4/48/Wiki_border_1.png/revision/latest?cb=20161006192910&path-prefix=ru') repeat 18;
| |
| − | margin: 0 4px 4px 12px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | /** Рамка вокруг изображения **/
| |
| − | .pi-theme-infobox5 .pi-image {
| |
| − | margin: 5px -12px 5px -12px;
| |
| − | border: 2px solid rgba(44, 42, 42, 0);
| |
| − | border-image: url(https://vignette.wikia.nocookie.net/darksouls/images/8/89/Wiki_border_2.png/revision/latest?cb=20161006212035&path-prefix=ru) repeat 3;
| |
| − | }
| |
| − |
| |
| − | /** Уменьшение больших изображений **/
| |
| − | .pi-theme-infobox5 .pi-image img {
| |
| − | max-width: 236px;
| |
| − | height:auto;
| |
| − | }
| |
| − |
| |
| − | /** Все заголовки **/
| |
| − | .pi-theme-infobox5 h2,
| |
| − | .pi-theme-infobox5 h3,
| |
| − | .pi-theme-infobox5 .pi-horizontal-group .pi-data-label,
| |
| − | .pi-theme-infobox5 .pi-horizontal-group .pi-header,
| |
| − | .pi-theme-infobox5 .pi-collapse .pi-header {
| |
| − | background: linear-gradient(to top,rgba(95,0,0,0) 0%,rgba(15,15,15,1) 20%,rgba(15,15,15,1) 20%,rgba(122,164,206,0) 100%);
| |
| − | padding: 7px 5px;
| |
| − | color: #b1ad92;
| |
| − | border-top: 1px solid #604f33;
| |
| − | border-bottom: 1px solid #604f33;
| |
| − | }
| |
| − | .pi-theme-infobox5 .pi-title {
| |
| − | margin: -10px -15px -1px -15px !important;
| |
| − | font-size: 130%;
| |
| − | font-weight: bold;
| |
| − | color: #b1ad92;
| |
| − | border-top: 0;
| |
| − | border-bottom: 1px solid #604f33;
| |
| − | }
| |
| − |
| |
| − | /** Настройка внутренних отступов **/
| |
| − | .pi-theme-infobox5 .pi-horizontal-group .pi-data-value,
| |
| − | .pi-theme-infobox5 .pi-item-spacing .pi-data-value,
| |
| − | .pi-theme-infobox5 .pi-item-spacing.pi-title {
| |
| − | padding: 7px 5px;
| |
| − | }
| |
| − | /*** Дополнительный отступ ***/
| |
| − | .pi-theme-infobox5 .pi-item-spacing {
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | /** Наезд на внешнюю границу **/
| |
| − | .pi-theme-infobox5 .pi-data,
| |
| − | .pi-theme-infobox5 .pi-horizontal-group {
| |
| − | width: 248px;
| |
| − | margin-left: -15px;
| |
| − | }
| |
| − | .pi-theme-infobox5 .pi-collapse .pi-header {
| |
| − | width: 238px;
| |
| − | margin-left: -15px;
| |
| − | margin-bottom: -1px;
| |
| − | border-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | /** Дополнительная рамка между элементами **/
| |
| − | .pi-theme-infobox5 .pi-data:not(:last-of-type),
| |
| − | .pi-theme-infobox5 .pi-group {
| |
| − | border: 0;
| |
| − | }
| |
| − | .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
| |
| − | border-left-width: 0px;
| |
| − | }
| |
| − |
| |
| − | /** Растяжение заголовков и центровка их содержимого **/
| |
| − | .pi-theme-infobox5 .pi-data-label {
| |
| − | flex-basis: 54%;
| |
| − | display: flex;
| |
| − | justify-content: center;
| |
| − | align-items: center;
| |
| − | margin-bottom: -1px;
| |
| − | }
| |
| − | .pi-theme-infobox5 .pi-data-value {
| |
| − | flex-basis: 100%;
| |
| − | text-align: left;
| |
| − | margin-bottom: -1px;
| |
| − | }
| |
| − | /*** В группе нельзя display: flex ***/
| |
| − | .pi-theme-infobox5 .pi-horizontal-group .pi-data-label {
| |
| − | display:table-cell;
| |
| − | }
| |
| − |
| |
| − | /** Настройка таббера в инфобоксе **/
| |
| − | /*** Поля у изображений ***/
| |
| − | .pi-theme-infobox5 .pi-image-collection-tab-content {
| |
| − | background-color: transparent !important;
| |
| − | }
| |
| − |
| |
| − | /*** Отступ вокруг вкладок ***/
| |
| − | .pi-theme-infobox5 ul.pi-image-collection-tabs {
| |
| − | margin: 0px 1px 0px 1px;
| |
| − | }
| |
| − |
| |
| − | /*** Отступ между вкладками ***/
| |
| − | .pi-theme-infobox5 .pi-image-collection-tabs li:nth-child(n+1) {
| |
| − | margin-right: 0px;
| |
| − | }
| |
| − |
| |
| − | /*** Рамки и фон вкладки ***/
| |
| − | .pi-theme-infobox5 .pi-tab-link {
| |
| − | font-size: 85%;
| |
| − | color: #b1ad92;
| |
| − | border: 1px solid transparent;
| |
| − | border-bottom: 1px solid #604f33 !important;
| |
| − | background: linear-gradient(to top,rgba(95,0,0,0) 0%,rgba(15,15,15,1) 20%,rgba(15,15,15,1) 20%,rgba(122,164,206,0) 100%);
| |
| − | padding: 2px !important;
| |
| − | margin-top: 0px !important;
| |
| − | margin-left: 2px !important;
| |
| − | margin-right: 2px !important;
| |
| − | }
| |
| − |
| |
| − | /*** Фон выбранной вкладки ***/
| |
| − | .pi-theme-infobox5 .pi-image-collection-tabs .current {
| |
| − | font-weight: normal !important;
| |
| − | color: #b1ad92;
| |
| − | background: linear-gradient(to top, rgba(95, 0, 0, 0) 0%, rgba(125, 63, 12, 0.36) 20%, rgba(125, 63, 12, 0.36) 20%, rgba(122, 164, 206, 0) 100%);
| |
| − | border-bottom: 1px solid #604f33 !important;
| |
| − | }
| |
