Edit File by line
/home/barbar84/public_h.../wp-admin/css
File: about-rtl.css
/*! This file is auto-generated */
[0] Fix | Delete
/*------------------------------------------------------------------------------
[1] Fix | Delete
22.0 - About Pages
[2] Fix | Delete
[3] Fix | Delete
1.0 Global: About, Credits, Freedoms, Privacy
[4] Fix | Delete
1.1 Layout
[5] Fix | Delete
1.2 Typography & Elements
[6] Fix | Delete
1.3 Header
[7] Fix | Delete
2.0 Credits Page
[8] Fix | Delete
3.0 Freedoms Page
[9] Fix | Delete
x.2.0 Legacy About Styles: Global
[10] Fix | Delete
x.2.1 Typography
[11] Fix | Delete
x.2.2 Structure
[12] Fix | Delete
x.2.3 Point Releases
[13] Fix | Delete
x.3.0 Legacy About Styles: About Page
[14] Fix | Delete
x.3.1 Typography
[15] Fix | Delete
x.3.2 Structure
[16] Fix | Delete
x.4.0 Legacy About Styles: Credits & Freedoms Pages
[17] Fix | Delete
x.5.0 Legacy About Styles: Media Queries
[18] Fix | Delete
------------------------------------------------------------------------------*/
[19] Fix | Delete
[20] Fix | Delete
.about__container {
[21] Fix | Delete
/* Section backgrounds */
[22] Fix | Delete
--background: #fff;
[23] Fix | Delete
--subtle-background: #fde4bf;
[24] Fix | Delete
[25] Fix | Delete
/* Main text color */
[26] Fix | Delete
--text: #00131c;
[27] Fix | Delete
--text-light: #fff;
[28] Fix | Delete
[29] Fix | Delete
/* Accent colors: used in header, on special classes. */
[30] Fix | Delete
--accent-1: #0a5b89; /* Accent background */
[31] Fix | Delete
--accent-2: #fde4bf; /* Heading subtitle */
[32] Fix | Delete
[33] Fix | Delete
/* Navigation colors. */
[34] Fix | Delete
--nav-background: var(--background);
[35] Fix | Delete
--nav-border: #fcc36f;
[36] Fix | Delete
--nav-color: var(--text);
[37] Fix | Delete
--nav-current: #0a5b88;
[38] Fix | Delete
}
[39] Fix | Delete
[40] Fix | Delete
/*------------------------------------------------------------------------------
[41] Fix | Delete
1.0 - Global: About, Credits, Freedoms, Privacy
[42] Fix | Delete
------------------------------------------------------------------------------*/
[43] Fix | Delete
[44] Fix | Delete
.about-php,
[45] Fix | Delete
.credits-php,
[46] Fix | Delete
.freedoms-php,
[47] Fix | Delete
.privacy-php {
[48] Fix | Delete
background: #fff;
[49] Fix | Delete
}
[50] Fix | Delete
[51] Fix | Delete
.about-php #wpcontent,
[52] Fix | Delete
.credits-php #wpcontent,
[53] Fix | Delete
.freedoms-php #wpcontent,
[54] Fix | Delete
.privacy-php #wpcontent {
[55] Fix | Delete
background: white;
[56] Fix | Delete
padding: 0 24px;
[57] Fix | Delete
}
[58] Fix | Delete
[59] Fix | Delete
@media screen and (max-width: 782px) {
[60] Fix | Delete
.about-php.auto-fold #wpcontent,
[61] Fix | Delete
.credits-php.auto-fold #wpcontent,
[62] Fix | Delete
.freedoms-php.auto-fold #wpcontent,
[63] Fix | Delete
.privacy-php.auto-fold #wpcontent {
[64] Fix | Delete
padding-right: 24px;
[65] Fix | Delete
}
[66] Fix | Delete
}
[67] Fix | Delete
[68] Fix | Delete
.about__container {
[69] Fix | Delete
max-width: 1000px;
[70] Fix | Delete
margin: 24px auto;
[71] Fix | Delete
clear: both;
[72] Fix | Delete
}
[73] Fix | Delete
[74] Fix | Delete
.about__container .alignleft {
[75] Fix | Delete
float: right;
[76] Fix | Delete
}
[77] Fix | Delete
[78] Fix | Delete
.about__container .alignright {
[79] Fix | Delete
float: left;
[80] Fix | Delete
}
[81] Fix | Delete
[82] Fix | Delete
.about__container .aligncenter {
[83] Fix | Delete
text-align: center;
[84] Fix | Delete
}
[85] Fix | Delete
[86] Fix | Delete
.about__container .is-vertically-aligned-top {
[87] Fix | Delete
-ms-grid-row-align: start;
[88] Fix | Delete
align-self: start;
[89] Fix | Delete
}
[90] Fix | Delete
[91] Fix | Delete
.about__container .is-vertically-aligned-center {
[92] Fix | Delete
-ms-grid-row-align: center;
[93] Fix | Delete
align-self: center;
[94] Fix | Delete
}
[95] Fix | Delete
[96] Fix | Delete
.about__container .is-vertically-aligned-bottom {
[97] Fix | Delete
-ms-grid-row-align: end;
[98] Fix | Delete
align-self: end;
[99] Fix | Delete
}
[100] Fix | Delete
[101] Fix | Delete
.about__section {
[102] Fix | Delete
background: #fff;
[103] Fix | Delete
background: var(--background);
[104] Fix | Delete
clear: both;
[105] Fix | Delete
}
[106] Fix | Delete
[107] Fix | Delete
.about__container .has-accent-background-color {
[108] Fix | Delete
background-color: #0a5b89;
[109] Fix | Delete
background-color: var(--accent-1);
[110] Fix | Delete
color: #fff;
[111] Fix | Delete
color: var(--text-light);
[112] Fix | Delete
}
[113] Fix | Delete
[114] Fix | Delete
.about__container .has-accent-background-color a {
[115] Fix | Delete
color: #fff;
[116] Fix | Delete
color: var(--text-light);
[117] Fix | Delete
}
[118] Fix | Delete
[119] Fix | Delete
.about__container .has-transparent-background-color {
[120] Fix | Delete
background-color: transparent;
[121] Fix | Delete
}
[122] Fix | Delete
[123] Fix | Delete
.about__container .has-accent-color {
[124] Fix | Delete
color: #00131c;
[125] Fix | Delete
color: var(--text);
[126] Fix | Delete
font-weight: bold;
[127] Fix | Delete
}
[128] Fix | Delete
[129] Fix | Delete
.about__container .has-border {
[130] Fix | Delete
border: 3px solid currentColor;
[131] Fix | Delete
}
[132] Fix | Delete
[133] Fix | Delete
.about__container .has-subtle-background-color {
[134] Fix | Delete
background-color: #fde4bf;
[135] Fix | Delete
background-color: var(--subtle-background);
[136] Fix | Delete
}
[137] Fix | Delete
[138] Fix | Delete
.about__container .has-background-image {
[139] Fix | Delete
background-size: contain;
[140] Fix | Delete
background-repeat: no-repeat;
[141] Fix | Delete
background-position: center;
[142] Fix | Delete
}
[143] Fix | Delete
[144] Fix | Delete
/* 1.1 - Layout */
[145] Fix | Delete
[146] Fix | Delete
.about__section {
[147] Fix | Delete
margin: 0;
[148] Fix | Delete
}
[149] Fix | Delete
[150] Fix | Delete
.about__section .column {
[151] Fix | Delete
padding: 32px;
[152] Fix | Delete
}
[153] Fix | Delete
[154] Fix | Delete
.about__section + .about__section .column {
[155] Fix | Delete
padding-top: 0;
[156] Fix | Delete
}
[157] Fix | Delete
[158] Fix | Delete
.about__section + .about__section .is-section-header {
[159] Fix | Delete
padding-bottom: 32px;
[160] Fix | Delete
}
[161] Fix | Delete
[162] Fix | Delete
.about__section .column[class*="background-color"],
[163] Fix | Delete
.about__section .column.has-border {
[164] Fix | Delete
padding-top: 32px;
[165] Fix | Delete
}
[166] Fix | Delete
[167] Fix | Delete
.about__section .column.is-edge-to-edge {
[168] Fix | Delete
padding: 0;
[169] Fix | Delete
}
[170] Fix | Delete
[171] Fix | Delete
.about__section .column p:first-of-type {
[172] Fix | Delete
margin-top: 0;
[173] Fix | Delete
}
[174] Fix | Delete
[175] Fix | Delete
.about__section .column p:last-of-type {
[176] Fix | Delete
margin-bottom: 0;
[177] Fix | Delete
}
[178] Fix | Delete
[179] Fix | Delete
.about__section .has-text-columns {
[180] Fix | Delete
columns: 2;
[181] Fix | Delete
column-gap: 64px;
[182] Fix | Delete
}
[183] Fix | Delete
[184] Fix | Delete
.about__section .is-section-header {
[185] Fix | Delete
margin-bottom: 0;
[186] Fix | Delete
padding: 32px 32px 0;
[187] Fix | Delete
}
[188] Fix | Delete
[189] Fix | Delete
.about__section .is-section-header p:last-child {
[190] Fix | Delete
margin-bottom: 0;
[191] Fix | Delete
}
[192] Fix | Delete
[193] Fix | Delete
/* Section header is alone in a container. */
[194] Fix | Delete
.about__section .is-section-header:first-child:last-child {
[195] Fix | Delete
padding: 0;
[196] Fix | Delete
}
[197] Fix | Delete
[198] Fix | Delete
.about__section.is-feature {
[199] Fix | Delete
padding: 32px;
[200] Fix | Delete
}
[201] Fix | Delete
[202] Fix | Delete
.about__section.is-feature p {
[203] Fix | Delete
margin: 0;
[204] Fix | Delete
}
[205] Fix | Delete
[206] Fix | Delete
.about__section.is-feature p + p {
[207] Fix | Delete
margin-top: 1rem;
[208] Fix | Delete
}
[209] Fix | Delete
[210] Fix | Delete
.about__section.has-1-column {
[211] Fix | Delete
margin-right: auto;
[212] Fix | Delete
margin-left: auto;
[213] Fix | Delete
max-width: 36em;
[214] Fix | Delete
}
[215] Fix | Delete
[216] Fix | Delete
.about__section.has-2-columns,
[217] Fix | Delete
.about__section.has-3-columns,
[218] Fix | Delete
.about__section.has-4-columns,
[219] Fix | Delete
.about__section.has-overlap-style {
[220] Fix | Delete
display: -ms-grid;
[221] Fix | Delete
display: grid;
[222] Fix | Delete
}
[223] Fix | Delete
[224] Fix | Delete
.about__section.has-gutters {
[225] Fix | Delete
gap: 16px;
[226] Fix | Delete
}
[227] Fix | Delete
[228] Fix | Delete
.about__section.has-2-columns {
[229] Fix | Delete
-ms-grid-columns: 1fr 1fr;
[230] Fix | Delete
grid-template-columns: 1fr 1fr;
[231] Fix | Delete
}
[232] Fix | Delete
[233] Fix | Delete
.about__section.has-2-columns.is-wider-right {
[234] Fix | Delete
-ms-grid-columns: 1fr 2fr;
[235] Fix | Delete
grid-template-columns: 1fr 2fr;
[236] Fix | Delete
}
[237] Fix | Delete
[238] Fix | Delete
.about__section.has-2-columns.is-wider-left {
[239] Fix | Delete
-ms-grid-columns: 2fr 1fr;
[240] Fix | Delete
grid-template-columns: 2fr 1fr;
[241] Fix | Delete
}
[242] Fix | Delete
[243] Fix | Delete
.about__section.has-2-columns .is-section-header {
[244] Fix | Delete
-ms-grid-column: 1;
[245] Fix | Delete
grid-column-start: 1;
[246] Fix | Delete
-ms-grid-column-span: 2;
[247] Fix | Delete
grid-column-end: span 2;
[248] Fix | Delete
}
[249] Fix | Delete
[250] Fix | Delete
.about__section.has-2-columns .column:nth-of-type(2n+1) {
[251] Fix | Delete
-ms-grid-column: 1;
[252] Fix | Delete
grid-column-start: 1;
[253] Fix | Delete
}
[254] Fix | Delete
[255] Fix | Delete
.about__section.has-2-columns .column:nth-of-type(2n) {
[256] Fix | Delete
-ms-grid-column: 2;
[257] Fix | Delete
grid-column-start: 2;
[258] Fix | Delete
}
[259] Fix | Delete
[260] Fix | Delete
.about__section.has-3-columns {
[261] Fix | Delete
-ms-grid-columns: (1fr)[3];
[262] Fix | Delete
grid-template-columns: repeat(3, 1fr);
[263] Fix | Delete
}
[264] Fix | Delete
[265] Fix | Delete
.about__section.has-3-columns .is-section-header {
[266] Fix | Delete
-ms-grid-column: 1;
[267] Fix | Delete
grid-column-start: 1;
[268] Fix | Delete
-ms-grid-column-span: 3;
[269] Fix | Delete
grid-column-end: span 3;
[270] Fix | Delete
}
[271] Fix | Delete
[272] Fix | Delete
.about__section.has-3-columns .column:nth-of-type(3n+1) {
[273] Fix | Delete
-ms-grid-column: 1;
[274] Fix | Delete
grid-column-start: 1;
[275] Fix | Delete
}
[276] Fix | Delete
[277] Fix | Delete
.about__section.has-3-columns .column:nth-of-type(3n+2) {
[278] Fix | Delete
-ms-grid-column: 2;
[279] Fix | Delete
grid-column-start: 2;
[280] Fix | Delete
}
[281] Fix | Delete
[282] Fix | Delete
.about__section.has-3-columns .column:nth-of-type(3n) {
[283] Fix | Delete
-ms-grid-column: 3;
[284] Fix | Delete
grid-column-start: 3;
[285] Fix | Delete
}
[286] Fix | Delete
[287] Fix | Delete
.about__section.has-4-columns {
[288] Fix | Delete
-ms-grid-columns: (1fr)[4];
[289] Fix | Delete
grid-template-columns: repeat(4, 1fr);
[290] Fix | Delete
}
[291] Fix | Delete
[292] Fix | Delete
.about__section.has-4-columns .is-section-header {
[293] Fix | Delete
-ms-grid-column: 1;
[294] Fix | Delete
grid-column-start: 1;
[295] Fix | Delete
-ms-grid-column-span: 4;
[296] Fix | Delete
grid-column-end: span 4;
[297] Fix | Delete
}
[298] Fix | Delete
[299] Fix | Delete
.about__section.has-4-columns .column:nth-of-type(4n+1) {
[300] Fix | Delete
-ms-grid-column: 1;
[301] Fix | Delete
grid-column-start: 1;
[302] Fix | Delete
}
[303] Fix | Delete
[304] Fix | Delete
.about__section.has-4-columns .column:nth-of-type(4n+2) {
[305] Fix | Delete
-ms-grid-column: 2;
[306] Fix | Delete
grid-column-start: 2;
[307] Fix | Delete
}
[308] Fix | Delete
[309] Fix | Delete
.about__section.has-4-columns .column:nth-of-type(4n+3) {
[310] Fix | Delete
-ms-grid-column: 3;
[311] Fix | Delete
grid-column-start: 3;
[312] Fix | Delete
}
[313] Fix | Delete
[314] Fix | Delete
.about__section.has-4-columns .column:nth-of-type(4n) {
[315] Fix | Delete
-ms-grid-column: 4;
[316] Fix | Delete
grid-column-start: 4;
[317] Fix | Delete
}
[318] Fix | Delete
[319] Fix | Delete
/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
[320] Fix | Delete
.about__section.has-2-columns .is-section-header ~ .column,
[321] Fix | Delete
.about__section.has-3-columns .is-section-header ~ .column,
[322] Fix | Delete
.about__section.has-4-columns .is-section-header ~ .column,
[323] Fix | Delete
.about__section.has-overlap-style .is-section-header ~ .column {
[324] Fix | Delete
-ms-grid-row: 2;
[325] Fix | Delete
grid-row-start: 2;
[326] Fix | Delete
}
[327] Fix | Delete
[328] Fix | Delete
.about__section.has-overlap-style {
[329] Fix | Delete
-ms-grid-columns: (1fr)[7];
[330] Fix | Delete
grid-template-columns: repeat(7, 1fr);
[331] Fix | Delete
}
[332] Fix | Delete
[333] Fix | Delete
.about__section.has-overlap-style .column {
[334] Fix | Delete
-ms-grid-row: 1;
[335] Fix | Delete
grid-row-start: 1;
[336] Fix | Delete
}
[337] Fix | Delete
[338] Fix | Delete
.about__section.has-overlap-style .column:nth-of-type(2n+1) {
[339] Fix | Delete
-ms-grid-column: 2;
[340] Fix | Delete
grid-column-start: 2;
[341] Fix | Delete
-ms-grid-column-span: 3;
[342] Fix | Delete
grid-column-end: span 3;
[343] Fix | Delete
}
[344] Fix | Delete
[345] Fix | Delete
.about__section.has-overlap-style .column:nth-of-type(2n) {
[346] Fix | Delete
-ms-grid-column: 4;
[347] Fix | Delete
grid-column-start: 4;
[348] Fix | Delete
-ms-grid-column-span: 3;
[349] Fix | Delete
grid-column-end: span 3;
[350] Fix | Delete
}
[351] Fix | Delete
[352] Fix | Delete
.about__section.has-overlap-style .column.is-top-layer {
[353] Fix | Delete
z-index: 1;
[354] Fix | Delete
}
[355] Fix | Delete
[356] Fix | Delete
@media screen and (max-width: 782px) {
[357] Fix | Delete
.about__section.has-2-columns.is-wider-right,
[358] Fix | Delete
.about__section.has-2-columns.is-wider-left,
[359] Fix | Delete
.about__section.has-3-columns {
[360] Fix | Delete
display: block;
[361] Fix | Delete
padding-bottom: 16px;
[362] Fix | Delete
}
[363] Fix | Delete
[364] Fix | Delete
.about__section.has-2-columns.has-gutters .column,
[365] Fix | Delete
.about__section.has-2-columns.has-gutters .column,
[366] Fix | Delete
.about__section.has-3-columns.has-gutters .column {
[367] Fix | Delete
margin-bottom: 16px;
[368] Fix | Delete
}
[369] Fix | Delete
[370] Fix | Delete
.about__section.has-2-columns.has-gutters .column:last-child,
[371] Fix | Delete
.about__section.has-2-columns.has-gutters .column:last-child,
[372] Fix | Delete
.about__section.has-3-columns.has-gutters .column:last-child {
[373] Fix | Delete
margin-bottom: 0;
[374] Fix | Delete
}
[375] Fix | Delete
[376] Fix | Delete
.about__section.has-3-columns .column:nth-of-type(n) {
[377] Fix | Delete
padding-top: 16px;
[378] Fix | Delete
padding-bottom: 16px;
[379] Fix | Delete
}
[380] Fix | Delete
[381] Fix | Delete
.about__section.has-4-columns {
[382] Fix | Delete
-ms-grid-columns: (1fr)[2];
[383] Fix | Delete
grid-template-columns: repeat(2, 1fr);
[384] Fix | Delete
}
[385] Fix | Delete
[386] Fix | Delete
.about__section.has-4-columns .column:nth-of-type(2n+1) {
[387] Fix | Delete
-ms-grid-column: 1;
[388] Fix | Delete
grid-column-start: 1;
[389] Fix | Delete
}
[390] Fix | Delete
[391] Fix | Delete
.about__section.has-4-columns .column:nth-of-type(2n) {
[392] Fix | Delete
-ms-grid-column: 2;
[393] Fix | Delete
grid-column-start: 2;
[394] Fix | Delete
}
[395] Fix | Delete
[396] Fix | Delete
.about__section.has-4-columns .column:nth-of-type(4n+3),
[397] Fix | Delete
.about__section.has-4-columns .column:nth-of-type(4n) {
[398] Fix | Delete
-ms-grid-row: 2;
[399] Fix | Delete
grid-row-start: 2;
[400] Fix | Delete
}
[401] Fix | Delete
[402] Fix | Delete
.about__section.has-4-columns .is-section-header {
[403] Fix | Delete
-ms-grid-column-span: 2;
[404] Fix | Delete
grid-column-end: span 2;
[405] Fix | Delete
}
[406] Fix | Delete
[407] Fix | Delete
.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),
[408] Fix | Delete
.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {
[409] Fix | Delete
-ms-grid-row: 3;
[410] Fix | Delete
grid-row-start: 3;
[411] Fix | Delete
}
[412] Fix | Delete
[413] Fix | Delete
.about__section.has-overlap-style {
[414] Fix | Delete
-ms-grid-columns: 1fr;
[415] Fix | Delete
grid-template-columns: 1fr;
[416] Fix | Delete
}
[417] Fix | Delete
[418] Fix | Delete
/* At this size, the two columns fully overlap */
[419] Fix | Delete
.about__section.has-overlap-style .column.column {
[420] Fix | Delete
-ms-grid-column: 1;
[421] Fix | Delete
grid-column-start: 1;
[422] Fix | Delete
-ms-grid-column-span: 1;
[423] Fix | Delete
grid-column-end: 2;
[424] Fix | Delete
-ms-grid-row: 1;
[425] Fix | Delete
grid-row-start: 1;
[426] Fix | Delete
-ms-grid-row-span: 1;
[427] Fix | Delete
grid-row-end: 2;
[428] Fix | Delete
}
[429] Fix | Delete
}
[430] Fix | Delete
[431] Fix | Delete
@media screen and (max-width: 600px) {
[432] Fix | Delete
.about__section.has-2-columns {
[433] Fix | Delete
display: block;
[434] Fix | Delete
padding-bottom: 16px;
[435] Fix | Delete
}
[436] Fix | Delete
[437] Fix | Delete
.about__section.has-2-columns.has-gutters .column {
[438] Fix | Delete
margin-bottom: 16px;
[439] Fix | Delete
}
[440] Fix | Delete
[441] Fix | Delete
.about__section.has-2-columns.has-gutters .column:last-child {
[442] Fix | Delete
margin-bottom: 0;
[443] Fix | Delete
}
[444] Fix | Delete
[445] Fix | Delete
.about__section.has-2-columns .column:nth-of-type(n) {
[446] Fix | Delete
padding-top: 16px;
[447] Fix | Delete
padding-bottom: 16px;
[448] Fix | Delete
}
[449] Fix | Delete
}
[450] Fix | Delete
[451] Fix | Delete
@media screen and (max-width: 480px) {
[452] Fix | Delete
.about__section.is-feature .column {
[453] Fix | Delete
padding: 0;
[454] Fix | Delete
}
[455] Fix | Delete
[456] Fix | Delete
.about__section.has-4-columns {
[457] Fix | Delete
display: block;
[458] Fix | Delete
padding-bottom: 16px;
[459] Fix | Delete
}
[460] Fix | Delete
[461] Fix | Delete
.about__section.has-4-columns.has-gutters .column {
[462] Fix | Delete
margin-bottom: 16px;
[463] Fix | Delete
}
[464] Fix | Delete
[465] Fix | Delete
.about__section.has-4-columns.has-gutters .column:last-child {
[466] Fix | Delete
margin-bottom: 0;
[467] Fix | Delete
}
[468] Fix | Delete
[469] Fix | Delete
.about__section.has-4-columns .column:nth-of-type(n) {
[470] Fix | Delete
padding-top: 16px;
[471] Fix | Delete
padding-bottom: 16px;
[472] Fix | Delete
}
[473] Fix | Delete
}
[474] Fix | Delete
[475] Fix | Delete
/* 1.2 - Typography & Elements */
[476] Fix | Delete
[477] Fix | Delete
.about__container {
[478] Fix | Delete
line-height: 1.4;
[479] Fix | Delete
color: #00131c;
[480] Fix | Delete
color: var(--text);
[481] Fix | Delete
}
[482] Fix | Delete
[483] Fix | Delete
.about__container h1 {
[484] Fix | Delete
margin: 0 0 1em;
[485] Fix | Delete
padding: 0;
[486] Fix | Delete
font-weight: 600;
[487] Fix | Delete
color: inherit;
[488] Fix | Delete
}
[489] Fix | Delete
[490] Fix | Delete
.about__container h1,
[491] Fix | Delete
.about__container h2,
[492] Fix | Delete
.about__container h3.is-larger-heading {
[493] Fix | Delete
margin-top: 0;
[494] Fix | Delete
margin-bottom: 0.5em;
[495] Fix | Delete
font-size: 2.9em;
[496] Fix | Delete
line-height: 1.2;
[497] Fix | Delete
font-weight: 400;
[498] Fix | Delete
}
[499] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function