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