path: root/srcs/wordpress/wp-admin/css/about-rtl.css

/*------------------------------------------------------------------------------
  22.0 - About Pages

   1.0 Global: About, Credits, Freedoms, Privacy
    1.1 Layout
    1.2 Typography & Elements
    1.3 Header
   2.0 Credits Page
   3.0 Freedoms Page
   x.2.0 Legacy About Styles: Global
    x.2.1 Typography
    x.2.2 Structure
    x.2.3 Point Releases
   x.3.0 Legacy About Styles: About Page
    x.3.1 Typography
    x.3.2 Structure
   x.4.0 Legacy About Styles: Credits & Freedoms Pages
   x.5.0 Legacy About Styles: Media Queries
------------------------------------------------------------------------------*/

.about__container {
	/* Section backgrounds */
	--background: #f4efe1;
	--subtle-background: #d7d2c5;
	/* Main text color */
	--text: #413e38;
	/* Navigation colors. */
	--nav-background: #fefcf7;
	--nav-color: #716d64;
	/* Reds, used as accents & in header. */
	--accent-1: #bd3854;
	--accent-2: #5f1b29;
	--accent-3: #321017;
}

/*------------------------------------------------------------------------------
  1.0 - Global: About, Credits, Freedoms, Privacy
------------------------------------------------------------------------------*/

.about-php,
.credits-php,
.freedoms-php,
.privacy-php {
	background: #fff;
}

.about-php #wpcontent,
.credits-php #wpcontent,
.freedoms-php #wpcontent,
.privacy-php #wpcontent {
	background: white;
	padding: 0 24px;
}

@media screen and (max-width: 782px) {
	.about-php.auto-fold #wpcontent,
	.credits-php.auto-fold #wpcontent,
	.freedoms-php.auto-fold #wpcontent,
	.privacy-php.auto-fold #wpcontent {
		padding-right: 24px;
	}
}

.about__container {
	max-width: 1000px;
	margin: 24px auto;
	clear: both;
}

.about__container .alignleft {
	float: right;
}

.about__container .alignright {
	float: left;
}

.about__container .aligncenter {
	text-align: center;
}

.about__container .is-vertically-aligned-top {
	-ms-grid-row-align: start;
	align-self: start;
}

.about__container .is-vertically-aligned-center {
	-ms-grid-row-align: center;
	align-self: center;
}

.about__container .is-vertically-aligned-bottom {
	-ms-grid-row-align: end;
	align-self: end;
}

.about__section {
	background: #F4EFE1;
	background: var(--background);
}

.about__container .has-accent-background-color {
	background-color: #BD3854;
	background-color: var(--accent-1);
}

.about__container .has-subtle-background-color {
	background-color: #D7D2C5;
	background-color: var(--subtle-background);
}

/* 1.1 - Layout */

.about__section {
	margin: 0;
}

.about__section .column {
	padding: 32px;
}

.about__section .column.is-edge-to-edge {
	padding: 0;
}

.about__section .column p:last-of-type {
	margin-bottom: 0;
}

.about__section .is-section-header {
	margin-bottom: 0;
	padding: 32px 32px 0;
}

.about__section.is-feature {
	padding: 32px;
}

.about__section.is-feature p {
	margin: 0;
}

.about__section.has-2-columns,
.about__section.has-3-columns,
.about__section.has-4-columns {
	display: -ms-grid;
	display: grid;
}

.about__section.has-2-columns {
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}

.about__section.has-2-columns.is-wider-right {
	-ms-grid-columns: 1fr 2fr;
	grid-template-columns: 1fr 2fr;
}

.about__section.has-2-columns.is-wider-left {
	-ms-grid-columns: 2fr 1fr;
	grid-template-columns: 2fr 1fr;
}

.about__section.has-2-columns .is-section-header {
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
}

.about__section.has-2-columns .column:nth-of-type(2n+1) {
	-ms-grid-column: 1;
	grid-column-start: 1;
}

.about__section.has-2-columns .column:nth-of-type(2n) {
	-ms-grid-column: 2;
	grid-column-start: 2;
}

.about__section.has-3-columns {
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
}

.about__section.has-3-columns .is-section-header {
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: 3;
	grid-column-end: span 3;
}

.about__section.has-3-columns .column:nth-of-type(3n+1) {
	-ms-grid-column: 1;
	grid-column-start: 1;
}

.about__section.has-3-columns .column:nth-of-type(3n+2) {
	-ms-grid-column: 2;
	grid-column-start: 2;
}

.about__section.has-3-columns .column:nth-of-type(3n) {
	-ms-grid-column: 3;
	grid-column-start: 3;
}

.about__section.has-4-columns {
	-ms-grid-columns: (1fr)[