146 lines
2.6 KiB
CSS
146 lines
2.6 KiB
CSS
.tablelist{
|
|
display: grid;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.tablelist li {
|
|
border-bottom: 1px solid black;
|
|
padding: 10px;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
}
|
|
.tablelist a {
|
|
color: #000000;
|
|
}
|
|
|
|
.tablelist a:hover li{
|
|
color: rgb(211, 235, 255);
|
|
background: rgba(31, 44, 61, 1);
|
|
}
|
|
|
|
.tablelist li.title{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.col7{
|
|
grid-template-columns: repeat(7,1fr);
|
|
}
|
|
|
|
.col7 .odd{
|
|
background: green;
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 8;
|
|
grid-template-columns: repeat(5,auto);
|
|
}
|
|
|
|
.col7 .even{
|
|
background: pink;
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 8;
|
|
grid-template-columns: repeat(5,auto);
|
|
}
|
|
|
|
.tablelist.col7 a.h4long
|
|
{
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 7;
|
|
grid-template-columns: repeat(4,auto);
|
|
}
|
|
|
|
.tablelist.col7 a
|
|
{
|
|
display: grid;
|
|
grid-column-start: 5;
|
|
grid-column-end: 8;
|
|
grid-template-columns: auto;
|
|
}
|
|
|
|
.tablelist.col6{
|
|
grid-template-columns: repeat(6,1fr);
|
|
}
|
|
|
|
/*.col6 .odd{
|
|
background: green;
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 7;
|
|
grid-template-columns: repeat(5,auto);
|
|
}
|
|
|
|
.col6 .even{
|
|
background: pink;
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 7;
|
|
grid-template-columns: repeat(5,auto);
|
|
}*/
|
|
|
|
|
|
.col6 .odd{
|
|
background: rgba(144, 144, 144, 0.25);
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 7;
|
|
grid-template-columns: repeat(6,1fr);
|
|
}
|
|
|
|
.col6 .even{
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 7;
|
|
grid-template-columns: repeat(6,1fr);
|
|
}
|
|
|
|
.tablelist.col6 a.h2long{
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-template-columns: repeat(4,1fr);
|
|
}
|
|
|
|
|
|
.tablelist.col6 a{
|
|
display: grid;
|
|
grid-column-start: 5;
|
|
grid-column-end: 7;
|
|
grid-template-columns: repeat(2,1fr);
|
|
}
|
|
|
|
|
|
.tablelist.col3{
|
|
grid-template-columns: repeat(3,1fr);
|
|
}
|
|
|
|
|
|
.col2 .odd{
|
|
background: rgba(144, 144, 144, 0.25);
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-template-columns: repeat(3,1fr);
|
|
}
|
|
|
|
.col2 .even{
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-template-columns: repeat(3,1fr);
|
|
}
|
|
|
|
|
|
.tablelist.col2 a.h2long{
|
|
display: grid;
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-template-columns: repeat(2,1fr);
|
|
}
|
|
|
|
.tablelist.col2 {
|
|
display: grid;
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
grid-template-columns: repeat(1,1fr);
|
|
} |