timeline/top-section.yml
timeline-top-section
The timeline top section that, for a page, contains the page name, brief information, the like button, and other links.
Selectors:
- .fbTimelineTopSection
timeline-top-section--base
Selectors:
- .fbTimelineTopSectionBase
timeline-top-section--bottom-border
At the very bottom of the top section of the timeline, there is a curved border image at the bottom. Thus, we need to eliminate it.
Selectors:
- .topSectionBottomBorder
timeline-top-section--frame
Those rectangle links in the timeline.
Selectors:
- .fbTimelineNavigationWrapper .frame
timeline-top-section--frame--inner
Selectors:
- .fbTimelineNavigationWrapper .frame .mat
timeline-top-section--frame--detail
We need a separate detail selector because that's where the background gets applied.
If we just apply the background to the frame, some pictures will go missing.
Selectors:
- .fbTimelineNavigationWrapper .detail
timeline-top-section--frame--blurb
The short information about the page. The about section.
Selectors:
- .fbTimelineSummarySection span.fbLongBlurb
timeline-top-section--frame--title-text
The title text of each frame item.
Selectors:
- .fbTimelineNavigationWrapper .title .text
timeline-top-section--ribbon
The more button at the timeline header.
Selectors:
- .fbTimelineMoreButton .fbTimelineRibbon
timeline-top-section--headline
The page name.
Selectors:
- #fbTimelineHeadline h2