--- a/wp/wp-admin/css/about-rtl.css Fri Sep 05 18:40:08 2025 +0200
+++ b/wp/wp-admin/css/about-rtl.css Fri Sep 05 18:52:52 2025 +0200
@@ -22,7 +22,7 @@
.about__container {
/* Section backgrounds */
- --background: #ededed;
+ --background: #f6f5f2;
--subtle-background: #eef0fd;
/* Main text color */
@@ -40,7 +40,7 @@
--nav-color: var(--text);
--nav-current: var(--accent-1);
- --border-radius: 16px;
+ --border-radius: 0;
--gap: 2rem;
}
@@ -412,7 +412,7 @@
color: inherit;
}
-.about__container :is(h1, h2, h3, h4):lang(en) {
+.about__container :is(h1, h2, h3, h4, .about__header-text):lang(en) {
text-wrap: balance;
}
@@ -427,6 +427,7 @@
.about__container p.is-subheading {
margin-top: 0;
+ margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 300;
line-height: 160%;
@@ -455,7 +456,12 @@
}
.about__section a.button.button-hero {
+ padding-top: 1.1875rem;
+ padding-bottom: 1.1875rem;
font-size: 1.5rem;
+ line-height: 1.4;
+ white-space: normal;
+ text-wrap: pretty;
}
.about__container ul {
@@ -568,13 +574,20 @@
justify-content: flex-end;
box-sizing: border-box;
padding: calc(var(--gap) * 1.5);
+ padding-left: 26rem; /* Space for the background image. */
min-height: clamp(10rem, 25vw, 18.75rem);
border-radius: var(--border-radius);
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='412' height='198' fill='none'%3E%3Cpath stroke='%239D1825' stroke-width='12' d='M6 0v198'/%3E%3Cpath stroke='%23D90120' stroke-width='12' d='m30.171 1.82 51.246 191.253'/%3E%3Cpath stroke='%23408538' stroke-width='12' d='m62.427 7.626 87.895 177.422'/%3E%3Cpath stroke='%23FFEE58' stroke-width='12' d='M98.769 20.973 230.2 169.061'/%3E%3Cpath stroke='%23F17826' stroke-width='12' d='m152.67 36.891 161.59 114.424'/%3E%3Cpath stroke='%23fff' stroke-width='12' d='m246.433 66.098 190.42 54.264'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
- background-position: left 7% center, top right;
+ background-position: left center;
+ background-size: auto 65%;
background-color: var(--background);
}
+[dir="rtl"] .about__header {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='412' height='198' fill='none'%3E%3Cg transform='scale(-1,1)' transform-origin='50%25 50%25'%3E%3Cpath stroke='%239D1825' stroke-width='12' d='M6 0v198'/%3E%3Cpath stroke='%23D90120' stroke-width='12' d='m30.171 1.82 51.246 191.253'/%3E%3Cpath stroke='%23408538' stroke-width='12' d='m62.427 7.626 87.895 177.422'/%3E%3Cpath stroke='%23FFEE58' stroke-width='12' d='M98.769 20.973 230.2 169.061'/%3E%3Cpath stroke='%23F17826' stroke-width='12' d='m152.67 36.891 161.59 114.424'/%3E%3Cpath stroke='%23fff' stroke-width='12' d='m246.433 66.098 190.42 54.264'/%3E%3C/g%3E%3C/svg%3E%0A");
+}
+
.about__header-image {
margin: 0 var(--gap) 3em;
}
@@ -663,6 +676,9 @@
}
@media screen and (max-width: 960px) {
+ .about__header {
+ padding-left: 21rem;
+ }
.about-php .about__header-title h1,
.credits-php .about__header-title h1,
@@ -689,6 +705,7 @@
.about__header {
padding: var(--gap);
+ padding-left: 17rem;
}
.about__header-text {
@@ -705,6 +722,7 @@
@media screen and (max-width: 600px) {
.about__header {
min-height: auto;
+ padding-left: var(--gap);
}
.about__header,