Scribd
Upload
0 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
Available Formats
Download as PDF, TXT or read online on Scribd
0 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
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