McCarthy Insurance Senior FC – Cork GAA Round 3

This CSS code styles a table-based layout, likely for displaying sports statistics⁣ or competition ‍results. ⁣Here’s a breakdown of the styles, categorized for clarity:

1. Table styling (thead.upbolck, tbody.doblock, .tabout, .tabdata)

* thead.upbolck tr th: ⁤ Styles⁣ the header cells of a table with the class upbolck.
* text-align: left;: Aligns header text to the left.
* ⁤ width: 50%;: Sets the width of the⁣ header cells to 50%. This is repeated for Team specifically.
* border: none;: Removes borders from header cells.
⁢* background-color: #fff;: Sets the background color ‍to white.
* font-size: 14px;: Sets the font size to⁢ 14px.
* ⁤ font-family: arial;: Sets the font family to Arial.
⁤ * text-transform: capitalize;:⁢ Capitalizes⁢ the frist⁤ letter of each word in the header text.

* tbody.doblock tr td: Styles ⁤the data cells of a table with the class doblock.
‍ *⁤ background-color: #fff;: Sets the background color to white.
⁣ ⁣ * border-top: none;, border-right: none;,⁣ border-left: none;: Removes borders from the top, right, and left sides of the data cells.
⁤⁤ * font-size: 14px;: Sets the⁣ font size to 14px.
* font-family: arial;:⁢ Sets the font⁢ family to Arial.

* .doblock td:not(:first-child),.upbolck th:not(:first-child), .tabout td:not(:first-child), .tabdata th:not(:first-child): This ‍is a key style. It right-aligns the⁢ text ⁢in all table data cells except the⁤ first cell in each row.This is likely to create a column for labels (like team names) on the left and numerical data⁣ on the right.

* .doblock td:first-child: Sets⁤ the width of the first data cell in each row⁤ to 50%. This ⁢reinforces the layout of a label column on the left and data columns on the right.

* .tabout tr td: Adds padding to ‍table data cells in a table with the class tabout. padding: 5px 12px;

2. General Layout & ‍Styling

* .allcompition: ⁣ Styles a floating element, likely a button or link, representing a competition.
* ⁤ background-color: #00183c;: Dark blue⁤ background.
* ⁣ border-radius: 20px;: Rounded ⁢corners.
⁣ * float: right;: Floats the element to the⁣ right.
* padding: 5px 0;: Adds vertical padding.
* margin-bottom: 8px;: Adds bottom margin.

* .container1: A container that takes up 100% ⁣width and floats to the left. ⁣ This is likely a wrapper for the entire content.

* ⁢ .compTitleMulti: Styles a competition title.
* background: rgb(0, 24, 60);: Dark blue background.
⁢ * color: #fff;: White text.
⁤ * ⁣ margin: 8px 8px 15px 0;: Adds margins.
* padding: 7px;: Adds padding.
*⁤ width: 100%;: Takes up the‍ full width.
⁢ ⁢ * clear: both;: Prevents⁤ floating elements from overlapping.

* h4.appear: Styles a heading