Making WordPress.org

Changeset 10994


Ignore:
Timestamp:
05/26/2021 05:43:45 PM (3 years ago)
Author:
ryelle
Message:

Main Theme: Fix RTL styles on 40% of the Web page.

Props crunnells.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/page-40-percent-style.css

    r10958 r10994  
    487487    fill: #d13638;
    488488}
     489
     490/* RTL Style Overrides */
     491.rtl #pills {
     492    transform: scaleX(-1);
     493}
     494
     495.rtl ._40p-timeline-title {
     496    margin-right: 0 !important;
     497    text-align: right;
     498}
     499
     500.rtl ._40p-timeline-intro {
     501    left: 0;
     502    right: auto;
     503}
     504
     505.rtl ._40p-timeline-block .ctl-instant-timeline .story-time {
     506    text-align: left;
     507}
     508
     509.rtl ._40p-timeline-block .ctl-instant-timeline .story-details h3 em:last-child {
     510    margin-left: 0;
     511    margin-right: 4px;
     512}
     513
     514/* Odd rows */
     515.rtl ._40p-timeline-block .ctl-instant-timeline .timeline-content:nth-child(2n+1) .ctl-row .ctl-col-6:nth-child(1),
     516.rtl ._40p-timeline-block .ctl-instant-timeline .timeline-content:nth-child(2n+1) .story-details {
     517    text-align: right;
     518}
     519
     520.rtl ._40p-timeline-block .ctl-instant-timeline .timeline-content:nth-child(2n+1) .ctl-row .ctl-col-6:nth-child(2) {
     521    padding: 0 35px 0 0;
     522}
     523
     524.rtl ._40p-timeline-block .ctl-instant-timeline .timeline-content:nth-child(2n+1) .story-time {
     525    text-align: left;
     526}
     527
     528/* Even rows */
     529.rtl ._40p-timeline-block .ctl-instant-timeline .timeline-content:nth-child(2n) .ctl-row .ctl-col-6:nth-child(1) {
     530    padding: 0 0 0 35px;
     531}
     532
     533.rtl ._40p-timeline-block .ctl-instant-timeline .timeline-content:nth-child(2n) .story-details {
     534    text-align: left;
     535}
     536
     537.rtl ._40p-timeline-block .ctl-instant-timeline .timeline-content:nth-child(2n) > div > div:nth-child(2n):before {
     538    left: auto;
     539    right: -35px;
     540}
     541
     542.rtl ._40p-timeline-block .ctl-instant-timeline .timeline-content:nth-child(2n) .ctl-row .ctl-col-6:nth-child(2) {
     543    padding: 0 35px 0 0;
     544}
     545
     546.rtl ._40p-timeline-block .ctl-instant-timeline .timeline-content:nth-child(2n) .ctl-row .ctl-col-6:nth-child(2) .story-time {
     547    text-align: right;
     548}
Note: See TracChangeset for help on using the changeset viewer.