Changes for page Public Web Site
Last modified by Agnease on 2026/07/03 16:14
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -576,60 +576,22 @@ 576 576 577 577 .split-grid { 578 578 display: grid; 579 - grid-template-columns: . 95fr1.05fr;579 + grid-template-columns: 1.1fr .9fr; 580 580 grid-gap: 36px; 581 581 max-width: 1040px; 582 582 margin: 0 auto; 583 - align-items: stretch;583 + align-items: center; 584 584 } 585 585 586 586 .split-copy { 587 - position: relative; 588 - overflow: hidden; 589 - min-height: 100%; 590 - padding: 42px 38px; 591 - border-radius: 26px; 592 - background: 593 - radial-gradient(circle at 86% 12%, fade(@brand, 22%) 0%, transparent 32%), 594 - linear-gradient(135deg, @text 0%, @text-soft 100%); 595 - color: #fff; 596 - box-shadow: @shadow; 597 - 598 - &::before { 599 - content: ""; 600 - position: absolute; 601 - inset: 0; 602 - background: 603 - linear-gradient(90deg, fade(#fff, 4%) 1px, transparent 1px), 604 - linear-gradient(180deg, fade(#fff, 4%) 1px, transparent 1px); 605 - background-size: 48px 48px; 606 - opacity: .36; 607 - pointer-events: none; 608 - } 609 - 610 - h2, 611 - p { 612 - position: relative; 613 - z-index: 1; 614 - } 615 - 616 616 h2 { 617 617 text-align: left; 618 - margin: 0 0 18px; 619 - color: #fff; 620 - font-size: 30px; 621 - line-height: 1.18; 622 - letter-spacing: -.02em; 589 + margin-top: 0; 623 623 } 624 624 625 625 p { 626 - margin: 0 0 18px; 627 - color: #DBE4EF; 628 - line-height: 1.65; 629 - 630 - &:last-child { 631 - margin-bottom: 0; 632 - } 593 + color: @muted; 594 + line-height: 1.6; 633 633 } 634 634 } 635 635 ... ... @@ -642,43 +642,34 @@ 642 642 li { 643 643 counter-increment: process; 644 644 position: relative; 645 - min-height: 104px; 646 - padding: 24px 26px 24px 82px; 647 - margin-bottom: 18px; 607 + padding: 16px 16px 16px 58px; 608 + margin-bottom: 12px; 648 648 border: 1px solid @line; 649 649 border-radius: @radius; 650 - background: #fff; 651 651 box-shadow: @shadow-sm; 652 652 color: @muted; 653 653 line-height: 1.5; 654 654 655 - &:last-child { 656 - margin-bottom: 0; 657 - } 658 - 659 659 &:before { 660 660 content: counter(process); 661 661 position: absolute; 662 - left: 26px;663 - top: 26px;664 - width: 38px;665 - height: 38px;618 + left: 16px; 619 + top: 16px; 620 + width: 28px; 621 + height: 28px; 666 666 border-radius: 50%; 667 - background: @brand; 668 - color: #fff;623 + background: fade(@brand, 10%); 624 + color: @brand; 669 669 display: flex; 670 670 align-items: center; 671 671 justify-content: center; 672 672 font-weight: 800; 673 - box-shadow: 0 0 0 8px fade(@brand, 10%); 674 674 } 675 675 676 676 strong { 677 677 display: block; 678 678 color: @text; 679 - margin-bottom: 5px; 680 - font-size: 16px; 681 - line-height: 1.3; 634 + margin-bottom: 3px; 682 682 } 683 683 } 684 684 } ... ... @@ -875,12 +875,8 @@ 875 875 grid-template-columns: 1fr; 876 876 } 877 877 878 - .split-copy { 879 - padding: 34px 28px; 880 - 881 - h2 { 882 - text-align: center; 883 - } 831 + .split-copy h2 { 832 + text-align: center; 884 884 } 885 885 } 886 886 ... ... @@ -947,28 +947,12 @@ 947 947 .widget { 948 948 padding: 20px; 949 949 } 950 - 951 - .split-copy { 952 - padding: 30px 22px; 953 - border-radius: 20px; 954 - } 955 955 956 - .process-list li { 957 - padding: 22px 20px 22px 68px; 958 - 959 - &:before { 960 - left: 20px; 961 - top: 22px; 962 - width: 32px; 963 - height: 32px; 964 - } 965 - } 966 - 967 967 .services .service { 968 968 gap: 14px; 969 969 } 970 970 971 - .cta-section {904 + .cta-section { 972 972 .cta-panel { 973 973 padding: 30px 22px; 974 974 border-radius: 20px;