0% found this document useful (0 votes)
4 views

style.css_5

The document is a CSS stylesheet defining various color variables and styles for a table layout. It includes styles for table headers, cells, and links, with specific hover effects and background colors. The stylesheet aims to create a visually appealing and user-friendly table design using defined color schemes.

Uploaded by

liceredump
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views

style.css_5

The document is a CSS stylesheet defining various color variables and styles for a table layout. It includes styles for table headers, cells, and links, with specific hover effects and background colors. The stylesheet aims to create a visually appealing and user-friendly table design using defined color schemes.

Uploaded by

liceredump
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

style.

css

:root{
--color-link: #831619;
--color-link-hover: #1E618B;
--color-link-danger: #ce0c11;
--color-tx-danger: #f2f2f2;
--color-bg-header: #BCB90D;
--color-tx-header: #222;
--color-border: #ddd;
}

table {
border-collapse: collapse;
margin-top: 20px;
font-family: Arial, sans-serif;
}

caption {
caption-side: top;
font-size: 1.5em;
margin-bottom: 10px;
font-weight: bold;
}

th, td {
border: 2px solid var(--color-border);
padding: 12px;
text-align: center;
}

th {
background-color: var(--color-bg-header);
color: var(--color-tx-header);
}

td a {
color: var(--color-link);
text-decoration: none;
font-weight: bold;
}

td a[rel="noopener"]:hover {
color: var(--color-link-hover);
border-bottom: 2px dashed var(--color-link-hover);
}

td a:not([rel="noopener"]):hover {
color: var(--color-tx-danger);
border-bottom: 3px solid var(--color-tx-danger);
}

td:has(a:not([rel="noopener"]):hover){
background-color: var(--color-link-danger);
}

You might also like