The current program widget is formatted using CSS. It includes various styles and properties to display the program information.
The widget is contained within a div with the class “currentProgramWidget”. It has padding to provide spacing. The list items within the widget are displayed in a flexbox layout with a column direction. This allows the program information to be aligned vertically.
The program information is displayed using a link element with the class “socastPlayerBtn”. The link is ordered as the second item within the flexbox. The program title and timeslot information are displayed in a div with the class “sc-list-content sc-list-info program-info”. This div is ordered as the first item within the flexbox and has a margin-bottom for spacing.
The images within the widget have border styles applied to them. The images are contained within elements with the class “sc-image-border” or “sc-image”. The border property is set to none to remove the border, and the width is set to 100% to ensure the images fill the available space.
The background color of the widget is set to a dark gray color (#1a1a1a) to provide a visually appealing background.
The text color within the widget is set to white (#fff) to ensure it is readable against the dark background. This applies to the widget itself, as well as any links within it.
The program timeslot within the widget has a font weight of 500 to make it more prominent.
Padding is applied to the program title and timeslot to provide spacing. The icon within the timeslot is set to display:none to hide it.
Overall, these CSS styles and properties help to format and style the current program widget.
The post Current Program Widget Formatting appeared first on satProviders.